body{ overflow-x: hidden;} .nav_bg { background: url(/uploads/image/tdscimages/s-back.jpg); height: 60px; line-height: 60px; position: relative;} .nav li { font-size: 18px; color: #fff; float: left;} .nav { width: 1200px; margin: auto;} .nav li{ position:relative;} .nav li a { color: #fff;display: block; padding: 0 23px 0 23px;} .nav>ul>li:hover>a, .nav li a:hover { color: #fff; background: #1b2a3c; display: block; padding: 0 23px 0 23px;} .nav li ul{ position: absolute;top: 60px;left: 50%;min-width: 891px;height: 0;transform:translatex(-50%);-webkit-transform:translatex(-50%);line-height: 40px;text-align: center;overflow: hidden; text-align:center; display:flex; align-items:center;justify-content:center;} .nav li ul li{ display:inline-block; float:none;margin: 0 12px;} .nav li ul li a{ font-size:16px; padding:0px !important; } .nav li ul li a:hover{background:none !important;color:#fff4b5;} .nav li:hover ul{height: 50px;transition: height .2s ease-out 0s;background: url(/uploads/image/tdscimages/line.png) no-repeat 50%/auto 100%;} .index_newbg { background: url(/uploads/image/tdscimages/new_bg_04.jpg); width: 522px; height: 637px; padding: 17px;} .index_pic { margin-top: 10px;} .index_time { border-right: 1px solid #dcdadb; padding:10px 15px 10px 0 ;} .index_day { font-size: 24px; text-align: center;} .index_sj { font-size: 14px; color: #585858; padding-top: 9px;} .index_nrzj { width: 375px; padding-left: 20px;} .index_nr { height: 45px; line-height: 22px; color: #979697; font-size: 14px; overflow: hidden; margin-top: 6px;} .index_news li { border-bottom: 1px solid #dfddde; padding-bottom: 17px; overflow: hidden; margin-top: 19px;} .index_cgright { width: 608px;} .index_cgbj {background: url(/uploads/image/tdscimages/cgbj_04.jpg); height: 431px;} .index_cgzb { width: 305px; padding-left: 28px;} .index_cgtt { padding-top: 15px;} .index_cgsiz { color: #95c9dc; line-height: 25px; margin-top: 6px;} .index_cgsz { font-size: 30px; color: #fff; font-weight: bold;} .index_cgzz { color: #ffe153; font-size: 14px; padding:10px 0 0 5px;} .index_line { font-size: 33px; color: #fff; font-weight: bold; padding: 0 6px 0 6px;} .index_cgzz2 { color: #ffe153; font-size: 14px; padding:10px 0 0 15px;} .index_cgsj { padding-top: 17px;} .index_wxpp { padding: 30px 0 0;} .index_wxwz { color: #fff; padding: 30px 0 0 20px; line-height: 30px;} .index_jqtb { padding: 40px 0 0 43px;} .index_jqtb li { margin-top: 25px;} .index_tzbg { background: url(/uploads/image/tdscimages/new_bg_04.jpg); height: 220px; margin-top: 20px;} .index_newbt { overflow: hidden;} .index_more { font-size: 14px;} .index_more a { color: #6f6f6f;} .index_more a:hover { color: #000;} .index_tzcom { width: 570px; margin: auto; padding-top: 20px;} .index_tznews { height: 145px; overflow: hidden; margin-top: 15px;} .index_tznews li { background: url(/uploads/image/tdscimages/tzjt_03.jpg) no-repeat;text-indent: 19px; height: 37px; line-height: 37px; overflow: hidden; background-position: 2px;} .index_tznews li span { float: right; color: #a5a4a5;} .index_gcbg {background: url(/uploads/image/tdscimages/gcbg_03.jpg) no-repeat; height: 414px;} .index_gcbt { padding:90px 0 0 50px;} .index_gcmore { width: 23px; height: 42px; background: #d18948; color: #fff; border-radius: 20px; text-align: center; font-size: 14px; padding-top: 5px; margin: 35px 0 0 63px;} .index_gcmore a { color: #fff;} .index_gcmore a:hover { color:#fff;} .index_gcpro img { width: 246px; height: 348px; border: 1px solid #9fb1da;} .index_gcpro li { float: left; margin: 31px 20px 0 0; position: relative;} .index_gcdw { position: absolute;} .index_hsbg { background: url(/uploads/image/tdscimages/hhbg_03.png); width: 247px; height: 47px; text-align: center; line-height: 47px; color: #fff; margin: 302px 0 0 4px;} .index_hsbg a { color: #fff;} .index_hsbg a:hover { color: #fff;} .index_gcpro { padding-left: 17px;} .index_xnjqtp { position: relative;} .index_jddw { position: absolute;} .index_xnsiz { padding: 20px 0 0 20px; color: #fff; line-height: 25px;} .index_red { background: #6e2224; height: 254px; width: 803px; position: relative;} .index_reddw { position: absolute; padding-left: 30px; color: #fff;} .index_redbt { font-size: 20px; padding-top: 30px;} .index_redbt a { color: #fff;} .index_redbt a:hover { color: #fff1e5;} .index_rednr { width: 313px; line-height: 27px; font-size: 15px; height: 80px; overflow: hidden; margin-top: 40px;} .index_redjt { margin-top: 31px;} .index_jybg { background: #b5885f; width: 376px; height: 252px;} .home_com { width: 1200px; margin: auto; margin-top: 20px;} .index_jycom { width: 330px; margin: auto; color: #fff;} .inde_jybt { font-size: 18px; padding-top: 28px;} .inde_jybt a { color: #fff;} .inde_jybt a:hover { color: #fff;} .index_jytt { height: 20px; overflow: hidden; margin-top: 30px;} .index_jytt a { color: #fff;} .index_jytt a:hover { color: #fffce6;} .inde_jyxx { border-bottom: 1px solid #fff; width: 50px; margin-top: 15px;} .index_jynn { height: 44px; line-height: 22px; overflow: hidden; font-size: 14px; color: #eee; margin-top: 16px;} .index_jyjt { padding-top: 30px;} .index_jyjd { position: relative;} .index_jydw { position: absolute;} .index_jybj { background: url(/uploads/image/tdscimages/tmbg_15.png); height: 50px; width: 426px; color: #fff; line-height: 50px; text-indent: 15px; font-size: 18px;} .index_jybj a { color: #fff;} .index_jybj a:hover { color: #fff;} .index_xsyj { position: relative;} .index_xsbt { color: #fff; font-size: 18px; padding: 20px 0 0 20px;} .index_xsbt a { color: #fff;} .index_xsbt a:hover { color: #fff1e5;} .snav a:hover { color: #fff4b5;} .banner img{width:100%; height:auto; display:block;} /* 切换---*/ .box{width: 524px;height:290px;overflow: hidden;position: relative;} .box-1 ul{} .box-1 ul li{width: 524px;height:290px;position: relative;overflow: hidden;} .box-1 ul li img{display:block;width: 524px; height: 290px;} .box-1 ul li h2{position: absolute;left: 0;bottom: -14px;height: 50px;width:300px;background: rgba(55,55,50,.6);text-indent: 0.5em; padding-right:100px ;font-size: 17px;line-height: 50px;text-overflow: ellipsis;overflow: hidden; white-space: nowrap;font-weight: normal;color: ghostwhite;width: 100%;} .box-2{position: absolute;right: 7px;bottom: 19px;} .box-2 ul li{float:left;width: 12px;height: 12px;overflow: hidden; margin: 0 5px; border-radius: 50%; text-indent: 100px;cursor: pointer; background: #fff; } .box-2 ul .on{background: #c40000;} .box-3 .prev{left: 10px;} .box-3 .next{right: 10px;} .box-3 span::selection{background: #c40000;} .box-3 span:hover{background: #c40000;} /* 切换---*/ .carousel { width: 100%; height: 630px; position: relative; z-index: 9; } .carousel ul { /* 消除列表默认样式 */ list-style: none; } .carousel #list img { width: 100%; height: auto; } .carousel #list li { position: absolute; top: 0; left: 0; opacity: 0; transition: opacity 1s ease 0s; } /* 只有第一张透明度是1 */ .carousel #list li:first-child { opacity: 1; } /* 上一张/下一张控制按钮 */ .carousel>a { position: absolute; width: 30px; height: 50px; top: 50%; margin-top: -25px; background-color: rgba(163, 166, 167, 0); } .carousel>a>img { margin-left: -8px; } .carousel .leftbtn { opacity: 0; left: 20px; } .carousel .rightbtn { opacity: 0; right: 20px; } /* 底部定位圆点list */ .carousel #location_list { width: 100%; position: absolute; top: -80px; left: 42%; } .carousel #location_list li { float: left; width: 50px; height: 10px; border-radius: 5px; margin: 5px; border: 1px solid white; } /* 圆点被激活时的样式,动态为圆点增加class */ .carousel #location_list li.active { background-color: bisque; } .snav_bg{ position: absolute; top: 60px; height: 0px; width: 100%; background-color: rgba(42, 60, 80, 0.9); display: flex; justify-content: center; } .snav{ width: 1200px; display: flex; /* justify-content: center; */ } .snavin{ animation: mousein .5s; animation-fill-mode: forwards; } @keyframes mousein { 0%{ height:0px } 100%{ height:50px } } .snavout{ animation: mouseout .5s; animation-fill-mode: forwards; } @keyframes mouseout { 0%{ height:50px } 100%{ height:0px } } .snavtext{ padding: 0 30px; color: #fff; line-height: 50px; } /**专题专栏**/ .index_pro {position:relative; overflow:hidden; margin-top: 0px; height: 380px; width: 1080px; } .index_pro .swiper-button-next{right:0px;top: 192px; color: #205078; } .index_pro .swiper-button-prev{left:0px;top: 192px;color: #205078;} .index_pro .swiper{ overflow:visible;} .index_pro .swiper-pagination{ display:none;} .index_pro ul{} .index_pro ul li { width:13.1%; float:left;box-sizing:border-box;-webkit-box-sizing:border-box; text-align:center; } .index_pro ul li:nth-child(5n){ margin-right:0px;} .index_pro ul li a .photo { width:100%; position:relative; padding-top:88%; display:block; overflow:hidden; height: 347px;} .index_pro ul li a .photo img{ position:absolute; left:0px; top:0px;object-fit:content;transition:all .5s;-webkit-transition:all .5s; object-position: center center; height: 347px; width: 244px;} .index_pro ul li a:hover .photo img{transform:scale(1.05);-webkit-transform:scale(1.05); height: 347px;} .ui-body .swiper-button-next,.ui-body .swiper-button-prev{color:#fff; background: #000; } /**专题专栏**/ .app_bg { display: none;} .nav_bg {display: block; z-index:999;} .index_pic { display: block;} .index_jqtb { display: block;} .index_gcbg { display: block;} .cend_bg { display: block;} .app_end { display: none;} .app_hg { display: none;z-index:1000;} /*手机版自适应*/ @media only screen and (max-width: 640px) { body {margin: 0px;padding: 0px; line-height:20px; color:#1e1e1e; min-width: 100%; width:100%;font-size: 1.0rem}.home { width: 100%; padding-top: 10px;}.app_bg { background: #293b4f; height: 60px; display: block;position:fixed; top: 0px; width: 100%; z-index:10} .app_logo img { zoom:0.3; padding: 30px 0 0 15px;}.carousel { height: 100%; margin-top: 0px;}.nav_bg { display: none;}.index_newbg { width: 100%; padding-bottom: 18px; height: 330px; }.index_pic { display: none;} .index_newtt img { zoom:0.8}.index_more { padding-right: 20px; font-size: 0.8rem;}.index_nrzj { width: 65%;}.index_cgright { width: 100%;}.index_jqtb { display: none;} .index_cgtt img {zoom:0.8}.index_cgsiz { font-size:0.9rem;}.index_cgsz { font-size: 1.5rem;}.index_cgzz2 { padding-left: 5px;}.index_wxwz { font-size: 0.9rem;}.index_ewm img { zoom:0.8}.index_cgbj { height:370px; padding: 0px;background: url(/uploads/image/tdscimages/s-back.jpg);} .index_tzcom { width: 95%;}.index_newtt {zoom:1.0}.index_tznews li { font-size: 0.95rem; height: 34px; line-height: 34px;}.index_gcbg { display: none;} .index_gcbg { height: 490px;}.index_xnjqtp { margin-top: -30px;}.index_xnsiz { font-size: 0.95rem;}.index_xnjqtp { width: 100%;}.index_xnjqtp img { width: 100%;}.index_red img { width: 100%;}.index_red { width: 100%; height: 95px; margin-top: 8px;} .index_redbt { padding-top: 15px; font-size: 1.0rem;}.index_rednr { width: 90%; margin-top: 5px; height: 30px; overflow: hidden; font-size: 0.9rem;}.index_reddw { padding-left: 15px;} .index_jybg { width: 100%; height: 200px;}.index_jycom { width: 95%;}.index_jytt { margin-top: 15px;}.inde_jybt { padding-top: 18px;}.index_jynn { height: 50px; width: 95%; padding-right: 20px;} .index_jyjt { padding-top: 10px;}.index_jyjd { width: 100%; margin-top: 15px;}.index_jyjd img { width: 100%;}.index_jybj { font-size: 1.0rem;} .index_xsyj { width: 100%;} .index_xsyj img { width: 100%;}.cend_bg { display: none;}.app_end { display: block;padding: 15px 0 15px 0; margin-top: 20px; background: #17283a;} .app_endnr { width: 95%; line-height: 27px; font-size: 0.95rem;color: #bec0c3; margin: auto;}.index_cgzb { width:90%;}.index_jddw { width: 100%;} .home_com { width: 100%;}.index_jyjt img { zoom:0.9}.app_hg { display: block;z-index:1800;}.index_news { margin-top: 0px;}.index_newbt {} } /*---------------------------------------------------------------------------------------------------------------手机站导航开始----------*/ .sp_header{position:fixed;z-index:9999;width:100%;} .sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:-35px;z-index:9999;} .sp_nav span{display:block;background:#fff;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s;z-index:9999;} .sp_nav span:nth-of-type(1){top:0px} .sp_nav span:nth-of-type(2){top:10px} .sp_nav span:nth-of-type(3){top:20px} .sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)} .sp_nav_se span:nth-of-type(2){width:0} .sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)} .sjj_nav{position:fixed;z-index:9999;background:#eee;width:50%;height:calc(100% - 104px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;} .nav_show{top:0px} .sjj_nav>ul>li:first-child{overflow:hidden;border-top:0} .sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px)} .sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px} .sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;} .sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;} .sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s} .sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)} .sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:40px;font-size:14px} .sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;} .sjj_nav ul li ul{display:none} .sjj_nav ul li a{color:#666;width:80%} .sjj_nav ul li ul li a{color:#999;display:block;text-align:left;} .sjj_nav ul li i svg{width:20px;height:20px;fill:#555;} .sjj_nav ul li .sjj_nav_i_se svg{fill:#c9141e} .sjj_nav ul li ul li>ul{margin-left:10px} /*---------------------------------------------------------------------------------------------------------------手机站导航结束----------*/