@charset "utf-8"; body{font-size:14px;font-family:'微软雅黑';} *{padding:0;margin:0;list-style:none;} a{text-decoration:none; color:#666;} i{font-style: normal;} dl,ol,ul {list-style-type:none} .h_odcontent{max-width:1256px;margin:0 auto; width:90%;position:relative;} .odcontent{max-width:1256px;margin:0 auto; width:90%;position:relative;} @media only screen and (max-width: 480px){ .odcontent{width: 94%;} } .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden} .clearfix{zoom:1} input,textarea{border: none;outline: none;} button {border: none;padding: 0;} .fl{float:left} .fr{float:right} .por{position: relative;} .poa{position: absolute;} .head_fixed{/*position: fixed;top: 0;left: 0;*/ position:relative;width: 100%;height: auto;z-index: 9999;} img{border: none;vertical-align: middle;max-width: 100%;} *:focus{ outline: none; -webkit-tap-highlight-color: transparent; } a,li,div {-webkit-tap-highlight-color:transparent} /* 自定义样式 */ .ver-mid{vertical-align: middle;} .flx{display: flex;flex-wrap: nowrap;justify-content: space-between;} /* index */ /* --------------------------------------------侧面导航------------------------------------------------------------------ */ .page-fixed-nav{position: fixed;top:50%;right: 0.6%;z-index: 1;} .page-fixed-nav ul li{margin-bottom: 5px;position: relative;} .page-fixed-nav ul li span{display: block;width: 45px;height: 45px;background-color: #039544;background-repeat: no-repeat;background-position: center;background-size: 24px;} .page-fixed-nav ul li span.qqn{background-image: url(/uploads/image/tdimages/qq.png);} .page-fixed-nav ul li span.tel{background-image: url(/uploads/image/tdimages/tel.png);} .page-fixed-nav ul li span.add{background-image: url(/uploads/image/tdimages/addp.png);} .page-fixed-nav ul li span.vrcode{background-image: url(/uploads/image/tdimages/vrcode.png);} .page-fixed-nav ul li:nth-last-child(1) span{background-image: url(/uploads/image/tdimages/totop.png);opacity: .2;} .page-fixed-nav ul li .show{display: none;position: absolute;top: 0;right: 50px;padding: 15%;width: auto;height: auto;background: #313131;color: #fff;} .page-fixed-nav ul li .show p{white-space: nowrap;} .page-fixed-nav ul li .vrcode{position: relative;} .page-fixed-nav ul li .vrcode:before{display: none;content: " ";position: absolute;top: 0;right: 50px;width: 100px;height: 100px;background: url(/uploads/image/tdimages/weixin.jpg)no-repeat center/100px;} .page-fixed-nav ul li .vrcode:hover:before{display: block;} @media only screen and (max-width:480px){ .page-fixed-nav{display: none;} } /* -------------------------------------------头部--------------------------------------------------------------------------- */ .head .head_top{background:#f7f7f7;} .head .head_top .welcome_wrap{display: flex;flex-wrap: nowrap;justify-content: space-between;line-height: 38px;} .head .head_top .welcome_wrap span{display: inline-block;font-size: 14px;color:#727272;vertical-align: middle;} .head .head_top .welcome_wrap ul{margin-right: 0;} .head .head_top .welcome_wrap ul li{display: inline-block;vertical-align: middle;height: 100%;line-height: 38px;} .head .head_top .welcome_wrap ul li i{position: relative;display: block;margin: 10px 5px 0;width: 24px;height: 24px;vertical-align: middle;} .head .head_top .welcome_wrap ul li .weixin{background: url(/uploads/image/tdimages/weixin.png)no-repeat center;} .head .head_top .welcome_wrap ul li .weixin:before{display: none;position: relative;content: " ";top: 24px;right: 76px;width: 100px;height: 100px;background: url(/uploads/image/tdimages/weixin.jpg)no-repeat center/100px;z-index: 2;} .head .head_top .welcome_wrap ul li .weixin:hover:before{display: block;} .head .head_top .welcome_wrap ul li .mb{background: url(/uploads/image/tdimages/phone.png)no-repeat center;} .head .head_top .welcome_wrap ul li .mb:before{display: none;position: relative;content: " ";top: 24px;right: 76px;width: 100px;height: 100px;background: url(/uploads/image/tdimages/weixin.jpg)no-repeat center/100px;z-index: 2;} .head .head_top .welcome_wrap ul li .mb:hover:before{display: block;} .head .head_top .welcome_wrap ul li:nth-child(1){margin-right: 40px;} .head .head_mid{background: #fff;padding: 20px 0; background: url(/uploads/image/tdimages/daoh.gif)no-repeat center;} .head .head_mid .ban_con{margin: 10px 0 0 10px;} .head .head_mid .ban_con h3{font-size: 29px;text-align: center;} .head .head_mid .logo_img{margin-left: 3%;} .head .head_mid .ban_con .company img{max-width: 100%;} .head .head_mid .hot{margin-top: 25px;width: auto;text-align: right;} .head .head_mid .hot2{margin-top: 22px;width: 18%;text-align: right;} .head .head_mid .hot .search{display: inline-block;width:100%;max-width: 330px; position:relative;} .head .head_mid .hot .search input{width: 100%;box-sizing: border-box;padding:0 50px 0 30px;border: 1px solid #ddd;border-radius: 30px;height: 38px;line-height: 38px;font-size: 14px;background: url(/uploads/image/tdimages/ser.png)no-repeat right 20px center;} .head .head_mid .hot2 .hot_line{display: inline-block;padding-left: 50px;margin-left:5%;width:auto;background: url(/uploads/image/tdimages/hot_line.png)no-repeat left center;} .head .head_mid .hot2 .hot_line span{display: block;font-size: 14px;color: #666;text-align: left;} .head .head_mid .hot2 .hot_line .num{font-size: 20px;color: #e92525; font-weight:bold;} @media only screen and (max-width:1320px){ .head .head_mid .logo_img{width: 10%;min-width: 117px;} .head .head_mid .ban_con{width: 23%;min-width: 262px;} .head .head_mid .ban_con h3{font-size: 20px;} .head .head_mid .ban_con .company img{max-width:100%;} .head .head_mid .hot{margin-top: 14px;} .head .head_mid .hot2{margin-top: 14px;min-width: 202px;} .head .head_mid .hot2 .hot_line{margin-left: 0;} /* .head .head_mid .hot .search{width: 40%;} */ } @media only screen and (max-width:900px){ .head .head_top .welcome_wrap ul li:nth-child(1){margin-right: 0;} .head .head_mid .logo_img{margin-left: 0;} .head .head_mid .hot{width: 100%;} .head .head_mid .hot .search{max-width: initial;} } @media only screen and (max-width:680px){ .head .head_top .welcome_wrap{justify-content: flex-end;} .head .head_top .welcome_wrap ul{margin-right: 0;} .head .head_top .welcome_wrap .wel{display: none;} .head .head_mid .hot2{display: none;} } @media only screen and (max-width:480px){ .h_odcontent{width: 94%;} .head .head_top .welcome_wrap ul{width: 100%;} .head .head_top .welcome_wrap ul li:nth-child(1){float: initial;} .head .head_top .welcome_wrap ul li{float: right;} .head .head_mid .logo_img{width: 23%;min-width: initial;} .head .head_mid{padding: 10px 0;} .head .head_mid .ban_con{width: 74%;margin: 0;min-width: initial;} .head .head_mid .ban_con h3{font-size: 16px;text-align: left;} .head .head_mid .ban_con .company img{max-width:94%;} .head .head_mid .hot .search input{height:35px;font-size: 16px;} } /* 头部导航 */ .head_nav{border-top:1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;} .head_nav .pc_nav{ background-color:#fff;} .pc_nav li{padding:10px 0;width:auto;float:left;margin-right: 80px; color:#424242;} .pc_nav li:nth-last-child(1){margin-right: 0;} .pc_nav li:nth-child(1){padding-left:50px;background: url(/uploads/image/tdimages/nav_logo.png)no-repeat left center;} .pc_nav li a{display:block;font-size:15px;text-align:left;position:relative;} .pc_nav li:nth-last-child(1) a{text-align:right;} .pc_nav li i{width:68px;margin:0 auto;display:block;background:url(/uploads/image/images/icon.png) no-repeat;width:68px;height:68px;} .pc_nav li span{line-height:34px;font-size: 20px;font-weight: 500; } /* .pc_nav li.on a{color:#851120;}*/ .pc_nav li.on span{font-weight: bold;} .pc_nav li:hover a, .pc_nav li.on a{color:#039544; } .pc_nav li.on em{display:block;width:14px;height:8px;background:url(/uploads/image/ipc/recruit_on.png) no-repeat;position:absolute;bottom:-8px;left:50%;margin-left:-7px;} .m_nav{display:none;} @media only screen and (max-width:1100px){ .pc_nav{display:none;} .m_h{background: #039544;} .m_nav{display:block;position:relative;line-height:34px;} .m_nav > p:nth-child(1) a{color: #fff;} .m_nav ul{position:absolute;width:114%;top:62px;left:-8%;border-top:1px solid #eee;background:#fff;z-index:20;display:none;} .m_nav ul a{color:#000;} .m_nav p,.m_nav ul li{padding:14px 0;color:#6aa9dc;font-size:18px;cursor:pointer;} .m_nav ul li{text-align: center;} .m_nav p:hover span,.m_nav ul li:hover span{color: #e92525;} .m_nav i{display:block;width:34px;height:34px;float:left;margin-right:4px;background:url(/uploads/image/tdimages/home.png) no-repeat;background-size:auto 100%;} .m_nav ul li i{display: none;} .m_nav li .icon2{background-position:-40px 0;} .m_nav li .icon3{background-position:-80px 0;} .m_nav li .icon4{background-position:-120px 0;} .m_nav li .icon5{background-position:-160px 0;} .m_nav li .icon6{background-position:-200px 0;} .m_nav li .icon7{background-position:-240px 0;} .m_nav p .icon1{background-position:center;background-size: 24px 24px;} .m_nav p .icon2{background-position:-360px 0;} .m_nav p .icon3{background-position:-400px 0;} .m_nav p .icon4{background-position:-440px 0;} .m_nav p .icon5{background-position:-480px 0;} .m_nav p .icon6{background-position:-520px 0;} .m_nav p .icon7{background-position:-560px 0;} .m_nav .arrow1{width:23px;float:right;margin-top:8px;} } @media only screen and (max-width:900px){ .m_nav p, .m_nav ul li{padding: 8px 0;} .m_nav ul{top:50px} } @media only screen and (max-width: 480px){ .m_nav p{padding: 4px 4%;font-size: 16px;} .m_nav ul{top: 43px;} .m_nav ul li{padding: 6px 0;} .m_nav ul a span{font-size: 16px;} .head_nav .odcontent{width: 100%;} } /*------------------------------------------------------- index-banner ------------------------------------------------------------------------*/ /* banner */ .banner{width: 100%;height:auto;overflow: hidden;} .banner .swiper-container{width: 100%;height: 100%;} .banner .swiper-container img{width: 100%;height:100%;} .banner .list{width:100%;height: 100%;} .banner .pcpt{display: block;} .banner .mbpt{display: none;} .banner .swiper-button-prev{background-image: ;left: 100px; } .banner .swiper-button-next{background-image: ;right: 100px; } .banner .swiper-pagination{width:100%;height: 8px;padding: 0;margin: 0;bottom: 38px;} .banner .swiper-pagination span{width: 10px;height: 10px;background: none;padding: 0;margin: 0;border: solid 1px #fff;margin: 0 25px;opacity: 1;} .banner .swiper-pagination span.swiper-pagination-bullet-active{background: #039544;border-color: #039544;} .banner .swiper-pagination{height: 8px;bottom: 38px;} .banner .swiper-pagination span{width: 16px;height: 16px;margin: 0 8px;border: 2px solid #fff;} .banner .swiper-container .hide{ opacity:0; } .banner .swiper-button-next,.banner .swiper-button-prev{ transition:opacity .5s; } /* inbanner */ .inbanner{width: 100%;height: auto;overflow: hidden;} .inbanner .pcpt{display: block;width: 100%;height: 100%;} .inbanner .mbpt{display: none;width: 100%;height: 100%;} @media only screen and (max-width:1320px){ /*.banner{margin-top: 165px;}*/ } @media only screen and (max-width:900px){ /*.banner{margin-top: 214px;}*/ } @media only screen and (max-width: 740px){ .banner .pcpt{display: none;} .banner .mbpt{display: block;} .banner .swiper-button-prev{display: none;} .banner .swiper-button-next{display: none;} } @media only screen and (max-width: 680px){ /*.banner{margin-top: 188px;}*/ .banner .swiper-pagination{bottom: 25px;} .banner .swiper-pagination span{width: 8px;height: 8px;} } /* --------------------------------------------------------index新闻----------------------------------------------------------- */ .idx_news{padding: 50px 0;} .idx_news .title h3{font-size: 30px;vertical-align: bottom;display: inline-block;} .idx_news .title .en{font-weight: 400;font-size: 26px;} .idx_news .title a.more{margin-top: 1%;float: right;/*font-weight: bold;*/color: #000;font-size: 16px;vertical-align: bottom;display: inline-block;} .idx_news .title a.more:hover{color: #c1272d;} .idx_news .news_con{margin-top: 14px;display: flex;flex-wrap: wrap;justify-content: space-between;} .idx_news .news_con .news_banner{width: 32%;} .idx_news .news_con .news_banner .list{position: por;} .idx_news .news_con .news_banner .list img{width: 100%;} .idx_news .news_con .news_banner .list .mask{position: absolute;left: 0;bottom: 0;width: 100%;height: 12%;background: rgba(0,0,0,.6);} .idx_news .news_con .news_banner .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{text-align: right;width: 94%;} .idx_news .news_con .news_banner .swiper-pagination-bullet{background: #a9a9a7;margin: 0 8px;} .idx_news .news_con .news_banner .swiper-pagination-bullet-active{background: #fff;} .idx_news .news_con .nsp{width: 32%;} .idx_news .news_con .nsp .nav_title{width: 100%;} .idx_news .news_con .nsp .nav_title .btn{float: left;width: auto;font-size: 22px;font-weight: bold;cursor: pointer;} .idx_news .news_con .nsp .nav_title .btn.active{color: #c1272d;} .idx_news .news_con .nsp .nav_title i{display: inline-block;margin: 2% 30px 0;width: 1px;height: 14px;background: #000;} .idx_news .news_con .nsp .nav_title a{float: right;margin-top: 1%;color: #000;font-size: 16px;display: none;} .idx_news .news_con .nsp .nav_title a.active{visibility: visible;display: block;} .idx_news .news_con .nsp .nav_title a.more:hover{color: #c1272d;} .idx_news .news_con .nsp .list{margin-top: 8%;} .idx_news .news_con .nsp .list ul li{margin-bottom: 6px; border-bottom: 1px dashed #afafaf; font-size: 16px; height: 40px; line-height: 40px;} .idx_news .news_con .nsp .list ul li a{color: #000;} .idx_news .news_con .nsp .list ul li:hover a{color:#c1272d} .idx_news .news_con .nsp .list .title{display: inline-block;width: 75%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;} .idx_news .news_con .nsp .list .title i{ padding-right:10px; color:#c1272d;} .idx_news .news_con .nsp .list .date{float: right;color:#666;color:#a0a0a0; font-size:16px;} .idx_news .news_con .nsp #news_part_02{display: none;} .idx_news .news_con .nsp #news_part2_02{display: none;} @media only screen and (max-width:1340px){ .idx_news .news_con .nsp .list .title{width: 60%;} } @media only screen and (max-width:880px){ .idx_news .news_con .nsp .list .title{width: 60%;} .idx_news .news_con .nsp .list .date{font-size: 12px;} .idx_news .news_con .nsp .nav_title i{margin: 4% 10px 0;} .idx_news .news_con .nsp .nav_title .btn{font-size: 20px;} .idx_news .news_con .nsp .nav_title a{margin-top: 0;} } @media only screen and (max-width: 680px){ .idx_news .news_con .news_banner{width: 70%;} .idx_news .news_con .nsp{width: 48%;} .idx_news .news_con .nsp .list .title{width: 70%;} } @media only screen and (max-width:480px){ .idx_news{padding: 0 0 20px;} .idx_news .title h3{font-size: 22px;} .idx_news .title .en{font-size: 20px;} .idx_news .title a.more{margin-top: 3%;} .idx_news .news_con .news_banner .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 4px;} .idx_news .news_con .news_banner{margin-bottom: 10px;width: 100%;} .idx_news .news_con .nsp .nav_title .btn{font-size: 18px;} .idx_news .news_con .nsp{width: 100%;} .idx_news .news_con .nsp .list{margin-top: 4%;} } /* -------------------------------------------------------------首页概况------------------------------------------------- */ .idx_profile{padding: 20px 0 20px; background: #edeef2; margin-bottom:40px;} .idx_profile .pf_odcontent{margin: 0 auto;width:100%;max-width: 1178px;} .idx_profile .pf_list{margin: 0 40px;} .idx_profile .pf_list p{margin-top: 15px;font-size: 16px;color: #000;} .idx_profile .pf_wrap i{display: inline-block;width: 8px;height: auto;background: url(/uploads/image/tdimages/pf_line.png)no-repeat center bottom;} @media only screen and (max-width:800px){ .idx_profile .pf_wrap{padding: 0 4%;} .idx_profile .pf_list{margin: 0;} } @media only screen and (max-width: 480px){ .idx_profile{padding: 0 0 20px;} .idx_profile .pf_wrap{padding: 2%;} .idx_profile .pf_list{text-align: center;} .idx_profile .pf_list img{width: 80%;} .idx_profile .pf_list p{font-size: 12px;} } /* --------------------------------------------------------首页广告栏目------------------------------------------------- */ .mid-banner { text-align: center; margin: 30px 0 20px; } /* --------------------------------------------------------首页文章栏目------------------------------------------------- */ .idx_ancle .ancle{width: 48%;} .idx_ancle .ancle .nav_title{width: 100%; border-bottom: 1px solid #bababa;} .idx_ancle .ancle .nav_title .btn{float: left;width: auto;font-size: 22px;font-weight: bold;cursor: pointer;padding-bottom: 10px;} .idx_ancle .ancle .nav_title .btn.active{/*background: url(/uploads/image/tdimages/gb-tab.png) center bottom no-repeat;*/color: #c1272d; border-bottom: 3px solid #c1272d; } .idx_ancle .ancle .nav_title i{display: inline-block;margin: 1.5% 30px 0;width: 1px;height: 14px;background: #000;} .idx_ancle .ancle .nav_title a{float: right;margin-top: 1%;color: #000;font-size: 16px;display: none;} .idx_ancle .ancle .nav_title a.active{visibility: visible;display: block;} .idx_ancle .ancle .nav_title a.more:hover{color: #c1272d;} .idx_ancle .ancle .list{margin-top: 5%;} .idx_ancle .ancle .list ul li{margin-bottom: 6px; border-bottom: 1px dashed #afafaf; height: 40px;line-height: 40px;} .idx_ancle .ancle .list ul li a{color: #000;} .idx_ancle .ancle .list ul li:hover a{color:#c1272d} .idx_ancle .ancle .list .title{display: inline-block;width: 84%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden; font-size: 16px; } .idx_ancle .ancle .list .title i { padding-right:10px; color: #c1272d;} .idx_ancle .ancle .list .date{float: right;color:#a0a0a0; font-size:16px;} .idx_ancle .ancle #ancle_part_02{display: none;} .idx_ancle .ancle #ancle_part_03{display: none;} .idx_ancle .ancle #ancle_part2_02{display: none;} @media only screen and (max-width:1300px){ .idx_ancle .ancle .list .title{width: 70%;} } @media only screen and (max-width:1000px){ .idx_ancle .ancle .nav_title .btn{font-size: 18px;} .idx_ancle .ancle .nav_title i{margin: 1.5% 10px 0;} .idx_ancle .ancle .nav_title a{margin-top: 0;} } @media only screen and (max-width:800px){ .idx_ancle .ancle .list .date{font-size: 12px;} } @media only screen and (max-width:480px){ .idx_ancle .ancle_wrap.flx{flex-wrap: wrap;} .idx_ancle .ancle{width: 100%;} } /* 资料轮播 */ .ancle_banner{position: relative;padding: 60px 0;} .ancle_banner .title h3{font-size: 30px;vertical-align: bottom;display: inline-block;} .ancle_banner .title .en{font-weight: 400;font-size: 26px;} .ancle_banner .title a.more{margin-top: 1%;float: right;/*font-weight: bold;*/color: #000;font-size: 16px;vertical-align: bottom;display: inline-block;} .ancle_banner .title a.more:hover{color: #c1272d;} .ancle_banner .ancle_img{/*max-height: 167px;*/overflow: hidden; margin-top:20px; background-color: #f9f9f9;} .ancle_banner .ancle_img img{width: 100%;} .ancle_banner .ancle_img .tit{ margin-top:10px; text-align:center} .ancle_banner .ancle_img .tit span{ font-size:17px; line-height:35px; font-weight:bold;} .ancle_banner .ancle_img .tit p{ font-size:15px; line-height:28px;} .ancle_banner .swiper-button-next, .ancle_banner .swiper-button-prev{width: 20px;height: 30px;} .ancle_banner .swiper-button-prev{left: -2%;background: url(/uploads/image/tdimages/ac_l.png)no-repeat center; top:50%;} .ancle_banner .swiper-button-next{right:-2%;background: url(/uploads/image/tdimages/ac_r.png)no-repeat center;top:50%;} @media only screen and (max-width: 480px){ .ancle_banner{padding: 30px 0;} .ancle_banner .swiper-button-prev,.ancle_banner .swiper-button-next{top: 52%;} } /* ------------------------------------会员单位------------------------------------------ */ .organization .vip{width: 62%; } .organization .assc{width: 35%;} .organization .organ .tit{margin-bottom: 21px; border-bottom: 1px solid #bababa; height: 60px; line-height: 60px;} .organization .organ .title h3{font-size: 30px;vertical-align: bottom;display: inline-block;} .organization .organ .title .en{font-weight: 400;font-size: 26px;margin-left: 4%;} .organization .organ .title a.more{margin-top: 1%;float: right;/*font-weight: bold;*/color: #000;font-size: 16px;vertical-align: bottom;display: inline-block;} .organization .organ .title a.more:hover{color: #c1272d;} .organization .vip .list ul{width: 47%;} .organization .vip .list ul li{margin-bottom:7px;border-bottom: 1px dashed #afafaf;} .organization .vip .list ul li a{color: #000000;} .organization .vip .list ul li a:hover{color: #c1272d;} .organization .vip .list .title{display: inline-block;width: 80%;font-size: 14px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;} .organization .vip .list .date{float: right;font-size: 14px;color: #666;} .public{border: 1px solid #999;} .public .pub_img{width: 100%;position: relative;height: auto;padding-bottom: 74%;} .public .pub_img img{width: 100%;position: absolute;left: 0;top: 0;z-index: 1;} .public .swiper-button-next,.public .swiper-button-prev{width: 9%;max-width: 36px;height: 26%;max-height: 80px;} .public .swiper-button-next{background: url(/uploads/image/tdimages/pub_rt.png)no-repeat center/73% auto;background-color: rgba(0,0,0,.4);right: 0;} .public .swiper-button-prev{background: url(/uploads/image/tdimages/pub_lf.png)no-repeat center/73% auto;background-color: rgba(0,0,0,.4);left: 0;} .public .swiper-button-next:hover,.public .swiper-button-prev:hover{background-color: rgba(0,0,0,.6);} @media only screen and (max-width:1000px){ .organization .organ .title h3{font-size: 22px;} .organization .organ .title .en{margin-left: 2%;font-size: 20px;} .organization .vip .list .title{width: 70%;} } @media only screen and (max-width:480px){ .organization .organ_wrap.flx{flex-wrap: wrap;} .organization .vip{width: 100%;} .organization .assc{margin-top: 10px;width: 100%;} .organization .organ .tit{margin-bottom: 10px;} .organization .vip .list .title{width: 100%;} } /* ------------------------------------------专题活动(展会信息)-------------------------------------------------- */ .special{margin-top: 3%; background: url(/uploads/image/tdimages/total_bg.jpg) center bottom no-repeat;} .special .title h3{font-size: 30px;vertical-align: bottom;display: inline-block;} .special .title .en{font-weight: 400;font-size: 26px;margin-left: 4%;} .special .title .leave{float: right;margin-top: 4px;} .special .title .leave i{margin:0 8px 0 12px;display: inline-block;width: 28px;height: 21px;vertical-align: middle;} .special .title .leave i.ol{background: url(/uploads/image/tdimages/ol_mes.png)no-repeat center;} .special .title .leave i.ml{background: url(/uploads/image/tdimages/mail.png)no-repeat center;} .special .title .leave span{display: inline-block;vertical-align: middle;font-size: 22px;} .special .title .leave a{color: #000;} .special .spec_con{padding: 30px 0;} .special .spec_con a{width: 18%; color: #fff;} .special .spec_con .spec_act{padding: 46px 0 46px;background-repeat: no-repeat;background-position: center;background-size: 100% auto;text-align: center;transition: all .3s;} .special .spec_con a:hover .spec_act{background-size:110% auto;} .special .spec_con .spec_act p{display: inline-block;width:auto;font-size: 16px;font-weight: bold;text-shadow: 4px 4px 10px #333; line-height:26px; height:52px; overflow:hidden;} @media only screen and (max-width:800px){ .special .title h3{font-size: 22px;} .special .title .en{margin-left: 2%;font-size: 20px;} .special .spec_con{width: 100%;padding: 10px 0;} .special .spec_con .spec_act{padding: 10% 0;} .special .spec_con .spec_act p{font-size: 14px;} .special .title .leave span{font-size: 18px;} .special .spec_con .spec_act{background-size: auto;} } @media only screen and (max-width: 480px){ .special{margin: 30px 0;} .special .title .leave{margin-top: 10px;width: 100%;} .special .title .leave i{margin-left: 0;} .special .spec_con.flx{flex-wrap: wrap;} .special .spec_con a{width: 50%;} .special .spec_con a:nth-child(5){display: none;} .special .spec_con .spec_act{padding: 20% 0;} } /* -------------------------------------脚部foot------------------------------------------ */ .foot .foot_nav .fx{display: flex;flex-wrap: nowrap;justify-content: space-between;} .foot .foot_nav .nav_item{width: calc(19% - 2px);border: 1px solid #00584a;box-sizing: border-box;padding: 1.4% 1.6%;border-radius: 6px ;} .foot .foot_nav .nav_item p{width: 100%;font-size: 14px;color: #000;background:url(/uploads/image/tdimages/f_rt.png)no-repeat right 5px center} .foot .foot_friend{margin: 15px 0 15px;} .foot .foot_friend span{margin-left: 3%;display: inline-block;font-size: 14px;font-weight: bold;color: #000;} .foot .foot_friend .fd{margin-left: 0;} .foot .foot_top{background: #f9f9f9;} .foot .foot_top .border_line{width: 100%;height: 1px;background:#d3d3d3} .foot .foot_top .wrap{margin: 0 auto;padding: 10px 0;width: 90%;display: flex;flex-wrap: nowrap;justify-content: space-between;} .foot .foot_top .f_logo{width: 20%;max-width: 202px;vertical-align: middle;} .foot .foot_top .f_logo img{width: 100%;} .foot .foot_top .mes{margin-top: 2%;vertical-align: middle;} .foot .foot_top .mes p{font-size: 15px;line-height: 28px;} .foot .foot_top i{display: inline-block;margin-top: 2%;width: 1px;height:80px;background: #d3d3d3;} .foot .foot_top .ewm{text-align: center;font-size: 14px;font-weight: bold;} .foot .foot_btm{padding: 22px 0;text-align: center;background:#f9f9f9} .foot .foot_btm span{display: inline-block;font-size: 14px;color: #000;} .foot .foot_btm span:hover{color: #c1272d} .foot .foot_top.clearfix:after{display: none;} @media only screen and (max-width:480px){ .foot .foot_nav .fx{flex-wrap: wrap;padding: 10px 0;} .foot .foot_nav .nav_item{margin:5px 0;width: 100%;} .foot .foot_friend{margin:10px 0 20px;} .foot .foot_top .wrap{flex-wrap:wrap;width: 100%;} .foot .foot_top .f_logo{width: 100%;} .foot .foot_top i{display: none;} .foot .foot_top .f_logo,.foot .foot_top .mes,.foot .foot_top .ewm{margin: 0 auto;} .foot .foot_top .mes p{font-size: 14px;line-height: 24px;} }