@charset "utf-8"; /** =============================================================== author : Lion.lu name : CSS rest date : 2017-05-6 QQ : 190256820 =============================================================== **/ html { overflow-y: scroll; } *html { background-image:url(about:blank); background-attachment:fixed; } /* 清除内外边距 */ h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */ dl, dt, dd, ul, ol, li, /* list elements 列表元素 */ pre, /* text formatting elements 文本格式元素 */ fieldset, form, button, input, textarea, /* form elements 表单元素 */ th, td , /* table elements 表格元素 */ body { margin: 0; padding: 0; } /* 设置默认字体样式 */ body,input,button,form{font-size:14px; line-height: 32px; font-family: "microsoft yahei", "Arial"; color: #6e6e6e;} h1,h2,h3,h4,h5,h6,font {font-size:14px; font-weight: normal; } h1,h2,h3,h4,h5,h6,font {font-size:14px; font-weight: normal; } i, em { font-style: normal; } /** 重置图片元素 **/ img { border: none; vertical-align: top;} /** 重置列表元素 **/ ul, ol, li { list-style: none; } /** 重置表格元素 **/ table { border-collapse:collapse; border-spacing: 0;} /**重置表单元素**/ input[type=submit] { cursor:pointer; } input[type=button] { cursor:pointer; } textarea { resize: none; overflow:auto; } /** 默认链接元素 **/ a { color: #6e6e6e;text-decoration: none; -webkit-transition: color .2s; -moz-transition: color .2s; -ms-transition: color .2s; -o-transition: color .2s; transition: color .2s; } a:hover { color: #171717; text-decoration: none; } a:focus { -moz-outline-style: none; } a:focus { outline: none;} a * { cursor: pointer; } q:before,q:after{ content:none; } /** 浮动元素 **/ .fl,.ifl{ float: left; *display: inline; } .fr ,.ifr{ float: right; *display: inline; } /* 清除浮动 */ .clearfix:after{ display:block; clear:both; visibility:hidden; height:0; overflow:hidden; content:"."; } .clearfix{ *zoom:1; } .clear{clear:both; height:0; line-height: 0; font-size: 0; overflow:hidden;} /* 溢出 / 隐藏 */ .over{overflow:hidden;} .hide{display:none;} /* global style */ li a {display: block;} @font-face {font-family: "iconfont"; src: url('iconfont.eot?t=1467873970'); /* IE9*/ src: url('iconfont.eot?t=1467873970#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('iconfont.ttf?t=1467873970') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/ url('iconfont.svg?t=1467873970#iconfont') format('svg'); /* iOS 4.1- */ } .container { width: 1000px; margin: 20px auto; } .pt10 { padding-top: 10px; } .pt20 { padding-top: 20px; } .pt50 { padding-top: 50px; } .pb10 { padding-bottom: 10px; } .pb20 { padding-bottom: 20px; } .pb50 { padding-bottom: 50px; } .pb80 { padding-bottom: 80px; } .mb10 { margin-bottom: 10px; } .mb30 { margin-bottom: 30px; } .mt30 {margin-top: 30px; } .rf{color:#ed1c24;} .wf{color:#fff;} .b-f3{background: #f3f3f3;} .w100{width:100%; margin:0 auto;} .w98{width:98%;max-width: 1200px;margin: 0 auto;} .w90{width:95%;max-width: 1000px;margin:0 auto;} .w480{width:480px; margin:0 auto;} .w60{width:66.6666%;} .w30{width:33.3333%;} .w48{width:48%;} .f36 {font-size:36px} /* top */ .container {width:98%;width:1200px;margin:0 auto;overflow:hidden;} .header {width:100%;height:115px;overflow:inherit !important;text-transform:uppercase;position:absolute;z-index:80;left:0;top:0;} .top-line{padding-top: 14px; border-bottom:1px #fff solid;background:url("../images/h_bg.png");} .top-line a{font-size:.8em;color:#6e6e6e; } .top-line .inner{height:26px;line-height:20px;color: #fff;} .top-line .inner .top-line-f a{color:#e1e1e1;font-size:.8em;margin:0 6px;} .top-line .inner .top-line-f{background: url("../images/language_bg.png");border-radius: 50px;padding: 2px 10px;} .top-line .inner .top-line-f a:hover{color:#fff;} .top {padding:10px 0 0px 0; background:url("../images/t_bg.png");} .logo{width:20%;margin:0 3% 0 0;height:auto;max-height:50px;float:left;} .logoimg{max-height:50px;} .top .navbar {width:77%;height:58px;line-height:58px;float:right;} .top .navbar .nav{padding-top:10px;} .nav:before,.nav:after {content:"";display:table;} .nav:after {clear:both;} /**/ .nav > li > div {display:none;width:100%;background:#333;position:absolute;z-index:99;top:54px;left:0;margin:0;padding:10px 0;list-style:none;} .nav > li > div > ul:before,.nav > li > div > ul:after {content:"";display:table;} .nav > li > div > ul:after {clear:both;} .nav > li > div > ul > li {} .nav > li > div > ul > li:hover>a {} .nav > li > div > ul > li>a {} .li125 li {width:12.5%;text-align:center;float:left;height:32px;line-height:32px;} .li125 li a{width:80%;text-align:center;color:#fff;transition: ease-in-out .5s; } .li125 li a:hover{width:100%;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;background:#00b4ff;color:#fff;} .menu-mobile {display:none;padding:10px;} .mlogo {height:32px;padding-top:24px;} .menu-mobile:after {content:"MENU";line-height:50px;font-size:1.2rem;padding:0;float:right;position:relative;top:15px;opacity:.8;/*-webkit-transform:translateY(-25%);-ms-transform:translateY(-25%);transform:translateY(-25%);*/} .menu-dropdown-icon:before {content:"\e60e";font-family:"iconfont" !important;display:none;cursor:pointer;float:right;padding-right:10px;line-height:3em;color:#fff;} @media screen and (max-width: 768px) { .top-line,.container .fl,.logo{display:none;} .top .navbar {width:100%;height:58px;line-height:58px;float:none;} .container { width:100%; margin: 10px 0; } .navbar {width:100%;float:none;background:#fff;} .nav {position:static;} .navBar .show-on-mobile {display:block;} .menu-container {width:100%;} .menu-mobile {display:block;border-bottom:2px solid #fd7a08;} .menu-dropdown-icon:before {display:block;} .nav {display:none;background:#fd7a08;} .show-on-mobile {display:block;} .li125 li {width:100%;} .nav>li>a {color:#fff;font-size:16px;text-align:left;line-height:50px;padding:0 0 0 15px;float:left;} {} } /* 底部 */ .footer{width: 100%;height:auto;background : #fff} .footer .footer-inner-left{width:45%;float:left;background :#fff; border-right:1px #c5c5c5 dashed;} .footer .footer-inner-left .f-link{width:80%;margin:20px 20% 50px 0;color:#fff;} .footer .footer-inner-right{width:54%;float:left;margin:20px 0 0 0;} .footer-inner-right .inner{width:96%;margin:20px 2%;} .footer-inner-right .inner b{ display:block; font-size:20px; font-size:2rem; font-weight:bold; line-height:30px;color:#333;} .footer-inner-right .inner>p{ line-height:22px; color:#333; margin-top:5px;border-bottom: 1px #c5c5c5 dashed;} .footer-inner-right .inner ul{ margin-top:9px;} .footer-inner-right .inner ul li{line-height:36px;width:49.5%;float:left;margin:10px .25%;} .footer-inner-right .inner ul li a,.footer-inner-right .inner ul li strong{float:left;} .m5r ul li a:hover{ color:#ff5161;} .footer .f-nav{text-align:center;background :#99ccff} .footer .f-nav a{color:#000;margin:5px 2px;font-size:14px;font-weight:400;} .footer .f-nav a:hover{color:#333;} /*link*/ .ilink{ height: 50px; line-height: 20px; padding: 30px 0; background: #EFEDED; color: #000;} /*copyright*/ .copyright{height:70px;line-height:70px;background :#000;text-align:center;color:#fff;} .copyright a{color:#fff;} @media only screen and (max-width: 768px) { .w480{width:98%;margin:0 1%;} .footer .f-logo{width:96%;min-width:335px;margin:0px 2%;text-align:center;} .footer .footer-inner-left{width:96%;float:none;margin:0 2%;} .footer .footer-inner-left .f-logo{width:100%;margin:auto;border-bottom: 1px solid #581613;} .footer .footer-inner-left .f-logo img{width:60%;margin:0 20%;} .ilink,.f-link .copyright,.footer .footer-inner-right .f-phone,.footer .f-nav{display:none;} .footer .footer-inner-right{width:100%;float:none;text-align:center;} .footer-inner-right p{width:98%;margin:5px 1%;float:left;} .footer .footer-inner-right .f-er{width:32.3333%;float:left;padding:1px;background: #fff;margin:0 .2%;} .copyright{height:auto;line-height:35px;} } .ilink h3{ width: 102px; height: 26px; font-size: 18px; line-height: 26px; display: inline-block; *display: inline; vertical-align: middle; zoom: 1; margin-right: 5px;} .ilink a{ height: 26px; line-height: 26px; font-size: 12px; vertical-align: middle; padding: 0 14px; border-left: 1px dashed #cfcfcf; display:inline-block;} .ilink .a1{ border-left: 0px; } .ilink a:hover{ color: #fff; } .formBox{margin:20px auto;padding:20px 0 ; border-top:1px dotted #ccc;border-bottom:1px dotted #ccc;} .formBox p{font-size:1.4em;font-weight:500;color:#333;} .k_form{margin:20px 0;} .k_feedback b{ display:block; font-size:20px; font-size:2rem; font-weight:bold; line-height:30px;color:#333;} .k_form .k_in3{border:1px solid #c5c5c5; border-radius:3px;padding:1%;font:12px/1.8 'soolidiumregular';width:43%;margin:0px 2% 2% 0px;color:#7d7c7c;} .k_form .k_submit{background-color:#2553b3;border:1px solid #2553b3;border-radius:3px;color:#fff;width:120px;height:40px;line-height:36px;font-family:'soolidiumregular';padding:0px;margin:0px;} .k_form input[type="text"]:focus,.k_form textarea:focus {border:1px solid #2e2e2e;background-color:#fff;} .k_form .k_submit:hover {background-color:#ffa800;border:1px solid #ffa800;} .k_pagelist {float:left;display:table;clear:both;line-height:30px;margin:10px 0 20px 0;} .k_pagelist em {padding:2px;border:1px solid #E7E7E7;font-size:12px;margin:0px 1px;background:#F5F9FE;color:#14316B;font-weight:bold;font-style:normal;} .k_pagelist strong {padding:2px;border:1px solid #E7E7E7;font-size:12px;margin:0px 1px;color:#009900;} .k_pagelist a {padding:2px;border:1px solid #E7E7E7;font-size:12px;margin:0px 1px;} .k_feedback{width:96%;margin:40px 2% 0;} .k_feedback p{height:60px;line-height:60px;font-size:0.8em;text-align:center;} .k_feedback ol li{line-height:2.5em;} .k_feedback .k_form {float:left;display:block;width:90%;margin:0 20px 5%;color:#939393;height:auto;} .k_feedback .k_form table{height:400px;} .k_form p {width:96%;line-height:66px;overflow:hidden;margin:20px 0 0 0;color:#fd0000;font-size:1.1em;padding:20px 0 0 20px;border-top-width:1px;border-top-style:dotted;border-top-color:#CCC;} .k_form p label{margin:0 10px;} .k_form .ts {border-bottom:1px dashed #939393;padding-bottom:20px;margin-bottom:18px;} .k_form .mtxt {border:1px solid #c5c5c5;border-radius:3px;padding:2%;font:12px/1.8 'soolidiumregular';width:43%;margin:0px 2% 0px 0px;color:#7d7c7c;} .k_form .mtxt2 {width:93%;height:90px;overflow:hidden;resize:none;} .k_form .mbtn {background-color:#00b4ff;border:1px solid #00b4ff;border-radius:3px;color:#fff;width:120px;height:40px;line-height:36px;font-family:'soolidiumregular';padding:0px;margin:0px;} .k_form input[type="text"]:focus,.k_form textarea:focus {border:1px solid #2e2e2e;background-color:#fff;} .k_form .mbtn:hover {background-color:#626262;border:1px solid #626262;} .main .sitemap .type {font-size:1.5em;font-weight:500;height:60px;line-height:60px;background:#2553b3;padding:0 0 0 10px;color:#fff;margin:20px 0;} .main .sitemap .con {padding:20px;} .main .sitemap .con h1,.main .sitemap .con h3 {float:left;font-size:0.9em;font-weight:100;text-align:left;color:#fff;font-family:Microsoft sans serif,Arial;line-height:1.6em;width:30%;} .main .sitemap h2 {font-size:1.3em;font-weight:500;height:60px;line-height:60px;padding:0 0 0 40px;border-bottom-width:1px;border-bottom-style:dotted;border-bottom-color:#CCC;} .main .sitemap .con li {font-size:0.8em;line-height:1.8em;} /*TAG&SEARCH*/ .k_search p{width:100%;clear:both;} .search{height:auto;} .search .iprolist {width:23%;margin:0 1% 0 1%;float:left;} .search .iprolist img {width:100%;} .search figcaption {text-align:center;} .search figcaption h2 ,.main figcaption h3 {font-size:0.8em;color:#002;font-family:Tahoma,Geneva,sans-serif;} .search figcaption small {font-size:0.6em;text-align:left;} .k_search h3 a{float:left;font-weight:200;color:#CDA46F;} .k_search h3:nth-child(2n+1) a{font-size:0.9em;font-weight:600;color:#000;} .k_search h3:nth-child(3n+2) a{font-size:1.5em;font-weight:300;color:#888;} .k_search h3:nth-child(5n+3) a{font-size:2.1em;font-weight:800;color:#11406C;} .k_search h3:nth-child(7n+5) a{font-size:1.8em;font-weight:500;color:#ccc;} .k_search h3:nth-child(11n+7) a{font-size:1.2em;font-weight:300;color:#009CFD;} .k_search h3:nth-child(13n+9) a{font-size:2.4em;font-weight:500;color:#BB170F;} .k_search .item:hover,.k_search .item.current{background: #f5f5f5;} .k_search .item {border-bottom: 1px dashed #707070;padding-bottom: 18px;padding-top: 18px;} .k_search .item .date{float: left;width: 116px;text-align: center;line-height: 1.2} .k_search .item .date p{font-size: 40px;font-weight: bold;color: #2f2f2f;margin-top:26px;} .k_search .item .date span{display: block;text-align: center;font-size: 12px;color: #2f2f2f;} .k_search .item dl { display:block; overflow:hidden; zoom:1; padding:0; line-height:20px; } .k_search .item dl dt { font-size:15px; line-height:24px;font-weight: bold;color: #3a3a3a; } .k_search .item dl .t ,.k_search .item dl .t a{ padding:10px 0; color:#777; font-size:12px;font-weight:100; line-height:20px; } .k_search .item dl .i { padding:5px 0 0; color:#505050; font-size:13px; line-height:25px; } .k_search .item dl .m{margin-top:15px;} .k_search .item dl .m a{color: #fff;padding:6px 32px;background: #c9a36d;display: inline-block;} .page { padding:0 0 40px; line-height:24px; text-align:center; } .page a { display:inline-block; margin:0 2px; padding:0 8px; border:1px solid #ddd; background:#ddd; color:#333; vertical-align:top; } .page a:hover,.page .current { border:1px solid #c9a36d; background:#c9a36d; color:#fff; } /*标题*/ .tlt-h{font-size: 30px;color:#333; font-weight:bolder;} .banner {position:relative; margin:0 auto;background:#fff;background:url(../images/banner.jpg) top center no-repeat;background-size:cover;width:100%; height: 300px;padding:150px 0 0 0; } .p-banner {position:relative; margin:0 auto;background:#fff;background:url(../images/banner.jpg) top center no-repeat;background-size:cover;width:100%; height: 300px;padding:150px 0 0 0; } .p-banner-text{width:80%;height:177px;margin:0 auto; padding:0px 0 0 5%;} .p-banner-text h3,.p-banner-text b{line-height:40px;font-size:30px;color:#fff;letter-spacing: .3em;text-align:center;text-shadow: -1px -1px 0 #fff,1px 1px 0 #333,1px 1px 0 #444;padding:30px 0 0 0;} @media screen and (max-width: 768px) { .footer {padding:36px 0 18px;} .p-banner{margin-top:80px;} .p-banner-text h3,.p-banner-text b{line-height:20px;font-size:16px;} }