@charset "utf-8"; /* CSS Document */ *{ padding:0; margin:0; border:0; font-family: '微软雅黑'; } ul,li{ list-style: none; } a{ text-decoration: none; } .linboBtnL img{ width:100%; height:100%; } .linboBtnR img{ width:100%; height:100%; } @media screen and (min-width: 1001px) and (max-width:1439px) { .CT_headerBox{ width:100%; min-width: 1000px; height:68px; border-bottom: 1px solid #e0e0e0; } .CT_header{ width:1000px; margin:0 auto; height:30px; } .CT_headerTime{ float: left; color:#666666; font-size: 12px; line-height: 30px; height:30px; } .CT_headerUl{ overflow: hidden; padding-top: 9px; float: right; } .CT_headerUl li{ float: left; } .CT_headerUl li a{ display: block; padding:0 8px; color:#333; font-size: 12px; line-height: 12px; height:12px; } .CT_headerUl li a:hover{ color:#103d5d; } .CT_headerUl li{ border-right: 1px solid #ababab; } .CT_headerLastLi{ border-right:0 !important; } .CT_headerLastLi a{ padding-right: 0 !important; } .movingHeadBox{ min-width: 1000px; width:100%; margin-bottom: 3px; position: relative; z-index: 999; border-bottom: 1px solid #f1f1f1; background:url(20180207_headerBg.png); } .movingHead{ width:1000px; margin:0 auto; height:78px; position: relative; } .headerShadow{ width:100%; min-width: 1000px; height:3px; position: absolute; left:0; bottom:-3px; background:url(20180207_headerShadow.png) repeat-x; } .movingHeadLogo{ display: block; float: left; margin-top: 5.5px; width:18%; } .movingHeadJia{ display: block; cursor: pointer; width:14px; height:14px; float: left; margin-top: 29px; } .movingHeadJia img{ width:100%; height:100%; } .HeadJiaUl{ padding:10px 0; display: none; position: absolute; top:78px; left: 0; z-index: 888; width:100%; overflow: hidden; background:url(20180207_headerBg2_03.png); } .HeadJiaUl li{ float: left; } .HeadJiaUl li a{ display: block; height:32px; line-height:32px; font-size: 14px; color:#4c4c4c; padding:0 7px; } .HeadJiaUl li a:hover{ color:#103d5d; transition: .35s; -moz-transition: .35s; /* Firefox 4 */ -webkit-transition: .35s; /* Safari 和 Chrome */ -o-transition: .35s; /* Opera */ } .CT_nav{ overflow: hidden; float: left; } .CT_nav li{ float: left; height:78px; line-height: 78px; } .CT_nav li span{ /* width:0px; height:16px; border-right: 2px solid #dae3e8; */ font-size: 16px; color:#dae3e8; display: inline-block; } .CT_nav li a{ padding:0 16px; display: inline-block; height:78px; line-height: 78px; font-size: 16px; color:#15405f; } .CT_nav li.active a{ background:#f4f7fb; height:75px; border-bottom: 3px solid #d6e4f0; } .CT_nav li:hover a{ background:#f4f7fb; height:75px; border-bottom: 3px solid #d6e4f0; transition: .1s; -moz-transition: .1s; /* Firefox 4 */ -webkit-transition: .1s; /* Safari 和 Chrome */ -o-transition: .1s; /* Opera */ } .CT_SearchBox{ width:25.3%; float: right; height:25px; margin-top: 26.5px; border-left: 1px solid #7e9db9; border-right: 1px solid #7e9db9; position: relative; } .CT_SearchDrop_down{ width:26.8%; float: left; position: relative; } .CT_SearchInput{ width:200px; float: right; outline: none; height:14px; font-size: 12px; line-height: 14px; color:#bdc3c7; margin-top: 5.5px; /*border-left: 1px solid #bacad3;*/ /*box-sizing: border-box;*/ padding-left:12px; padding-right: 35px; background:url(20180207_headerInputBg.png); } .CT_SearchA{ display: block; width:21px; height:21px; background:url(20180207_movingHead2_03.jpg); position: absolute; top:2px; right:10px; } .CT_SearchDrop_downSpan{ display: block; text-align: center; font-size: 12px; color:#34495e; height:25px; line-height: 25px; cursor: pointer; } .CT_SearchDrop_downSpan img{ margin-left: 5px; vertical-align: middle; position: relative; top:-2px; } .CT_SearchDrop_downUl{ display: none; width:100%; position: absolute; top:25px; left: 0; background:url(20180207_headerBg.png); z-index: 999; } .CT_SearchDrop_downUl li{ height:25px; line-height: 25px; text-align: center; font-size: 12px; color:#34495e; cursor: pointer; } .CT_SearchDrop_downUl li:hover{ background:#f4f7fb; } .CT_SearchDrop_downUl li.active{ background:#f4f7fb; } .HeadBimgA{ width:100%; display: block; height:90px; margin-top:15px; } .HeadBimgA img{ width:100%; height:100%; } .CT_centerBox{ width:1000px; margin:0 auto; } .headlinesBox{ overflow: hidden; margin:15px 0 8px; } .headlinesA{ font-size: 35px; color:#000; display: block; width:894px; float: right; font-weight: bold; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .headlinesBox img{ display: inline-block; margin:0 15px; float: left; margin-top: 5px; } .headlinesA:hover{ color:#103d5d; transition: .35s; -moz-transition: .35s; /* Firefox 4 */ -webkit-transition: .35s; /* Safari 和 Chrome */ -o-transition: .35s; /* Opera */ } .headlinesUl{ overflow: hidden; padding:0 15px; width:970px; height:28px; margin-bottom:20px; } .headlinesUl li{ float: left; } .headlinesUl li a{ font-size: 16px; color:#333; } .headlinesUl li:hover a{ color:#103d5d; transition: .35s; -moz-transition: .35s; /* Firefox 4 */ -webkit-transition: .35s; /* Safari 和 Chrome */ -o-transition: .35s; /* Opera */ } .headlinesLiX{ font-size: 16px; color:#c5c5c5; margin:0 25px; } .CT_lunboBox{ overflow: hidden; width:100%; } .CT_lunboBox .CT_lunbo{ width:617px; float: left; height:347px; border-bottom: 4px solid #7e9db9; position: relative; } .CT_lunboBox .CT_lunboR{ width:358px; float: right; height:351px; } .CT_lunboRT{ border-bottom: 1px dotted #d3d3d3; } .CT_lunboRT a{ display: block; font-size: 22px; color:#333; margin-bottom: 3px; line-height: 32px; } .CT_lunboRT a:hover{ color:#103d5d; transition: .35s; -moz-transition: .35s; /* Firefox 4 */ -webkit-transition: .35s; /* Safari 和 Chrome */ -o-transition: .35s; /* Opera */ } .CT_lunboRT p{ font-size: 14px; color:#999; margin-bottom: 8px; line-height: 22px; } .CT_lunboRUl{ width:100%; margin-top:8px; } .CT_lunboRUl li{ padding-left:12px; background:url(20180207_liBgdian_03.jpg) no-repeat left center; } .CT_lunboRUl li a{ font-size: 14px; color:#333; display: block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; height:27px; line-height: 27px; } .CT_lunboRUl li:hover{ background:url(20180207_liBgdian2_03.jpg) no-repeat left center; transition: .35s; -moz-transition: .35s; /* Firefox 4 */ -webkit-transition: .35s; /* Safari 和 Chrome */ -o-transition: .35s; /* Opera */ } .CT_lunboRUl li:hover a{ color:#103d5d; transition: .35s; -moz-transition: .35s; /* Firefox 4 */ -webkit-transition: .35s; /* Safari 和 Chrome */ -o-transition: .35s; /* Opera */ } .CT_lunbo .CT_lunboLUl{ width:100%; height:100%; position: relative; } .CT_lunbo .CT_lunboLUl li{ width:100%; height:100%; position: absolute; left: 0; top:0; } .CT_lunbo .CT_lunboLUl li a{ display: block; position: relative; width:100%; height:100%; } .lunboTitleBox p{ font-size: 18px; color:#fff; padding:14px 15px 6px; } .lunboTitleBox span{ font-size: 14px; color:#e5e5e5; display: block; padding:0 15px; } .CT_lunbo .CT_lunboLUl li a img{ width:100%; height:100%; } .lunboTitleBox{ width:452px; height:92px; position: absolute; left:7px; bottom:9px; background:url(20180207_lunboTitleBg_03.png); } .linboBtnL{ z-index: 12; position: absolute; right:45px; bottom:10px; display: block; width:34px; height:34px; cursor: pointer; background:url(20180207_lunbobtn1_03.png); } .linboBtnR{ cursor: pointer; position: absolute; right:10px; bottom:10px; display: block; width:34px; height:34px; z-index: 12; background:url(20180207_ct_LBBtnBg.png); } .CT_CcenterBox{ width:100%; overflow: hidden; margin-top: 25px; } .CT_CcenterBox .CT_CLBox{ width:617px; float: left; } .CT_CLTitle{ border-top:2px solid #b3b3b3; overflow: hidden; padding:12px 0 21px; } .CT_CLTitle span{ display: block; float: left; font-size: 20px; color:#15405f; border-left: 4px solid #7e9db9; padding-left: 8px; } .CT_CLTitle .CT_CLTitleA{ display: block; float: right; font-size: 12px; color:#7e9db9; width:42px; height:21px; text-align: center; line-height: 21px; border:1px solid #dae3eb; margin-top: 2px; } .CT_tourismTBox .CT_tourismLi{ display: none; } .CT_tourismTBox .CT_tourismLi.active{ display: block; } .CT_tourismBUlBox ul li.active a{ color:#15405f;; } .CT_CLTW{ padding-left:13px; width:604px; overflow: hidden; padding-bottom: 17px; background:url(20180207_CT_CLbottomBg_03.jpg) repeat-x left bottom; } .CT_CLTW img{ display: block; width:247px; float: left; height:138px; } .CT_CLTW .CT_CLW{ width:332px; float: right; } .CT_CLWTitle{ font-size: 16px; color:#333; line-height: 24px; display: block; margin-bottom: 5px; height:48px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .CT_CLWTitle:hover{ color:#103d5d; transition: .35s; -moz-transition: .35s; /* Firefox 4 */ -webkit-transition: .35s; /* Safari 和 Chrome */ -o-transition: .35s; /* Opera */ } .CT_CLW p{ font-size:12px; color:#666; line-height: 22px; height:65px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } .CT_CLW p a{ display: inline-block; width: 18.571px; height:13px; } .CT_CLW p .CT_CLWA img{ width:100%; height:100%; } .CT_CLW span{ font-size: 12px; color:#999; } .CT_CLUl{ width:604px; overflow: hidden; padding:7.5px 0 17.5px 13px; } .CT_CLUl li{ float: left; width:50%; box-sizing: border-box; height:29px; line-height: 29px; font-size: 14px; color:#103d5d; padding-left:14px; background:url(20180207_CT_CLiBg_03.jpg) no-repeat left center; } .CT_CLUl li a{ font-size: 14px; color:#103d5d; display: block; width:90%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .CT_CLTW2 img{ width:123px; } .CT_CLTW2 .CT_CLW{ width:456px; } .CT_CLTW2 .CT_CLW .CT_CLWTitle{ height:24px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; } .CT_CLTW2 .CT_CLW p{ height:24px; line-height: 24px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; } .CT_CLTW2 .CT_CLW .CT_CLWTitle{ margin-bottom: 0; } .CT_CLTW3{ background:#fff !important; border-bottom: 1px dashed #d6d6d6; } .CT_CLTW4{ margin-top:16px; } .CT_CLTitleUl{ margin-top: 6px; padding-left:14px; overflow: hidden; float: right; background:url(20180207_CT_CLTitleUlJt_03.jpg) no-repeat left center; } .CT_CLTitleUl li{ padding:0 8px; float: left; border-right: 1px solid #cccccc; line-height: 14px; height:14px; } .CT_CLTitleUl li a{ font-size: 12px; color:#666; } .CT_CLTitleUl li:hover a{ color:#103d5d; transition: .35s; -moz-transition: .35s; /* Firefox 4 */ -webkit-transition: .35s; /* Safari 和 Chrome */ -o-transition: .35s; /* Opera */ } .CT_AdImg{ display: block; width:100%; margin-bottom: 25px; } .CT_AdImg img{ width:100%; } .CT_tourismUl{ background:url(20180207_CT_CLbottomBg_03.jpg) repeat-x left bottom; } .CT_tourismBUlBox{ height:40px; width:100%; margin-bottom:15px; } .CT_tourismBUlBox span{ display: block; width:12.5%; float: left; font-size: 12px; color:#000; height:40px; line-height: 40px; background:url(20180207_Ct_Hjt_03.jpg) no-repeat right center; } .CT_tourismBUlBox ul{ width:87%; float: right; height:40px; } .CT_tourismBUlBox ul li{ float: left; width:14.2%; position: relative; } .CT_tourismBUlBox ul li a{ display: block; width:100%; height:40px; line-height: 40px; font-size: 12px; color:#666; text-align: center; } .CT_tourismBUlBox ul li a:hover{ color:#103d5d; transition: .35s; -moz-transition: .35s; /* Firefox 4 */ -webkit-transition: .35s; /* Safari 和 Chrome */ -o-transition: .35s; /* Opera */ } .CT_tourismBUlBox ul li i{ position: absolute; display:block; left:50%; width:7px; height:7px; margin-left: -3.5px; top:-3.5px; background:url(20180207_CT_tourismBUli_03.jpg); } .CT_ZZUlBox{ overflow: hidden; margin-bottom: 30px; } .CT_ZZUlBox .CT_ZZUlLBtn{ float: left; width:47px; position: relative; height:140px; } .CT_ZZUlTBox{ float: left; width:536.5px; overflow: hidden; } .CT_ZZUlBox .CT_ZZUl{ width:3000px; overflow: hidden; } .CT_ZZUlBox .CT_ZZUl li{ width:107px; float: left; margin-right: 35.7px; } .CT_ZZUlBox .CT_ZZUl li .CT_ZZUlLiA{ display: block; width:100%; } .CT_ZZUlBox .CT_ZZUl li .CT_ZZUlLiA .CT_ZZUlImg{ width:100%; } .CT_ZZUlBox .CT_ZZUl li span{ display: block; height:37px; line-height: 37px; text-align: center; color:#333; font-size: 14px; } .CT_ZZUlBox .CT_ZZUl li .CT_ZZUlBBox{ display: block; width:74px; height:23px; line-height: 23px; text-align: center; color:#fff; font-size: 12px; margin:0 auto; background:#7e9db9; } .CT_ZZUlBox .CT_ZZUl li .CT_ZZUlBBox img{ display: inline-block; margin-right:5px; vertical-align: middle; /*position: relative;*/ margin-top:-2px; } .CT_ZZUlLBtn a{ display: block; width:25px; height:39px; position: absolute; top:50%; margin-top: -19.5px; right: 7px; } .CT_ZZUlLBtn a img{ width:100%; height:100%; } .CT_ZZUlRBtn a{ display: block; width:25px; height:39px; position: absolute; top:50%; margin-top: -19.5px; left: 7px; } .CT_ZZUlRBtn a img{ width:100%; height:100%; } .CT_ZZUlBox .CT_ZZUlRBtn{ float: left; width:33px; position: relative; height:140px; } .CT_CcenterBox .CT_CRBox{ background:url(20180207_CT_CRbg_03.jpg) repeat-y; width:358px; float: right; border-top:2px solid #cccccc; } .CT_CRTitle{ border-top:2px solid #cccccc; overflow: hidden; padding:7px 0 15px; } .CT_CRTitle span{ display: block; float: left; font-size: 18px; color:#15405f; padding-left: 16px; } .CT_CRTitle a{ display: block; float: right; font-size: 12px; color:#b2b2b2; width:42px; height:21px; text-align: center; line-height: 21px; border:1px solid #ececec; margin-top: 2px; } .CT_CRCBox{ padding:0 16px; overflow: hidden; } .videoChinaUl{ overflow: hidden; margin-bottom: 25px; } .videoChinaUl li{ float: left; } .videoChinaUl li a{ display: block; width:100%; } .videoChinaUl li a img{ width:100%; vertical-align: middle; } .videoChinaUl li a video{ width:100%; vertical-align: middle; } .videoChinaUl .videoChinaLi1{ width:100%; margin-bottom: 2px; position: relative; } .videoChinaUl .videoChinaLi2{ width:106px; padding-bottom:1px; border-bottom: 3px solid #c7ddef; } .videoChinaUl .videoChinaLi1 a img{ height:182.225px; } .videoChinaUl .videoChinaLi2 a img{ height:59.25px; } .CT_CRTW{ overflow: hidden; } .CT_CRTW .CT_CRTWA{ display: block; width:117px; float: left; } .CT_CRTW .CT_CRTWA img{ width:100%; height:65.5px; } .CT_CRW{ width:194px; float: right; } .CT_CRW .CT_CRWTitle{ display: block; font-size: 14px; color:#333; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-bottom: 3px; } .CT_CRW .CT_CRWTitle:hover{ color:#103d5d; transition: .35s; -moz-transition: .35s; /* Firefox 4 */ -webkit-transition: .35s; /* Safari 和 Chrome */ -o-transition: .35s; /* Opera */ } .CT_CRW p{ font-size: 12px; color:#666; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin-bottom: 3px; line-height: 12px } .CT_CRW p .CT_CRWA{ display: inline-block; width:20px; height:14px; position: relative; top:2px; } .CT_CRW p .CT_CRWA img{ width:100%; } .CT_CRW span{ font-size: 10px; color:#999; display: block; } .CT_CRUl{ margin-bottom:25px; margin-top: 5px; } .CT_CRUl li { box-sizing: border-box; height: 28px; line-height: 28px; font-size: 14px; color: #103d5d; padding-left: 14px; background: url(20180207_CT_CLiBg_03.jpg) no-repeat left center; } .CT_CRUl li a{ display: block; color:#103d5d; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .CT_HotTopic{ overflow: hidden; margin-bottom: 10px; } .CT_HotTopic li{ width:157px; float: left; } .CT_HotTopic li a{ display: block; width:100%; } .CT_HotTopic li a img{ width:100%; height:88.5px; } .CT_HotTopic li a span{ display: inline-block; width:100%; font-size: 12px; color:#103d5d; margin:6px 0 15px; } .CT_gct .CT_CRCBox{ display: none } .CT_gct .CT_CRCBox.active{ display: block } .CT_CRCBox2{ overflow: visible } .CT_QHGAT{ background:url(20180207_CT_CLbottomBg_03.jpg) repeat-x left top; } .CT_QHGAT ul li.active a{ color:#15405f;; } .CT_QHGAT{ height:40px; width:100%; margin-bottom:15px; } .CT_QHGAT span{ display: block; width: 46px; float: left; font-size: 12px; /*box-sizing: border-box;*/ color:#000; height:40px; text-align: right; padding-right: 20px; line-height: 40px; background:url(20180207_Ct_Hjt_03.jpg) no-repeat right center; } .CT_QHGAT ul{ width:79.5%; float: right; height:40px; } .CT_QHGAT ul li{ float: left; width:33.333%; position: relative; } .CT_QHGAT ul li a{ display: block; width:100%; height:40px; line-height: 40px; font-size: 12px; color:#666; text-align: center; } .CT_QHGAT ul li a:hover{ color:#103d5d; transition: .35s; -moz-transition: .35s; /* Firefox 4 */ -webkit-transition: .35s; /* Safari 和 Chrome */ -o-transition: .35s; /* Opera */ } .CT_QHGAT ul li i{ position: absolute; display:block; left:50%; width:7px; height:7px; margin-left: -3.5px; top:-3.5px; background:url(20180207_CT_tourismBUli_03.jpg); } .videoChinaLi1 a span{ position: absolute; display: block; left: 0; bottom:0px; height:30px; width:290px; padding:0 18px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size: 14px; color:#fff; line-height: 30px; background:url(20180207_CT_CRTimg_02.png) repeat-x; } .specialBoxL{ width:116px; float: left; border:3px solid #f1f1f1; position: relative; margin-bottom: 8px; } .specialBoxL .specialTA{ width:100%; display: block; } .specialBoxL .specialTA img{ width:100%; height:151px; } .specialBA{ left: -7px; bottom:-9px; position: absolute; width:131px; height:37px; background:url(20180207_specialImgS_03.png); line-height: 42px; text-align: center; color: #fff; font-size: 14px; } .CT_CRUl2{ width:170px; float: right; } .CT_CRUl2{ margin:0 0 28px !important; } .CT_CRUl2 li{ line-height: 24px !important; height:24px !important; } .CT_footerBox{ width:100%; min-width: 1000px; background:#f7f7f7; border-top:1px solid #ebebeb; padding:20px 0 35px; } .CT_footer{ overflow: hidden; width:1000px; margin:0 auto; } .youqingLJBox{ overflow: hidden; padding-bottom: 20px; border-bottom: 1px solid #f0f0f0; } .CT_footer .youqingLP{ font-size: 16px; color:#808080; width:96px; float: left; height:26px; line-height: 26px; } .youqingUl{ width:904px; float: right; overflow: hidden; } .youqingUl .YQLiT{ float: left; margin-right:23px; } .youqingUl .YQLiT ul .YQLiB{ padding-left:12px; background:url(20180207_foterLiBg_03.png) no-repeat left center; } .youqingUl .YQLiT ul .YQLiB a{ display: block; height:26px; line-height: 26px; font-size: 14px; color:#808080; } .youqingUl .YQLiT ul .YQLiB a:hover{ color:#103d5d; transition: .35s; -moz-transition: .35s; /* Firefox 4 */ -webkit-transition: .35s; /* Safari 和 Chrome */ -o-transition: .35s; /* Opera */ } .youqingZBBox{ padding-top: 25px; } .youqingZBLUl{ width:575px; float: left; overflow: hidden; } .youqingZBLUl ul{ overflow: hidden; } .youqingZBLUl ul li{ white-space: nowrap; float: left; height:31px; line-height: 31px; font-size: 14px; color:#808080; } .youqingZBLUl ul li a{ font-size: 14px; color:#808080; } .youqingZBli1{ margin-right: 50px; } .youqingZBLUl ul li.youqingZBli2{ padding:0 12.5px; } .youqingZBLUl ul li:hover a{ font-size: 14px; color:#103d5d; transition: .35s; -moz-transition: .35s; /* Firefox 4 */ -webkit-transition: .35s; /* Safari 和 Chrome */ -o-transition: .35s; /* Opera */ } .CT_weibo{ width:77px; display: block; float: right; margin-right: 44px; } .CT_weixin{ width:77px; display: block; float: right; margin-right: 44px; } .CT_weibo span{ display: inline-block; width:100%; margin-top: 6px; text-align: center; font-size: 12px; color:#808080; } .CT_weixin span{ display: inline-block; width:100%; margin-top: 6px; text-align: center; font-size: 12px; color:#808080; } .CT_jing{ width:28px; height:33px; display: block; float: right; margin-right: 16px; margin-top: 32px; } .CT_KXWZ{ width:96px; height:36px; display: block; float: right; margin-top: 32px; } .CT_weibo img{ width:100%; } .CT_weixin img{ width:100%; } .CT_jing img{ width:100%; } .CT_KXWZ img{ width:100%; } .CT_footerBoxWap,.CT_CRCBoxWap,.wapMoreA,.CT_WapCRTWA,.swiper-container3,.wapTnav,.wapSearchBox,.wapnav{ display: none } /* 下级页样式 start*/ /*视频列表*/ .CT_innerNavBox{ overflow: hidden; margin:25px 0 33px; } .CT_innerNavBox .CT_indexA{ float: left; height:27px; display: block; font-size: 20px; color: #922936; } .ThisAddress{ margin:0 17px 0 8px; float: left; width:98px; height:27px; background:#7e9db9; line-height: 27px; text-align: center; position: relative; color:#fff; font-size: 15px; } .ThisAddress i{ display: block; position: absolute; width:7px; height:6px; } .CT_innerNav{ float: left; } .CT_innerNav a{ display: inline-block; height:27px; line-height: 27px; color:#666; font-size: 14px; } .CT_innerNav a:hover{ color:#103d5d; transition: .35s; -moz-transition: .35s; /* Firefox 4 */ -webkit-transition: .35s; /* Safari 和 Chrome */ -o-transition: .35s; /* Opera */ } .CT_innerNav span{ display: inline-block; height:27px; line-height: 27px; color:#666; font-size: 14px; } .ThisAddress .ThisAddressLTI{ left: 0; top: 0; background:url(20180207_innerVideo1_03.png); } .ThisAddress .ThisAddressRBI{ right: 0; bottom: 0; background:url(20180207_innerVideo1_07.jpg); } .innerVideoTBox{ overflow: hidden; padding-bottom: 8px; } .innerVideoTL{ width:50%; float: left; height:282px; } .innerVideoTL a{ display: block; width:100%; height:100%; position: relative; } .innerVideoLiT{ /*vertical-align: middle;*/ width:100%; height:100%; } .innerVideoTL a .innerVideoLiBspan{ display: inline-block; position: absolute; width:460px; padding:0 20px; height:28px; left: 0; bottom:0; background:url(20180207_lunboTitleBg_03.png); } .innerVideoTL a .innerVideoLiBspan span{ display: inline-block; height:100%; width:85%; float: left; line-height: 28px; font-size: 12px; color:#fff; } .innerVideoTL a .innerVideoLiBspan img{ float: right; margin-top: 5px; width:18px; height:18px; } .innerVideoTUl{ width:49%; float: right; overflow: hidden; } .innerVideoTUl li{ width:49%; float: left; height:138.5px; margin-bottom: 5px; } .innerVideoTUl li a{ display: block; width:100%; height:100%; position: relative; } .innerVLiS{ display: inline-block; position: absolute; width:220px; padding:0 10px; height:28px; left: 0; bottom:0; background:url(20180207_lunboTitleBg_03.png); } .innerVLiS span{ display: inline-block; height:100%; width:85%; float: left; line-height: 28px; font-size: 12px; color:#fff; } .innerVLiS img{ float: right; margin-top: 5px; width:18px; height:18px; } .CT_CLTWInnerVideo{ width:617px; margin-top: 17px; padding-left: 0; margin-right: 0 !important; padding-right: 0 !important; } .CT_CLTWInnerVideo .CT_CLW{ width:345px; } /*分页*/ .innerPageBox{ margin:30px 0 ; text-align: center; } .innerPageBox a{ display: inline-block; height:25px; padding:0 12px; border:1px solid #e2e2e2; margin:0 6.5px; font-size: 12px; color:#333; line-height: 25px; background:#f7f7f7; } .innerPageBox a.active{ background:#83a5c3; color:#fff; } .innerPageBox a:hover{ background:#83a5c3; color:#fff; transition: .35s; -moz-transition: .35s; /* Firefox 4 */ -webkit-transition: .35s; /* Safari 和 Chrome */ -o-transition: .35s; /* Opera */ } /*文字列表*/ .CT_WenTUl{ overflow: hidden; border-top: 1px solid #b3b3b3; margin-bottom: 17px; } .CT_WenTUl li{ float: left; display:inline; height:40px; line-height: 40px; background:#f7f7f7 url(20180207_CT_WenTulBg1000_05.jpg) no-repeat 5px center; padding-left:17px; padding-right:17px; } .CT_WenTUl li a{ font-size: 14px; color:#15405f; } .CT_WenTUl li.active{ background:#316082 url(20180207_CT_WenTulBg1000_03.png) no-repeat 5px center; } .CT_WenTUl li.active a{ color:#ffffff; } /*图片(组图)详情*/ .CT_DetailsNavBox{ width:100%; min-width: 1000px; background:#f7f7f7; } .CT_DetailsNav{ width:1000px; margin:0 auto; height:32px; } .CT_DetailsNav a{ display: inline-block; height:32px; line-height: 32px; color:#666; font-size: 14px; } .CT_DetailsNav a:hover{ color:#103d5d; transition: .35s; -moz-transition: .35s; /* Firefox 4 */ -webkit-transition: .35s; /* Safari 和 Chrome */ -o-transition: .35s; /* Opera */ } .CT_DetailsNav span{ display: inline-block; height:32px; line-height: 32px; color:#666; font-size: 14px; } .CT_DetailsTitle{ margin:50px 0 30px; text-align: center; font-size: 32px; color:#333; font-weight: bold; } .CT_DetailsTBBox{ overflow: hidden; padding-bottom:18px; background:url(20180207_CT_CLbottomBg2_07.jpg) repeat-x left bottom; } .CT_DetailsTBBox .CT_DetailsTime{ float: left; font-size:14px; color:#999; display: inline-block; margin-right:22px; } .CT_DetailsTBBox .CT_DetailsAuthor{ float: left; font-size:14px; color:#333; display: inline-block; margin-right:22px; } .CT_DetailsClose{ float: right; color:#333; font-size:14px; margin-left:20px; } .CT_DetailsClose:hover{ color:#103d5d; transition: .35s; -moz-transition: .35s; /* Firefox 4 */ -webkit-transition: .35s; /* Safari 和 Chrome */ -o-transition: .35s; /* Opera */ } .CT_DetailsFont{ float: right; color:#333; font-size:14px; margin-left:20px; } .CT_DetailsFont a{ cursor: pointer; color:#333; font-size:14px; display: inline-block; margin:0 3px; } .CT_DetailsFont a.active{ color:#103d5d; } .swiper-container9{ display: none } .backTop{ cursor: pointer; display: none; width:68px; height:68px; position: fixed; right: 50px; bottom:320px; z-index: 999; } .backTop img{ width:100%; height:100%; } /* 下级页样式 end*/ } @media screen and (min-width: 1440px) { .CT_headerBox{ width:100%; min-width: 1000px; height:68px; border-bottom: 1px solid #e0e0e0; } .CT_header{ width:1000px; margin:0 auto; height:30px; } .CT_headerTime{ float: left; color:#666666; font-size: 12px; line-height: 30px; height:30px; } .CT_headerUl{ overflow: hidden; padding-top: 9px; float: right; } .CT_headerUl li{ float: left; } .CT_headerUl li a{ display: block; padding:0 8px; color:#333; font-size: 12px; line-height: 12px; height:12px; } .CT_headerUl li a:hover{ color:#103d5d; } .CT_headerUl li{ border-right: 1px solid #ababab; } .CT_headerLastLi{ border-right:0 !important; } .CT_headerLastLi a{ padding-right: 0 !important; } .movingHeadBox{ min-width: 1000px; width:100%; margin-bottom: 3px; position: relative; z-index: 999; border-bottom: 1px solid #f1f1f1; background:url(20180207_headerBg.png); } .movingHead{ width:1000px; margin:0 auto; height:78px; position: relative; } .headerShadow{ width:100%; min-width: 1000px; height:3px; position: absolute; left:0; bottom:-3px; background:url(20180207_headerShadow.png) repeat-x; } .movingHeadLogo{ display: block; float: left; margin-top: 5.5px; width:18%; } .movingHeadJia{ display: block; cursor: pointer; width:16px; height:16px; float: left; margin-top: 30px; } .movingHeadJia img{ width:100%; height:100%; } .HeadJiaUl{ padding:10px 0; display: none; position: absolute; top:78px; left: 0; z-index: 888; width:100%; overflow: hidden; background:url(20180207_headerBg2_03.png); } .HeadJiaUl li{ float: left; } .HeadJiaUl li a{ display: block; height:32px; line-height:32px; font-size: 16px; color:#4c4c4c; padding:0 10px; } .HeadJiaUl li a:hover{ color:#103d5d; transition: .35s; -moz-transition: .35s; /* Firefox 4 */ -webkit-transition: .35s; /* Safari 和 Chrome */ -o-transition: .35s; /* Opera */ } .CT_nav{ overflow: hidden; float: left; } .CT_nav li{ float: left; height:78px; line-height: 78px; } .CT_nav li span{ /* width:0px; height:16px; border-right: 2px solid #dae3e8; */ font-size: 16px; color:#dae3e8; display: inline-block; } .CT_nav li a{ padding:0 16px; display: inline-block; height:78px; line-height: 78px; font-size: 16px; color:#15405f; } .CT_nav li.active a{ background:#f4f7fb; height:75px; border-bottom: 3px solid #d6e4f0; } .CT_nav li:hover a{ background:#f4f7fb; height:75px; border-bottom: 3px solid #d6e4f0; transition: .1s; -moz-transition: .1s; /* Firefox 4 */ -webkit-transition: .1s; /* Safari 和 Chrome */ -o-transition: .1s; /* Opera */ } .CT_SearchBox{ width:25.3%; float: right; height:25px; margin-top: 26.5px; border-left: 1px solid #7e9db9; border-right: 1px solid #7e9db9; position: relative; } .CT_SearchDrop_down{ width:26.8%; float: left; position: relative; } .CT_SearchInput{ width:300px; float: right; outline: none; height:14px; font-size: 12px; line-height: 14px; color:#bdc3c7; margin-top: 5.5px; /*border-left: 1px solid #bacad3;*/ box-sizing: border-box; padding-left:12px; padding-right: 35px; background:url(20180207_headerInputBg.png); } .CT_SearchA{ display: block; width:21px; height:21px; background:url(20180207_movingHead2_03.jpg); position: absolute; top:2px; right:10px; } .CT_SearchDrop_downSpan{ display: block; text-align: center; font-size: 12px; color:#34495e; height:25px; line-height: 25px; cursor: pointer; } .CT_SearchDrop_downSpan img{ margin-left: 5px; vertical-align: middle; position: relative; top:-2px; } .CT_SearchDrop_downUl{ display: none; width:100%; position: absolute; top:25px; left: 0; background:url(20180207_headerBg.png); z-index: 999; } .CT_SearchDrop_downUl li{ height:25px; line-height: 25px; text-align: center; font-size: 12px; color:#34495e; cursor: pointer; } .CT_SearchDrop_downUl li:hover{ background:#f4f7fb; } .CT_SearchDrop_downUl li.active{ background:#f4f7fb; } .HeadBimgA{ width:100%; display: block; height:90px; margin-top:15px; } .HeadBimgA img{ width:100%; height:100%; } .CT_centerBox{ width:1000px; margin:0 auto; } .headlinesBox{ overflow: hidden; margin:15px 0 8px; } .headlinesA{ font-size: 35px; color:#000; display: block; width:894px; float: right; font-weight: bold; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .headlinesBox img{ display: inline-block; margin:0 15px; float: left; margin-top: 5px; } .headlinesA:hover{ color:#103d5d; transition: .35s; -moz-transition: .35s; /* Firefox 4 */ -webkit-transition: .35s; /* Safari 和 Chrome */ -o-transition: .35s; /* Opera */ } .headlinesUl{ overflow: hidden; padding:0 15px; width:970px; height:28px; margin-bottom:20px; } .headlinesUl li{ float: left; } .headlinesUl li a{ font-size: 16px; color:#333; } .headlinesUl li:hover a{ color:#103d5d; transition: .35s; -moz-transition: .35s; /* Firefox 4 */ -webkit-transition: .35s; /* Safari 和 Chrome */ -o-transition: .35s; /* Opera */ } .headlinesLiX{ font-size: 16px; color:#c5c5c5; margin:0 25px; } .CT_lunboBox{ overflow: hidden; width:100%; } .CT_lunboBox .CT_lunbo{ width:617px; float: left; height:347px; border-bottom: 4px solid #7e9db9; position: relative; } .CT_lunboBox .CT_lunboR{ width:358px; float: right; height:351px; } .CT_lunboRT{ border-bottom: 1px dotted #d3d3d3; } .CT_lunboRT a{ display: block; font-size: 22px; color:#333; margin-bottom: 3px; line-height: 32px; } .CT_lunboRT a:hover{ color:#103d5d; transition: .35s; -moz-transition: .35s; /* Firefox 4 */ -webkit-transition: .35s; /* Safari 和 Chrome */ -o-transition: .35s; /* Opera */ } .CT_lunboRT p{ font-size: 14px; color:#999; margin-bottom: 8px; line-height: 22px; } .CT_lunboRUl{ width:100%; margin-top:8px; } .CT_lunboRUl li{ padding-left:12px; background:url(20180207_liBgdian_03.jpg) no-repeat left center; } .CT_lunboRUl li a{ font-size: 14px; color:#333; display: block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; height:27px; line-height: 27px; } .CT_lunboRUl li:hover{ background:url(20180207_liBgdian2_03.jpg) no-repeat left center; transition: .35s; -moz-transition: .35s; /* Firefox 4 */ -webkit-transition: .35s; /* Safari 和 Chrome */ -o-transition: .35s; /* Opera */ } .CT_lunboRUl li:hover a{ color:#103d5d; transition: .35s; -moz-transition: .35s; /* Firefox 4 */ -webkit-transition: .35s; /* Safari 和 Chrome */ -o-transition: .35s; /* Opera */ } .CT_lunbo .CT_lunboLUl{ width:100%; height:100%; position: relative; } .CT_lunbo .CT_lunboLUl li{ width:100%; height:100%; position: absolute; left: 0; top:0; } .CT_lunbo .CT_lunboLUl li a{ display: block; position: relative; width:100%; height:100%; } .lunboTitleBox p{ font-size: 18px; color:#fff; padding:14px 15px 6px; } .lunboTitleBox span{ font-size: 14px; color:#e5e5e5; display: block; padding:0 15px; } .CT_lunbo .CT_lunboLUl li a img{ width:100%; height:100%; } .lunboTitleBox{ width:452px; height:92px; position: absolute; left:7px; bottom:9px; background:url(20180207_lunboTitleBg_03.png); } .linboBtnL{ z-index: 12; position: absolute; right:45px; bottom:10px; display: block; width:34px; height:34px; cursor: pointer; background:url(20180207_lunbobtn1_03.png); } .linboBtnR{ cursor: pointer; position: absolute; right:10px; bottom:10px; display: block; width:34px; height:34px; z-index: 12; background:url(20180207_ct_LBBtnBg.png); } .CT_CcenterBox{ width:100%; overflow: hidden; margin-top: 25px; } .CT_CcenterBox .CT_CLBox{ width:617px; float: left; } .CT_CLTitle{ border-top:2px solid #b3b3b3; overflow: hidden; padding:9px 0 18px; } .CT_CLTitle span{ display: block; float: left; font-size: 20px; color:#15405f; border-left: 4px solid #7e9db9; padding-left: 8px; } .CT_CLTitle .CT_CLTitleA{ display: block; float: right; font-size: 12px; color:#7e9db9; width:42px; height:21px; text-align: center; line-height: 21px; border:1px solid #dae3eb; margin-top: 2px; } .CT_tourismTBox .CT_tourismLi{ display: none; } .CT_tourismTBox .CT_tourismLi.active{ display: block; } .CT_tourismBUlBox ul li.active a{ color:#15405f;; } .CT_CLTW{ padding-left:13px; width:604px; overflow: hidden; padding-bottom: 17px; background:url(20180207_CT_CLbottomBg_03.jpg) repeat-x left bottom; } .CT_CLTW img{ display: block; width:247px; float: left; } .CT_CLTW .CT_CLW{ width:332px; float: right; } .CT_CLWTitle{ font-size: 16px; color:#333; line-height: 24px; display: block; margin-bottom: 5px; height:48px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .CT_CLWTitle:hover{ color:#103d5d; transition: .35s; -moz-transition: .35s; /* Firefox 4 */ -webkit-transition: .35s; /* Safari 和 Chrome */ -o-transition: .35s; /* Opera */ } .CT_CLW p{ font-size:12px; color:#666; line-height: 22px; height:65px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } .CT_CLW p a{ display: inline-block; width: 18.571px; height:13px; } .CT_CLW p .CT_CLWA img{ width:100%; height:100%; } .CT_CLW span{ font-size: 12px; color:#999; } .CT_CLUl{ width:604px; overflow: hidden; padding:7.5px 0 17.5px 13px; } .CT_CLUl li{ float: left; width:50%; box-sizing: border-box; height:29px; line-height: 29px; font-size: 14px; color:#103d5d; padding-left:14px; background:url(20180207_CT_CLiBg_03.jpg) no-repeat left center; } .CT_CLUl li a{ font-size: 14px; color:#103d5d; display: block; width:90%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .CT_CLTW2 img{ width:123px; } .CT_CLTW2 .CT_CLW{ width:456px; } .CT_CLTW2 .CT_CLW .CT_CLWTitle{ height:24px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; } .CT_CLTW2 .CT_CLW p{ height:24px; line-height: 24px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; } .CT_CLTW2 .CT_CLW .CT_CLWTitle{ margin-bottom: 0; } .CT_CLTW3{ background:#fff !important; border-bottom: 1px dashed #d6d6d6; } .CT_CLTW4{ margin-top:16px; } .CT_CLTitleUl{ margin-top: 6px; padding-left:14px; overflow: hidden; float: right; background:url(20180207_CT_CLTitleUlJt_03.jpg) no-repeat left center; } .CT_CLTitleUl li{ padding:0 8px; float: left; border-right: 1px solid #cccccc; line-height: 14px; height:14px; } .CT_CLTitleUl li a{ font-size: 12px; color:#666; } .CT_CLTitleUl li:hover a{ color:#103d5d; transition: .35s; -moz-transition: .35s; /* Firefox 4 */ -webkit-transition: .35s; /* Safari 和 Chrome */ -o-transition: .35s; /* Opera */ } .CT_AdImg{ display: block; width:100%; margin-bottom: 25px; } .CT_AdImg img{ width:100%; } .CT_tourismUl{ background:url(20180207_CT_CLbottomBg_03.jpg) repeat-x left bottom; } .CT_tourismBUlBox{ height:40px; width:100%; margin-bottom:15px; } .CT_tourismBUlBox span{ display: block; width:12.5%; float: left; font-size: 12px; color:#000; height:40px; line-height: 40px; background:url(20180207_Ct_Hjt_03.jpg) no-repeat right center; } .CT_tourismBUlBox ul{ width:87%; float: right; height:40px; } .CT_tourismBUlBox ul li{ float: left; width:14.2%; position: relative; } .CT_tourismBUlBox ul li a{ cursor: pointer; display: block; width:100%; height:40px; line-height: 40px; font-size: 12px; color:#666; text-align: center; } .CT_tourismBUlBox ul li a:hover{ color:#103d5d; transition: .35s; -moz-transition: .35s; /* Firefox 4 */ -webkit-transition: .35s; /* Safari 和 Chrome */ -o-transition: .35s; /* Opera */ } .CT_tourismBUlBox ul li i{ position: absolute; display:block; left:50%; width:7px; height:7px; margin-left: -3.5px; top:-3.5px; background:url(20180207_CT_tourismBUli_03.jpg); } .CT_ZZUlBox{ overflow: hidden; margin-bottom: 36px; } .CT_ZZUlBox .CT_ZZUlLBtn{ float: left; width:47px; position: relative; height:140px; } .CT_ZZUlTBox{ float: left; width:536.5px; overflow: hidden; } .CT_ZZUlBox .CT_ZZUl{ width:3000px; overflow: hidden; } .CT_ZZUlBox .CT_ZZUl li{ width:107px; float: left; margin-right: 35.7px; } .CT_ZZUlBox .CT_ZZUl li .CT_ZZUlLiA{ display: block; width:100%; } .CT_ZZUlBox .CT_ZZUl li .CT_ZZUlLiA .CT_ZZUlImg{ width:100%; } .CT_ZZUlBox .CT_ZZUl li span{ display: block; height:44px; line-height: 44px; text-align: center; color:#333; font-size: 16px; } .CT_ZZUlBox .CT_ZZUl li .CT_ZZUlBBox{ display: block; width:89px; height:28px; line-height: 28px; text-align: center; color:#fff; font-size: 14px; margin:0 auto; background:#7e9db9; } .CT_ZZUlBox .CT_ZZUl li .CT_ZZUlBBox img{ display: inline-block; margin-right:7px; } .CT_ZZUlLBtn a{ display: block; width:25px; height:39px; position: absolute; top:50%; margin-top: -19.5px; right: 7px; } .CT_ZZUlLBtn a img{ width:100%; height:100%; } .CT_ZZUlRBtn a{ display: block; width:25px; height:39px; position: absolute; top:50%; margin-top: -19.5px; left: 7px; } .CT_ZZUlRBtn a img{ width:100%; height:100%; } .CT_ZZUlBox .CT_ZZUlRBtn{ float: left; width:33px; position: relative; height:140px; } .CT_centerBox,.movingHead,.CT_header{width:1200px;} .HeadBimgA{height:108px;} .headlinesA{width:1094px;font-size:42px;} .headlinesBox img{margin-top: 10px} .headlinesUl{width:1170px;} .headlinesUl li a{font-size: 20px} .headlinesLiX{font-size: 20px;} .CT_lunboBox .CT_lunbo{width:740px;height:415px;border-bottom: 5px solid #7e9db9;} .CT_lunboBox .CT_lunboR{width:430px;height:420px;} .CT_CcenterBox{margin-top: 30px;} .CT_CcenterBox .CT_CLBox{width:740px;} .CT_CcenterBox .CT_CRBox{width:430px;} .CT_lunboRT a{font-size: 26px;line-height: 40px} .CT_lunboRT p{font-size: 16px;line-height: 26px} .CT_lunboRUl li a{font-size: 16px;line-height: 32px;height:32px;} .lunboTitleBox{width:542px;height:111px;} .linboBtnL{width:41px;height:41px;background:url(20180207_lunbobtn2_03.png);right:52px;} .linboBtnR{width:41px;height:41px;background:url(20180207_lunbobtn2_05.png);} .lunboTitleBox p{font-size: 22px} .lunboTitleBox span{font-size: 16px} .CT_CLTitle{padding:12px 0 21px;} .CT_CLTitle span{font-size: 24px;border-left: 5px solid #7e9db9;} .CT_CLTitle .CT_CLTitleA{font-size: 14px;width:52px;height:26px;line-height: 26px;margin-top: 3px;} .CT_CRTitle span{font-size: 22px;} .CT_CRTitle a{font-size: 12px;width:52px;height:26px;line-height: 26px;margin-top: 3px;} .CT_CLTW{padding-left:16px;width:724px;overflow: hidden;padding-bottom: 20px;background:url(20180207_CT_CLbottomBg2_07.jpg) repeat-x left bottom;} .CT_CLTW img{width:297px;height:166px;} .CT_CLTW .CT_CLW{width:398px;} .CT_CLWTitle{margin-bottom: 7px;font-size: 20px;height:58px;line-height: 29px;} .CT_CLW p{margin-bottom: 3px;font-size: 14px;height:77px;line-height: 26px;} .CT_CLW span{font-size: 14px;} .CT_CLUl{width:724px;overflow: hidden;padding:11px 0 22px 16px;} .CT_CLUl li{ height:34px;line-height: 34px;font-size: 16px;} .CT_CLTW2 img{width:148px;} .CT_CLTW2 .CT_CLW{width:548px;} .CT_CLTW2 .CT_CLW p {height: 31px;line-height: 31px;} .CT_CLTW2 .CT_CLW .CT_CLWTitle{height:28px;line-height: 28px} .CT_CLTW4{margin-top:19px;} .CT_CLTitleUl li a{font-size: 14px;} .CT_CLTitleUl li{line-height: 16px;height:16px;} .CT_CLTitleUl{margin-top: 8px;} .CT_AdImg{margin-bottom: 30px;} .CT_tourismBUlBox ul li a{font-size: 14px;} .CT_tourismBUlBox ul li i{background:url(20180207_CT_tourismBUli2_03.jpg);width:9px;height:9px;margin-left: -4.5px;top:-4.5px;} .CT_ZZUlBox .CT_ZZUlLBtn{ width:56px; height:167px; } .CT_ZZUlBox .CT_ZZUlRBtn{ width:39px; height:167px; } .CT_ZZUlTBox{ width:645px; } .CT_ZZUlBox .CT_ZZUl li{ width:128px; margin-right: 44px; } .CT_ZZUlLBtn a{ width:29px; height:45px; right:10px; margin-top: -22.5px } .CT_ZZUlRBtn a{ width:29px; height:45px; left:10px; margin-top: -22.5px } .CT_CcenterBox .CT_CRBox{ background:url(20180207_CT_CRbg_03.jpg) repeat-y; float: right; border-top:2px solid #cccccc; } .CT_CRTitle{ border-top:2px solid #cccccc; overflow: hidden; padding:9px 0 18px; } .CT_CRTitle span{ display: block; float: left; font-size: 18px; color:#15405f; padding-left: 16px; } .CT_CRTitle a{ display: block; float: right; font-size: 12px; color:#b2b2b2; width:42px; height:21px; text-align: center; line-height: 21px; border:1px solid #ececec; margin-top: 2px; } .CT_CRCBox{ padding:0 20px 6px; overflow: hidden; } .videoChinaUl{ overflow: hidden; margin-bottom: 30px; } .videoChinaUl li{ float: left; } .videoChinaUl li a{ display: block; width:100%; } .videoChinaUl li a img{ width:100%; vertical-align: middle; } .videoChinaUl li a video{ width:100%; vertical-align: middle; } .videoChinaUl .videoChinaLi1{ width:100%; margin-bottom: 2px; position: relative; } .videoChinaUl .videoChinaLi2{ width:127px; padding-bottom:1px; border-bottom: 3px solid #c7ddef; } .videoChinaUl .videoChinaLi1 a img{ height:218px; } .videoChinaUl .videoChinaLi2 a img{ height:71px; } .CT_CRTW{ overflow: hidden; } .CT_CRTW .CT_CRTWA{ display: block; width:140px; float: left; } .CT_CRTW .CT_CRTWA img{ width:100%; height:78.5px; } .CT_CRW{ width:230px; float: right; } .CT_CRW .CT_CRWTitle{ display: block; font-size: 16px; color:#333; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-bottom: 4px; } .CT_CRW .CT_CRWTitle:hover{ color:#103d5d; transition: .35s; -moz-transition: .35s; /* Firefox 4 */ -webkit-transition: .35s; /* Safari 和 Chrome */ -o-transition: .35s; /* Opera */ } .CT_CRW p{ font-size: 14px; color:#666; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin-bottom: 4px; line-height: 18px } .CT_CRW p .CT_CRWA{ display: inline-block; width:20px; height:14px; position: relative; top:2px; } .CT_CRW p .CT_CRWA img{ width:100%; } .CT_CRW span{ font-size: 12px; color:#999; display: block; } .CT_CRUl{ margin-bottom:25px; margin-top: 5px; } .CT_CRUl li { box-sizing: border-box; height: 32px; line-height: 32px; font-size: 16px; color: #103d5d; padding-left: 14px; background: url(20180207_CT_CLiBg_03.jpg) no-repeat left center; } .CT_CRUl li a{ display: block; color:#103d5d; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .CT_HotTopic{ overflow: hidden; margin-bottom: 12px; } .CT_HotTopic li{ width:188px; float: left; } .CT_HotTopic li a{ display: block; width:100%; } .CT_HotTopic li a img{ width:100%; height:106px; } .CT_HotTopic li a span{ display: inline-block; width:100%; font-size: 14px; color:#103d5d; margin:8px 0 19px; } .CT_gct .CT_CRCBox{ display: none } .CT_gct .CT_CRCBox.active{ display: block } .CT_CRCBox2{ overflow: visible } .CT_QHGAT{ background:url(20180207_CT_CLbottomBg_03.jpg) repeat-x left top; } .CT_QHGAT ul li.active a{ color:#15405f;; } .CT_QHGAT{ height:40px; width:100%; margin-bottom:15px; } .CT_QHGAT span{ display: block; width:58px; float: left; font-size: 12px; /*box-sizing: border-box;*/ color:#000; height:40px; text-align: right; padding-right: 20px; line-height: 40px; background:url(20180207_Ct_Hjt_03.jpg) no-repeat right center; } .CT_QHGAT ul{ width:79.5%; float: right; height:40px; } .CT_QHGAT ul li{ float: left; width:33.333%; position: relative; } .CT_QHGAT ul li a{ cursor: pointer; display: block; width:100%; height:40px; line-height: 40px; font-size: 12px; color:#666; text-align: center; } .CT_QHGAT ul li a:hover{ color:#103d5d; transition: .35s; -moz-transition: .35s; /* Firefox 4 */ -webkit-transition: .35s; /* Safari 和 Chrome */ -o-transition: .35s; /* Opera */ } .CT_QHGAT ul li i{ position: absolute; display:block; left:50%; width:7px; height:7px; margin-left: -3.5px; top:-3.5px; background:url(20180207_CT_tourismBUli_03.jpg); } .videoChinaLi1 a span{ position: absolute; display: block; left: 0; bottom:0px; height:35px; width:350px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding:0 20px; font-size: 16px; color:#fff; line-height: 35px; background:url(20180207_CT_CRTimg_02.png) repeat-x; } .specialBoxL{ width:138px; float: left; border:4px solid #f1f1f1; position: relative; margin-bottom: 8px; } .specialBoxL .specialTA{ width:100%; display: block; } .specialBoxL .specialTA img{ width:100%; height:180px; } .specialBA{ left: -8px; bottom:-9px; position: absolute; width:158px; height:45px; background:url(20180207_specialImg_03.png); line-height: 50px; text-align: center; color: #fff; font-size: 16px; } .CT_CRUl2{ width:203px; float: right; } .CT_CRUl2{ margin:0 0 33px !important; } .CT_CRUl2 li{ line-height: 28px !important; height:28px !important; } .CT_footerBox{ width:100%; min-width: 1200px; background:#f7f7f7; border-top:1px solid #ebebeb; padding:25px 0 40px; } .CT_footer{ overflow: hidden; width:1200px; margin:0 auto; } .youqingLJBox{ overflow: hidden; padding-bottom: 25px; border-bottom: 1px solid #f0f0f0; } .CT_footer .youqingLP{ font-size: 20px; color:#808080; width:118px; float: left; height: 32px; line-height: 32px; } .youqingUl{ width:1082px; float: right; overflow: hidden; } .youqingUl .YQLiT{ float: left; margin-right:34px; } .youqingUl .YQLiT ul .YQLiB{ padding-left:12px; background:url(20180207_foterLiBg_03.png) no-repeat left center; } .youqingUl .YQLiT ul .YQLiB a{ display: block; height: 32px; line-height: 32px; font-size: 16px; color:#808080; } .youqingUl .YQLiT ul .YQLiB a:hover{ color:#103d5d; transition: .35s; -moz-transition: .35s; /* Firefox 4 */ -webkit-transition: .35s; /* Safari 和 Chrome */ -o-transition: .35s; /* Opera */ } .youqingZBBox{ padding-top: 25px; } .youqingZBLUl{ width:670px; float: left; overflow: hidden; } .youqingZBLUl ul{ overflow: hidden; } .youqingZBLUl ul li{ white-space: nowrap; float: left; height:36px; line-height: 36px; font-size: 16px; color:#808080; } .youqingZBLUl ul li a{ font-size: 16px; color:#808080; } .youqingZBli1{ margin-right: 50px; } .youqingZBLUl ul li.youqingZBli2{ padding:0 15px; } .youqingZBLUl ul li:hover a{ font-size: 16px; color:#103d5d; transition: .35s; -moz-transition: .35s; /* Firefox 4 */ -webkit-transition: .35s; /* Safari 和 Chrome */ -o-transition: .35s; /* Opera */ } .CT_weibo{ width:95px; display: block; float: right; margin-right: 50px; } .CT_weixin{ width:95px; display: block; float: right; margin-right: 50px; } .CT_weibo span{ display: inline-block; width:100%; margin-top: 8px; text-align: center; font-size: 14px; color:#808080; } .CT_weixin span{ display: inline-block; width:100%; margin-top: 8px; text-align: center; font-size: 14px; color:#808080; } .CT_jing{ width:32px; height:39px; display: block; float: right; margin-right: 20px; margin-top: 25px; } .CT_KXWZ{ width:96px; height:36px; display: block; float: right; margin-top: 25px; } .CT_weibo img{ width:100%; } .CT_weixin img{ width:100%; } .CT_jing img{ width:100%; } .CT_KXWZ img{ width:100%; } .CT_footerBoxWap,.CT_CRCBoxWap,.wapMoreA,.CT_WapCRTWA,.swiper-container3,.wapTnav,.wapSearchBox,.wapnav{ display: none } /* 下级页样式 start*/ .CT_innerNavBox{ overflow: hidden; margin:25px 0 33px; } .CT_innerNavBox .CT_indexA{ float: left; height:27px; display: block; font-size: 20px; color: #922936; } .ThisAddress{ margin:0 17px 0 8px; float: left; width:98px; height:27px; background:#7e9db9; line-height: 27px; text-align: center; position: relative; color:#fff; font-size: 15px; } .ThisAddress i{ display: block; position: absolute; width:7px; height:6px; } .CT_innerNav{ float: left; } .CT_innerNav a{ display: inline-block; height:27px; line-height: 27px; color:#666; font-size: 14px; } .CT_innerNav a:hover{ color:#103d5d; transition: .35s; -moz-transition: .35s; /* Firefox 4 */ -webkit-transition: .35s; /* Safari 和 Chrome */ -o-transition: .35s; /* Opera */ } .CT_innerNav span{ display: inline-block; height:27px; line-height: 27px; color:#666; font-size: 14px; } .ThisAddress .ThisAddressLTI{ left: 0; top: 0; background:url(20180207_innerVideo1_03.png); } .ThisAddress .ThisAddressRBI{ right: 0; bottom: 0; background:url(20180207_innerVideo1_07.jpg); } .innerVideoTBox{ overflow: hidden; padding-bottom: 8px; } .innerVideoTL{ width:50%; float: left; height:338px; } .innerVideoTL a{ display: block; width:100%; height:100%; position: relative; } .innerVideoLiT{ vertical-align: middle; width:100%; height:100%; } .innerVideoTL a .innerVideoLiBspan{ display: inline-block; position: absolute; width:560px; padding:0 20px; height:33px; left: 0; bottom:0; background:url(20180207_lunboTitleBg_03.png); } .innerVideoTL a .innerVideoLiBspan span{ display: inline-block; height:100%; width:85%; float: left; line-height: 33px; font-size: 14px; color:#fff; } .innerVideoTL a .innerVideoLiBspan img{ float: right; margin-top: 5px; width:18px; height:18px; } .innerVideoTUl{ width:49%; float: right; overflow: hidden; } .innerVideoTUl li{ width:49%; float: left; height:165px; margin-bottom: 8px; } .innerVideoTUl li a{ display: block; width:100%; height:100%; position: relative; } .innerVLiS{ display: inline-block; position: absolute; width:268.112px; padding:0 10px; height:33px; left: 0; bottom:0; background:url(20180207_lunboTitleBg_03.png); } .innerVLiS span{ display: inline-block; height:100%; width:85%; float: left; line-height: 33px; font-size: 14px; color:#fff; } .innerVLiS img{ float: right; margin-top: 5px; width:18px; height:18px; } .CT_CLTWInnerVideo{ width:740px; margin-top: 20px; padding-left: 0; margin-right: 0 !important; padding-right: 0 !important; } .CT_CLTWInnerVideo .CT_CLW{ width:415px; } .innerPageBox{ margin:30px 0 ; text-align: center; } .innerPageBox a{ display: inline-block; height:30px; padding:0 14px; border:1px solid #e2e2e2; margin:0 8px; font-size: 12px; color:#333; line-height: 30px; background:#f7f7f7; } .innerPageBox a.active{ background:#83a5c3; color:#fff; } .innerPageBox a:hover{ background:#83a5c3; color:#fff; transition: .35s; -moz-transition: .35s; /* Firefox 4 */ -webkit-transition: .35s; /* Safari 和 Chrome */ -o-transition: .35s; /* Opera */ } .CT_WenTUl{ overflow: hidden; border-top: 2px solid #b3b3b3; margin-bottom: 17px; } .CT_WenTUl li{ float: left; display:inline; height:48px; line-height: 48px; background:#f7f7f7 url(20180207_CT_WenTulBg1000_05.jpg) no-repeat 5px center; padding-right:23px; padding-left:23px; } .CT_WenTUl li a{ font-size: 16px; color:#15405f; } .CT_WenTUl li.active{ background:#316082 url(20180207_CT_WenTulBg1000_03.png) no-repeat 5px center; } .CT_WenTUl li.active a{ color:#ffffff; } /*图片(组图)详情*/ .CT_DetailsNavBox{ width:100%; min-width: 1200px; background:#f7f7f7; } .CT_DetailsNav{ width:1200px; margin:0 auto; height:40px; } .CT_DetailsNav a{ display: inline-block; height:40px; line-height: 40px; color:#666; font-size: 16px; } .CT_DetailsNav a:hover{ color:#103d5d; transition: .35s; -moz-transition: .35s; /* Firefox 4 */ -webkit-transition: .35s; /* Safari 和 Chrome */ -o-transition: .35s; /* Opera */ } .CT_DetailsNav span{ display: inline-block; height:40px; line-height: 40px; color:#666; font-size: 16px; } .CT_DetailsTitle{ margin:60px 0 40px; text-align: center; font-size: 40px; color:#333; font-weight: bold; } .CT_DetailsClose{ float: right; color:#333; font-size:16px; margin-left:20px; } .CT_DetailsClose:hover{ color:#103d5d; transition: .35s; -moz-transition: .35s; /* Firefox 4 */ -webkit-transition: .35s; /* Safari 和 Chrome */ -o-transition: .35s; /* Opera */ } .CT_DetailsFont{ float: right; color:#333; font-size:16px; margin-left:20px; } .CT_DetailsFont a{ cursor: pointer; color:#333; font-size:16px; display: inline-block; margin:0 3px; } .CT_DetailsFont a.active{ color:#103d5d; } .swiper-container9{ display: none } .backTop{ cursor: pointer; display: none; width:58px; height:58px; position: fixed; right: 100px; bottom:350px; z-index: 999; } .backTop img{ width:100%; height:100%; } /* 下级页样式 end*/ } @media screen and (max-width: 1000px) { *{ box-sizing: border-box; } .CT_CRBox{ display: none; } .CT_headerBox{ width:100%; height:68px; border-bottom: 1px solid #e0e0e0; } .movingHeadBox{ display: none } .wapTnav{ width:100%; overflow: hidden; } .wapTnav ul{ width:100%; } .wapTnav ul li{ float: left; height:0.7rem; line-height: 0.7rem; } .wapTnav ul li a{ font-size: 0.28rem; color:#333333; border-right: 0.02rem solid #999999; text-align: center; display: block; height:0.28rem; line-height: 0.28rem; margin-top:0.21rem; } .HeadBimgA{ width:100%; } .HeadBimgA img{ width:100%; } .wapSearchBox{ position: relative; overflow: hidden; padding:.3rem 0 .8rem; border-top: 1px solid #e0e0e0; background-image:url(20180207_logo.png); background-position: center 0.35rem; background-size: 38%; background-repeat: no-repeat; } .wapSearchBox .wapSearchT{ position: absolute; overflow: hidden; padding: .5rem 0 .63rem; left:0; top:0; width: 100%; display: none; background: url(20180207_headerBg.png); } .wapSearchT a{ display: block; width: .57rem; height: .57rem; margin-right: 0.18rem; margin-top: 0.1rem; float: right; background-image: url(20180207_movingHead2_03.jpg); background-size: 100% 100%; cursor: pointer; } .wapSearch{ float: right; width:82%; margin-right: .2rem; height:0.75rem; border-right:0.02rem solid #7e9db9; border-left:0.02rem solid #7e9db9; } .wapSearch input{ width:83%; margin-left: .18rem; padding-left: .21rem; height:.35rem; line-height: .35rem; border-left: 0.02rem solid #bacad3; font-size: .28rem; color:#bdc3c7; float: left; margin-top: .2rem; outline: none; background:url(20180207_headerInputBg.png); } .wapSearchBox .wapSearchA{ display: block; width:.57rem; height:.57rem; margin-right: 0.4rem; margin-top:0.3rem; float: right; background-image: url(20180207_movingHead2_03.jpg); background-size: 100% 100%; cursor: pointer; } .wapSearch a img{ width:100%; height:100%; } .wapnav{ width:100%; overflow: hidden; box-shadow: 0 .02rem .04rem 0 rgba(7,17,27,.1); margin-bottom: .2rem; height:.75rem; } .wapnav ul{ width:100%; margin-bottom: 0.38rem; } .wapnav ul li{ float: left; width:auto !important; } .wapnav ul li a{ font-size: 0.4rem; color:#333333; border-right: 0.02rem solid #999999; text-align: center; display: block; height:0.4rem; line-height: 0.4rem; padding:0 .27rem; } .headlinesBox{ padding:0 .13rem 0.25rem 0.2rem; overflow: hidden; } .headlinesBox img{ width:12.5%; float: left; margin-top: .08rem; } .headlinesBox a{ display: block; float: right; width:85%; font-size: .38rem; color:#000; line-height: .53rem; font-weight: bold; } .headlinesUl{ display: none; } .CT_lunboBox{ overflow: hidden; width:100%; } .CT_lunboBox .CT_lunbo{ width:100%; height:4.23rem; border-bottom: 0.06rem solid #7e9db9; position: relative; } .CT_lunboBox .CT_lunboR{ width:100%; padding:0.2rem .2rem 0; } .CT_lunboRT{ border-bottom: 1px dotted #d3d3d3; } .CT_lunboRT a{ display: block; font-size: .38rem; color:#333; margin-bottom: 3px; line-height: .6rem; } .CT_lunboRT a:hover{ color:#103d5d; transition: .35s; -moz-transition: .35s; /* Firefox 4 */ -webkit-transition: .35s; /* Safari 和 Chrome */ -o-transition: .35s; /* Opera */ } .CT_lunboRT p{ font-size: .28rem; color:#999; margin-bottom: 8px; line-height: .43rem; } .CT_lunboRUl{ width:100%; margin-top:8px; /* border-top:2px dotted #c5c5c5; */ padding-top: .25rem; } .CT_lunboRUl li{ margin-bottom: .1rem } .CT_lunboRUl li a{ font-size: .34rem; color:#333; display: block; line-height: .47rem; } .CT_lunboRUl li:hover{ background:url(20180207_liBgdian2_03.jpg) no-repeat left center; transition: .35s; -moz-transition: .35s; /* Firefox 4 */ -webkit-transition: .35s; /* Safari 和 Chrome */ -o-transition: .35s; /* Opera */ } .CT_lunboRUl li:hover a{ color:#103d5d; transition: .35s; -moz-transition: .35s; /* Firefox 4 */ -webkit-transition: .35s; /* Safari 和 Chrome */ -o-transition: .35s; /* Opera */ } .CT_lunbo .CT_lunboLUl{ width:100%; height:100%; position: relative; } .CT_lunbo .CT_lunboLUl li{ width:100%; height:100%; position: absolute; left: 0; top:0; } .CT_lunbo .CT_lunboLUl li a{ display: block; position: relative; width:100%; height:100%; } .lunboTitleBox p{ font-size: .3rem; color:#fff; padding:.15rem .17rem 0rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .lunboTitleBox span{ display: none } .CT_lunbo .CT_lunboLUl li a img{ width:100%; height:100%; } .lunboTitleBox{ width:79.5%; height:.72rem; position: absolute; left:.09rem; bottom:.11rem; background:url(20180207_lunboTitleBg_03.png); } .linboBtnL{ z-index: 12; position: absolute; right:.54rem; bottom:.11rem; display: block; width:.42rem; height:.42rem; cursor: pointer; background-image:url(20180207_lunbobtn1_03.png); background-size: 100% 100%; } .linboBtnR{ cursor: pointer; position: absolute; right:.11rem; bottom:.11rem; display: block; width:.42rem; height:.42rem; z-index: 12; background-image:url(20180207_lunbobtn1_05.png); background-size: 100% 100%; } .CT_CcenterBox{ width:100%; overflow: hidden; margin-top: 25px; } .CT_CcenterBox .CT_CLBox{ width:100%; } .CT_CLTitle{ border-top:.04rem solid #b3b3b3; overflow: hidden; padding:.2rem 0rem .3rem; margin:0 .2rem; } .CT_CLTitle span{ display: block; float: left; font-size: .4rem; color:#15405f; border-left: .08rem solid #7e9db9; padding-left: .17rem; } .CT_CLTitle .CT_CLTitleA{ display: none; } .CT_CLTW{ padding:0 0rem .25rem; margin: 0 .2rem; border-bottom: .02rem solid #d1e3f2; } .CT_CLTW img{ display: block; width:100%; } .CT_CLTW .CT_CLW{ width:100%; } .CT_CLWTitle{ font-size: .38rem; color:#333; line-height: .6rem; display: block; margin-top: .25rem; margin-bottom: .05rem; } .CT_CLWTitle:hover{ color:#103d5d; transition: .35s; -moz-transition: .35s; /* Firefox 4 */ -webkit-transition: .35s; /* Safari 和 Chrome */ -o-transition: .35s; /* Opera */ } .CT_CLW p{ font-size:.28rem; color:#666; line-height: .43rem; } .CT_CLW p a{ display: inline-block; width: .6rem; height:.28rem; } .CT_CLW p .CT_CLWA img{ width:100%; height:100%; } .CT_CLW span{ font-size: .28rem; color:#999; display: block; margin-top: .05rem; } .CT_CLUl{ overflow: hidden; padding:.18rem 0 .2rem; margin:0 .2rem; } .CT_CLUl li{ box-sizing: border-box; height:.6rem; line-height: .6rem; color:#103d5d; padding-left:.3rem; background:url(20180207_CT_CLiBg_03.jpg) no-repeat left center; } .CT_CLUl li a{ font-size: .34rem; color:#103d5d; display: block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .CT_CLTitleUl{ display: none; } .CT_tourismLi{ display: none } .CT_tourismLi.active{ display: block } .CT_tourismBUlBox{ display: none } .CT_ZZUlBox{ display: none } .swiper-container3{ margin-bottom: .3rem; margin-left:.2rem; } .swiper-container3 ul{ /* overflow: hidden; */ width:100%; } .swiper-container3 ul li{ float: left; margin-right:.7rem; width:2.34rem; } .swiper-container3 ul li a{ width:100%; display: block; } .swiper-container3 ul li a img{ width:100%; vertical-align: middle; } .swiper-container3 ul li span{ font-size:.3rem; color:#103d5d; margin-top:.35rem; display: block; text-align: center; } .CT_AdImg{ display: block; width:100%; } .CT_AdImg img{ width:100%; vertical-align: middle; } .CT_CRTitle{ border-top:.04rem solid #cccccc; overflow: hidden; padding:.2rem 0 .3rem; margin:0 .2rem; } .CT_CRTitle span{ display: block; float: left; font-size: .4rem; color:#15405f; } .CT_CRTitle a{ display: none; } .videoChinaUl{ overflow: hidden; margin-bottom: 30px; } .videoChinaUl li{ float: left; } .videoChinaUl li a{ display: block; width:100%; } .videoChinaUl li a img{ width:100%; vertical-align: middle; } .videoChinaUl li a video{ width:100%; vertical-align: middle; } .videoChinaUl .videoChinaLi1{ width:100%; margin-bottom: .07rem; position: relative; } .videoChinaLi1 a span{ position: absolute; display: block; left: 0; bottom:0px; height:.63rem; width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding:0 .36rem; font-size: .3rem; color:#fff; line-height: .63rem; background:url(20180207_CT_CRTimg_02.png) repeat-x; } .videoChinaUl .videoChinaLi2{ width:32.333%; border-bottom: .06rem solid #c7ddef; } .videoChinaUl .videoChinaLi2:nth-child(3){ margin:0 1.5% !important; } .CT_CRTW{ overflow: hidden; } .CT_CRTW .CT_CRTWA{ display: block; width:36%; float: left; } .CT_CRTW .CT_CRTWA img{ width:100%; } .CT_WapCRTWA{ display: block; width:58%; float: right; font-size: .34rem; color:#333; } .CT_CRW{ width:100%; clear: both; padding-bottom: .18rem; } .CT_CRW .CT_CRWTitle{ display: none; } .CT_CRW .CT_CRWTitle:hover{ color:#103d5d; transition: .35s; -moz-transition: .35s; /* Firefox 4 */ -webkit-transition: .35s; /* Safari 和 Chrome */ -o-transition: .35s; /* Opera */ } .CT_CRW p{ font-size: .28rem; color:#666; margin-bottom: 4px; line-height: .43rem; } .CT_CRW p .CT_CRWA{ display: inline-block; width:.54rem; height:.28rem; position: relative; top:.02rem; } .CT_CRW p .CT_CRWA img{ width:100%; } .CT_CRW span{ font-size: .28rem; color:#999; display: block; } .CT_CRUl{ margin-bottom:25px; } .CT_CRUl li { box-sizing: border-box; line-height: .49rem; font-size: .34rem; color: #103d5d; padding-left: .3rem; margin-bottom: .14rem; background: url(20180207_CT_CLiBg_03.jpg) no-repeat left .21rem; } .CT_CRUl li a{ font-size: .34rem; display: block; color:#103d5d; } .wapMoreA{ border:.02rem solid #e8e8e8; text-align: center; display: block; height:.7rem; line-height: .66rem; font-size: .35rem; color:#b2b2b2; margin:0 .2rem .6rem; } .wapMoreA1{ color:#7e9db9; border:.02rem solid #d8e1ea; } .CT_CRCBox2,.CT_HotTopic{ display: none; } .CT_CRCBoxWap{ width:100%; margin-bottom: .25rem; } .CT_CRCBoxWap ul{ width:100%; } .CT_CRCBoxWap ul li{ float: left; } .CT_CRCBoxWap ul li a{ display: block; width:100%; } .CT_CRCBoxWap ul li a img{ width:100%; } .CT_CRCBoxWap ul li a span{ display: block; width:100%; font-size: .3rem; /* margin-top: .125rem; */ line-height: .43rem; color:#103d5d; } .CTGATWap{ display: none; } .CTGATWap.active{ display: block; } .specialBoxL{ width:30%; float: left; padding:.09rem; background: #f1f1f1; position: relative; margin-bottom: 8px; left:1.5%; } .specialBoxL .specialTA{ width:100%; display: block; } .specialBoxL .specialTA img{ width:100%; } .specialBA{ left: -.08rem; bottom:-.09rem; position: absolute; width:108%; height:45px; background-image:url(20180207_specialImg_03.png); background-size: 100% 100%; line-height: 50px; text-align: center; color: #fff; font-size: .3rem; } .CT_CRUl2{ width:60.5%; float: right; } .CT_CRUl2{ margin:0 0 33px !important; } .CT_CRUl2 li{ line-height: .6rem !important; height:.6rem !important; } .CT_CRUl2 li a{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .CT_CRCBox{ margin:0 .2rem; overflow: hidden; } .swiper-container4{ margin-left: 0.2rem; } .CT_CRCBoxWap2{ margin:0 0 .4rem; } .CT_CLTW3{ padding-bottom: .28rem } .CT_CLTW4{ border-top:.02rem dotted #cbcbcb; padding-top: .3rem } .CT_footerBox{ display: none; } .CT_footerBoxWap{ background:#f7f7f7; border-top: .02rem solid #ebebeb; padding:.4rem .2rem; } .footerWapA{ display: block; width:47.8%; height: .69rem; line-height: .69rem; text-align: center; font-size: .32rem; color:#f7f7f7; background:#7e9db9; border-radius: .07rem; } .footerWapAX{ float: left; } .footerWapAB{ float: right; } .CT_footerBoxWap p{ font-size: .3rem; color:#808080; text-align: center; clear: both; padding-bottom:.2rem } .footerWap1{ padding-top: .3rem; } .CT_AdImg1{ margin-bottom: .2rem; } /* 下级页样式 start*/ .CT_indexA,.ThisAddress{ display: none } .CT_innerNavBox{ overflow: hidden; height:.7rem; background:#f7f7f7; padding:0 .2rem; } .CT_innerNav{ height:.7rem; line-height: .7rem; color: #666; font-size: .28rem; } .CT_innerNav span{ display: inline-block; height: .7rem; line-height: .7rem; color: #666; font-size: .28rem; } .CT_innerNav a{ display: inline-block; height: .7rem; line-height: .7rem; color: #666; font-size: .28rem; } .wapnav{ margin-bottom: 0 } .CT_innerNavBox{ border-bottom: 0 !important; } .innerPageBox{ display: none } .CT_DetailsNav{ height:.7rem; line-height: .7rem; color: #666; font-size: .28rem; overflow: hidden; height:.7rem; background:#f7f7f7; padding:0 .2rem; } .CT_DetailsNav span{ display: inline-block; height: .7rem; line-height: .7rem; color: #666; font-size: .28rem; } .CT_DetailsNav a{ display: inline-block; height: .7rem; line-height: .7rem; color: #666; font-size: .28rem; } .backTop{ display: none; width:.9rem; height:.9rem; position: fixed; right: .2rem; bottom:3.15rem; z-index: 999; } .backTop img{ width:100%; height:100%; } /* 下级页样式 end*/ } @media screen and (min-width: 1440px) { .CT_centerBox404{ padding:123px 0 80px; text-align: center; } .CT_centerBox404 img{ display: block; margin:0 auto; } .CT_centerBox404 p{ font-size: 16px; color:#557793; margin:15px 0; } .CT_centerBox404 a{ display: block; margin:0 auto 80px; width:139px; height:38px; line-height: 38px; text-align: center; background:#557793; font-size: 16px; color:#fff; border-radius: 4px; } } @media screen and (min-width: 1001px) and (max-width: 1439px){ .CT_centerBox404{ padding:100px 0 60px; text-align: center; } .CT_centerBox404 img{ display: block; width:345px; height:245px; margin:0 auto; } .CT_centerBox404 p{ font-size: 14px; color:#557793; margin:10px 0; } .CT_centerBox404 a{ display: block; margin:0 auto 80px; width:117px; height:32px; line-height: 32px; text-align: center; background:#557793; font-size: 14px; color:#fff; border-radius: 4px; } } /*关于我们 start*/ .CT_innerNavBoxUs{ border-bottom: 2px solid #b3b3b3; } @media screen and (min-width: 1440px) { .CT_innerNavBoxUs{ padding-bottom: 20px; } .CT_lunboBoxUs{ margin-bottom: 50px } .CT_lunboBoxUs p{ color:#333; font-size: 18px; line-height: 30px; } .CT_lunboBoxUs p.aboutUsPT{ margin-bottom:50px; } .aboutUsLogo{ display: block; width:320px; margin:15px 0; } .aboutUsLogo img{ display: block; width:100%; } .CT_DetailsTBBoxUs{ background:url(20180207_CT_CLbottomBg2_07.jpg) repeat-x left bottom; padding-bottom: 30px; } .CT_DetailsTBBox .CT_DetailsTime{ float: left; font-size:16px; color:#999; display: inline-block; margin-right:22px; } .CT_DetailsTBBox .CT_DetailsAuthor{ float: left; font-size:16px; color:#333; display: inline-block; margin-right:22px; } } @media screen and (min-width: 1001px) and (max-width: 1439px){ .CT_innerNavBoxUs{ padding-bottom: 15px; } .CT_lunboBoxUs{ margin-bottom: 40px } .CT_lunboBoxUs p{ color:#333; font-size: 16px; line-height: 26px; } .CT_lunboBoxUs p.aboutUsPT{ margin-bottom:65px; } .aboutUsLogo{ display: block; width:280px; margin:10px 0; } .aboutUsLogo img{ display: block; width:100%; } .CT_DetailsTBBoxUs{ background:url(20180207_CT_CLbottomBg2_07.jpg) repeat-x left bottom; padding-bottom: 25px; } } @media screen and (max-width: 1000px) { .CT_DetailsTitle { margin: .4rem 0; text-align: center; font-size: .4rem; color: #333; font-weight: bold; } .CT_DetailsTBBoxUs{ padding:0 0 .2rem; margin:0 .2rem; overflow: hidden; border-bottom:.02rem solid #f2f2f2; } .CT_lunboBox{ padding:0 .2rem; } .CT_DetailsTime{ font-size: .28rem; color:#999; display: block; margin-bottom: .12rem; } .CT_DetailsAuthor{ font-size: .28rem; color:#333; display: block; float: left; padding-right:.4rem; } .CT_DetailsFont,.CT_DetailsClose{ display: none; } .aboutUsLogo { display: block; width: 60%; margin: .35rem 0 .5rem; } .aboutUsPT{ margin-bottom: .75rem } .CT_lunboBox p { color: #333; font-size: .34rem; line-height: .62rem; } .CT_lunboBox{ margin-bottom: .75rem } } /*关于我们 end*/ /*视频列表 start*/ @media screen and (max-width: 1000px) { .innerVideoTBox{ margin-top: .5rem; padding:0 .2rem; } .innerVideoTL{ width:100%; margin-bottom: .3rem; } .innerVideoTL a{ width:100%; display: block; position: relative; } .innerVideoTL a img{ width:100%; vertical-align: middle; } .innerVideoTL a .innerVideoLiBspan{ display: inline-block; position: absolute; width: 100%; padding: 0 .2rem; height: .54rem; line-height: .54rem; left: 0; bottom: 0; font-size: .28rem; background: url(20180207_lunboTitleBg_03.png); } .innerVideoLiBspan span{ width:80%; color:#fff; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; float: left; } .innerVideoLiBspan img{ width:.32rem !important; height:.28rem; display: block; float: right ; position: relative; top:6px; } .innerVideoTUl{ width:100%; } .innerVideoTUl li{ width:48.5%; float: left; margin-bottom: .18rem; } .innerVideoTUl li a{ display: block; width:100%; position: relative; } .innerVideoTUl li a img{ width:100%; vertical-align: middle; } .innerVLiS{ display: inline-block; position: absolute; width: 100%; padding: 0 .2rem; height: .54rem; line-height: .54rem; left: 0; bottom: 0; font-size: .28rem; background: url(20180207_lunboTitleBg_03.png); } .innerVLiS span{ width:80%; color:#fff; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; float: left; } .innerVLiS img{ width:.32rem !important; height:.28rem; display: block; float: right ; position: relative; top:6px; } .CT_CcenterBoxVideo{ margin-top: :0; padding-top:.2rem; } .CT_CLTWInnerVideo{ padding-top:.3rem; } .CT_CLTWInnerVideo:nth-child(1){ padding-top:0; } .CT_CRBoxVideo{ display: none; } .wapMoreA { margin-top: .5rem; } } /*视频列表 end*/ /*检索无结果 start*/ @media screen and (min-width: 1440px) { .innerSearchNotBox{ background:url(20180207_CT_CLbottomBg2_07.jpg) repeat-x left top; } .innerSearchBox{ width:85%; margin:0 auto; } .CT_innerNavBoxSearch{ padding-bottom: 0px; } .innerSearch{ height:49px; margin-bottom:28px; } .innerSearch .innerSearchLTitle{ font-size: 24px; line-height: 48px; color:#333; float: left; display: block; } .innerSearchRBox{ width:840px; height:49px; float: right; } .innerSearchRSpan{ float: left; width:118px; height:47px; line-height: 47px; font-size: 18px; color:#34495e; text-align: center; border:1px solid #7e9db9; position: relative; } .innerSearchRSpan img{ vertical-align: middle; display: inline-block; margin-left: 15px; } .innerSearchRBox input{ float: left; width:604.5px; padding:0 30px; float: left; outline: none; border-top:1px solid #7e9db9; border-bottom:1px solid #7e9db9; height:47px; line-height: 47px; font-size: 18px; color:#4e4e4e; } .innerSearchRBtnA{ float:left; width:55px; height:49px; display: block; } .innerSearchRBtnA img{ width:100%; height:100%; } .innerSearchRSpan ul{ display: none; width:118px; position: absolute; left: 0; top:49px; background:#f9f9f9; } .innerSearchRSpan ul li{ cursor: pointer; height:45px; line-height: 45px; font-size: 18px; color:#34495e; text-align: center; } .innerSearchRSpan ul li:hover{ background:#b2c4d5; } .innerSearchNumBox{ font-size: 18px; color:#333; margin-bottom:30px; } .innerSearchSortBox{ font-size:18px; font-weight: bold; color:#333; margin-bottom:30px; } .innerSearchSortBox a{ background:#b2c4d5; color:#fff; display: inline-block; width:98px; height:40px; line-height: 40px; text-align: center; font-size:16px; margin:0 9px; font-weight: normal; } .innerSearchSortBox a.active{ background:#be7f86; } .innerSearchUl li{ padding:18px 0; } .innerSearchUl li a{ margin-bottom:14px; font-size: 18px; color: #103d5d; padding-left: 16px; background: url(20180207_CT_CLiBg_03.jpg) no-repeat left center; display: block; color: #103d5d; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .innerSearchUl li p{ padding-left: 16px; line-height: 32px; color:#333; font-size:16px; } .innerSearchUl li .innerSearchLiTime{ display: block; padding-left: 16px; font-size: 14px; color:#999999; margin-top:8px; } .innerSearchNotBox img{ display: block; margin:0px auto; padding:75px 0 30px; } .innerSearchNotBox p{ font-size: 16px; color:#666666; text-align: center; margin-bottom: 70px; } .innerSearchNumBoxWap{ display: none } } @media screen and (min-width: 1001px) and (max-width: 1439px){ .innerSearchNotBox{ background:url(20180207_CT_CLbottomBg2_07.jpg) repeat-x left top; } .innerSearchBox{ width:85%; margin:0 auto; } .CT_innerNavBoxSearch{ padding-bottom: 0px; } .innerSearch{ height:41px; margin-bottom:23px; } .innerSearch .innerSearchLTitle{ font-size: 20px; line-height: 40px; color:#333; float: left; display: block; } .innerSearchRBox{ width:700px; height:41px; float: right; } .innerSearchRSpan{ float: left; width:99px; height:39px; line-height: 39px; font-size: 16px; color:#34495e; text-align: center; border:1px solid #7e9db9; position: relative; } .innerSearchRSpan img{ vertical-align: middle; display: inline-block; margin-left: 12px; } .innerSearchRBox input{ float: left; width:502.5px; padding:0 25px; float: left; outline: none; border-top:1px solid #7e9db9; border-bottom:1px solid #7e9db9; height:39px; line-height: 39px; font-size: 16px; color:#4e4e4e; } .innerSearchRBtnA{ float:left; width:46px; height:41px; display: block; } .innerSearchRBtnA img{ width:100%; height:100%; } .innerSearchRSpan ul{ display: none; width:99px; position: absolute; left: 0; top:41px; background:#f9f9f9; } .innerSearchRSpan ul li{ height:38px; line-height: 38px; font-size: 16px; color:#34495e; text-align: center; cursor: pointer; } .innerSearchRSpan ul li:hover{ background:#b2c4d5; } .innerSearchNumBox{ font-size: 16px; color:#333; margin-bottom:25px; } .innerSearchSortBox{ font-size:16px; font-weight: bold; color:#333; margin-bottom:25px; } .innerSearchSortBox a{ background:#b2c4d5; color:#fff; display: inline-block; width:84px; height:32px; line-height: 32px; text-align: center; font-size: 14px; margin:0 7px; font-weight: normal; } .innerSearchSortBox a.active{ background:#be7f86; } .innerSearchUl li{ padding:15px 0; } .innerSearchUl li a{ margin-bottom:10px; font-size: 16px; color: #103d5d; padding-left: 14px; background: url(20180207_CT_CLiBg_03.jpg) no-repeat left center; display: block; color: #103d5d; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .innerSearchUl li p{ padding-left: 14px; line-height: 28px; color:#333; font-size:14px; } .innerSearchUl li .innerSearchLiTime{ display: block; padding-left: 16px; font-size: 12px; color:#999999; margin-top:4px; } .innerSearchNotBox img{ display: block; margin:0 auto; padding:60px 0 20px; } .innerSearchNotBox p{ font-size: 14px; color:#666666; text-align: center; margin-bottom: 60px } .innerSearchNumBoxWap{ display: none } } @media screen and (max-width: 1000px){ .innerSearchRBox{ display: none } .innerSearchLTitle{ font-size: .38rem; line-height: .96rem; height:.96rem; color: #333; display: block; border-bottom: .02rem dashed #98b6d0; padding:0 .2rem; } .innerSearchNumBox{ padding:.4rem 0.2rem; border-bottom: .02rem dashed #98b6d0; font-size: .34rem; } .innerSearchSortBox,.innerSearchNumBox{ display: none; } .innerSearchNumBoxWap{ display: block; } .innerSearchNotBox img { display: block; margin: 0px auto; padding: .6rem 0 .65rem; width:50%; } .innerSearchNotBox p { font-size: .3rem; color: #666666; text-align: center; margin-bottom: 1.25rem; } } /*检索无结果 end*/ /*图片组图详情 start*/ @media screen and (min-width: 1440px) { .CT_lunboBoxPhoto{ margin-top: 50px; padding-bottom: 20px; background:url(20180207_CT_CLbottomBg2_07.jpg) repeat-x left bottom; } .CT_lunboPhoto{ border-bottom: 0 !important; width:1120px !important; height:778px !important; margin:0 auto 0px; float: none!important; /*background:url(20180207_CT_CLbottomBg2_07.jpg) repeat-x left bottom;*/ } .CT_lunboPhoto .CT_lunboLUlPhoto li a img{ height:630px ; } .CT_lunboPhoto .linboBtnL { z-index: 12; position: absolute; left: 20px; top: 282px; display: block; width: 36px; height: 66px; cursor: pointer; background: url(20180207_CT_DetailsLBL.png); } .CT_lunboPhoto .linboBtnR { z-index: 12; position: absolute; right: 20px; top: 282px; display: block; width: 36px; height: 66px; cursor: pointer; background: url(20180207_CT_DetailsLBR.png); } .CT_lunboPhoto .lunboTitleBox { width: 100%; margin-top: 28px; background: #fff !important; position: static!important; } .CT_lunboPhoto .lunboTitleBox p{ padding:0; height:80px; width:15%; float: left; font-size: 32px; color:#333; border-right: 1px solid #bfbfbf; } .CT_lunboPhoto .lunboTitleBox p i{ font-style:normal } .CT_lunboPhoto .lunboTitleBox span{ padding:0; width:80%; float: right; } .detailsLBNumL{ font-weight:bold; font-size:60px; color:#333; } .detailsLBNuR{ font-size:20px; color:#333; } .CT_lunboPhoto .lunboTitleBox span{ font-size: 18px; color:#333; line-height: 40px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .REintroduceImg{ display: block; position: relative; width:176px; padding:0 5px 6px 0; /* border-top:1px solid #d2d2d2; border-left:1px solid #d2d2d2; */ float: left; } .REintroduceImg img{ width:100%; height:97.617px; padding:0 3px 3px 0; box-sizing: border-box; vertical-align: middle; } .REintroduceImg span{ display: block; line-height: 26px; color:#333; font-size: 16px; } .detailsBLBBtnL{ margin:0 7px 0 11px; width:36px; height:100px; float: left; cursor: pointer; background:url(20180207_CT_DetailsBtn2_03.png); } .detailsBLBBtnR{ margin:0 0px 0 7px; width:36px; height:100px; float: left; cursor: pointer; background:url(20180207_CT_DetailsBtn2_05.png); } .detailsBLBUl{ width:30000px; } .detailsBLBUlT{ float: left; overflow: hidden; width:728px; position: relative; } .detailsBLBUl li{ float: left; width:177px; margin-right:7px; } .detailsBLBUl li a{ position: relative; display: block; cursor: pointer; } .detailsBLBUl li a img{ width:100%; vertical-align: middle; height:100px; } .detailsBLBUl li a span{ display: block; width:44px; height:22px; position: absolute; right: 0; bottom: 0; background:url(20180207_CT_DetailsSpanBg_03.png) no-repeat; font-size: 12px; color:#bfbfbf; text-align: center; line-height: 22px; } .detailsBLBUl li .detailsBLBWSapn{ margin-top: 5px; line-height: 26px; color:#333; font-size: 16px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .detailsBLBUlBox{ overflow: hidden; padding-top: 50px; background:url(20180207_CT_CLbottomBg2_07.jpg) repeat-x left top; } .detailsLBBBox{ padding: 38px 0; overflow: hidden; background:url(20180207_CT_CLbottomBg2_07.jpg) repeat-x left bottom; } .detailsLBBLA{ display: block; width:208px; height:45px; line-height: 45px; text-align: center; border-radius: 4px; color:#fff; font-size: 22px; background:#7e9db9; margin-bottom: 30px; } .detailsLBBRWeixin{ width:144px; } .detailsLBBRWeixin img{ width:100%; margin:10px 0; } .detailsLBBRWeixin p{ text-align: center; font-size: 16px; color:#333; line-height: 25px; height:25px; } .detailsTWeibo{ padding:0 60px; margin:20px 0 50px; } .detailsTWeibo p{ font-size: 22px; color:#7e9db9; margin-bottom: 30px; } .detailsTWeibo ul{ overflow: hidden; } .detailsTWeibo ul li{ width:80px; float: left; margin-right: 50px; } .detailsTWeibo ul li a{ display: block; width:100%; position: relative; } .detailsTWeibo ul li a img{ width:100%; } .detailsTWeibo ul li a .detailsBgImg{ width:100%; position: absolute; left: 0; top:0; z-index: 5; } .detailsWBImg{ width:100%; } .detailsTWeibo ul li span{ font-size: 16px; display: block; margin:18px 0 0; text-align: center; } .CT_lunboWap{ display: none; } } @media screen and (min-width: 1001px) and (max-width:1439px) { .CT_lunboBoxPhoto{ margin-top: 40px; padding-bottom: 15px; background:url(20180207_CT_CLbottomBg2_07.jpg) repeat-x left bottom; } .CT_lunboPhoto{ border-bottom: 0 !important; width:934px !important; height:652px !important; margin:0 auto 0px; float: none!important; background:url(20180207_CT_CLbottomBg2_07.jpg) repeat-x left bottom; } .CT_lunboPhoto .CT_lunboLUlPhoto li a img{ height:525px ; } .CT_lunboPhoto .linboBtnL { z-index: 12; position: absolute; left: 18px; top: 205px; display: block; width: 36px; height: 66px; cursor: pointer; background: url(20180207_CT_DetailsLBL.png); } .CT_lunboPhoto .linboBtnR { z-index: 12; position: absolute; right: 18px; top: 205px; display: block; width: 36px; height: 66px; cursor: pointer; background: url(20180207_CT_DetailsLBR.png); } .CT_lunboPhoto .lunboTitleBox { width: 100%; margin-top: 28px; background: #fff !important; position: static!important; } .CT_lunboPhoto .lunboTitleBox p{ padding:0; height:65px; width:15%; float: left; font-size: 26px; color:#333; border-right: 1px solid #bfbfbf; } .CT_lunboPhoto .lunboTitleBox p i{ font-style:normal } .CT_lunboPhoto .lunboTitleBox span{ padding:0; width:80%; float: right; } .detailsLBNumL{ font-weight:bold; font-size:50px; color:#333; } .detailsLBNuR{ font-size:16px; color:#333; } .CT_lunboPhoto .lunboTitleBox span{ font-size: 16px; color:#333; line-height: 32px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .REintroduceImg{ position: relative; width:146px; padding:0 5px 6px 0; display: block; /* border-top:1px solid #d2d2d2; border-left:1px solid #d2d2d2; */ float: left; } .REintroduceImg img{ width:100%; padding:0 3px 3px 0; box-sizing: border-box; vertical-align: middle; height:80.5px; } .REintroduceImg span{ display: block; line-height: 22px; color:#333; font-size: 14px; } .detailsBLBBtnL{ margin:0 6px 0 9px; width:30px; height:83px; float: left; cursor: pointer; background:url(20180207_CT_DetailsBtn1_03.png); } .detailsBLBBtnR{ margin:0 0px 0 6px; width:30px; height:83px; float: left; cursor: pointer; background:url(20180207_CT_DetailsBtn1_05.png); } .detailsBLBUl{ width:30000px; } .detailsBLBUlT{ float: left; overflow: hidden; width:606px; position: relative; } .detailsBLBUl li{ float: left; width:147px; margin-right:6px; } .detailsBLBUl li a{ position: relative; display: block; } .detailsBLBUl li a img{ width:100%; vertical-align: middle; height:83px; } .detailsBLBUl li a span{ display: block; width:44px; height:22px; position: absolute; right: 0; bottom: 0; background:url(20180207_CT_DetailsSpanBg_03.png) no-repeat; font-size: 12px; color:#bfbfbf; text-align: center; line-height: 22px; } .detailsBLBUl li .detailsBLBWSapn{ margin-top: 5px; line-height: 22px; color:#333; font-size: 14px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .detailsBLBUlBox{ overflow: hidden; padding-top: 50px; background:url(20180207_CT_CLbottomBg2_07.jpg) repeat-x left top; } .detailsLBBBox{ padding:45px 0; overflow: hidden; background:url(20180207_CT_CLbottomBg2_07.jpg) repeat-x left bottom; } .detailsLBBLA{ display: block; width:173px; height:36px; line-height: 36px; text-align: center; border-radius: 4px; background:#7e9db9; color:#fff; font-size: 18px; margin-bottom: 25px; } .detailsLBBRWeixin{ width:120px; } .detailsLBBRWeixin img{ width:100%; margin:10px 0; } .detailsLBBRWeixin p{ text-align: center; font-size: 14px; color:#333; line-height: 20px; height:20px; } .detailsTWeibo{ padding:0 50px; margin:15px 0 40px; } .detailsTWeibo p{ font-size: 22px; color:#7e9db9; margin-bottom: 30px; } .detailsTWeibo ul{ overflow: hidden; } .detailsTWeibo ul li{ width:80px; float: left; margin-right: 50px; } .detailsTWeibo ul li a{ display: block; width:100%; position: relative; } .detailsTWeibo ul li a img{ width:100%; } .detailsTWeibo ul li a .detailsBgImg{ width:100%; position: absolute; left: 0; top:0; z-index: 5; } .detailsWBImg{ width:100%; } .detailsTWeibo ul li span{ font-size: 14px; display: block; margin:14px 0 0; text-align: center; } .CT_lunboWap{ display: none; } } @media screen and (max-width: 1000px) { .CT_DetailsTitle { margin: .4rem 0; text-align: center; font-size: .4rem; color: #333; font-weight: bold; } .CT_DetailsTBBox{ padding:0 0 .2rem; margin:0 .2rem; overflow: hidden; border-bottom:.02rem solid #f2f2f2; } .CT_lunboBoxPhoto{ padding:0 .2rem; } .CT_DetailsTime{ font-size: .28rem; color:#999; display: block; margin-bottom: .12rem; } .CT_DetailsAuthor{ font-size: .28rem; color:#333; display: block; float: left; padding-right:.4rem; } .linboBtnR,.linboBtnL,.detailsLBBR,.detailsTWeibo,.detailsBLBUlBox,.bdsharebuttonbox,.CT_DetailsFont,.CT_DetailsClose{ display: none !important; } .CT_lunboBoxPhoto{ padding:0; } .CT_lunboPhoto{ border-bottom: 0 !important; } .CT_lunboPhoto .lunboTitleBox { width: 79.5%; height: .72rem; position: absolute; left: .09rem; bottom: .11rem; background: none; } .CT_lunboPhoto .lunboTitleBox { width: 100%; margin-top:.3rem; padding:0 .2rem; background: #fff !important; position: static!important; } .CT_lunboPhoto .lunboTitleBox p{ padding:0; height:80px; width:15%; float: left; font-size: 32px; color:#333; border-right: 1px solid #bfbfbf; } .CT_lunboPhoto .lunboTitleBox p i{ font-style:normal } .CT_lunboPhoto .lunboTitleBox span{ padding:0; width:80%; float: right; } .CT_lunboPhoto{ display: none; } .CT_lunboWap{ display: block; height:8rem; } .CT_lunboWap ul{ position: relative; } .CT_lunboWap ul li{ position: absolute; left: 0; top:0; background:#fff; } .CT_lunboWap ul li a{ width:100%; } .CT_lunboWap ul li a img{ width:100%; } .lunboTitleBoxWap{ padding:.3rem .2rem; } /*

1 / 5

*/ .lunboTitleBoxWap p{ float: left; width:15%; } .lunboTitleBoxWap p i{ font-style:normal } .lunboTitleBoxWap p{ font-size: .32rem; color: #333; } .lunboTitleBoxWap p .detailsLBNumLWap{ font-size: .6rem; color: #333; font-weight: bold; } .lunboTitleBoxWap p .detailsLBNumRWap{ font-size: .22rem; color: #333; } .lunboTitleBoxWap span{ border-left: #bfbfbf solid .02rem; padding-left: .3rem; display: block; float: right; width:84%; font-size: .3rem; color:#333; line-height: .48rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; overflow: hidden; } .detailsLBBBox .detailsLBBL{ width:100% !important; float: none !important; } .detailsLBBBox{ overflow: hidden; padding:.6rem 0.2rem .7rem; border-top:.02rem dashed #98b6d0; } .detailsLBBLA { display: block; width: 3.37rem; height: .7rem; line-height: .7rem; text-align: center; border-radius: 4px; color: #fff; font-size: .36rem; background: #7e9db9; margin-bottom: 30px; } } /*图片组图详情 end*/ /*图片列表 start*/ @media screen and (min-width: 1440px) { .innerImgUl{ overflow: hidden; } .innerImgUl li{ width:279px; margin-right: 28px; margin-bottom: 28px; background:#f7f7f7; float: left; } .innerImgUl li .innerImglListTA{ display: block; width:100%; height:160px; } .innerImgUl li .innerImglListTA img{ width:100%; height:100%; vertical-align: middle; } .innerImgUl li p{ font-size: 16px; color:#333; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin-top:12px; margin-bottom: 16px; height:47px; } .innerImgUl li p a{ font-size: 16px; color:#333; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; line-height: 24px; padding:0px 15px; } .innerImgUl li span{ font-size: 14px; color:#999999; display: block; padding:0px 15px 20px; } .innerPageBoxImg{ margin:40px 0 80px; } .wapMoreA{ display: none } } @media screen and (min-width: 1001px) and (max-width: 1439px){ .innerImgUl{ overflow: hidden; } .innerImgUl li{ width:238px; margin-right: 16px; background:#f7f7f7; float: left; margin-bottom: 16px; } .innerImgUl li .innerImglListTA{ display: block; width:100%; height:136px; } .innerImgUl li .innerImglListTA img{ width:100%; height:100%; vertical-align: middle; } .innerImgUl li p{ font-size: 14px; color:#333; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin-top:8px; margin-bottom: 12px; height:40px; } .innerImgUl li p a{ font-size: 14px; color:#333; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; line-height: 20px; padding:0px 10px; } .innerImgUl li span{ font-size: 12px; color:#999999; display: block; padding:0px 10px 15px; } .innerPageBoxImg{ margin:40px 0 70px; } .wapMoreA{ display: none } } @media screen and (max-width: 1000px){ .innerImgUl{ margin:.5rem 0.2rem .2rem; overflow: hidden; } .innerImgUl li{ width:48.5%; float: left; margin-right: 3%; background:#f7f7f7; margin-bottom: .3rem; } .innerImgUl li .innerImglListTA { display: block; width: 100%; height: 160px; } .innerImgUl li .innerImglListTA img{ width:100%; height:100%; vertical-align: middle; } .innerImgUl li p { padding:0 .15rem; font-size: .3rem; color: #333; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin-top: .1rem; margin-bottom: .12rem; line-height: .46rem; height:.92rem; } .innerImgUl li p a{ color: #333; } .innerImgUl li span { font-size: .22rem; color: #999999; display: block; padding: 0px .15rem .26rem; } } /*图片列表 end*/ /*网站地图 start*/ @media screen and (min-width: 1440px) { .CT_innerNavBoxMap{ padding-bottom: 20px; } .innerMapTitle{ font-weight: bold; font-size: 40px; color:#333; text-align: center; height:115px; line-height: 115px; } .innerMapList{ overflow: hidden; padding:38px 0; background:url(20180207_CT_CLbottomBg2_07.jpg) repeat-x left top; } .innerMapList .MapListL{ width:115px; height:115px; background:#7e9db9; text-align: center; float: left; } .innerMapList .MapListL span{ display: block; margin:32px 0 12px; text-align: center; color:#fff; font-weight: bold; font-size:20px; } .innerMapList .MapListL img{ width:26px; height:26px; } .MapListRUl{ overflow: hidden; width:1020px; float: right; margin-top:48px; } .MapListRUl li{ float: left; width:16.6666%; height:20px; margin-bottom: 15px; } .MapListRUl li a{ border-left:2px solid #7e9db9; display: block; padding-left: 5px; font-size: 20px; color:#333; line-height: 20px; } } @media screen and (min-width: 1001px) and (max-width: 1439px){ .CT_innerNavBoxMap{ padding-bottom: 16px; } .innerMapTitle{ font-weight: bold; font-size: 34px; color:#333; text-align: center; height:98px; line-height: 98px; } .innerMapList{ overflow: hidden; padding:32px 0; background:url(20180207_CT_CLbottomBg_03.jpg) repeat-x left top; } .innerMapList .MapListL{ width:98px; height:98px; background:#7e9db9; text-align: center; float: left; } .innerMapList .MapListL span{ display: block; margin:28px 0 10px; text-align: center; color:#fff; font-weight: bold; font-size:16px; } .innerMapList .MapListL img{ width:22px; height:22px; } .MapListRUl{ overflow: hidden; width:850px; float: right; margin-top:40px; } .MapListRUl li{ float: left; width:16.6666%; height:16px; margin-bottom: 12px; } .MapListRUl li a{ border-left:2px solid #7e9db9; display: block; padding-left: 5px; font-size: 16px; color:#333; line-height: 16px; } } /*网站地图 end*/ /*文章详情 start*/ @media screen and (min-width: 1440px) { .CT_lunboBoxWenX{ margin-top: 50px; padding-bottom: 20px; background:url(20180207_CT_CLbottomBg2_07.jpg) repeat-x left bottom; } .detailsLBBBoxWenX{ padding: 38px 0; overflow: hidden; background:url(20180207_CT_CLbottomBg2_07.jpg) repeat-x left bottom; } .detailsLBBBoxWenX .detailsLBBLA{ display: block; width:208px; height:45px; line-height: 45px; text-align: center; border-radius: 4px; color:#fff; font-size: 22px; background:#7e9db9; margin-bottom: 30px; } .detailsLBBRWeixin{ width:144px; } .detailsLBBRWeixin img{ width:100%; margin:10px 0; } .detailsLBBRWeixin p{ text-align: center; font-size: 16px; color:#333; line-height: 25px; height:25px; } .detailsTWeibo{ padding:0 60px; margin:20px 0 50px; } .detailsTWeibo p{ font-size: 22px; color:#7e9db9; margin-bottom: 30px; } .detailsTWeibo ul{ overflow: hidden; } .detailsTWeibo ul li{ width:80px; float: left; margin-right: 50px; } .detailsTWeibo ul li a{ display: block; width:100%; position: relative; } .detailsTWeibo ul li a img{ width:100%; } .detailsTWeibo ul li a .detailsBgImg{ width:100%; position: absolute; left: 0; top:0; z-index: 5; } .detailsWBImg{ width:100%; } .detailsTWeibo ul li span{ font-size: 16px; display: block; margin:18px 0 0; text-align: center; } .detailsImgBox{ width:900px; margin:0 auto 30px; } .detailsImgBox p{ font-size: 18px; color:#333; line-height: 30px; } .detailsImgBox img{ margin:25px 0; } .detailsPBox{ font-size: 18px; color:#333; line-height: 30px; } .detailsPBox p{ margin-bottom: 15px; } .CT_detailsBtnABox{ font-size: 16px; color:#999; overflow: hidden; margin-bottom: 15px; } .CT_detailsBtnABox a{ height:28px; line-height: 28px; padding:0 22px; display: block; float: left; margin:0 5px; font-size: 16px; color:#999; } .CT_detailsBtnABox span{ display: block; height:30px; line-height: 30px; } .CT_DetailsTBBox{ padding-bottom:30px; background:url(20180207_CT_CLbottomBg2_07.jpg) repeat-x left bottom; } } @media screen and (min-width: 1001px) and (max-width:1439px) { .CT_lunboBoxWenX{ margin-top: 40px; padding-bottom: 15px; background:url(20180207_CT_CLbottomBg2_07.jpg) repeat-x left bottom; } .detailsLBBBoxWenX{ padding:45px 0; overflow: hidden; background:url(20180207_CT_CLbottomBg2_07.jpg) repeat-x left bottom; } .detailsLBBLA{ display: block; width:173px; height:36px; line-height: 36px; text-align: center; border-radius: 4px; background:#7e9db9; color:#fff; font-size: 18px; margin-bottom: 25px; } .detailsLBBRWeixin{ width:120px; } .detailsLBBRWeixin img{ width:100%; margin:10px 0; } .detailsLBBRWeixin p{ text-align: center; font-size: 14px; color:#333; line-height: 20px; height:20px; } .detailsTWeibo{ padding:0 50px; margin:15px 0 40px; } .detailsTWeibo p{ font-size: 22px; color:#7e9db9; margin-bottom: 30px; } .detailsTWeibo ul{ overflow: hidden; } .detailsTWeibo ul li{ width:80px; float: left; margin-right: 50px; } .detailsTWeibo ul li a{ display: block; width:100%; position: relative; } .detailsTWeibo ul li a img{ width:100%; } .detailsTWeibo ul li a .detailsBgImg{ width:100%; position: absolute; left: 0; top:0; z-index: 5; } .detailsWBImg{ width:100%; } .detailsTWeibo ul li span{ font-size: 14px; display: block; margin:14px 0 0; text-align: center; } .detailsImgBox{ width:750px; margin:0 auto 25px; } .detailsImgBox img{ margin:20px 0; } .detailsImgBox p{ font-size: 16px; color:#333; line-height: 25px; } .detailsPBox{ font-size: 16px; color:#333; line-height: 25px; } .detailsPBox p{ margin-bottom: 15px; } .CT_detailsBtnABox{ font-size: 14px; color:#999; overflow: hidden; margin-bottom: 15px; } .CT_detailsBtnABox a{ height:23px; line-height: 23px; padding:0 18px; display: block; float: left; margin:0 5px; font-size: 14px; color:#999; } .CT_detailsBtnABox span{ display: block; height:25px; line-height: 25px; } .CT_DetailsTBBox{ padding-bottom:25px; background:url(20180207_CT_CLbottomBg2_07.jpg) repeat-x left bottom; } } @media screen and (max-width: 1000px) { .CT_DetailsTitle { margin: .4rem 0; text-align: center; font-size: .4rem; color: #333; font-weight: bold; } .CT_DetailsTBBox{ padding:0 0 .2rem; margin:0 .2rem; overflow: hidden; } .CT_lunboBoxWenX{ padding:0.3rem .2rem 0; border-top:.02rem dashed #96b5d0; } .CT_DetailsTime{ font-size: .28rem; color:#999; display: block; margin-bottom: .12rem; } .CT_DetailsAuthor{ font-size: .28rem; color:#333; display: block; float: left; padding-right:.4rem; } .linboBtnR,.linboBtnL,.detailsLBBR,.detailsTWeibo,.detailsBLBUlBox,.bdsharebuttonbox,.CT_DetailsFont,.CT_DetailsClose{ display: none !important; } .detailsImgBox{ width:100%; } .detailsImgBox p { padding:0 .2rem; font-size: .3rem; color: #333; line-height: .48rem; margin-bottom: .4rem; } .detailsImgBox img{ width:100%; margin-bottom: 0.3rem } .detailsPBox { padding:0 .2rem; font-size: .3rem; color: #333; line-height: .48rem; } .detailsPBox p { /* text-indent: 2em;*/ margin-bottom: .4rem; } .detailsLBBBoxWenX .detailsLBBL{ width:100%; float: none; } .detailsLBBBoxWenX{ overflow: hidden; padding:.6rem 0.2rem .7rem; border-top:.02rem dashed #98b6d0; } .detailsLBBLA { display: block; width: 3.37rem; height: .7rem; line-height: .7rem; text-align: center; border-radius: 4px; color: #fff; font-size: .36rem; background: #7e9db9; margin-bottom: 30px; } .CT_detailsBtnABox{ display: none } } /*文章详情 end*/ /*文字列表 start*/ @media screen and (max-width: 1000px) { .CT_CLTWWZ{ padding-top:.3rem; } .CT_CLTWWZ:nth-child(1){ padding-top:0; } .CT_CRBoxWZ{ display: none; } .wapMoreA { margin-top: .5rem; } .CT_WenTUlWZ{ display: none; } .swiper-container9{ border-top: .02rem solid #b3b3b3; margin-bottom: .3rem; } .CT_WenTUlWap li{ float: left; height:.76rem; } .CT_WenTUlWap li a{ padding-right: .2rem; width:100%; height:.76rem; line-height: .76rem; display: block; text-align: left; padding-left:.6rem; font-size: .34rem; color:#15405f; background:#f7f7f7 url(20180207_CT_WenTulBg1000_05.jpg) no-repeat .25rem center; background-size: .18rem .18rem !important; } .CT_WenTUlWap li.active a{ color:#ffffff; background:#316082 url(20180207_CT_WenTulBg1000_03.png) no-repeat .25rem center; } } /*文字列表 end*/ /*检索页 strat*/ @media screen and (min-width: 1440px) { .innerSearchBox{ width:85%; margin:0 auto; } .innerSearchBold{ font-weight: bold; } .innerSearchRed{ color:#922936; } .innerSearchRedR{ display: inline-block; margin-right: 35px; } .innerSearchUl{ background:url(20180207_CT_CLbottomBg2_07.jpg) repeat-x left top; } .innerSearchUl li{ background:url(20180207_CT_CLbottomBg2_07.jpg) repeat-x left bottom; } .innerSearch{ height:49px; margin-bottom:28px; } .innerSearch .innerSearchLTitle{ font-size: 24px; line-height: 48px; color:#333; float: left; display: block; } .innerSearchRBox{ width:840px; height:49px; float: right; } .innerSearchRSpan{ float: left; width:118px; height:47px; line-height: 47px; font-size: 18px; color:#34495e; text-align: center; border:1px solid #7e9db9; position: relative; } .innerSearchRSpan img{ vertical-align: middle; display: inline-block; margin-left: 15px; } .innerSearchRBox input{ float: left; width:604.5px; padding:0 30px; float: left; outline: none; border-top:1px solid #7e9db9; border-bottom:1px solid #7e9db9; height:47px; line-height: 47px; font-size: 18px; color:#4e4e4e; } .innerSearchRBtnA{ float:left; width:55px; height:49px; display: block; } .innerSearchRBtnA img{ width:100%; height:100%; } .innerSearchRSpan ul{ display: none; width:118px; position: absolute; left: 0; top:49px; background:#f9f9f9; } .innerSearchRSpan ul li{ cursor: pointer; height:45px; line-height: 45px; font-size: 18px; color:#34495e; text-align: center; } .innerSearchRSpan ul li:hover{ background:#b2c4d5; } .innerSearchNumBox{ font-size: 18px; color:#333; margin-bottom:30px; } .innerSearchSortBox{ font-size:18px; font-weight: bold; color:#333; margin-bottom:30px; } .innerSearchSortBox a{ background:#b2c4d5; color:#fff; display: inline-block; width:98px; height:40px; line-height: 40px; text-align: center; font-size:16px; margin:0 9px; font-weight: normal; } .innerSearchSortBox a.active{ background:#be7f86; } .innerSearchUl li{ padding:18px 0; } .innerSearchUl li a{ margin-bottom:14px; font-size: 18px; color: #103d5d; padding-left: 16px; background: url(20180207_CT_CLiBg_03.jpg) no-repeat left center; display: block; color: #103d5d; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .innerSearchUl li p{ padding-left: 16px; line-height: 32px; color:#333; font-size:16px; } .innerSearchUl li .innerSearchLiTime{ display: block; padding-left: 16px; font-size: 14px; color:#999999; margin-top:8px; } .innerSearchNumBoxWap{ display: none; } } @media screen and (min-width: 1000px) and (max-width: 1439px){ .innerSearchBox{ width:85%; margin:0 auto; } .innerSearchRedR{ display: inline-block; margin-right: 35px; } .innerSearchUl{ background:url(20180207_CT_CLbottomBg2_07.jpg) repeat-x left top; } .innerSearchUl li{ background:url(20180207_CT_CLbottomBg2_07.jpg) repeat-x left bottom; } .innerSearch{ height:41px; margin-bottom:23px; } .innerSearch .innerSearchLTitle{ font-size: 20px; line-height: 40px; color:#333; float: left; display: block; } .innerSearchRBox{ width:700px; height:41px; float: right; } .innerSearchRSpan{ float: left; width:99px; height:39px; line-height: 39px; font-size: 16px; color:#34495e; text-align: center; border:1px solid #7e9db9; position: relative; } .innerSearchRSpan img{ vertical-align: middle; display: inline-block; margin-left: 12px; } .innerSearchRBox input{ float: left; width:502.5px; padding:0 25px; float: left; outline: none; border-top:1px solid #7e9db9; border-bottom:1px solid #7e9db9; height:39px; line-height: 39px; font-size: 16px; color:#4e4e4e; } .innerSearchRBtnA{ float:left; width:46px; height:41px; display: block; } .innerSearchRBtnA img{ width:100%; height:100%; } .innerSearchRSpan ul{ display: none; width:99px; position: absolute; left: 0; top:41px; background:#f9f9f9; } .innerSearchRSpan ul li{ height:38px; line-height: 38px; font-size: 16px; color:#34495e; text-align: center; cursor: pointer; } .innerSearchRSpan ul li:hover{ background:#b2c4d5; } .innerSearchNumBox{ font-size: 16px; color:#333; margin-bottom:25px; } .innerSearchSortBox{ font-size:16px; font-weight: bold; color:#333; margin-bottom:25px; } .innerSearchSortBox a{ background:#b2c4d5; color:#fff; display: inline-block; width:84px; height:32px; line-height: 32px; text-align: center; font-size: 14px; margin:0 7px; font-weight: normal; } .innerSearchSortBox a.active{ background:#be7f86; } .innerSearchUl li{ padding:15px 0; } .innerSearchUl li a{ margin-bottom:10px; font-size: 16px; color: #103d5d; padding-left: 14px; background: url(20180207_CT_CLiBg_03.jpg) no-repeat left center; display: block; color: #103d5d; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .innerSearchUl li p{ padding-left: 14px; line-height: 28px; color:#333; font-size:14px; } .innerSearchUl li .innerSearchLiTime{ display: block; padding-left: 16px; font-size: 12px; color:#999999; margin-top:4px; } .innerSearchNumBoxWap{ display: none; } } @media screen and (max-width: 1000px){ .innerSearchRBox{ display: none } .innerSearchLTitle{ font-size: .38rem; line-height: .96rem; height:.96rem; color: #333; display: block; border-bottom: .02rem dashed #98b6d0; padding:0 .2rem; } .innerSearchNumBox{ padding:.4rem 0.2rem; border-bottom: .02rem dashed #98b6d0; font-size: .34rem; } .innerSearchSortBox,.innerSearchNumBox{ display: none; } .innerSearchNumBoxWap{ display: block; } .innerSearchNumWap{ margin-bottom: .12rem; } .innerSearchUl li { background: url(20180207_CT_CLbottomBg2_07.jpg) repeat-x left bottom; padding:0.3rem .2rem; } .innerSearchUl li a { margin-bottom: 14px; font-size: .36rem; color: #103d5d; padding-left: .28rem; background: url(20180207_CT_CLiBg_03.jpg) no-repeat left .25rem; display: block; color: #103d5d; line-height: .6rem; } .innerSearchUl li p { line-height: .52rem; color: #666; font-size: .32rem; } .innerSearchUl li .innerSearchLiTime { display: block; font-size: .28rem; color: #999999; margin-top: .1rem; } .wapMoreA { margin-top: .5rem; } } /*检索页 end*/ @media only screen and (min-width: 750px)and (max-width: 1000px) { html, body { font-size: 102.5px; } } @media only screen and (max-width: 720px), only screen and (max-device-width: 720px) { html, body { font-size: 93.75px; } } @media only screen and (max-width: 640px), only screen and (max-device-width: 640px) { html, body { font-size: 84.375px; } } @media only screen and (max-width: 600px), only screen and (max-device-width: 600px) { html, body { font-size: 64.6875px; } } @media only screen and (max-width: 540px), only screen and (max-device-width: 540px) { html, body { font-size: 62.5px; } } @media only screen and (max-width: 480px), only screen and (max-device-width: 480px) { html, body { font-size: 58.59375px; } } @media only screen and (max-width: 414px), only screen and (max-device-width: 414px) { html, body { font-size: 56.25px; } } @media only screen and (max-width: 400px), only screen and (max-device-width: 400px) { html, body { font-size: 56px; } } @media only screen and (max-width: 375px), only screen and (max-device-width: 375px) { html, body { font-size: 50px; } } @media only screen and (max-width: 360px), only screen and (max-device-width: 360px) { html, body { font-size: 50px; } } @media only screen and (max-width: 320px), only screen and (max-device-width: 320px) { html, body { font-size: 45px; } } @media only screen and (max-width: 240px), only screen and (max-device-width: 240px) { html, body { font-size: 37.5px; } }