锘緻charset "utf-8"; /*==========@@HTML榛樿 寮€濮婡@==========*/ /*鍩烘湰*/ *{ padding:0px; margin:0px } body, div, dl, dt, dd, ul, ol, li,h1, h2, h3, h4, h5, h6, pre, code,form,fieldset, legend, input, button,textarea, p, blockquote, th, td { margin: 0; padding: 0;} /*a:link { text-decoration: none;color: #444} 銆€銆€ a:active { text-decoration:blink} 銆€銆€ a:hover { text-decoration:underline;color: #444} 銆€銆€ a:visited { text-decoration: none;color: #444}*/ div{ margin:0; padding:0; border:0; } img{ margin:0; padding:0; border:0; } p{ margin: 0px; line-height:1.8em} b,strong {font-weight: bold;} table { border-collapse: collapse; border-spacing: 0; /* Remove most spacing between table cells.*/} li{ list-style: none outside none;} /*閾炬帴*/ .bottom_navigation a{ text-decoration:none; color:#555; background: transparent; outline:none} .bottom_navigation a:visited {color: #555;} .bottom_navigation a:focus { outline:none; } .bottom_navigation a:hover{ color:#88b82a;} .bottom_navigation a:active{ outline:none;} /*鏍囬*/ h1 { font-size: 1.3em;margin: 0;} h2 {font-size: 1.2em; margin: 0;} h3 { font-size: 1.17em;margin: 0;} h4 {font-size: 1em;margin:0;} h5 {font-size: 0.83em;margin: 0;} h6 { font-size: 0.67em;margin: 0;} /*琛ㄥ崟*/ form {margin: 0;} button,input,select,textarea { font-size: 100%;margin: 3px; vertical-align: baseline; *vertical-align: middle; } button,select {text-transform: none;} input{padding:2px;background-color: #FFFFFF;border: 1px solid #ccc;width:99%;line-height: normal;} textarea{padding: 2px;color: #000000;background-color: #fff;width:99%;} /*鍏跺畠*/ blockquote {margin: 1em 40px;} dfn {font-style: italic;} hr {-moz-box-sizing: content-box;box-sizing: content-box;height: 0;} code, kbd, pre, samp {font-size: 1em;} pre {margin: 1em 0; white-space: pre;white-space: pre-wrap;word-wrap: break-word; } small {font-size: 80%;} sub,sup {font-size: 75%;line-height: 0; position: relative;vertical-align: baseline; /* Prevent `sub` and `sup` affecting `line-height` in all browsers.*/} sup {top: -0.5em;} sub {bottom: -0.25em;} dl{margin: 1em 0;} dd {margin: 0 0 0 40px;} /*==========@@HTML榛樿 缁撴潫@@==========*/ /*==========@@鍏冧欢 寮€濮婡@==========*/ /*甯哥敤棰滆壊*/ /*.blue {color: #00F !important;} .green {color: #0F0 !important;} .red {color: #F00 !important;} .black {color: #000000 !important;} .white {color: #FFFFFF !important;} .gray { color:gray; !important; } .purple { color:purple; !important;}*/ /*娴姩*/ .clear { display:block; clear:both; height:3px; overflow:hidden; line-height:3px; } .float_left { float:left; } .float_right { float:right; } /*瀵归綈鏂瑰紡*/ .left { text-align: left} .right {text-align: right} .center{ text-align: center} /*琛ㄥ崟绫?/ .form_text, .form_text:hover, .form_text_verifycode, .form_text_verifycode:hover{border-color: #a0a0a0 #cbd9eb #cbd9eb #a0a0a0; border-width:1px; height:20px; line-height:20px;clip: rect;padding: 2px; color: #000000; } .form_text { width:95%; background-position: 0px 0px;} .form_text:hover {background-position: 0px -37px;} .form_text_verifycode { width:50px; margin-right:3px;background-position: 0px 0px;} .form_text_verifycode:hover {background-position: 0px -37px;} .form_radio{ width:auto; border:0;} .form_checkbox{ width:auto; border:0} .form_select { height:25px; } .form_textarea { width:95%; height:80px; border-color: #a0a0a0 #cbd9eb #cbd9eb #a0a0a0;border-width:1px; padding:2px;} .form_button { width:auto; vertical-align:middle; border:0 none;/*瑙e喅ie鐒︾偣鏄湁榛戣壊杈规*/} input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner{ border:none;padding:0; } .required{ color:red; font-weight:bold; text-align:left; padding-left:3px;} /*鍏跺畠*/ .hide { display:none; } /*闅愯棌*/ /*.more{ float: right; padding-right:5px; display:none;} /*more閾炬帴*/ .code_image{ cursor: pointer; padding-bottom:6px; } /*楠岃瘉鐮佸浘鐗囨牱寮?/ .delay1{ -webkit-animation-delay:0.4s; animation-delay:0.4s; } .delay2{ -webkit-animation-delay:0.6s; animation-delay:0.6s; } .delay3{ -webkit-animation-delay:0.8s; animation-delay:0.8s; } .delay4{ -webkit-animation-delay:1s; animation-delay:1s; } .delay5{ -webkit-animation-delay:1.2s; animation-delay:1.2s; } .delay6{ -webkit-animation-delay:1.2s; animation-delay:1.4s; } .delay7{ -webkit-animation-delay:1.2s; animation-delay:1.7s; } .delay8{ -webkit-animation-delay:1.2s; animation-delay:1.8s; } /*棰戦亾*/ .ChannelContent{ line-height:2.0em; font-size:16px;} .ChannelSContent, .ChannelSContent p{ line-height:1.8em} .ChannelContent a{ color: #ff9d02} .ChannelSContent{ color:#FFF; overflow:hidden; } .ChannelSContent a{ color:#fc872a; } .ChannelSContent img, .InfoContent img{ max-width:100% } /*淇℃伅*/ .InfoTitle{ font-weight:normal; text-align:center; vertical-align:middle; padding:5px 0px} .InfoTitle h1{ font-size:28px; line-height: 1.5em; font-weight:normal;} .InfoTime{color:#999; text-align:left; padding:2px 0px; height:25px} .InfoContent, .InfoContent p{ line-height:2.0em; font-size:16px; padding:10px 0;} .InfoAttachment{ padding:10px 0px; text-align:center; width:81px; margin:0 auto;} .InfoPicture{ text-align: center;} .InfoPicture img{ width:100%; max-width:100%} .info_from_wrap{ padding:0 10px; text-align:center; color:#999; border:0px dashed #ccc; line-height:30px; margin-bottom:5px;} .info_from_wrap a { color:#999; } .info_from_wrap a:hover { color:#555; } #ReadLevelTip{ font-weight:bold; color:red;} .Tag{ text-align: left; font-weight:bold; } .Tag a{ padding:0 3px; font-weight:normal; text-decoration:none;} .info_previous_next_wrap{ background:#F0F0F0; padding:5px; border:1px solid #E3E3E3; color:#333; line-height:1.8em} .Next a{ } .Previous a{ } /*==========@@鍏冧欢 缁撴潫@@==========*/ /*==========@@妯″潡 寮€濮婡@==========*/ /*宸︿晶*/ /*涓讳綋宸︿晶鏍峰紡*/ .left_title { height:39px; line-height:39px; border-bottom:1px solid #0450a1; } .left_title h2 { font-size:16px; color:#0450a1; } .left_body { overflow:hidden; zoom:1; color:#0450a1; padding:10px 10px 5px; border-top:0; border-bottom: 0px} .left_bottom { height:15px; margin-bottom:5px;} /*鏍峰紡1*/ .left_title1{ line-height:40px; } .left_title1 a{ text-indent:1em; font-size:30px; color:#006ab8; background:url(../images/title_ico.png) no-repeat right center; padding-right:30px; } .left_title1 a i{ color:#8C8C8C; padding:0 10px; } .left_title1 p{ text-align:center; color:#006ab8; font-size:32px; } .left_title1 .ChannelContent{ width:70%; margin:10px auto; text-align:center; color:#666464; } .left_title1 .ChannelSContent{ color:#006ab8; text-indent:10px; } .left_body1{ overflow:hidden; zoom:1; color:#000; padding:15px 0px 0; } .left_body1 .bd{ height:170px; overflow:hidden; } .left_body1 .ChannelPicture{ float:left; width:702px; height:590px; margin-top:10px; } .left_body1 .ChannelIcon{ float:right; width:438px; padding-top:10px; } .left_bottom1 .prevnext{ display:block; width:51px; height:51px; background:url(../images/prevnext.png) no-repeat; position:absolute; top:50%; margin-top:-25.5px; z-index: 5; transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; } .left_bottom1 .prev{ left:-60px; background-position:left bottom; } .left_bottom1 .next{ right:-60px; background-position:right bottom; } .left_bottom1 .prev:hover{ background-position: left top; } .left_bottom1 .next:hover{ background-position: right top; } /*鏍峰紡2*/ .left_title2{ } .left_title2 a{ font-size:30px; color:#0450a1; } .left_title2 p{ color:#8C8C8C; padding:10px 0; } .left_body2{ overflow:hidden; zoom:1; color:#000; padding:15px 0px 0; } .left_body2 a{ float:right; } .left_bottom2{ height:15px; margin-bottom:5px;} /*鏍峰紡3*/ .left_title3{ height:60px; line-height:60px; } .left_title3 h2 { font-size:20px; font-weight:normal; color:#FFF;} .left_body { padding:5px 5px 0; overflow:hidden; zoom:1; border-top:0; border-bottom:0; } .left_bottom3{ } /*涓讳綋鍙充晶*/ /*鏍峰紡1*/ .right_title {} .right_title h2 { font-size:28px; font-weight:normal; text-align:center; padding:15px 0; color:#006ab8; } .right_title h2 a{ color:#0450a1; } .right_body { padding:5px 0px; overflow:hidden; zoom:1; border-top:0; border-bottom:0 } .right_bottom {} /*鏍峰紡2*/ .right_title1 { } .right_title1 h2{ font-size:28px; font-weight:normal; text-align:center; padding:15px 0; color:#006ab8; } .right_title1 h2 a{ color:#006ab8; } .right_body1 { padding:5px 0; overflow:hidden; zoom:1; border-top:0; border-bottom:0 } .right_bottom1{ height:5px; line-height:5; overflow:hidden; font-size:0px; margin-bottom:5px; } /*鏍峰紡3*/ .right_title2{ height:60px; line-height:60px; } .right_title2 h2{ font-size:20px; font-weight:normal; text-indent:40px; color:#FFF;} .right_body2{ padding:5px; overflow:hidden; zoom:1; border-top:0; border-bottom:0} .right_bottom2{ } /*==========@@妯″潡 缁撴潫@@==========*/ /*==========@@棰戦亾甯冨眬 寮€濮婡@==========*/ /*妯″瀷body*/ .body_index, .body_article, .body_download, .body_picture, .body_product, .body_single, .body_video, .body_job, .body_feedback, .body_guestbook{} .index, .single, .article, .picture, .download, .video, .product, .job, .guestbook, .feedback{ width:1200px; margin:5px auto; } #top, #logo, #banner, #announcement, #link, #copyright,#floor_1,#floor_2,#floor_3,#floor_4,#floor_5,#floor_6,#floor_7,#floor_8,#floor_9 ,#floor_10,#floor_12,#floor_13,#floor_14 { width:1200px; margin:0 auto; overflow:hidden; border:0px dashed red;} #left { float:left; width:250px; } #right { float:left; width:1200px; border-left:0px solid #E5E5E5; padding-left:0px; } @media only screen and (min-width:1024px) and (max-width:1300px){ .index, .single, .article, .picture, .download, .video, .product, .job, .guestbook, .feedback{ width:1200px; margin:5px auto; } #top, #logo, #banner, #announcement, #link, #copyright,#floor_1,#floor_2,#floor_3,#floor_4,#floor_5,#floor_6,#floor_7,#floor_8,#floor_9 ,#floor_10,#floor_12,#floor_13,#floor_14 { width:1200px; margin:0 auto; overflow:hidden; border:0px dashed red;} #left { float:left; width:250px; } #right { float:left; width:1200px; border-left:0px solid #E5E5E5; padding-left:0px; } } @media only screen and (min-width:768px) and (max-width:1024px){ .index, .single, .article, .picture, .download, .video, .product, .job, .guestbook, .feedback{ width:768px; margin:5px auto; } #top, #logo, #banner, #announcement, #link, #copyright,#floor_1,#floor_2,#floor_3,#floor_4,#floor_5,#floor_6,#floor_7,#floor_8,#floor_9 ,#floor_10,#floor_12,#floor_13,#floor_14 { width:768px; margin:0 auto; overflow:hidden; border:0px dashed red;} #left { float:left; width:250px; } #right { float:left; width:768px; border-left:0px solid #E5E5E5; padding-left:0px; } } @media only screen and (min-width:480px) and (max-width:767px){ .index, .single, .article, .picture, .download, .video, .product, .job, .guestbook, .feedback{ width:480px; margin:5px auto; } #top, #logo, #banner, #announcement, #link, #copyright,#floor_1,#floor_2,#floor_3,#floor_4,#floor_5,#floor_6,#floor_7,#floor_8,#floor_9 ,#floor_10,#floor_12,#floor_13,#floor_14 { width:480px; margin:0 auto; overflow:hidden; border:0px dashed red;} #left { float:left; width:250px; } #right { float:left; width:480px; border-left:0px solid #E5E5E5; padding-left:0px; } } @media only screen and (max-width:479px) { .index, .single, .article, .picture, .download, .video, .product, .job, .guestbook, .feedback{ width:250px; margin:5px auto; } #top, #logo, #banner, #announcement, #link, #copyright,#floor_1,#floor_2,#floor_3,#floor_4,#floor_5,#floor_6,#floor_7,#floor_8,#floor_9 ,#floor_10,#floor_12,#floor_13,#floor_14 { width:250px; margin:0 auto; overflow:hidden; border:0px dashed red;} #left { float:left; width:250px; } #right { float:left; width:250px; border-left:0px solid #E5E5E5; padding-left:0px; } } /*===棣栭〉 寮€濮婟==*/ #floor_1_main{ } #floor_1{ padding:30px 0px; } #floor_2{ position:relative; overflow:visible; } #floor_3_main{ margin:50px auto; background:url(../images/floor_3_bg.jpg) center bottom no-repeat; padding:10px 0; } #floor_3{} #floor_3_1{ float:left; width:790px; overflow:hidden; } #floor_3_2{ float:right; width:384px; overflow:hidden; position:relative; } #floor_3_2 .nextprev{ display:block; width:20px; height:10px; background:url(../images/nextprev.png) no-repeat; position:absolute; bottom:180px; z-index:5; transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; } #floor_3_2 .sPrev{ right:40px; } #floor_3_2 .sNext{ right:10px; background-position: right top; } #floor_3_2 .sPrev:hover{ background-position:left bottom; } #floor_3_2 .sNext:hover{ background-position:right bottom; } #floor_4_main{ } #floor_4{ overflow:hidden; margin:30px auto; } #floor_5_main{ height:330px; background:url(../images/floor_5.jpg) no-repeat center top; background-attachment:fixed; margin:40px 0 30px; } #floor_5{ padding-top:105px; text-align:center; } #floor_6_main{ padding:45px 0; overflow:hidden; } #floor_6{ overflow:hidden; } #floor_6_1{ float:left; width:765px; overflow:hidden;} #floor_6_2{ float:left; width:365px; padding-left:45px; border-left:1px solid #006ab8; overflow:hidden; } #floor_6_2 .bdsharebuttonbox{ padding-top:40px; } #floor_6_2 .bdsharebuttonbox .LShare{ display:block; line-height:24px; height:24px; cursor:pointer; margin:6px 6px 6px 0; font-size:16px; } #floor_6_2 .WeChat img{ float:left; width:102px; padding:20px 30px 0 0px; } /*===棣栭〉 缁撴潫===*/ /*===浜у搧妯″瀷 寮€濮婟==*/ .product .info_product_detail_wrap{ line-height: 2.2em;} .product .info_product_detail_wrap b{color: #626262; font-weight:bold;} .product .info_product_detail_wrap table.detail_table{ width:100%; } .product .info_product_detail_wrap table.detail_table th{ width: 200px;} .product .ProductDescription{ height:40px; color:0450a1; margin-top:10px;padding-left:35px; line-height:40px; font-size:16px; font-weight:bold; display:none;} .product .info_product_detail_wrap img{ width:216px; height:162px;float:left; text-align:left; margin-right:10px; } .product .InfoTitle{ font-size:16px; font-weight:bold; text-align:left; padding:10px 0px;} .product .f2{ padding:5px 0px} .product .f1{ padding:5px 0px} .product .InfoHit{ padding:5px 0px; font-weight:bold; color:#990000} .product .InfoTime{ padding:5px 0px; } /*===浜у搧妯″瀷 缁撴潫===*/ /*===鎷涜仒棰戦亾 寮€濮婟==*/ .job{ } .joblist { } .joblist li {overflow: hidden;} table.job_table { margin:8px 0px; padding:0px; text-align:center; width:100%; border-collapse:collapse;} table.job_table td{ padding:8px 5px; border:1px solid #DADBD6;} table.job_table .Requirement{ text-align:left; padding:8px 5px; line-height:1.5em;} table.job_table th{color:#333; font-weight:bold; text-align:center; border:1px solid #DADBD6;} table.job_table .t1 { font-weight:bold;padding:5px 0;width:20%;} table.job_table .t2 { text-align:left;width:25%;} table.job_table .t3 {font-weight:bold;width:25%;} table.job_table .t4 {text-align:left;width:25%;} table.job_table .operation{text-align:center; margin:0 auto;} /*搴旇仒*/ table.resume_table { margin:3px; text-align:center; width:97%; border-collapse:collapse;} table.resume_table th{ font-weight:bold; text-align:left; width:100px;} table.resume_table td{text-align:left; } table.resume_table .operation{text-align:center; } table.resume_table #Detail{ height:200px;} /*===鎷涜仒棰戦亾 缁撴潫===*/ /*===鐣欒█棰戦亾 寮€濮婟==*/ .guestbook{ } .guestbooklist{} .guestbooklist li{ padding:10px; border:1px solid #CCC; margin-bottom:10px; } .MessageTitle { color:#227BAD; line-height:1.5em; font-weight:bold;} .MessageContent { padding:5px; margin-bottom:10px; } table.guestbook_table{ width:98%; } table.guestbook_table th{ width:100px; text-align:left} table.guestbook_table td{ text-align:left} table.guestbook_table .operation{ text-align:center } /*绠$悊鍛樺洖澶?/ .answer_wrap{ padding:5px; border-top:1px dashed #CCC; line-height:1.5em} .answer_title{} .answer_body {} .Administrator { text-align:right; } .Reply { text-align:right; } .AnswerTime{ color:#999 } /*鐣欒█琛ㄥ崟*/ .message_title{ height:40px; padding-left:35px; line-height:40px; font-size:16px; color:#0450a1; font-weight:bold;} .message_body{ padding-left: 10px; padding-right: 10px; color:#626262; } .message_bottom{} /*===鐣欒█棰戦亾 缁撴潫===*/ /*===鍙嶉棰戦亾 寮€濮婟==*/ .feedback{ } table.feedback_table{ width:99%; text-align:center; margin:0 auto;} table.feedback_table th{ width:100px; text-align:left; font-weight:bold;} table.feedback_table td{ text-align:left;} table.feedback_table .operation{text-align:center} /*===鍙嶉棰戦亾 缁撴潫===*/ /*==========@@棰戦亾甯冨眬 缁撴潫@@==========*/ /*==========@@鍏叡鏉垮潡 寮€濮婡@==========*/ /* 椤堕儴 */ #top_main { height:32px; background:#e8e8e8; } #top { height:32px; line-height:32px; text-align:right;} #top_1 { float:left; text-align:left; } #top_2 { float:right; text-align:right; } #top .MobileEdition{ font-weight: bold; color:red; } #top a { color:#505050; } #top a:hover { color:#88b82a; text-decoration:none} /*Logo*/ #logo_main{ width:100%; position:relative; z-index:102; transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; } #logo_main.fixed{ position:fixed; top:0px; box-shadow:0px 2px 4px #888; background:#fff; } #logo{ overflow:hidden; } #logo .WebLogo{ float:left; transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; } #logo .WebLogo img{ height:67px; padding:11px 0; transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; } #logo .Language{width:500px;float:right; padding:10px;} #logo .Language .MobileEdition{ font-weight: bold; color:red;} #logo .Member { width:500px; height:35px; line-height:35px; float:right; text-align:right;font-weight:bold; } #logo .Member .MemberName, #logo_main .Member .MemberGroupName{ color:#F30; } /*瀵艰埅*/ #navigation_main { background:#2466ad; } #navigation{ float:right; } #navigation ul.navigationlist li { float:left; line-height:43px; text-align:center; } #navigation ul.navigationlist li .ChannelName{ display:block; padding:22px 0px 28px 35px; font-size:17px; color:#555; transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; } #navigation ul.navigationlist li a:hover { text-decoration:none; color:#88b82a; } #navigation ul.navigationlist .current{ color:#88b82a; } /*瀵艰埅鏍忎笅鎷?/ #navigation .info_wrap_main{ width:100%; overflow:hidden; display:none; position:absolute; left:0; z-index:100; background:url(../images/white.png); text-align:left; } #navigation .info_wrap{ width:1200px; margin:0 auto; padding:35px 0px; overflow:hidden; } #navigation .line{ position:absolute; z-index:-1; bottom:0px; width:0px; height:4px; font-size:3px; background:#88b82a; display:none; } #navigation .Channel_wrap{ float:left; width:30%; margin-right:9%; margin-left:3%; } #navigation .Channel_wrap .ChannelName1{ display:block; font-size:30px; margin-bottom:12px; color:#4e4e4e; } #navigation .Channel_wrap p{ color:#666; } #navigation .Channel_wrap .more:hover{ color:#88b82a; } #navigation .subnavigationlist{ float:left; width:16%; margin-right:3%; } #navigation ul.subnavigationlist li{ float:none; padding:0px; line-height:28px; display:inline; } #navigation ul.subnavigationlist li a{ display:block; white-space:nowrap; font-weight:normal; color:#4a4a4a; font-size:16px; padding:0px 10px 10px; text-align:left; } #navigation ul.subnavigationlist li a:hover{ color:#88b82a; } #navigation .right_info{ float:left; width:30%; } #navigation .right_info p{ color:#555; } /*鍏憡*/ #announcement { margin-top:5px; height:35px; line-height:35px;background-color:#f0f0f0; color:#0B3B7D;} #announcement .announcement_title{ float:left;font-weight:bold; text-indent:35px; background:url(../images/announcement_title.gif) no-repeat 8px center; width:150px;} #announcement .announcement_body{float:left; width:750px;} #announcement .announcement_bottom{float:right; width:100px; } .announcementlist{ } .announcementlist li { line-height:35px; } /*Js骞荤伅鐗囨牱寮?/ #banner_main {position:relative; border:0px solid blue; } #banner { border:0px solid red; margin:0 auto; overflow:hidden; width:100%} .bannerlist{} .bannerlist li{ text-align:center; border:0px dashed red; overflow:hidden; display:block;} .bannerlist li img{ margin:0 auto; display:block; } #banner_main .hd{ width:100%; position:relative; bottom:35px; left:0; height:5px; line-height:5px; text-align:center; border:0px solid red; } #banner_main .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:12px; height:12px; border-radius:50%; background:#fff; margin-right:15px; overflow:hidden; font-size:0px; box-shadow:0px 0px 6px #000;} #banner_main .hd ul li.on{ background:#006ab8; } /*Flash骞荤伅鐗囨牱寮?/ /*#banner_main {border:0px solid blue; } #banner { border:0px solid red; margin:0 auto; overflow:hidden;} */ /*褰撳墠浣嶇疆*/ #location_main { } #location {display:none;color:#0450a1; float:right; padding-right:8px;} #location a {color:#0450a1;} /*瀛愰閬撳垪琛?/ .subchannel_main{ padding:10px 0; background:#E8E7E6; } .subchannel{} .subchannellist { text-align:center;} .subchannellist li { display:inline; line-height:36px; cursor:pointer; } .subchannellist li a{ color:#221815; padding:12px 35px; } .subchannellist li:hover a{ color:#fff; text-decoration:none; background:#88b82a; } .subchannellist #current a{ color:#fff; text-decoration:none; background:#88b82a; } .subchannellist .depth1{ font-size:16px; } .subchannellist .depth2{ font-size:16px; text-indent:1.5em; background:none; } .subchannellist .depth2 a{ border:none;} .subchannellist .depth3{ font-size:14px; text-indent:3em} .subchannellist .depth4{ font-size:14px; text-indent:4.5em} .subchannellist .depth5{ font-size:14px; text-indent:6em} .subchannellist .depth6{ font-size:14px; text-indent:7.5em} /*鎼滅储 */ table.search_table{ width:99%; text-align:center;} table.search_table th{ vertical-align:middle; text-align:center; padding:0px 3px;} table.search_table td{ vertical-align:middle; width:60px; padding:0px 3px;} /*鑱旂郴鎴戜滑*/ .contact_wrap{ line-height:1.8em; } .contact_wrap b{ font-weight:bold;} .contact_wrap .WebUrl{ color:#F00 } /*鑱旂郴鎴戜滑1*/ .contact_wrap1{ line-height:26px;;background:url(../images/contact.png) no-repeat; width:315px; height:154px; padding-left:30px; padding-top:17px; color:#FFF; overflow:hidden; } .contact_wrap1 b{ font-weight:normal;} .contact_wrap1 .ico1{ background:url(../images/phone.gif) no-repeat 8px center; padding: 5px 0px 5px 25px;} .contact_wrap1 .ico2{ background:url(../images/fax.gif) no-repeat left center; padding: 5px 0px 5px 25px;} .contact_wrap1 .ico3{ background:url(../images/email.gif) no-repeat 1px center; padding: 5px 0px 5px 25px;} .contact_wrap1 .ico4{ background:url(../images/address.gif) no-repeat left center; padding: 5px 0px 5px 25px;} /*璁㈣喘*/ .order{margin:0px auto} .order .WantOrder h1{ border-bottom:1px dotted #999999; padding: 5px 0px;} .order .f1{ float:right; color:red;} table.order_table{ width:98%; } table.order_table th{ width:100px; text-align:left;} table.order_table td{text-align:left} table.order_table .operation{ text-align:center} /* 鍙嬫儏閾炬帴 */ #link_main{ } #link { padding:0; border:1px solid #ddd; box-sizing:border-box; margin-bottom:20px; } .link_title{ line-height:50px; height:50px; color:#333; } .link_title h2 { font-size:20px; color:#006ab8; font-weight: normal; text-indent:30px; font-weight:bold; } .link_body { color:#333; border-top:0px; border-bottom:0px; } .link_bottom{ height:5px; } .link_pic { overflow:auto; zoom:1; padding: 0px 15px; } .link_pic ul li{ float:left; padding:1px 5px; text-align:center; width:112px; } .link_pic img { width:86px; height:30px; padding:2px; border:1px solid #CCC; } .link_pic ul li a:hover img { border:1px solid #88b82a; } .link_text { overflow: hidden; zoom:1; padding:8px 15px; } .link_text ul li { float:left; text-align:center; padding:1px 18px; overflow:hidden;white-space:nowrap; } .link_text a { line-height:22px; color:#333; } .link_text a:hover { line-height:22px; color:#88b82a; } /* 鐗堟潈淇℃伅 */ .bottom_navigation{ width:840px; overflow:hidden; float:left; padding-left:10px; } .bottom_navigation li{float:left; width:140px; margin-right:15px; overflow:hidden; } .bottom_navigation li.n1{margin-right:0;} .bottom_navigation li a{ display:block; text-align:left; font-size:18px; margin-bottom:10px; } /*搴曢儴瀵艰埅瀛愬鑸?/ .bottom_navigation .subnavigationlist1 {} .bottom_navigation .subnavigationlist1 li { float:none; padding:0px; line-height:28px; display:block;} .bottom_navigation .subnavigationlist1 li a { display:block;line-height: 30px; font-weight:normal;padding:0;margin:0;font-size: 13px;text-align:left;} /* 鐗堟潈淇℃伅 */ #copyright_main{ background-color:#363942; color:#fff; line-height:55px; } #copyright { line-height:55px; } #copyright a {color:#fff; text-decoration: none;} #copyright a:hover{ color:gray; text-decoration: none;} #copyright .bottom_info{ text-align:center;padding-top:5px; padding-right:10px; line-height:20px; } #copyright .TechnicalSupport{ float:right; margin:0} /*鍒嗛〉鏍峰紡*/ .page { padding:4px 0px 0px 1px; float:right; clear:both;} .page a, .page span { float:left; display:block; border:1px solid #D3D1D1; padding:2px 5px; margin-left:4px; line-height:22px; } .page a:link, .page a:visited { text-decoration:none; } .page a:hover { background:#CC0001; color:#ff9900; } .page .current{ background:#CC0001; color:#FFF;} .page #total{color:red} /*浼氬憳*/ /*浼氬憳鐧诲綍*/ table.login_table{ width:40%; text-align:center; margin:0 auto;} table.login_table th{ width:100px; text-align:left; font-weight:bold;} table.login_table td{ text-align:left;} table.login_table .operation{text-align:center} table.login_table .quick_login td{text-align:left; padding:10px 0;} table.login_table .quick_login td img{ margin-right:8px; float:left;} /*浼氬憳娉ㄥ唽*/ table.reg_table{ width:40%; text-align:center; margin:0 auto;} table.reg_table th{ width:140px; text-align:left; font-weight:bold;} table.reg_table td{ text-align:left; } table.reg_table .operation{text-align:center} table.reg_table .MemberCode{ text-align:left; width:70px;} table.reg_table #SmsCode{width:50px;} /*蹇樿瀵嗙爜 绗竴姝?/ table.forget_table1{ width:40%; text-align:center; margin:0 auto;} table.forget_table1 th{ width:100px; text-align:left; font-weight:bold;} table.forget_table1 td{ text-align:left; } table.forget_table1 .operation{text-align:center} /*蹇樿瀵嗙爜 绗簩姝?/ table.forget_table2{ width:40%; text-align:center; margin:0 auto;} table.forget_table2 th{ width:100px; text-align:left; font-weight:bold;} table.forget_table2 td{text-align:left} table.forget_table2 .operation{text-align:center} table.forget_table2 #SmsCode{ width:60px;} table.forget_table2 .PasswordQuestion, table.forget_table2 .MemberMobile, table.forget_table2 .FindPwdWay{ padding:3px 0;} /*缃戠珯鍦板浘鍒楄〃*/ .maplist{ } .maplist li{ padding:2px; } .maplist li a{ line-height:25px; display:block; padding:0 20px; } .maplist li a:hover { text-decoration:none; } .maplist .depth1{ font-weight:bold;text-indent:0px; font-weight:bold; } .maplist .depth1 a{ background:#ddd; color:#454545; } .maplist .depth2{text-indent:2em; } .maplist .depth2 a{ border-bottom:1px dashed #d5d5d5; } .maplist .depth3{text-indent:4em} .maplist .depth3 a{ border-bottom:1px dashed #d5d5d5; } .maplist .depth4{text-indent:6em} .maplist .depth4 a{ border-bottom:1px dashed #d5d5d5; } .maplist .depth5{text-indent:8em} .maplist .depth6{text-indent:10em} /*==========@@鍏叡鏉垮潡 缁撴潫@@==========*/ /*==========@@閫氱敤鍒楄〃 寮€濮婡@==========*/ /*鏂囧瓧鍒楄〃*/ .textlist{} .textlist li{ width:98%; overflow:hidden; padding-bottom:15px; margin-bottom:20px; border-bottom:1px dashed #ccc; } .textlist li p{ line-height:22px; color:#555; } .textlist li .InfoTitle{ display:inline-block; font-size:16px; font-weight:bold; color:#555; line-height:23px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; } .textlist li:hover .InfoTitle{ color:#006ab8; } .textlist li .time{ float:left; width:66px; height:72px; text-align:center; margin-right:30px; border:1px solid #ccc; } .textlist li .time .day{ display:block; font-size:28px; font-weight:bold; color:#fff; line-height:47px; background:#ccc; } .textlist li .time .month{ width:80%; display:block; margin:0 auto; font-size:14px; color:#565656; text-align:center; line-height:25px; } .textlist li:hover .time{ border:1px solid #006ab8; } .textlist li:hover .time .day{ color:#fff; background:#006ab8; } /*鏂囧瓧鍒楄〃*/ .textlist1{ } .textlist1 li{ float:left; width:25%; } .textlist1 li a{ display: block; padding:0 25px; color:#fff; } .textlist1 li a img{ display:block; vertical-align:middle; margin:0 auto; -moz-transition:all .5s ease 0s;-ms-transition:all .5s ease 0s;-o-transition:all .5s ease 0s;transition:all .5s ease 0s; } .textlist1 li .ChannelName{ font-size:18px; color:#fff; line-height:27px; } .textlist1 li p{ line-height:22px; padding-top:5px; display:none; } .textlist1 li a:hover img{ transform:rotateY(180deg); -moz-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); -o-transform:rotateY(180deg); } /*甯︾缉鐣ュ浘鏂囧瓧鍒楄〃*/ .thumblist{} .thumblist li{ float:left; width:23%; margin-right:2%; overflow:hidden; } .thumblist li img{ width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; } .thumblist li a{ display:block; overflow:hidden; } .thumblist li .InfoTitle{ display:block; padding:5px 0px; font-size:18px; color:#000; white-space:nowrap; text-overflow:ellipsis; text-align:left; overflow:hidden; } .thumblist li:hover img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); } .thumblist li .info_wrap{ position:relative; padding:0 10px; } .thumblist li .info_wrap .ViewMore{ display:block; padding:7px 0; font-weight:bold; } .thumblist li .info_wrap b{ display:block; transition:width 0.5s,opacity 0.5s; position:absolute; z-index:-1; top:-20%; left:0; width:0; height:620px; opacity:0; -webkit-transform:translate(-7%,-50%) rotate(45deg); transform:translate(-7%,-50%) rotate(45deg); background:url(../images/green.png) repeat; } .thumblist li:hover .info_wrap b{ display:block; height:620px; width:160%; opacity:1; } .thumblist li:hover .InfoTitle{ color:#fff; } .thumblist li:hover p{ color:#fff; } .thumblist li:hover .ViewMore{ color:#fff; } .thumblist1{} .thumblist1 li{ float:left; width:384px; margin-right:24px; overflow:hidden; } .thumblist1 li img{ transition:.5s ease; -moz-transition:.5s ease; -webkit-transition:.5s ease; } .thumblist1 li .InfoPicture{ display:block; height:220px; overflow:hidden; position:relative; } .thumblist1 li .info_wrap{ display:block; padding:25px 8% 40px; background:#e8e8e8; overflow:hidden; z-index:2; position:relative; } .thumblist1 li .InfoTitle{ display:block; font-size:18px; font-weight:bold; text-align:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .thumblist1 li .info_wrap p{ padding:15px 0 0; overflow:hidden; line-height:22px; } .thumblist1 li .InfoPicture b{ display:block; width:100%; height:100%; background:url(../images/black.png) repeat; z-index:3; position:absolute; left:0; top:-100%; transition:all .5s ease; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; } .thumblist1 li .InfoPicture b img{ width:60px; height:60px; position:absolute; left:50%; top:50%; margin:-30px 0 0 -30px; } .thumblist1 li .info_wrap b{ display:block; width:100%; height:100%; background:#88b829; z-index:-1; position:absolute; left:0; bottom:-100%; transition:all .5s ease; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; } .thumblist1 li:hover .InfoTitle{ color:#fff; } .thumblist1 li:hover .info_wrap p{ color:#fff; } .thumblist1 li:hover .InfoPicture img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); } .thumblist1 li:hover .InfoPicture b img{ transform:scale(1); -moz-transform:scale(1); -webkit-transform:scale(1); } .thumblist1 li:hover .InfoPicture b{ top:0%; } .thumblist1 li:hover .info_wrap b{ bottom:0%; } .thumblist2{} .thumblist2 li{ margin-bottom:20px; } .thumblist2 li p{ line-height:22px; color:#555; } .thumblist2 li .InfoTitle{ display:inline-block; font-size:18px; font-weight:bold; line-height:20px; padding:0 0 5px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; } .thumblist2 li:hover .InfoTitle{ color:#88b82a; } .thumblist2 li.n1{ overflow:hidden; position:relative; margin-bottom:40px; } .thumblist2 li.n1 .InfoTitle{ padding:5px 0;} .thumblist2 li.n1 .InfoPicture{ float:left; width:38.5%; height:215px; overflow:hidden; display:block; } .thumblist2 li.n1 .time{ position:absolute; left:0; top:0; background: url(../images/green.png); text-align:center; padding:13px 19px 11px; color:#fff; } .thumblist2 li.n1 .time .day{ display:block; font-size:28px; font-weight:bold; line-height:22px; padding-bottom:5px; } .thumblist2 li.n1 .time .month{ display:block; font-size:16px; } .thumblist2 li.n1 .info_wrap{ float:right; width:59%; overflow:hidden; display:block; } .thumblist2 li.n1 .info_wrap p{ height:88px; line-height:22px; color:#747474; overflow:hidden; padding:35px 0 40px; } .thumblist2 li.n1 img{ height:100%; transition:.8s ease 0s; -moz-transition:.8s ease 0s; -webkit-transition:.8s ease 0s; } .thumblist2 li.n1:hover img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); } .thumblist2 li.n1 .info_wrap .ViewMore:hover{ color:#88b82a; } .thumblist2 li.n2{ overflow:hidden; } .thumblist2 li.n2 .info_wrap .InfoTitle{ font-size:15px; } .thumblist2 li.n2 p{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding-bottom:3px; width:700px; float:left; } .thumblist2 li.n2 .ViewMore{ float:left; } .thumblist2 li.n2 .time{ float:left; width:63px; height:70px; border:1px solid #ccc; text-align:center; margin-right:20px; } .thumblist2 li.n2 .time .day{ display:block; font-size:28px; font-weight:bold; color:#fff; background:#ccc; line-height:45px; } .thumblist2 li.n2 .time .month{ width:53px; display:block; margin:0 auto; font-size:13px; color:#969696; text-align:center; line-height:23px; white-space:nowrap; } .thumblist2 li.n2:hover .time{ border:1px solid #88b82a; } .thumblist2 li.n2:hover .time .day{ background:#88b82a; color:#fff; } .thumblist2 li.n2:hover .info_wrap .ViewMore{ color:#565656; } .thumblist3{ } .thumblist3 li{} .thumblist3 li.n1{ overflow:hidden; margin-bottom:40px; } .thumblist3 li.n1 img{ height:215px; vertical-align:bottom; transition:.8s ease 0s; -moz-transition:.8s ease 0s; -webkit-transition:.8s ease 0s; } .thumblist3 li.n1 .InfoPicture{ display:block; position:relative; overflow:hidden; } .thumblist3 li.n1 .InfoPicture .InfoTitle{ display:block; width:100%; height:30px; line-height:30px; position:absolute; left:0; bottom:0; background:url(../images/green.png); color:#fff; font-size:15px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; } .thumblist3 li.n2{ height:72px; margin-bottom:20px; } .thumblist3 li.n2 .InfoPicture{ float:left; width:25%; margin-right:4%; } .thumblist3 li.n2 .info_wrap{ float:right; width:71%; overflow:hidden; } .thumblist3 li.n2 .InfoTitle{ font-weight:bold; font-size:16px; display:inline-block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; } .thumblist3 li.n2 p{ height:40px; line-height:20px; overflow:hidden; color:#606060; } .thumblist3 li.n1:hover img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); } /*姗辩獥鍒楄〃*/ .gridlist{ margin-top:5px; } .gridlist li { float:left; padding:4px 0;margin-bottom:10px; margin-right:15px; text-align:center; overflow:hidden; display:inline; text-overflow:ellipsis; white-space:nowrap; } .gridlist li img { border:1px solid #D6D6D6; width:282px; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; } .gridlist li a{ width:282px; line-height:28px; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } .gridlist li .InfoTitle{ color:#505050 ; } .gridlist li:hover .InfoTitle{ color:#88b82a; } .gridlist li:hover a img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); } /*姗辩獥鍒楄〃1*/ .gridlist1{ overflow:hidden; } .gridlist1 li{ float:left; text-align:center; width:280px; height:128px; background:url(../images/gridlist1.png); margin-left:-51px; } .gridlist1 li.n1{ background:url(../images/gridlist1_n1.png); width:284px; margin-left:0; } .gridlist1 li img{ margin:15px 0 5px; height:auto; vertical-align:top; } .gridlist1 li .img2{ display:none; margin:15px auto 5px; } .gridlist1 li a{ display:block; margin:0 20%; white-space:nowrap; line-height:28px; font-size:16px; } .gridlist1 li.n1 a{ margin:0 20% 0 5%; } .gridlist1 li:hover{ background:url(../images/gridlist1_bg.png); } .gridlist1 li.n1:hover{ background:url(../images/gridlist1_n1_bg.png); } .gridlist1 li:hover a{ color:#fff; } .gridlist1 li:hover .img1{ display:none; } .gridlist1 li:hover .img2{ display:block; } /*姗辩獥鍒楄〃2*/ .gridlist2{ float:right; width:440px; overflow:hidden ;padding:25px 0 30px; border-bottom: 1px #bebebe dashed; } .gridlist2 li{ float:left; text-align:center; margin:20px 14px 0 0; overflow:hidden; display:inline; text-overflow:ellipsis; white-space:nowrap;} .gridlist2 li img{ width:206px; display:block; } .gridlist2 li .InfoTitle{ white-space:nowrap; line-height:19px; display:block; background:#015D34; color:#FFF; margin-top:3px;} /*瑙嗛鍒楄〃*/ .videolist{ margin-top:5px; } .videolist li { width:284px; float:left; margin-right:15px; text-align:center; overflow:hidden;} .videolist li img { border:1px solid #E1E1E1; width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; } .videolist li a { white-space:nowrap; line-height:28px; display:block; overflow:hidden;} .videolist li .InfoTitle{ color:#0450a1; } .videolist li:hover .InfoTitle{ color:#fb9528; } .videolist li:hover a img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); } /*==========@@閫氱敤鍒楄〃 缁撴潫@@==========*/