html{ background: #f3f9fc;}
/*body{ background: #f3f9fc;}*/
.mid-nav{ display: block; width: 100%; padding: 0px 0 20px;}
.mid-nav li{ display: block; float: left; margin-left: 35px;}
.mid-nav li:first-child{ margin-left: 0px;}
.mid-nav li a{ font-size: 16px;}
/*广告位置*/
.banner{ display: block; width: 100%;height: 450px;background: #f3f9fc;}
.banner .banner-r1{ width: 420px; float: left;background: #fff;height:442px}
.banner .banner-l{ width: 780px; float: left;}
.banner .banner-l ul{ display: block;}
.banner .banner-l ul li{ width: 373px; height: 213px; display: block; margin-bottom: 16px; margin-right: 16px; background:#f3f9fc ; float: left; overflow: hidden; position: relative;}
.banner .banner-l ul li  span{ display: block;  position: absolute; bottom: 0px; left: 0px;font-weight: bold; font-size: 14px; line-height: 28px; max-height: 56px; overflow: hidden; color: #fff;padding: 0px 15px; width: 344px;background: rgba(0,0,0,0.4);}
.banner .banner-l ul li a:hover{ color: #fff;}
.banner .banner-l ul li a img{width:100%}

.banner .banner-r1 .list-tab li{font-size: 17px;text-align: center;float: left;border-bottom: 2px solid #ccc;margin: 0 28px;width: 84px;font-weight: bold;padding: 6px 0;}
.banner .banner-r1 .list-tab .tab_on{color: #4EADEF;border-color: #4EADEF;}
.banner .banner-r1 .list-body{padding: 26px 28px 0;}
.banner .banner-r1 .list-body ul{padding: 20px 0 0;}
.banner .banner-r1.list-body ul li{width: 366px;height: 36px;overflow: hidden;}
.banner .banner-r1 .list-body ul li::before{content:"●";color:#C8C8C8;font-size:10px;}
.banner .banner-r1 .list-body ul li:first-child::before{color:#FF7500;}
.banner .banner-r1 .list-body ul li:nth-child(2)::before{color:#FFA400;}
.banner .banner-r1 .list-body ul li:nth-child(3)::before{color:#FAE112;}
.banner .banner-r1 .list-body ul li {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding-bottom: 5px}
.banner .banner-r1 .list-body ul li a {font-size: 14px;line-height: 30px;padding-left: 5px;}

.indexMid{ margin-top: 18px; width: 100%;}
.indexMid .indexMid-l{ display: block; width: 762px; float: left;}
.indexMid .indexMid-l h2{ display: none; color: #31424e; font-size: 16px; font-weight: bold;}
.indexMid .indexMid-l .nrjx{ display: none; width: 100%; margin-top: 20px;}
.indexMid .indexMid-l .nrjx li{ display: block; width: 234px; margin-left: 30px; margin-bottom: 30px; float: left;}
.indexMid .indexMid-l .nrjx li a{ display: block;}
.indexMid .indexMid-l .nrjx li div{ width: 100%; height: 140px; display: block;overflow:  hidden; background: #cdcece;}
.indexMid .indexMid-l .nrjx li div img{ display: block; width: 100%;}
.indexMid .indexMid-l .nrjx li p{ display: block; font-size: 14px; line-height: 22px; width: 96%; margin:10px auto 0; height: 44px; overflow: hidden;}
.indexMid .indexMid-l .zxzx{ display: block; width: 100%;}
.indexMid .indexMid-l .zxzx li{ display: block; width: 100%; padding:24px 0; border-bottom: 1px solid #e6e6e6;transition: all 0.2s ease-in;}
.indexMid .indexMid-l .zxzx li:hover{transform: translate3d(0, 1px, -2px);box-shadow: 0 0 30px rgba(0,0,0,0.15);}
/* .indexMid .indexMid-l .zxzx li a{ display: block;} */
.indexMid .indexMid-l .zxzx li .zxzx-img{ display: block; float: left; width: 234px; height: 140px; overflow: hidden; margin-left: 10px;}
.indexMid .indexMid-l .zxzx li .zxzx-img img{ display: block; width: 100%; }
.indexMid .indexMid-l .zxzx li .zxzx-text{ width: 508px; float: right;}
.indexMid .indexMid-l .zxzx li .zxzx-text h3{  font-size: 18px; font-weight: bold; line-height: 22px; width: 100%; margin: 0px; height: 46px; overflow: hidden;}
.indexMid .indexMid-l .zxzx li .zxzx-text .zxzx-des{color: #31424e; display: block; width: 100%; margin-top: 16px;  font-size: 14px; line-height: 19px; height: 38px; overflow: hidden; }
.indexMid .indexMid-l .zxzx li .zxzx-text .zxzx-info{ display: block; width: 100%;}
.indexMid .indexMid-l .zxzx li .zxzx-text .zxzx-info > span{ display: block; float: left; margin-right: 26px; color: #9baab6; font-size: 14px;}
.indexMid .indexMid-l .zxzx li .zxzx-text .zxzx-info a span{ display: block; float: left; margin-right: 26px; color: #9baab6; font-size: 14px;}
.indexMid .indexMid-l .zxzx li .zxzx-text .zxzx-info > span b{ font-weight: normal; margin-left: 6px;}
.indexMid .indexMid-l .zxzx li .zxzx-text .zxzx-info a span b{ font-weight: normal; margin-left: 6px;}
.indexMid .indexMid-l .zxzx li .zxzx-text .zxzx-info .zxzx-tag{ display: block; float: right; background:url("image/tag.png") -4px center no-repeat ; margin: 0px; padding-left: 10px;}
.indexMid .indexMid-l .zxzx li .zxzx-text .zxzx-info .zxzx-tag span{ margin-left: 10px; color: #9baab6;}
.indexMid .indexMid-l .zxzx li a:hover .zxzx-tag span{ color: #9baab6;}
.zxzx-more{  width: 220px; height: 46px; line-height: 46px; display: block;  text-align: center; color:#fff !important; font-weight: bold; background:url("image/btn-warn.png")  center no-repeat; margin:24px auto 0;font-size: 14px;}
.zxzx-more img{vertical-align:middle}
.indexMid .indexMid-r{ width: 302px; float: right;}
.indexMid .indexMid-r h2{  font-weight: bold;display: block; color: #31424e; font-size: 16px;} 
.indexMid .indexMid-r h2 span{float: left;display: block; color: #31424e; font-size: 16px;}
.indexMid .indexMid-r h2 a{ text-align: right; color: #b3b3b3; font-size: 14px; float: right; font-weight: 400; display: block;}
.indexMid .indexMid-r .tjcp{ display: block; width: 100%; margin-top: 4px;}
.indexMid .indexMid-r .tjcp a{ display: block;}
.indexMid .indexMid-r .tjcp .tjcp-img{ display: block; width: 100%; height: 150px; background: #cdcece; height: 302px;}
.indexMid .indexMid-r .tjcp .tjcp-img img{ width: 100%;}
.indexMid .indexMid-r .tjcp .tjcp-text{ display: block; background:url('image/white-bg.png') repeat; padding-top: 20px; border:1px solid #e6e6e6; width: 302px; bottom: 0px; position: absolute; left: 0px;}
.indexMid .indexMid-r .tjcp .tjcp-text h3{ display: block; padding-left: 20px; border-left: 4px solid #8bbee4; height: 20px; line-height: 20px; margin: 0px; color: #3b4b57; font-size: 14px;}
.indexMid .indexMid-r .tjcp .tjcp-text span{ display: block; width: 78px; height: 28px; margin: auto; text-align: center; font-size: 14px; line-height: 28px;color: #3b4b57; margin: 24px auto 16px; background: #fff; border:1px solid #666; border-radius: 4px;}
.indexMid .indexMid-r .hyzh{ display: block; }
.indexMid .indexMid-r .hyzh ul{ display: block; padding:24px 22px 0;border:1px solid #e6e6e6;background: #fff;}
.indexMid .indexMid-r .hyzh ul li{ display: block; width: 100%;margin-bottom: 24px;}
.indexMid .indexMid-r .hyzh ul li a{ display: block; }
.indexMid .indexMid-r .hyzh ul li .hyzh-img{ display: block; width: 109px; height: 66px; background: #cdcece; float: left; overflow: hidden;}
.indexMid .indexMid-r .hyzh ul li .hyzh-img img{ width: 100%;}
.indexMid .indexMid-r .hyzh ul li p{ display: block; width: 124px; display: block; align-items: center; float: right; font-size: 14px; line-height: 22px;max-height: 44px; overflow: hidden; margin:10px 0 0 0;}
.banner-lg{ width: 100%;margin-top: 28px;}
.box_body.li_dot.f_gray ul{padding-top:10px}
.box_body.li_dot.f_gray ul li {margin-bottom: 10px;}
.indexMid .indexMid-r .jxsp{ display: block; width: 100%;}
.indexMid .indexMid-r .jxsp ul{ display: block; padding:24px 22px 0;border:1px solid #e6e6e6;background: #fff;}
.indexMid .indexMid-r .jxsp ul li{ display: block; margin-bottom: 24px;}
.indexMid .indexMid-r .jxsp ul li a{ display: block;}
.indexMid .indexMid-r .jxsp ul li .jxsp-img{ display: block; position: relative; background:#cdcece ; width: 252px; height: 148px;}
.indexMid .indexMid-r .jxsp ul li .jxsp-img .jxsp-vedio{ display: block; position: absolute; top: 50%; left:50%;margin-top: -13px;margin-left: -20px;}
.indexMid .indexMid-r .jxsp ul li .jxsp-img .jxsp-img-a{ display: block; width: 100%;}
.indexMid .indexMid-r .jxsp ul li p{  font-size: 14px; width: 100%; line-height: 22px; margin-top: 10px; text-align: center;}
.zlxz{ display: block; width: 100%;}
.zlxz ul{ display: block; padding:24px 22px 0;border:1px solid #e6e6e6;background: #fff;}
.zlxz ul li{display: block; width: 100%;margin-bottom: 10px;}
.zlxz ul li img{ display: block; float: left;}
.zlxz ul li p{ display: block; float: left;font-size: 14px; line-height: 22px; width: 210px; margin: 0px; margin-left: 10px; height: 46px; overflow: hidden;}
.friendsLink{ display: block; width: 100%; margin-top: 124px; margin-bottom: 40px;}
.friendsLink h2{ display: block; width: 100%; color: #31424e; font-size: 16px; font-weight: bold; text-align: left; margin: 0px;}
.friendsLink ul{ display: block; width: 100%; margin-top: 24px;}
.friendsLink ul li{ display: block; float: left; margin-right: 20px; margin-bottom: 8px; }
.friendsLink ul li a{color: #9baab6; font-size: 14px;}
/*资讯详情页*/
.show-nav{ display: block; width: 100%;}
.show-nav .show-nav-info{ display: block;width: 1100px; margin:0 auto 20px;}
.show-nav .show-nav-info a{ display: block; font-size: 14px; color: #7e868c; float: left; line-height: 22px;}
.show-nav .show-nav-info a img{ margin-top: 2px;}
.show-nav .show-nav-info i{ display: block; line-height: 22px; float: left;color:#7e868c ; margin: 0 10px; font-style: normal;}
.show-title{ display: block; background: #ebebeb; padding: 80px 0 50px;}
.show-title h3{ display: block; font-size: 26px; color: #333; width: 700px; margin:0 auto 30px; text-align: center; line-height: 40px; max-height: 82px; overflow: hidden;}
.show-title .show-title-info{ display: block; width: 100%;text-align: center; margin: 0px;}
.show-title .show-title-info span{ display: inline-block; font-size: 12px; color: #898989; margin-right: 20px;}
.show-xgzx{ display: block; width: 100%;}
.show-xgzx ul{display: block;padding: 20px 22px;border: 1px solid #e6e6e6; background: #fff;}
.show-xgzx ul li{ padding: 10px 0;  border-top:1px solid  #e6e6e6; }
.show-xgzx ul li a{ display: block;}
.show-xgzx ul li span{font-size: 12px; color: #333; line-height: 22px; max-height: 44px; overflow: hidden; display: block;}
.show-xgzx ul li:first-child{border: none;}
.show-hot{ display: block;width: 100%;}
.show-hot ul{ display: block;width: 100%;}
.show-hot ul li{ display: block; float: left;height: 28px; line-height: 28px; border:1px solid  #e6e6e6 ; border-radius: 30px; font-size: 14px; padding: 0 14px; background: #fff; margin-right: 16px; margin-bottom: 16px;}
.show-hot ul li a{ display: block;}
.show-hot ul li a:hover{ color: #333;}
.indexMid-l .show-descoantent{ width: 100%; display: block;}
.indexMid-l .show-descoantent img{ display: block; max-width: 100%; margin: auto;}
.show-des{ display: block; width: 100%; margin-top: 20px;}
.show-des a{ display: block; float: left; font-size: 14px; color: #b8b8b8; margin-right: 16px;}
.show-page{ display: block;width: 100%;}
.show-page .show-page-p{ display: block; width: 50%; float: left; margin-top: 20px;}
.show-page .show-page-p .show-page-btn{ display: block; padding:14px 4px; border: 1px solid  #e6e6e6; border-radius: 4px; font-size: 16px; color: #000; line-height: 16px; float: left;}
.show-page .show-page-p div{ display: block; float: left; margin-left: 20px;width: 168px;}
.show-page .show-page-p div a{ display: block;}
.show-page .show-page-p div p{ width: 168px; height: 102px; display: block; overflow: hidden; margin: 0px; margin-bottom: 12px;}
.show-page .show-page-p div p img{ display: block; width: 100%;}
.show-page .show-page-p div span{ display: block; width: 100%; font-size: 12px; line-height: 22px; max-height: 46px; overflow: hidden;}
.show-share{ display: block; width: 100%; width: 134px; margin:20px auto 0;}
/*图库列表*/
.photo-list-info{ display: block;     width: 94%;padding: 0 3%; background: #fff;}
.photo-list-info-a{display: block;font-size: 12px;color: #999;float: left; background: url(image/icon_ll.png) center left no-repeat; padding-left: 20px; margin-top: 2px;}
.photo-list-info-b{display: block; float: right; width: 140px; height: 16px; overflow: hidden; text-align: right;margin-top: 2px;}
.photo-list-info-b a{ display: block; font-size: 12px; color: #999; float: right; margin-left: 10px; text-align: right;}
/*page*/
.pages{ display: block; width: 100%; text-align: center; margin-top: 4px;}
.pages a{ display: inline-block; border: 1px solid #e9e9e9;  padding: 4px 8px; font-size: 14px; color: #999; background: #fff; margin-right: 6px;}
.pages  strong{ display: inline-block; border: 1px solid #3599f6;  padding: 4px 8px; font-size: 14px; color: #fff; background: #3599f6;margin-right: 6px;}
.pages cite{ display: inline-block;
    margin-left: 4px;
    font-size: 14px;
    line-height: 29px;
    list-style: none;
    font-style: normal;}
.pages input{ display: inline-block; height: 26px;}
.pages_inp{ width: 80px;}



.common-head{height: 55px;line-height: 55px;}
.spzq-list{padding-top: 10px;}
.spzq-list ul li{float: left;width: 228px;height: 160px;margin: 0 15px 10px 0;text-align: center}
.spzq-list ul li p {height: 30px;line-height: 30px;overflow: hidden;padding: 0 5px;}

.fwjqr-list ul li{float: left;width: 286px;margin: 0 16px 15px 0;text-align: center;border: 1px solid #ccc;display: inline-table;}
.fwjqr-list ul li p {height: 30px;line-height: 30px;overflow: hidden;padding: 0 24px;text-align: left;}
.fwjqr-list ul li img{width: 286px;}
.fwjqr-list ul li .p-title{font-size: 16px;font-weight: bold;}
.fwjqr-list ul li .p-introduce{height: 54px;line-height: 18px;}
.fwjqr-list ul li .p-more{height: 40px;}
.fwjqr-list ul li .a-more{color: #979797;line-height: 33px;}
.fwjqr-list ul li .a-more:hover{color: #0084ff;}

.hot-goods{text-align: center;height:80px;line-height:80px;font-size: 24px;font-weight: 600;background: url("image/hot-goods.png");background-repeat: no-repeat;}
.hot-tab{height:50px;}
.hot-tab ul li{float: left;line-height:50px;width: 150px;text-align: center;font-size: 16px;}
.hot-tab .tab_on{color: #fff;background-color: #DD4545;}
.hot-list{height: 570px}
.hot-list ul li{float: left;width: 220px;height: 160px;padding: 20px 9px;text-align: center;display: inline-table;border-right:1px solid #F7F7F7;border-bottom:1px solid #F7F7F7; }
.hot-list ul li p {height: 30px;overflow: hidden;padding: 0 5px;text-align: left}
.hot-list ul li .p-title{height: 37px;padding: 5px;font-size: 13px;}
.hot-list ul li .p-company{font-weight: bold;}
.jxsp-img-a{width:175px}
/*.index_brand li{float: left;width: 120px;margin-right:10px;text-align: center;display: inline-table;border:1px solid #F7F7F7;}*/
.index_brand li{border: 1px solid #d3d3d3;width: 134px;height: 78px;line-height: 62px;margin:16px 16px 0 0;float: left;text-align: center;}
.index_brand li img{vertical-align: middle;}

.down-list{border: 1px solid #d3d3d3;float: left;padding: 10px 0 0 22px;}
.down-list ul li{float: left;list-style-type:square;width: 372px;height: 30px;padding-right: 26px;}
.down-list ul li span{float: right;}

.know-list{border: 1px solid #d3d3d3;float: left;padding: 5px 0 5px 14px;counter-reset: section 0;}
.know-list ul li{float: left;width: 296px;height: 30px;line-height:30px;padding-right: 26px;overflow: hidden;}
.know-list ul li::before{content:counter(section);counter-increment: section;color:#C8C8C8;font-size:14px;margin-right: 5px;}
.know-list ul li:first-child::before{color:#FF7500;}
.know-list ul li:nth-child(2)::before{color:#FFA400;}
.know-list ul li:nth-child(3)::before{color:#FAE112;}

.ai-list{border: 1px solid #d3d3d3;float: left;padding: 10px 0 0 22px;}
.ai-list ul li{list-style-type:square;width: 340px;height: 30px;padding-right: 26px;}
.ai-list ul li a{display: block;width: 267px;overflow: hidden;line-height: 22px;height: 22px;float: left;}
.ai-list ul li span{float: right;}

.qy_flink{width:1160px;border:1px solid #E1E1E1;margin:0 auto;padding:5px 19px;overflow:auto;}
.qy_flink div {border-bottom:1px solid #eeeded;overflow:auto;padding:7px 0px;line-height:26px;float:left;width:1160px;margin:0px;}
.qy_flink h4{width:80px;float:left;font-size:14px;text-align:right;line-height:26px;margin:0px;}
.qy_flink ul,.qy_flink span{width:1080px;float:right;}
.qy_flink span img{padding:5px 9px;width:88px;height:31px;float:left;}
.qy_flink li{float:left;padding:0 9px;height:26px;white-space:nowrap;}