body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, button, input, textarea, th, td { margin : 0; padding : 0; } body { font-family : "\5fae\8f6f\96c5\9ed1", helvetica, sans-serif; font-style : normal; } small { font-size : 12px; } h1 { font-size : 18px; } h2 { font-size : 16px; } h3 { font-size : 14px; } h4, h5, h6 { font-size : 100%; } ul, ol { list-style : none; } a { background-color : transparent; outline: none; -webkit-tap-highlight-color: transparent; text-decoration : none; } a:hover, a:active { outline-width : 0; text-decoration : none; } a:hover{ color: #9a0a0e; text-decoration: underline; } table { border-collapse : collapse; border-spacing : 0; } hr { border : 0; height : 1px; } img { border-style : none; } img:not([src]) { display : none; } svg:not(:root) { overflow : hidden; } html { -webkit-text-size-adjust : 100%; -webkit-touch-callout : none; } input, textarea, button, a { -webkit-tap-highlight-color : rgba(0, 0, 0, 0); } article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display : block; } audio, canvas, progress, video { display : inline-block; } audio:not([controls]), video:not([controls]) { display : none; height : 0; } progress { vertical-align : baseline; } mark { background-color : #ff0; color : #000; } sub, sup { font-size : 75%; line-height : 0; position : relative; vertical-align : baseline; } sub { bottom : -0.25em; } sup { top : -0.5em; } button, input, select, textarea { font-size : 100%; outline : 0; } button, input { overflow : visible; } button, select { text-transform : none; } textarea { overflow : auto; } button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance : button; } button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style : none; padding : 0; } button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline : 1px dotted buttontext; } [type="checkbox"], [type="radio"] { box-sizing : border-box; padding : 0; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height : auto; } [type="search"] { -webkit-appearance : textfield; outline-offset : -2px; } [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance : none; } ::-webkit-input-placeholder { color : inherit; opacity : .54; } ::-webkit-file-upload-button { -webkit-appearance : button; font : inherit; } .clear:after { clear : both; content : ""; display : block; height : 0; width: 0; } /** ichi begin *******************************************************/ .content_ichi{ height: 319px; width: 100%; background-image: ; background-position: top center; background-repeat: no-repeat; overflow: hidden; } /* ichi end *******************************************************/ /* ni begin *******************************************************/ .content_ni{ height: 70px; width: 100%; background-color: #cf1800; } /*header*/ .header { width: 1200px; margin: 0 auto; position: relative; } /*nav*/ .nav { height: 70px; position: relative; z-index: 10; line-height: 70px; font-size: 16px; clear: both; } .menu li { float: left; display: inline; width: 12.5%; text-align: center; position: relative; } .menu li a { display: block; color: #fff; height: 100%; transition: 0.2s; background-color: #cf1800; font-size: 20px; } .menu li:hover a { background-color: #7c0e00; transition: 0.2s; font-size: 22px; } .sub_menu{ position:absolute; left:0; top:70px; width:99.8%; background:#f9f8f9; border:1px solid #dadada; border-radius:0 0 5px 5px; z-index:13; box-shadow:inset 1px 0 6px #eeeeee; } .sub_menu i{ background: no-repeat; width:14px; height:10px; position:absolute; top:-7px; margin-left:-6px; } .sub_area{ padding:20px; line-height:32px; font-size:16px; color:#535353; } .sub_area .sub_nav{ width:21%; padding-left:30px; list-style:none; background: repeat-y right 0; float:left; height:130px; } .sub_area span{ padding: 0 20px; } .sub_area span a{ color: #cf1800; } .sub_area span a:hover{ color: #7c0e00; text-decoration: underline; } #layer1 i{left:18.5%;} #layer2 i{left:31%;} #layer2 div{ margin-left: 254px; } #layer3 i{left:44%;} #layer3 div{ margin-left: 306px; } #layer4 i{left:56%;} #layer4 div{ margin-left: 508px; } #layer5 i{left:68.5%;} #layer5 div{ margin-left: 707px; } #layer6 i{left:81%;} #layer6 div{ margin-left: 858px; } /* ni end *******************************************************/ /* san begin *******************************************************/ .content_san{ height: 470px; width: 1200px; margin: 30px auto; } /* turn img begin */ .slide { width: 792px; height: 469px; float:left; overflow: hidden; position: relative; } .slide-cont { width: 792px; height: 469px; position: relative; overflow: hidden; } .slide-item { position: absolute; width: 100%; height: 100%; left: -792px; } .slide-item a { display: block; width: 100%; height: 100%; } .slide-item img { width: 792px; height: 469px; } .slide-txt { width: 792px; height:50px; position: absolute; left: 0; bottom: 0; z-index: 1; } .slide-txt .txt_bg { width: 792px; height: 50px; background:#000; opacity: 0.7; filter: alpha(opacity=70); } .slide-txt a { display: inline-block; width:640px; height: 50px; line-height: 50px; font-size:16px; padding: 0 20px; overflow: hidden; color:#fff; position: absolute; left: 0; top: 0; } .slide-nav { width: auto; height: 11px; display: inline-block; overflow: hidden; position: absolute; z-index: 100; bottom: 21px; right: 20px; } .slide-nav a { display: block; width: 12px; height: 12px; background:#d4d4d4; cursor: pointer; margin-left: 5px; float: left; text-indent: -99em; overflow: hidden; } .slide-nav .nownav { background:#cf1800; } #prev, #next { display: block; width: 64px; height: 88px; position: absolute; top: 190px; background-repeat: no-repeat; background-position: top center; opacity: 0.8; } #prev{ background-image: ; } #next { right: 0; background-image: ; } /* turn img end */ .san_right{ float : right; width: 390px; height: 470px; overflow: hidden; background-color: #fafafa; } /* tab begin */ .lib_menubox { height:67px; position:relative; } .lib_menubox ul{ margin:0; padding:0; list-style:none; position:absolute; left:0; height:67px; line-height: 80px; text-align:center; } .lib_menubox li{ float:left; display:block; cursor:pointer; height: 67px; width:134px; color:#cf1800; font-size: 24px; } .lib_menubox li.hover{ border-bottom: 2px solid #cf1800; font-weight:bold; font-size: 26px; } .lib_menubox li a{ color: #cf1800; } .lib_contentbox{ clear:both; margin-top:0; height:395px; padding-top:8px; } .lib_contentbox ul li{ background-image: ; background-repeat: no-repeat; background-position: 7px 22px; height: 48px; line-height: 48px; text-indent: 20px; } .lib_contentbox ul li a{ color: #343434; display: block; height: 100%; width: 380px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .lib_contentbox ul li a:hover{ color: #9a0a0e; text-decoration: underline; } /* tab end */ /* san end *******************************************************/ /* yon begin *******************************************************/ .content_yon{ height: 200px; width: 1200px; margin: 30px auto 0; overflow: hidden; } /* turn ad begin */ .slidebox{ width:1200px; height:200px; overflow:hidden; position:relative; } .slidebox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; } .slidebox .hd ul{ overflow:hidden; zoom:1; float:left; } .slidebox .hd ul li{ float:left; margin-right:2px; width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; } .slidebox .hd ul li.on{ background:#f00; color:#fff; } .slidebox .bd{ position:relative; height:100%; z-index:0; } .slidebox .bd li{ zoom:1; vertical-align:middle; } .slidebox .bd img{ width:1200px; height:200px; display:block; } .slidebox .prev, .slidebox .next{ position:absolute; left:1%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(/uploads/image/ltsimg/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50); opacity:0.5; } .slidebox .next{ left:auto; right:1%; background-position:8px 5px; } .slidebox .prev:hover, .slidebox .next:hover{ filter:alpha(opacity=100); opacity:1; } .slidebox .prevstop{ display:none; } .slidebox .nextstop{ display:none; } /* turn ad end */ /* yon end *******************************************************/ /* go begin *******************************************************/ .content_go{ height: 374px; width: 1200px; margin: 10px auto; overflow: hidden; } .content_go .content_go_right ul{ margin-top: 14px; } .content_go_left, .content_go_center, .content_go_right{ float: left; } .content_go_center{ margin: 0 18px; } .content_news_main{ width: 388px; } .content_news_main img{ display: block; width: 388px; height: 219px; } .content_news_main ul{} .content_news_main ul li{ background-image: ; background-repeat: no-repeat; background-position: 5px 26px; height: 55px; width: 388px; overflow: hidden; line-height: 55px; border-bottom: 1px dashed #d8d8d8; font-size: 16px; text-indent: 20px; } .content_news_main ul li a{ color: #343434; display: block; height: 100%; width: 380px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .content_news_main ul li a:hover{ color: #9a0a0e; text-decoration: underline; background-color: #fafafa; background-image: ; background-repeat: no-repeat; background-position: 5px 26px; } .content_news_title{ height: 80px; line-height: 80px; background-image: ; background-repeat: no-repeat; background-position: bottom center; width: 388px; } .content_news_title p{ font-size: 32px; font-weight: bold; float: left; padding-left: 10px; } .content_news_title p span{ color: #cf1800; } .content_news_title a{ color: #cf1800; display: block; float: right; line-height: 90px; font-size: 16px; padding-right: 10px; } .content_news_title a:hover{ color: #9a0a0e; text-decoration: underline; } .content_news_text{ height: 65px; width: 388px; overflow: hidden; line-height: 65px; font-size: 18px; text-align: center; font-weight: bold; text-overflow: ellipsis; white-space: nowrap; background-color: #fafafa; } .content_news_text a{ color: #000; } .content_news_text a:hover{ color: #9a0a0e; text-decoration: underline; } /* go end *******************************************************/ /* roku begin *******************************************************/ .content_roku{ height: auto; width: 100%; margin: 0px auto 0px; overflow: hidden; } .content_roku_main{ width: 1200px; margin: 0 auto; } .content_roku_main .content_news_main{ background-color: #fff; margin-top: 40px; } .content_roku .content_go_center{ margin-right: 6px; margin-left: 6px; } .content_roku_main .content_news_main{ padding: 0 4px ; } /* roku end *******************************************************/ /* nana begin *******************************************************/ .content_nana{ height: 200px; width: 1200px; margin: 30px auto; overflow: hidden; } /* turn ad begin */ .slidebox_nana{ width:1200px; height:200px; overflow:hidden; position:relative; border:1px solid #ddd; } .slidebox_nana .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; } .slidebox_nana .hd ul{ overflow:hidden; zoom:1; float:left; } .slidebox_nana .hd ul li{ float:left; margin-right:2px; width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; } .slidebox_nana .hd ul li.on{ background:#f00; color:#fff; } .slidebox_nana .bd{ position:relative; height:100%; z-index:0; } .slidebox_nana .bd li{ zoom:1; vertical-align:middle; } .slidebox_nana .bd img{ width:1200px; height:200px; display:block; } .slidebox_nana .prev, .slidebox_nana .next{ position:absolute; left:1%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(/uploads/image/ltsimg/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50); opacity:0.5; } .slidebox_nana .next{ left:auto; right:1%; background-position:8px 5px; } .slidebox_nana .prev:hover, .slidebox_nana .next:hover{ filter:alpha(opacity=100); opacity:1; } .slidebox_nana .prevstop{ display:none; } .slidebox_nana .nextstop{ display:none; } /* turn ad end */ /* nana end *******************************************************/ /* hachi begin *******************************************************/ .content_hachi{ height: 390px; width: 1200px; margin: 0 auto; overflow: hidden; } .content_hachi .content_news_title{ width: 1200px; background-image: none; border-bottom: 1px solid #e9e9e9; } /* turn img begin */ .picscroll-left{ width:1200px; overflow:hidden; position:relative; } .picscroll-left .bd{ margin-top: 20px; margin-left: 28px; } .picscroll-left .bd ul{ overflow:hidden; zoom:1; } .picscroll-left .bd ul li{ margin:0 10px; float:left; _display:inline; overflow:hidden; text-align:center; } .picscroll-left .bd ul li .pic{ text-align:center; } .picscroll-left .bd ul li .pic img{ width:365px; height:228px; display:block; } .picscroll-left .bd ul li .pic a:hover img{ border-color:#999; } .picscroll-left .bd ul li .title{ line-height:50px; width: 100%; height: 50px; overflow: hidden; } .picscroll-left .bd ul li .title a{ color: #333; } .picscroll-left .bd ul li .title a:hover{ color: #9a0a0e; text-decoration: underline; } .picscroll-left .prev, .picscroll-left .next{ position:absolute; left:0; top:40%; margin-top:-25px; display:block; width:64px; height:88px; filter:alpha(opacity=50); opacity:0.5; background-repeat: no-repeat; } .picscroll-left .next{ left:auto; right:0; } .picscroll-left .prev{ background-image: ; } .picscroll-left .next{ background-image: ; } .picscroll-left .prev:hover, .picscroll-left .next:hover{ filter:alpha(opacity=100); opacity:1; } .picscroll-left .prevstop{ display:none; } .picscroll-left .nextstop{ display:none; } /* turn img end */ /* hachi end *******************************************************/ /* kyuu begin *******************************************************/ .content_kyuu{ height: auto; width: 100%; background-color: #faf8f8; } /* link begin */ /* nav_menu */ .nav_menu { width: 1200px; margin: 0 auto; padding-top: 20px; } .link_nav { position: relative; margin: 0 auto; padding-bottom: 20px; background-color: #fff; } .list { } .link_nav .list li { float:left; } .link_nav .list a { color: #5f5f5f; cursor: pointer; display: block; float: left; } .link_nav .list a:hover { color:#ffa304; } .link_nav .list a:hover{ color: #000; } .link_nav .box { left:-5px; top:42px; width:100%; overflow:hidden; height:0; filter:alpha(opacity=1); opacity:1; font-size:14px; line-height:30px; } .link_nav .cont { position:relative; padding:25px 10px 30px ; } .lib_menubot { height: 75px; margin: 0 auto; position: relative; width: 1200px; } .lib_menubot ul { margin:0; padding:0; list-style:none; position:absolute; left:0; height:98px; text-align:center; } .lib_menubot li { color: #5f5f5f; display: block; float: left; font-size: 18px; width:170px; margin-top: 3px; margin-right: 10px; } .lib_menubot li i{ display: block; width: 100%; height: 98px; line-height: 98px; color: #000; cursor: pointer; font-style: normal; background-image: ; background-repeat: no-repeat; background-position: right center; } .lib_menubot li i:hover,.nav .list .now{ color: #000; } .lib_menubot .link_title{ height: 98px; line-height: 98px; margin-top: 0; width: 160px; font-size: 30px; color: #ed1c01; margin-left: 30px; } .link_nav .link_box .cont{ width: 100%; background-color: #fff; } .cont_a{ background-image: ; background-repeat: no-repeat; } .cont_b{ background-image: ; background-repeat: no-repeat; } .link_nav .link_box ul:after{ content: ""; clear: both; width:0; height: 0; display: block; } .link_nav .link_box li{ float: left; list-style: none; width: 236px; height: 45px; line-height: 45px; text-align: left; background-image: ; background-repeat: no-repeat; background-position: right center; text-indent: 2em; } .link_nav .link_box li:nth-child(5n 0){ background-image: none; } .link_nav .link_box li a{ color: #000; } .link_nav .link_box li a:hover{ color: #ed1c01; text-decoration: underline; } /*tab end*/ /* link end */ /* kyuu end *******************************************************/ /* jyuu begin *******************************************************/ .content_jyuu{ height: 110px; background-color: #333333; width: 100%; color: #fff; } .content_jyuu_content{ width: 1200px; margin: 0 auto; font-size: 16px; color: #999; padding-top: 27px; line-height: 30px; } .content_jyuu_content:after{ content: ""; clear: both; display: block; width: 0; height: 0; } .content_jyuu_content .content_jyuu_ichi{ float: left; width: 375px; text-align: right; padding-right: 100px; } .content_jyuu_content .content_jyuu_ni{ float : left; width: 100px; } .content_jyuu_content .content_jyuu_san{ float : left; width: 210px; } .content_jyuu_content .content_jyuu_yon{ float : left; } /* jyuu end *******************************************************/ /********************* font list begin *********************/ .font_list{ width: 1200px; margin: 30px auto 0; } .font_list:after{ content: ""; clear: both; width: 0; height: 0; display: block; } .font_list_left{ float : left; width: 280px; } .font_list_left_title{ color: #fff; text-align: center; height: 100px; line-height: 100px; font-size: 26px; font-weight: bold; background-image: ; background-position: center top; background-repeat: no-repeat; overflow: hidden; } .font_list_left ul{ padding-bottom: 50px; } .font_list_left ul li{ line-height: 35px; text-align: center; color: #000; background-image: ; background-repeat: no-repeat; background-position: center bottom; font-size: 20px; } .font_list_left ul li:hover{ list-style: inside; color: #cf1800; background-image: ; } .font_list_left ul li a{ color: #000; display: block; width: 100%; height: 100%; padding: 20px 0; } .font_list_left ul li a:hover{ color: #cf1800; } .font_list_right{ float : right; width: 870px; } .font_list_right_now_where{ border-bottom: 4px solid #cf1800; height: 70px; line-height: 70px; width: 100%; } .font_list_right_now_where .now_title{ float : left; font-size: 26px; color: #cf1800; font-weight: bold; } .font_list_right_now_where .where{ float : right; font-size: 16px; background-image: ; background-repeat: no-repeat; background-position: left center; padding-left: 25px; } .font_list_right_now_where .where a{ color: #000; } .font_list_right_now_where .where a:hover{ color: #cf1800; } .font_list_right_now_where .where span{ color: #cf1800; } .font_list_right ul{ padding-bottom: 50px; } .font_list_right ul li{ margin-top: 20px; background-color: #fbfafa; padding: 10px; width: 850px; } .font_list_right ul li p{ font-size: 18px; line-height: 30px; border-bottom: 1px solid #e5e5e5; padding: 5px 0; } .font_list_right ul li p a{ color: #000; } .font_list_right ul li p a:hover{ color: #cf1800; } .font_list_right ul li span{ font-size: 14px; color: #666; line-height: 24px; height: 48px; padding: 5px 0; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .font_list_right ul li div{ } .font_list_right ul li div i{ font-style: normal; color: #222222; padding-right: 20px; } .font_list_right ul li div a{ color: #999999; display: inline-block; font-size: 14px; } .font_list_right ul li div a:hover{ color: #cf1800; } /*.font_list_fenye {*/ /* height: 50px;*/ /* line-height: 50px;*/ /* margin: 0 auto 50px;*/ /* text-align: center;*/ /* width: 100%;*/ /* }*/ /* .font_list_fenye a {*/ /* padding: 10px 20px;*/ /* margin: 0 5px;*/ /* border: 1px solid #dddddd;*/ /* color: #000;*/ /* font-size: 16px;*/ /* }*/ /* .font_list_fenye a:hover{*/ /* color: #fff;*/ /* background-color: #cf1800;*/ /* padding: 11px 20px;*/ /* text-decoration: none;*/ /* }*/ /* .font_list_fenye span{*/ /* color: #fff;*/ /* background-color: #cf1800;*/ /* padding: 11px 20px;*/ /* }*/ .font_list_fenye { height: 50px; line-height: 32px; margin: 0 auto 20px; text-align: center; width: 100%; } .font_list_fenye span { display: inline-block; width: auto; height: 32px; border: 1px solid #141414; margin: 0 5px; } .font_list_fenye span:hover { background-color: #005ea3; border: 1px solid #005ea3; } .font_list_fenye .now { background-color: #005ea3; border: 1px solid #005ea3; color: #fff; padding: 0 11px; } .font_list_fenye a { display: block; height: 100%; color: #434343; padding: 0 11px; } .font_list_fenye a:hover { color: #fff; } /********************* font list end *********************/ /********************* main content begin *********************/ .main_content{ width: 1200px; margin: 20px auto 0; } .main_content_title{ border-bottom: 4px solid #cf1800; height: 70px; line-height: 70px; width: 100%; } .main_content_title .now_title{ float : left; font-size: 26px; color: #cf1800; font-weight: bold; } .main_content_title .where{ float : right; font-size: 16px; background-image: ; background-repeat: no-repeat; background-position: left center; padding-left: 25px; } .main_content_title .where a{ color: #000; } .main_content_title .where a:hover{ color: #cf1800; } .main_content_title .where span{ color: #cf1800; } .main_content_title .content{ margin-top: 50px; } .main_content .content .top_title{ text-align: center; font-size: 26px; font-weight: bold; margin-top: 50px; color: #cf1800; border-bottom: 1px solid #eee; padding-bottom: 40px; line-height: 40px; } .main_content .content .second{ font-size: 14px; color: #666; margin-bottom: 30px; line-height: 40px; padding: 20px 0; } .main_content .content .second span{ padding-right: 30px; } .main_content .content .main{ padding-bottom: 50px; } .main_content .content .main img{ display: block; max-width: 96%; margin: 10px auto; } /********************* main content end *********************/ /********************* img list begin *********************/ .font_list_right_img{ float : right; width: 870px; } .font_list_right_img ul{} .font_list_right_img ul li{ margin: 15px; border-bottom: 1px solid #e5e5e5; padding-bottom: 10px; } .font_list_right_img ul li:after{ content: ""; clear: both; width: 0; height: 0; display: block; } .font_list_right_img ul li img{ display: block; float: left; width: 122px; height: 157px; padding: 10px; } .font_list_right_img ul li div{ float : right; width: 650px; } .font_list_right_img ul li div p{ text-align: center; height: 40px; line-height: 40px; font-size: 20px; font-weight: bold; padding-bottom: 10px; border-bottom: 1px #ccc dashed; margin-bottom: 20px; } .font_list_right_img ul li div span{ font-size: 16px; } /********************* img list end *********************/ /********************* imga list begin *********************/ .font_list_right_imga{ float : right; width: 870px; } .font_list_right_imga ul{ padding: 10px 0 30px; } .font_list_right_imga ul:after{ content: ""; clear: both; display: block; width: 0; height: 0; } .font_list_right_imga li{ width: 274px; height: 195px; margin: 20px 8px; float: left; _display: inline; overflow: hidden; position: relative; } .font_list_right_imga li img{ display: block; width: 274px; height: 195px; } .font_list_right_imga li p{ margin-top: -35px; line-height: 35px; text-align: center; color: #fff; height: 35px; display: inline-block; width: 274px; position: absolute; background-color: #666; overflow: hidden; } .font_list_right_imga li p a{ color: #fff; } /********************* imga list end *********************/