@charset "utf-8"; /* CSS Document */ /** 清除内外边距 ** */ .wrap img{ width:97%;} @media screen and (min-width:320px) { html { font-size:100%;}} @media screen and (min-width:360px) { html { font-size:100%;}} @media screen and (min-width:480px) { html { font-size:100%;}} @media screen and (min-width:568px) { html { font-size:100%;}} @media screen and (min-width:639px) { html { font-size:100%;}} @-webkit-keyframes heartbeat{0%,30%,50%,60%,80%{-webkit-transform:scale(1);}40%,70%{-webkit-transform:scale(1.1);}} @keyframes heartbeat{0%,30%,50%,60%,80%{transform:scale(1);}40%,70%{transform:scale(1.1);}} html {-webkit-text-size-adjust:none; } * { padding:0px;} body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */ dl, dt, dd, ul, ol, li, /* list elements 列表元素 */ pre, /* text formatting elements 文本格式元素 */ form, fieldset, legend, button, input, textarea, /* form elements 表单元素 */ th, td, /* table elements 表格元素 */ img/* img elements 图片元素 */{ margin: 0; padding: 0; } body{background-color:#d5d5d5; color:#161718; font-size: 14px; font-family: "Microsoft Yahei",Verdana,Arial,Helvetica,sans-serif; } /** 设置默认字体 **/ body,button, input, select, textarea { font: 15px/1.5 '微软雅黑',tahoma, Srial, helvetica, sans-serif; } em{font-style:normal;} /** 重置列表元素 **/ ul, ol { list-style: none; } /** 重置超链接元素 **/ a { text-decoration: none; color:#333;cursor: pointer;} a:hover { text-decoration: none; color:#f79900; } /** 重置图片元素 **/ img{ border:0px;} /** 重置表格元素 **/ table { border-collapse: collapse; border-spacing: 0; } .left{ float:left;} .right{ float:right;} .clear{ clear:both;} /*****公用******/ header{ background:#ececec; width:100%; position:fixed;left:0px; z-index:999;} .all{width:100%;overflow:hidden;} .clear-fix:after{ content:"."; display:block; height:0; font-size:0; clear:both; visibility:hidden;} /*animation*/ @-webkit-keyframes gogogo1{ from, to{-webkit-transform: none; } 50% {-webkit-transform: scale(1.1);} } /*media query*/ @media screen and (min-width:640px){ .all{ width:640px; margin:0 auto; } .rightnav{ width:22.5em !important; } .afPopup{ width:640px; } } @media screen and (max-width:540px){ body,html{font-size:14.5px;} } @media screen and (max-width:480px){ body,html{font-size:13px;} } @media screen and (max-width:420px){ body,html{font-size:11.5px;} } @media screen and (max-width:360px){ body,html{font-size:10px;} } @media screen and (max-width:320px){ body,html{font-size:9px;} } input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; } /* 专题页 */ .Zt_partone{ width:100%; height:47rem; background:url(../Image/Zt_bg_01.png) no-repeat center center; background-size: cover;} .Zt_partone center{ font-size:2rem; color:#036ec0; transform:skew(-8deg);} .Zt_partone .a{display:block; font-size:2rem; color:white;transform:skew(-8deg); margin-left: 20%; margin-top: 9%;} .Zt_partone .b{display:block; font-size:2rem; color:white;transform:skew(-8deg);margin-left: 20%;} .Zt_partone .d{display:block; width:15%;height:1%; background:#ffc001;transform:skew(-18deg); } .Zt_parttwo{ width:100%; height:auto; overflow:hidden;} .Zt_parttwo .c{ display:block; font-size:2rem;color:#ffc001; text-align:center; background:url(../Image/Zt_tbg.png) no-repeat center center; background-size: 80%; padding: 1% 0; } .Zt_parttwo ul.aaa{ display:block;width:100%; height:auto; margin:2% 0;} .Zt_parttwo ul.aaa li{ width:49%; display:inline-block; position:relative; text-align:center;} .Zt_parttwo ul.aaa li img{ display:inline-block;} .Zt_parttwo ul.aaa li span{display:inline-block; width:100%; text-align:center; position:absolute; bottom:0.3rem; left:0; color:white; font-size:1.2rem;} .Zt_partthree{width:100%; height:auto;overflow:hidden; background:#036ec0;padding:1% 0; text-align:center;} .Zt_partthree .c{ color:white; font-size:2rem; margin-bottom: -2%;} .Zt_partthree img{display:inline-block; width:20%; height:auto; } .Zt_partthree .conn{ display:block; width:92%; height:auto; padding:4% 2%; color:#747273; background:white; border-radius: 20px; text-align:left; line-height: 1.8rem;font-size:1.3rem;} .Zt_partfour{width:100%; height:auto;overflow:hidden; text-align:center; } .Zt_partfour .c{ display:inline-block; width:10%; height:0.5rem; background:#ffc001; border-radius: 0.25rem; margin:5% 2%;} .Zt_partfour ul.aaa{ display:block;width:100%; height:auto;} .Zt_partfour ul.aaa li{ width:49%; display:inline-block; position:relative; text-align:center;} .Zt_partfour ul.aaa li img{ display:inline-block;} .Zt_partfour ul.aaa li span{display:inline-block; width:100%; text-align:center; position:absolute; bottom:0.3rem; left:0; color:white; font-size:1.2rem;} .Zt_partfive{width:100%; height:auto;overflow:hidden; text-align:center; background:#ffc001; padding:2% 0;} .Zt_partsix{width:100%; height:auto;overflow:hidden; padding:2% 0; background:url(../Image/bg.png) no-repeat center center; background-position: cover; padding:2% 5%;} .Zt_partsix span{ font-size:2rem; color:#036ec0;} .Zt_partsix .a{ color:#036ec0; margin-top: -2%;} .Zt_partsix p{ color:#747273; font-size:1rem; width:90%; line-height: 2rem;font-size:1.3rem; } .Zt_partseven{width:100%; height:auto;overflow:hidden; padding:2% 0; background:url(../Image/bg.png) no-repeat center center; background-position: cover; padding:2% 0;} .Zt_partseven img{ width:100%; height:auto;} /***整体*****/ .wrap{ width: 100%; min-width: 320px; margin: 0 auto; max-width: 640px; background-color: #fff; overflow: hidden; } /*****top*******/ .top{ position:relative; text-align:center; background:#fff; background-size:100%; border-top:4px solid #006ada;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;padding-bottom:5px; } .top-tl{ color:#1c70b2;font-size:1.75em;line-height:2.86em; } .logo{ display:block; width:80%; text-align:left; padding-left:2%;} .logo a{ color:#fff; font-size:1.75em;line-height:2.86em;} .logo a img{ margin-top:10px;max-width: 100% !important; height: auto !important; display: block; } .logo a span {vertical-align: middle; float:left;padding: 0.8em 0.5em 0 0; background:url(../images/mobile/logo.png) left center no-repeat;width: 10%;} .i_topk{ width:100%; height:auto; float:left; } .i_topk .banner_xg{ margin:0px auto; text-align:center; position:relative; } .i_topk .banner_xg .bd ul{ width:100%; float:left; } .i_topk .banner_xg .bd li{ width:100%; float:left; font-size:14px; text-align:center; } .i_topk .banner_xg .bd li a{-webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */ } .i_topk .banner_xg .bd li img{ width:100%; height:100%; float:left; } .i_topk .banner_xg .hd{ width:100%; float:left; overflow:hidden; text-align:left; padding:0 10px; position:absolute; bottom:10px; } .i_topk .banner_xg .hd ul{ float:left; padding-top:16px; width:100%; text-align:center; } .i_topk .banner_xg .hd li{ width:8px; height:8px; background:#300002; margin:0 5px; overflow:hidden; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; display:inline-block; text-indent:40px; } .i_topk .banner_xg .hd .on{ background:#c40002; } /*right-btn 导航*/ .cbtn-nav{ position:absolute;right:3.125%;top:0; width:10%;height:100%;display:block;padding-top:3.5%; color:#fff;font-size:2.2em;text-align:center;line-height:1em; cursor:pointer; } .cbtn-nav:visited{ color:#202c5c; } .cbtn-nav.pressed{ color:#fff; } .toprbutton{ font-size: 2rem; margin-top: 12px !important;} /*left-btn 返回/搜索*/ .cbtn-search,.cbtn-back{ position:absolute;left:3.125%;top:0; width:10%;height:100%;display:block;padding-top:3.5%; color:#1c70b2;font-size:2.2em;line-height:1em;text-align:center; cursor:pointer; } .cbtn-search:visited,.cbtn-back:visited{ color:#1c70b1; } .cbtn-search.pressed,.cbtn-back.pressed{ color:#fcdb00; } .iconfont{ color:#202c5c; font-family:"iconfont" !important; font-style:normal; -webkit-font-smoothing:antialiased; -webkit-text-stroke-width:0.2px; -moz-osx-font-smoothing:grayscale; } /* top 返回顶部 */ .cbtn-top{ position:absolute;right:3%;bottom:120%;border-radius:50%; width:3em;height:3em; padding:0.3125em; color:#024794;font-size:1.2em;text-align:center; background: rgba(246,255,1,.3); cursor:pointer; } .cbtn-top .iconfont{ width:100%;height:100%;padding-top:0.1em; border-radius:50%; font-size:2em; background: rgb(246,255,1); } .cbtn-top span{ display: block; font-size:1em; } .cbtn-top.pressed{ background:rgba(24,87,230,.4); } /*nav 右导航*/ #rightnav{ display: none;} #pageslide { display:none; width:22.25em;height:100%; background:#024794; position: fixed;top: 0; z-index: 999999; } .rightnav{ z-index:9999 !important; width:22.25em !important;height:100%; background:#024794; /*box-shadow: 10px 0 10px rgba(0, 0, 0,0.3 ) inset;*/ } .rightnav > *{ padding-top:2.2em; width: 74%; margin: 0 auto; } .nav-in a{ color:#ffffff; font-size:1.25rem; line-height:3rem; text-align: center; display:block; } .nav-in a:visited{ color:#fffffe; } .nav-in li{ text-align:center; padding:0; overflow: hidden; border-bottom: 1px solid #fce10b; } .nav-in li:first-child{ border-top: none; } .sucaihuo-container{ position:absolute; top:1%; right:5%; z-index:99999;} .cd-section { text-align: center; } .cd-bouncy-nav-trigger { transition:0.3s; /* button style */ width:50px; height:38px; padding-top:12px; display:block; background: #c00000; color: #ffffff; border-radius: 36px; } .cd-bouncy-nav-trigger img{ max-width:60%; max-height: 100%;} .no-touch .cd-bouncy-nav-trigger:hover { background:url('../Image/nav_tp.png') no-repeat center center #fbe008; } .cd-bouncy-nav-modal { position: fixed; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(36, 35, 37, 0.9); opacity: 0; visibility: hidden; -webkit-transition: opacity 0.3s 0.6s, visibility 0s 0.9s; -moz-transition: opacity 0.3s 0.6s, visibility 0s 0.9s; transition: opacity 0.3s 0.6s, visibility 0s 0.9s; } .cd-bouncy-nav-modal.fade-in { visibility: visible; opacity: 1; -webkit-transition: opacity 0.1s 0s, visibility 0s 0s; -moz-transition: opacity 0.1s 0s, visibility 0s 0s; transition: opacity 0.1s 0s, visibility 0s 0s; } .cd-bouncy-nav-modal .cd-close { display: block; position: fixed; top: 20px; right: 5%; width: 44px; height: 44px; /* image replacement */ overflow: hidden; text-indent: 100%; white-space: nowrap; background:url('../Image/cd-icon-close.svg') no-repeat center center; -webkit-transform: scale(0) translateZ(0); -moz-transform: scale(0) translateZ(0); -ms-transform: scale(0) translateZ(0); -o-transform: scale(0) translateZ(0); transform: scale(0) translateZ(0); -webkit-transition: -webkit-transform 0.3s 0s, visibility 0s 0.3s; -moz-transition: -moz-transform 0.3s 0s, visibility 0s 0.3s; transition: transform 0.3s 0s, visibility 0s 0.3s; } .cd-bouncy-nav-modal.fade-in .cd-close { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform 0.3s 0s, visibility 0.3s 0s; -moz-transition: -moz-transform 0.3s 0s, visibility 0.3s 0s; transition: transform 0.3s 0s, visibility 0.3s 0s; } @media only screen and (min-width: 1170px) { .cd-bouncy-nav-modal .cd-close { top: 60px; } } .cd-bouncy-nav { position: absolute; left: 50%; top: 50vh; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); width: 90%; max-width: 300px; } .cd-bouncy-nav li { width: 50%; float: left; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-transform: translateY(100vh); -moz-transform: translateY(100vh); -ms-transform: translateY(100vh); -o-transform: translateY(100vh); transform: translateY(100vh); text-align: center; } .is-visible .cd-bouncy-nav li { /* used to assign a tranlsateY value when the animation is over */ -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .fade-in .cd-bouncy-nav li { -webkit-animation: cd-move-in 0.4s; -moz-animation: cd-move-in 0.4s; animation: cd-move-in 0.4s; } .fade-out .cd-bouncy-nav li { -webkit-animation: cd-move-out 0.4s; -moz-animation: cd-move-out 0.4s; animation: cd-move-out 0.4s; } .fade-in .cd-bouncy-nav li, .fade-out .cd-bouncy-nav li { -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; } .fade-in .cd-bouncy-nav li:nth-of-type(2), .fade-out .cd-bouncy-nav li:nth-of-type(2) { -webkit-animation-delay: 0.1s; -moz-animation-delay: 0.1s; animation-delay: 0.1s; } .fade-in .cd-bouncy-nav li:nth-of-type(3), .fade-out .cd-bouncy-nav li:nth-of-type(3) { -webkit-animation-delay: 0.15s; -moz-animation-delay: 0.15s; animation-delay: 0.15s; } .fade-in .cd-bouncy-nav li:nth-of-type(4), .fade-out .cd-bouncy-nav li:nth-of-type(4) { -webkit-animation-delay: 0.25s; -moz-animation-delay: 0.25s; animation-delay: 0.25s; } .fade-in .cd-bouncy-nav li:nth-of-type(5), .fade-out .cd-bouncy-nav li:nth-of-type(5) { -webkit-animation-delay: 0.3s; -moz-animation-delay: 0.3s; animation-delay: 0.3s; } .fade-in .cd-bouncy-nav li:nth-of-type(6), .fade-out .cd-bouncy-nav li:nth-of-type(6) { -webkit-animation-delay: 0.4s; -moz-animation-delay: 0.4s; animation-delay: 0.4s; } .cd-bouncy-nav a { display: inline-block; min-width: 80px; position: relative; padding: 90px 20px 0; margin-bottom: 30px; color: #ffffff; } .cd-bouncy-nav a::before { /* icons */ content: ''; display: block; position: absolute; top: 0; left: 50%; right: auto; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); height: 80px; width: 80px; border-radius: 50%; background-color: #c00000; background-image:url('../Image/cd-category-icons.svg'); background-repeat: no-repeat; background-position: 0 0; } .no-touch .cd-bouncy-nav a:hover::before { background-color: #DC965A; } .cd-bouncy-nav li:nth-of-type(2) a::before { background-position: -80px 0; } .cd-bouncy-nav li:nth-of-type(3) a::before { background-position: -160px 0; } .cd-bouncy-nav li:nth-of-type(4) a::before { background-position: -240px 0; } .cd-bouncy-nav li:nth-of-type(5) a::before { background-position: -320px 0; } .cd-bouncy-nav li:nth-of-type(6) a::before { background-position: -400px 0; } @media only screen and (min-width: 768px) { .cd-bouncy-nav { max-width: 450px; } .cd-bouncy-nav li { width: 33.33%; float: left; } .fade-in .cd-bouncy-nav li:nth-of-type(1), .fade-out .cd-bouncy-nav li:nth-of-type(1) { -webkit-animation-delay: 0.1s; -moz-animation-delay: 0.1s; animation-delay: 0.1s; } .fade-in .cd-bouncy-nav li:nth-of-type(2), .fade-out .cd-bouncy-nav li:nth-of-type(2) { -webkit-animation-delay: 0s; -moz-animation-delay: 0s; animation-delay: 0s; } .fade-in .cd-bouncy-nav li:nth-of-type(4), .fade-out .cd-bouncy-nav li:nth-of-type(4) { -webkit-animation-delay: 0.3s; -moz-animation-delay: 0.3s; animation-delay: 0.3s; } .fade-in .cd-bouncy-nav li:nth-of-type(5), .fade-out .cd-bouncy-nav li:nth-of-type(5) { -webkit-animation-delay: 0.25s; -moz-animation-delay: 0.25s; animation-delay: 0.25s; } .cd-bouncy-nav a { margin-bottom: 50px; } } @-webkit-keyframes cd-move-in { 0% { -webkit-transform: translateY(100vh); } 65% { -webkit-transform: translateY(-1.5vh); } 100% { -webkit-transform: translateY(0vh); } } @-moz-keyframes cd-move-in { 0% { -moz-transform: translateY(100vh); } 65% { -moz-transform: translateY(-1.5vh); } 100% { -moz-transform: translateY(0vh); } } @keyframes cd-move-in { 0% { -webkit-transform: translateY(100vh); -moz-transform: translateY(100vh); -ms-transform: translateY(100vh); -o-transform: translateY(100vh); transform: translateY(100vh); } 65% { -webkit-transform: translateY(-1.5vh); -moz-transform: translateY(-1.5vh); -ms-transform: translateY(-1.5vh); -o-transform: translateY(-1.5vh); transform: translateY(-1.5vh); } 100% { -webkit-transform: translateY(0vh); -moz-transform: translateY(0vh); -ms-transform: translateY(0vh); -o-transform: translateY(0vh); transform: translateY(0vh); } } @-webkit-keyframes cd-move-out { 0% { -webkit-transform: translateY(0vh); } 100% { -webkit-transform: translateY(-100vh); } } @-moz-keyframes cd-move-out { 0% { -moz-transform: translateY(0vh); } 100% { -moz-transform: translateY(-100vh); } } @keyframes cd-move-out { 0% { -webkit-transform: translateY(0vh); -moz-transform: translateY(0vh); -ms-transform: translateY(0vh); -o-transform: translateY(0vh); transform: translateY(0vh); } 100% { -webkit-transform: translateY(-100vh); -moz-transform: translateY(-100vh); -ms-transform: translateY(-100vh); -o-transform: translateY(-100vh); transform: translateY(-100vh); } } .tel{ width:300px; float:right; height:100px; line-height:100px; text-align:right; font-size:37px; font-weight:bold; color:#f57300; background:url('../Image/phonebj.png') left center no-repeat; } /* nav */ .header_nav{ width:100%; height:48px; margin:0 auto; background:url('../Image/nav_bj.jpg') top left repeat-x; } .nav_k{width:1200px;height:48px; margin:0 auto; } #nav{width:1200px;height:48px; float:left; position:relative; z-index:1;} #nav li{float:left;width:150px;text-align:center; font-size:15px; font-weight:bold; position:relative;display:inline; z-index:9999999; } #nav li a{ display:block; width:150px;height:48px; line-height:48px;color:#000; overflow:hidden;transition:0.3s; } #nav li a:hover{ color:#fff;width:150px;height:48px; line-height:48px;overflow:hidden; background-color:#ef0000; } #nav .on a{ color:#fff;width:150px;height:48px; line-height:48px;transition:0.3s; overflow:hidden; background-color:#ef0000; } #nav .xiala{ display:none; width:120px; left:0; top:46px; position:absolute; background:#63a9d2; line-height:26px; } #nav .xiala a{ display:block; color:#0f5ea7; border-bottom:1px dashed #9bcfed; } #nav .xiala a:hover{ display:block; color:#000000; } /* banner */ #banner_k2{ width:100%; height:330px; margin:0 auto; overflow:hidden; background:url('../Image/ny_banner.jpg') top center no-repeat; } #banner_k{ width:100%; height: auto;overflow:hidden; position:relative; float: left; } #banner{ width:100%; height:auto; position:relative; float: left; } #banner img{ max-width:100%; max-height: 100%; float: left; } #bannerbj{} #bannerbj img{ max-width:100%; max-height: 100%;} #fbt{position:absolute;top:85%;left:10%;width:45%;height:42px; line-height:38px; text-align:center; background-color:#ffd800; color:#c00000; z-index:11; font-size:18px; font-weight:bold;border-radius:6px;} #fbt a{ width:100%; height:42px; display:block; color:#c00000; } #daguo{position:absolute;bottom:0px;right:-320px;width:961px;height:521px;margin:0px -60px 0px 0px; } .main_navk{ width:100%; height:auto; float:left; background-color:#006ada; margin-top:5.5rem; } .main_nav{ width:100%; height: auto; margin:0 auto; -webkit-background-size: 100% 100%;} .main_nav li{ width:25%; height:3rem; line-height:3rem; float:left; text-align:center; font-size:1.6rem;border-right: 2px solid #007fdb;border-bottom: 1px solid #007fdb; box-sizing: border-box;} .main_nav li a{ color:#fff; transition:0.3s;} .main_nav li a:hover{ color:#ffd800; transition:0.3s;} .main_nav li img{ width:85%; } .main_nav img{ max-width:100%; max-height: 100%;} /*index_content */ .main_00k{ width:100%; height:auto; float:left; } .main_00{ width:100%; height: auto; margin:0 auto; background-color:#fff; padding:2% 0 2% 0;-webkit-background-size: 100% 100%;} .main_00 img{ max-width:100%; max-height: 100%;} /**搜索框**/ .search_i{height: auto; width:90%; height:auto; border:3px solid #e7e7e7; background-color:#FFF; overflow:hidden; margin:0 auto; } .search_i ul{height: auto; width:100%; height:auto; overflow:hidden; } .search{height: auto; width:100%; height:auto; background-color:#006ae2; overflow:hidden; margin:0 auto; max-width: 640px;} .search ul{height: auto; width:100%; height:auto; overflow:hidden; } #search_form{overflow: hidden;display: inline-block;width: 100%;height: auto; margin: 0 auto;} .search-text{ display:inline-block;border: none;height:37px; line-height:37px; width:65%; float:left; font-size:16px; margin-top:0px;outline:none; color:#a9a8a8;background:url('../Image/ss_tb.png') 4% center no-repeat #f6f6f6;background-size: 11%; padding-left: 9.5%; margin-left: 7.5%;box-sizing: border-box; } .search-btn{display:inline-block; width:20%; height:37px; background:#1e50ae;border: none; float:left; color:white; border-radius:0 !important; } .input_k{ width:200px; height:40px; line-height:40px; background-color:#fff; border:1px solid #dddddd; float:left; color:#333333; border-right:none;} .input_tb{ width:66px; height:40px; display:block; float:left; border:none; border:1px solid #dddddd; border-left:none;} .main_11k{ width:100%; height:auto; float:left; } .main_11{ width:100%; height: auto; margin:0 auto; background-color:#fff; padding:2% 0 2% 0;-webkit-background-size: 100% 100%;} .main_11 li{ width:25%; height: auto; float:left; text-align:center; } .main_11 li img{ width:85%; } .main_11 img{ max-width:100%; max-height: 100%;} /*index_content */ /*.main_00k{ width:100%; height:auto; float:left; } .main_00{ width:100%; height: auto; margin:0 auto; background-color:#fff; padding:2% 0 2% 0;-webkit-background-size: 100% 100%;} .main_00 img{ max-width:100%; max-height: 100%;}*/ /**搜索框**/ /*.search{height: auto; width:90%; height:auto; border:3px solid #e7e7e7; background-color:#FFF; overflow:hidden; margin:0 auto; } .search ul{height: auto; width:100%; height:auto; overflow:hidden; } .search-text{ display:inline-block;border: none;height:40px; line-height:40px; width:85%; float:left; font-size:16px; margin-top:0px;outline:none; color:#a9a8a8; background:none; } .search-btn{display:inline-block; width:40px; height:40px; background:none;border: none; float:right;background:url('../Image/ss_tb.png') right top no-repeat;-webkit-background-size: 100% 100%;} .input_k{ width:200px; height:40px; line-height:40px; background-color:#fff; border:1px solid #dddddd; float:left; color:#333333; border-right:none;} .input_tb{ width:66px; height:40px; display:block; float:left; border:none; border:1px solid #dddddd; border-left:none;} .main_11k{ width:100%; height:auto; float:left; background-color:#006ae2; } .main_11{ width:100%; height: auto; margin:0 auto; -webkit-background-size: 100% 100%;} .main_11 li{ width:25%; height:3rem; line-height:3rem; float:left; text-align:center; font-size:1.6rem; font-weight:bold; } .main_11 li a{ color:#fff; } .main_11 li img{ width:85%; } .main_11 img{ max-width:100%; max-height: 100%;}*/ .main_222k{ width:100%; height:auto; float:left;background:#0087e4; } .main_22k{ width:100%; height:auto; float:left; } .main_22{ width:100%; height: auto; margin:0 auto;} .main_22bt{width:100%; height:3rem; line-height:3rem; font-size:20px; font-weight:bold; color:#fff; text-align:center; background-size:100%;margin-top: 20px; } .main_22img{ display: block; width:30% !important; margin:0 auto;} .main_22 .rxcp{ margin:0px auto; text-align:center; position:relative; margin-top:20px; } .main_22 .rxcp .bd ul{ width:100%; float:left; } .main_22 .rxcp .bd li{ width:100%; float:left; font-size:14px; text-align:center; } .main_22 .rxcp .bd li a{-webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */ } .main_22 .rxcp .bd li img{ width:100%; height:100%; } .main_22 .rxcp .hd{ overflow:hidden; text-align:left; padding:0 10px; position:absolute; bottom:20px; right:50px; } .main_22 .rxcp .hd ul{ float:left; padding-top:16px; width:100%; text-align:center; } .main_22 .rxcp .hd li{ width:25px; height:25px; line-height:25px; background:#f6f6f6; margin:0 5px; overflow:hidden; -webkit-border-radius:12px; -moz-border-radius:12px; border-radius:12px; display:inline-block; text-align:center; color:#333; } .main_22 .rxcp .hd .on{ background:#ce0000; color:#fff; } .main_22 .rxcp .prev,..footer_nr .footer_honor .next{ display:block; float:right; width:18px; height:18px; background:url(images/pisScrollIcons.gif) -6px -7px no-repeat; overflow:hidden; margin:11px 5px 0 5px; } .main_22 .rxcp .next{ background-position:-34px -7px; } .main_22 .rxcp .prevStop{ background-position:-6px -40px; } .main_22 .rxcp .nextStop{ background-position:-34px -40px; } .main_33k{ width:100%; height:auto; float:left; } .main_33{ width:100%; height: auto; margin:0 auto; background-color:#fff; padding:2% 0 2% 0;-webkit-background-size: 100% 100%;} .main_33 img{ width:100%; } .main_44k{ width:100%; height:auto; float:left;background:url('../Image/intro_bg.jpg') center center no-repeat; } .main_44{ width:100%; height: auto; margin:0 auto; -webkit-background-size: 100% 100%;} .main_44nr{width:84%; height:auto; padding:1em;padding-top:1.3em;color: #fff;font-size:1.2rem; line-height:2.2rem; margin: 0 auto; text-indent: -2em;text-align: justify; } .main_44k .more{display:inline-block; width:auto; border:1px solid white; text-align: center; float:right;color:white;margin: 40px 0 20px 0; line-height: 30px;padding: 0 30px;text-indent: 0;} .main_55k{ width:100%; height:auto; float:left;background-color: #fff; } .main_55{ width:100%; height: auto; margin:0 auto; padding:2% 0 2% 0;-webkit-background-size: 100% 100%;} .main_55bt{width:100%; height:3rem; line-height:3rem; font-size:20px; font-weight:bold; color:#595961; text-align:center; background-size:100%;margin-top: 20px; } .main_55img{ display: block; width:30% !important; margin:0 auto;} .main_55nr{ width:90%; height:auto; overflow:hidden; float:left; padding:1% 5%;margin-top: 1.5rem;} .main_55nr li{ height:3rem; line-height:3rem; white-space: nowrap; overflow: hidden;text-overflow: ellipsis; font-size: 1.6rem; position: relative;color: #000;margin-bottom: 1.5rem;} .main_55nr li a{ display: block; color: #595961; } .main_55nr li a img.left1{float:left; display:inline-block; width:50px; height:auto; } .main_55nr li a img.right1{ float:right; margin-top: 1rem; width:7px; height:16px; } .main_55nr li a .title{float:left; font-size:1.3rem;white-space: pre; overflow: hidden; text-overflow: ellipsis; color: #595961; padding-left: 1.5rem; font-weight: 600;} #name,#tel,#content,#email{ width:90%; line-height:3.3rem;font-size: 1.4rem;margin-top: 5px;border-radius: 5px;border:none !important;margin:0 5%;padding-left: 10%; color:#333; box-sizing: border-box; -webkit-box-sizing:border-box;-moz-box-sizing: border-box; } #name{background:url('../Image/form1.png') 6px center no-repeat #eeeeec;background-size: 8%;margin-bottom: 1rem;} #tel{background:url('../Image/form2.png') 6px center no-repeat #eeeeec;background-size: 8%;margin-bottom: 1rem;} #content{background:url('../Image/form3.png') 6px 6px no-repeat #eeeeec;background-size: 8%;} input::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color:#b9b9c1 !important; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color:#b9b9c1 !important; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ color:#b9b9c1 !important; } input:-ms-input-placeholder { /* Internet Explorer 10-11 */ color:#b9b9c1 !important; } input::-ms-input-placeholder { /* Microsoft Edge */ color:#b9b9c1 !important; } textarea::-webkit-input-placeholder { color:#b9b9c1 !important; } .irxal_nr { width:100%; height:auto; margin-top:8px;border-collapse: separate;border-spacing: 2px;} .irxal_nr{ height: auto;overflow: hidden; clear: both; } .fhdb{ width: 94%; margin:10px auto; height: 35px;border:2px #194eac solid; text-align: center; font-size: 1.1em; line-height: 35px; border-radius: 5px; } .irxal_nr { width:100%; height:auto; margin-top:8px;} .tjtit{ background:url('../Image/form_title.jpg') center top no-repeat; background-size: cover; color: #fff; font-size: 1.6em; margin-bottom: 15px; padding:20px 0;} .bq{ line-height:1.8; font-size: 1.2rem; color: white;background: #272d3b; height: auto; overflow: hidden;} .bq .bq_w{width:88%; padding:3% 0% 1% 0%; margin:0 auto;} #form1{ padding:0 10px; margin-bottom: 20px; font-size:1.2rem; } #form1 tr{margin-top: 50px;} .wxb{ background: #0072e6; line-height:2.4rem;text-align: center; padding-left: 8px !important; margin-bottom: 5px !important; margin-top: 8px !important; } .wxl img{ width: 100%;max-width: 100% !important; height: auto !important; display: block; } .wxl{ width:30%; } .wxt{padding-left: 10px;} .bqsy{ text-align: center; background: #3c3c3c; padding-bottom: 105px;color: #fff; font-size: 1rem; padding-top: 5px;} .bqsy a{color:white;} #submit { width: 40%; height: 35px; border: 0; cursor: pointer; color: #FFF; background: #c80000; margin: 0 30%; margin-top: -10px; font-size: 1.4rem; font-weight: 600; } /*底部*/ .i_xmtj{ width:100%; height: auto; float:left; } .i_xmtj_bt{ width:100%; height:65px; float:left;background:url('../Image/xmtj_bj.jpg') center top no-repeat;} .i_xmtj_nr{ width:100%; height: auto; float:left; } .i_xmtj_nr .picScroll{ margin:0px auto 10px auto; text-align:center; } .i_xmtj_nr .picScroll .bd ul{ width:100%; float:left; background-color:#ffecbc; } .i_xmtj_nr .picScroll .bd li{ width:100%; float:left; font-size:14px; text-align:center; position:relative; } .i_xmtj_nr .picScroll .bd li a{-webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */ } .picScroll .bd li .djrm_dt{ max-width:100%; max-height: 100%; float: left; } .picScroll .bd li .djrm_bq{ position:absolute; top:0px; left:116px;max-width:100%; max-height: 100%} .picScroll .bd li .djrm_sz{ width:100%; height:77px; position:absolute; top:40px; left:407px;background:url('../Image/djrm_sz.png') center top no-repeat;} .picScroll .bd li .djrm_jj{ width:100%; height:90px; position:absolute; top:150px; left:407px; border-top:1px solid #c00000; border-bottom:1px solid #c00000; } .picScroll .bd li .djrm_jj .djrm_remen{ width:100%; height:auto; text-align:center; font-size:24px; color:#b80201; display:block; } .picScroll .bd li .djrm_jj .djrm_xm{width:100%; height:auto; text-align:center; font-size:30px; color:#b80201; display:block; } .picScroll .bd li .djrm_more{ width:64px; height:19px; position:absolute; bottom:80px; left:480px;background:url('../Image/djrm_more.jpg') center center no-repeat;} .i_xmtj_nr .picScroll .hd{ height:40px; line-height:40px;overflow:hidden; text-align:left; padding:0 10px; } .i_xmtj_nr .picScroll .hd ul{ margin:0 auto; overflow:hidden; padding-top:16px; padding-left:5%;} .i_xmtj_nr .picScroll .hd li{ float:left; width:88px; height:5px; background:#c00000; margin:0 5px; overflow:hidden; } .i_xmtj_nr .picScroll .hd .on{ background:#ffc61f; } .i_xmtj_nr .picScroll .prev,.picScroll .next{ display:block; float:right; width:18px; height:18px; background:url(images/pisScrollIcons.gif) -6px -7px no-repeat; overflow:hidden; margin:11px 5px 0 5px; } .i_xmtj_nr .picScroll .next{ background-position:-34px -7px; } .i_xmtj_nr .picScroll .prevStop{ background-position:-6px -40px; } .i_xmtj_nr .picScroll .nextStop{ background-position:-34px -40px; } .i_xmtj_nr .i_xmtj_gengduo{ width:100%; height: auto; margin:10px auto; } .i_xmtj_nr .i_xmtj_gengduo a{ width:90%; height:60px; line-height:52px; text-align:center; margin:0 auto; background-color:#262628; color:#FFF;border-radius:10px; font-size:18px; display:block; } .g-xl { width:100%; position:relative;overflow:hidden; background-size:100%; padding-top:1em; } .g-xl .c-list { font-size:1.2rem; overflow:hidden; } .g-xl .c-list li{ float:left; text-align:center; color:#fff; width:28%; background:#0096dc;height:2.3rem; line-height:2.3rem; margin:0 0 0.8rem 1.05rem;} /*.g-xl .c-list li:first-child a,.g-xl .c-list li:nth-child(-n+9) a{background:#bfcae6;} .g-xl .c-list li:first-child a,.g-xl .c-list li:nth-child(-n+6) a{background:#94aad6;} .g-xl .c-list li:first-child a,.g-xl .c-list li:nth-child(-n+3) a{background:#7388c1;}*/ .g-xl .c-list li a{ float:left; text-align:center; color:#fff; width:100%;height:2.3rem; line-height:2.3rem; display:block; overflow:hidden; } .g-xl .c-list .w_tel a{ display:block; color:#fff; background:#006ae2;-webkit-animation: heartbeat 1s infinite; animation: heartbeat 1s infinite;} .scpxqcont .w_tel a{ width:30%; margin:0 auto; text-align:center; color:#fff;background:#c80000;height:2.3rem; line-height:2.3rem; display:block; overflow:hidden; transition:0.3s;-webkit-animation: heartbeat 1s infinite; animation: heartbeat 1s infinite;} .g-xl2 { width:94%;padding:0; margin:0 auto; border-bottom: 1px solid #e5e5e5; overflow:hidden; padding-top:1em; } .g-xl2 .c-list { font-size:1.2rem; overflow:hidden; } .g-xl2 .c-list li{ float:left; text-align:center; color:#fff;background:#f1f2f4;height:2.5rem; line-height:2.5rem; border-radius: 5px;margin-bottom:1rem; } .g-xl2 .c-list li a{ float:left; text-align:center; color:#818182; width:100%;height:2.5rem;line-height:2.5rem; font-size: 15px; display:block; overflow:hidden; display: inline-block; } .g-xl2 .c-list li:nth-child(1),.g-xl2 .c-list li:nth-child(2),.g-xl2 .c-list li:nth-child(3){width:31%;} .g-xl2 .c-list li:nth-child(2){margin:0 3%;} .g-xl2 .c-list li:nth-child(4),.g-xl2 .c-list li:nth-child(5){width:45%;} .g-xl2 .c-list li:nth-child(4){width:48.5%;margin-right:1.5%;} .g-xl2 .c-list li:nth-child(5){width:48.5%;margin-left:1.5%;} .g-xl2 .c-list li:nth-child(6),.g-xl2 .c-list li:nth-child(7),.g-xl2 .c-list li:nth-child(8){width:20%;margin-right: 5%;} .g-xl2 .c-list .w_tel{width:25%;background:#0087e4;} .g-xl2 .c-list .w_tel a{ display:block; color:#fff; border-radius: 5px;width:100%;} .i_products{ width:96%; padding:0 2% 2% 2% ; overflow:hidden; } .i_products .i_cpbtbj{ width:100%;max-height: 100%; background:url('../Image/i_cpbtbj.jpg') center center no-repeat; float:left;background-size: 100% 100%;} .i_products .i_cpbtbj .cpmc{ width:60%;max-height: 42px; height:42px; line-height:36px; text-align:center; margin:0 auto; font-size:20px; color:#FFF; display:block; background-color:#c00000;border-radius:10px; margin-top:20%; margin-bottom:5%;} .i_products li{float: left; width:50%; margin-bottom: 0.8rem;} .i_products li a{display: block; text-align: center; padding-top: 4px; max-width:98%; color: #692a21; position: relative; } .i_products li a:hover{color:#e80000;} .i_products .two { margin: 0 auto; display: block; width: 100%;height: 40px; } .i_products .two ul li { font-size: 1.1rem; font-weight: bolder; margin: 0; display:block; float: left; width: 49%;height: 40px; line-height: 40px; list-style: none; } .i_products .two ul li a { padding: 0; display: block; width: 100%;height: 40px; line-height: 40px; text-align: center; display: block; list-style: none; } .i_products .two ul li.conn{ background: #ffc001; } .i_products .two ul li.detail{ background: #0072e6; } .i_products .two ul li.detail a{color: white; } .i_products .two ul li.detail a:hover{color: white; color:#e80000;} .i_products li a .image-container{ overflow: hidden; width: 100%; height: auto; margin: 0 auto; } .i_products li a .image-container img{width: 100%;height:135px;float:left; display: table-cell; vertical-align: middle;} .i_products li a .title{max-width:94%; font-size:1.2rem; font-weight:bold; color:#292929; padding:5px; text-align:center; width: 100%; white-space: pre; overflow: hidden; text-overflow: ellipsis; left: 24px; z-index: 2; margin: 0 auto; background: #e7e7e7; transition:0.3s;} .i_products li a span{max-width:100%;width:100%; color:#333; font-weight:100; font-size:10px; float:left; display:block;white-space:normal;} .i_products li a:hover .title{/*max-width:94%;*/ font-size:1.2rem; font-weight:bold; color:#fff; padding:5px; text-align:center; width: 100%; white-space: pre; overflow: hidden; text-overflow: ellipsis; left: 24px; z-index: 2; margin: 0 auto; background: #c80000; transition:0.3s;} .i_products3{ width:96%; padding:0 2% 2% 2% ; overflow:hidden;margin-top: 3%; } .i_products3 .i_cpbtbj{ width:100%;max-height: 100%; background:url('../Image/i_cpbtbj.jpg') center center no-repeat; float:left;background-size: 100% 100%;} .i_products3 .i_cpbtbj .cpmc{ width:60%;max-height: 42px; height:42px; line-height:36px; text-align:center; margin:0 auto; font-size:20px; color:#FFF; display:block; background-color:#c00000;border-radius:10px; margin-top:20%; margin-bottom:5%;} .i_products3 li{float: left; width:48%;margin:0 1%; margin-bottom: 2%; } .i_products3 li a{display: block; text-align: center; padding-top: 8px; max-width:100%; color: #692a21;position: relative; background: #006ada;} .i_products3 li a .image-container{ overflow: hidden; width: 100%; height: auto; margin: 0 auto; } .i_products3 li a .image-container img{width: 94%;height:135px;display: table-cell; vertical-align: middle; margin:0 3%;border-radius: 5px; } .i_products3 li a .title{max-width:94%; font-size:1.3rem; font-weight:bold; color:#fff; padding:5px; text-align:center; width: 100%; white-space: pre; overflow: hidden; text-overflow: ellipsis; left: 24px; z-index: 2; margin: 0 auto; } .i_products2{ /*width:96%; padding:2%;*/overflow:hidden;} .i_products2 .i_cpbtbj .cpmc{ width:60%;max-height: 42px; height:42px; line-height:36px; text-align:center; margin:0 auto; font-size:20px; color:#FFF; display:block; background-color:#c00000;border-radius:10px; margin-top:20%; margin-bottom:5%;} .i_products2 li{float: left; width:50%;} .i_products2 li a{display: block; text-align: center; padding-top: 4px; margin: 10px auto 5px auto; max-width:98%; color: #808080; position: relative; } .i_products2 li a .image-container{ overflow: hidden; width: 100%; height: auto; margin: 0 auto; } .i_products2 li a .image-container img{width: 100%;height:135px;float:left; display: table-cell; vertical-align: middle;} .i_products2 li a .title{max-width:94%; font-size:1.4rem; font-weight:bold; color:#fff; padding:5px; text-align:center; width: 100%; white-space: pre; overflow: hidden; text-overflow: ellipsis; left: 24px; z-index: 2; margin: 0 auto;transition:0.3s;} .i_products2 li a span{max-width:100%;width:100%; color:#333; font-weight:100; font-size:10px; float:left; display:block;white-space:normal;} .i_products2 li a:hover .title{max-width:94%; font-size:1.2rem; font-weight:bold; color:#fff; padding:5px; text-align:center; width: 100%; white-space: pre; overflow: hidden; text-overflow: ellipsis; left: 24px; z-index: 2; margin: 0 auto; background: #e7e7e7; transition:0.3s;} .i_video{ width:100%; height:auto; float:left; background:url('../Image/sp_bj.png') center top no-repeat;-webkit-background-size: 100% 100%;} .i_video ul{ width:80%; height:auto; padding:25% 10% 10% 10%; float:left; overflow:hidden; } .i_video li{float: left; width: 45.5%;-webkit-background-size: 100% 100%; padding:5% 1% 1% 1%; margin-bottom:5px; } .i_video li a{display: block; text-align: center; margin: 10px auto 5px auto; max-width:100%; color: #692a21; position: relative; } .i_video li a .video_title{ width:100%; height: auto; margin:0 auto; text-align:center; font-size:12px; font-weight:bold; padding: 5px 0px;} .i_video li a .image-container{ overflow: hidden; width: 100%; height: auto; margin: 0 auto; } .i_video li a .image-container img{ max-width: 100%; max-height: 100%; float:left; } .i_news{ width:100%; padding: 4px 0;} .i_newsbt{ width:90%; float:left; margin:10px 0px; padding:0 5%;} .i_newsbt .span1{ font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; color:#c00000; } .i_newsbt .span2{ font-size:18px; font-weight:bold; color:#c00000; } .i_newsbt .span3{ font-size:12px; color:#8d8d8d; } .i_newsnr{ width:90%; height:auto; overflow:hidden; float:left; padding:1% 5%;} .i_newsnr li{ display: list-item; text-align: -webkit-match-parent; overflow:hidden; } .i_newsnr li a{ display: block; background-color:#f5f5f5; color: #333; height: 100px; line-height: 40px;} .i_newsnr li a .image-container{ float: left; width:100px; height:100px; margin-right: 10px; margin-bottom: 10px; position: relative; z-index: 3;} .i_newsnr li a .image-container>img{ max-width: 100%; max-height: 100%; height: 100%;} .i_newsnr li a .content{height: 3em; overflow: hidden; line-height: 1.5; color: #444;} .i_newsnr li a .text-container>.title{font-size:80%; font-weight:bold; white-space: pre; overflow: hidden; text-overflow: ellipsis; color: #c00000;} .i_newsnr li a .text-container>.content{height: 3em; padding-right:2%; font-size:70%; overflow: hidden; line-height: 1.5; color: #444;} .about_mlt{ width:100%; height:auto; float:left; background:url('../Image/about_mlt.jpg') center top no-repeat; padding:30% 0 10% 0; -webkit-background-size: 100% 100%; } .video_c{width:100%; text-align:center; position:relative;z-index:888; color:#FFF; text-align:center; } .video_c video{ width:60%; margin:0px auto 10px auto;} .video_c p{ width:100%; margin:5px auto; font-size:90%} .video_c a{ width:40%; height:30px; line-height:26px; text-align:center; margin:10px auto; color:#ffb400; border:1px solid #ffb400; display:block; } .footer_honor_bj{ width:100%; height:16px; float:left; background:url('../Image/footer_honorbj.jpg') left top no-repeat;-webkit-background-size: 100% 100%;} /*inav*/ .inav{ font-size:1.25em;line-height:2em; width:100%;margin:0 auto; } .inav-son{ float:left; width:33.1%; padding:1.5% 0%;display:block; color:#fff!important;text-align:center; border-right: 1px solid #0060cd; border-bottom: 1px solid #0060cd; z-index: -1} .inav-son:visited{ color:#000001;} .inav-son > .in{ position:relative;display:inline-block;} .inav-son > .in.pressed{color:#024794;} /*.inav-son > .in.beat{ -webkit-animation:gogogo1 300ms linear infinite; } .inav-son > .in.stop{ -webkit-animation-play-state:paused; }*/ .inav-son:nth-child(3n){ border-right: none;} .inav-son:nth-child(4),.inav-son:nth-child(5),.inav-son:nth-child(6){ border-bottom: none;} .main{overflow:hidden; background:url('../Image/zhuanbj.png') left top repeat;} .main_0k{ width:100%; height:auto; background:url('../Image/main_0kbj.jpg') left top repeat; } .main_0{ width:610px; height:auto; background:url('../Image/main_0.png') center top no-repeat; padding-top:300px; margin:0 auto; padding-left:590px; color:#FFF; padding-bottom:30px; line-height:30px; } .main_2k{ width:100%; height:auto; background:url('../Image/main_1kbj.jpg') left top repeat; padding:20px 0px; } .main_2{ width:1200px; height:auto; margin:0 auto; } /*.main_2 .i_productsk{ width:1170px; height:340px; margin:0 auto; background:url('../Image/i_cpbj.png') left top repeat; padding:15px;} .main_2 .i_products{ width:1118px; height:285px; margin:0 auto; background-color:#ffffff; border:6px solid #270d00; padding:20px; } .main_2 .i_products .products_nr10{ width:1118px; height: auto; line-height:24px; float:left; margin-bottom:20px; } .main_2 .i_products #fczs_main20{height: auto; overflow:hidden; } .main_2 .i_products #fczs_gd20{width:1118px;height: auto;float:left;overflow:hidden;} .main_2 .i_products #fczs_gd20 ul{width:2370px;height: auto;} .main_2 .i_products #fczs_gd20 ul li{width:385px;height:285px;float:left;text-align:center; margin-right:10px; margin-bottom:5px; overflow:hidden; } .main_2 .i_products #fczs_gd20 ul li a{background-color:#015699;width:385px;height: 285px; float:left; color:#fff; } .main_2 .i_products #fczs_gd20 ul li a:hover{background-color:#d21624;width:385px;height: 285px; float:left; color:#FFF;} .main_2 .i_products #fczs_gd20 ul li img{ width:383px; height:283px; border:1px solid #9e9e9e; background-color:#FFF;} .main_2 .i_products .main_b_k table .tdr{ width:auto; height: auto; background-color:#0077e7; }*/ .main_2 .i_youshik{ width:1200px; height:730px; margin:0 auto; margin-top:20px; background:url('../Image/i_youshi_bt.png') center top no-repeat; padding-top:90px; position:relative; } .main_2 .i_youshi{ width:1200px; height:auto; margin:0 auto; } .main_2 .i_youshi p{ width:795px; height:67px; line-height:67px; background-color:#db261f; margin:0 auto; position:absolute; border-radius:33px; font-size:30px; font-weight:bold; text-align:center; color:#FFF; top:110px; left:211px; } .main_2 .i_youshi .i_youshi01{ width:542px; height:107px; position:absolute; top:218px; left:0px;} .main_2 .i_youshi .i_youshi01wz{ width:563px; height: auto; position:absolute; top:340px; left:0px;} .main_2 .i_youshi .i_youshi02_tp{ width:542px; height:107px; position:absolute; top:324px; left:0px;} .main_2 .i_youshi .i_youshi03_tp{ width:542px; height:107px; position:absolute; top:460px; left:0px;} .main_2 .i_youshi .i_youshi01_tp{ width:542px; height:221px; position:absolute; top:268px; right:0px;} .main_2 .i_youshi .i_youshi02{ width:542px; height:107px; position:absolute; top:558px; right:0px;} .main_2 .i_youshi .i_youshi02wz{ width:563px; height: auto; position:absolute; top:690px; right:0px;} .main_2 .i_youshi .i_youshi03{ width:542px; height:107px; position:absolute; top:664px; right:20px;} .main_3k{ width:100%; height:275px; background:url('../Image/i_xbanner.jpg') left top repeat; } .main_3{ width:1200px; height:275px; margin:0 auto; background:url('../Image/x_bannerwz.png') left top no-repeat;} .main_4k{ width:100%; height:auto; background:url('../Image/main_1kbj.jpg') left top repeat; padding:20px 0px; overflow:hidden; } .main_4{ width:1184px; height: auto; margin:0 auto; background-color:#ca0306; padding:8px; overflow:hidden; } .main_4 .i_xxxc{ width:1184px; height:526px; margin:0 auto; overflow:hidden; background-color:#ffed90; } .main_4 .i_xxxc #fczs_gdhbzc{width:1176px;height: auto;float:left;overflow:hidden; padding-left:10px; padding-top:10px; } .main_4 .i_xxxc #fczs_gdhbzc ul{width:1176px;height: auto;} .main_4 .i_xxxc #fczs_gdhbzc ul li{width:225px;height:165px;float:left;text-align:center; margin-right:10px; margin-bottom:5px; overflow:hidden; } .main_4 .i_xxxc #fczs_gdhbzc ul li a{background-color:#015699;width:225px;height: 165px; float:left; color:#fff; } .main_4 .i_xxxc #fczs_gdhbzc ul li a:hover{background-color:#d21624;width:225px;height: 165px; float:left; color:#FFF;} .main_4 .i_xxxc #fczs_gdhbzc ul li img{ width:225px; height:165px; background-color:#FFF;} .main_5k{ width:100%; height:auto; background:url('../Image/main_1kbj.jpg') left top repeat; padding:20px 0px; overflow:hidden; } .main_5{ width:1200px; height: auto; margin:0 auto; } .main_5 .i_cjwt{ width:760px; height:345px; float:left; background-color:#b00000; margin-top:20px; } .main_5 .i_cjwtbt{ width:160px; height:300px; float:left; color:#FFF; text-align:center; padding:45px 10px 0px 10px;} .main_5 .i_cjwtbt .btwz{ width:160px; height:30px; float:left; font-size:24px; font-weight:bold; } .main_5 .i_cjwtbt .btjj{ width:160px; height:60px; line-height:22px; float:left; font-size:16px; font-weight:100;margin-bottom:40px; margin-top:20px; } .main_5 .i_cjwtbt .ckgd{ width:160px; height:40px; line-height:40px; float:left; font-size:16px; font-weight:bold; background-color:#FFF; } .main_5 .i_cjwtbt .ckgd a{ color:#000;} .main_5 .i_cjwtbt .ckgd a:hover{ color:#3d2614;} .main_5 .i_cjwtnr{ width:579px; height:308px; float:right; color:#FFF; padding-top:35px; background-color:#FFF; border:1px solid #d6a209; border-left:none; font-weight:bold; } .main_5 .i_cjwtnr .btwz{ width:579px; height:70px; line-height:34px; float:left; font-size:30px;color:#ec251a; text-align:center; } .main_5 .i_cjwtnr .btnr{ width:539px; height: auto; line-height:26px; float:left; font-size:14px; color:#000; padding:20px 10px 10px 30px; } .main_5 .i_cjwtnr .btnr li{ width:98%; height:36px; line-height:36px; float:left; color:#333;text-indent:12px; } .main_5 .i_cjwtnr .btnr li a{ width:98%; height:36px; line-height:36px; float:left; color:#000;transition:0.3s;} .main_5 .i_cjwtnr .btnr li a:hover{ width:520px; height:36px; line-height:36px; float:left; color:#b00000; margin-left:10px; } .main_5 .i_cjwtnr .btnr li a:hover span{color:#c9060a;} .main_5 .i_cyzx{ width:420px; height:345px; float:right; margin-top:20px; } .main_5 .i_cyzx .i_cyzxbt{ width:420px; height:47px; line-height:47px; float:left; background-color:#b00000; color:#FFF; text-indent:30px; font-size:18px; } .main_5 .i_cyzx .i_cyzxnr{ width:400px; height:278px; float:left; border:1px solid #d6a209; border-top:none; padding:10px; background-color:#FFF; overflow:hidden; } .txtMarquee-top{ width:400px; overflow:hidden; position:relative; } .txtMarquee-top .infoList li{ height: auto; line-height:24px; } .txtMarquee-top .infoList li .date{ width:100%; height:auto; float:left; color:#999; } .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;} .clearfix{display:inline-table;}/* Hides from IE-mac */ *html .clearfix{height:1%;} .clearfix{display:block;}/* End hide from IE-mac */ *+html .clearfix{min-height:1%;} /* section */ .section{width:1190px;margin:40px auto 0 auto;overflow:hidden; padding:10px 0px 0px 10px;} .section ul{width:1190px;} .section ul li{float:left; margin-bottom:13px;display:inline;width:297px;height:211px;overflow:hidden;position:relative;} .section ul li .photo{width:289px;height:209px;overflow:hidden; border:1px solid #740000;} .section .rsp{width:291px;height:211px;overflow:hidden;position: absolute; top:0px;left:0px;} .section .text{position:absolute;width:291px;height:209px;left:0px;top:0px;overflow:hidden;} .section .text h3{width:202px;margin-top:76px;height:55px;line-height:55px;text-align:center;color:#FFFFFF; border:1px solid #f8f8f8; font-family:"microsoft yahei";font-size:26px; margin-left:42px; } /*二级左侧栏目效果*/ .product_left{width:1200px;height:auto; overflow:hidden;} .product_left .title{height:56px; line-height:56px; text-align:left; padding-left:19px; font-size:24px;background:url(../Images/left_title_bg.png) top no-repeat} .product_left .title > span{ font-size:20px} .product_left ul{background:#ffffff; } .product_left li{ height:40px; width:200px; cursor:pointer; font-size:16px; font-weight:bold; float:left; background-color:#383838; text-align:center; color:#fff; margin-right:20px;} .product_left .pmenu_one span,.product_left .pmenu_one dd{display:block; height:40px;line-height:40px; width:100%; font-size:14px; color:#fff; text-overflow: ellipsis;white-space: nowrap; overflow:hidden; color:#fff; } .product_left .pmenu_one .on,.product_left .pmenu_one span:hover,.product_left .pmenu_one dd a{color:#FFFFFF;} .product_left .pmenu_one .on,.product_left .pmenu_one span:hover,.product_left .pmenu_one dd:hover{ height:40px;line-height:40px; background-color:#0774cf; color:#FFFFFF; text-align:center; } .product_left .pmenu_one .on a,.product_left .pmenu_one span:hover a,.product_left .pmenu_one dd:hover a{ width:200px; height:40px; line-height:40px; display:block; color:#FFFFFF;} .product_left .pmenu_two{padding-top:0px; display:none} .product_left .pmenu_two ul{display: none; width: 100%; height: auto;padding-top:0px;} .product_left .pmenu_two li { height:43px;line-height:43px; background:#f7f7f7; color:#0054aa; font-weight:bold; width:100%; overflow:hidden; } .product_left .pmenu_two li a{ color:#034196; font-size:14px; font-weight:100; font-weight:bold; } .product_left .pmenu_two li:hover{ background:#f7f7f7; border-bottom: solid 1px #dedede;} .product_left .pmenu_two li:hover a{color:#de7600; } .product_left .pmenu_two li .on{color:#ffffff; padding:5px 20px; } .main_b2k{ width:100%; height: auto; margin:0px auto; overflow:hidden; background-color:#ececec; padding-top:40px; padding-bottom:40px; } .main_b2{ width:1100px; height: auto; margin:0px auto; overflow:hidden;} /*aboutus*/ .about_k{ width:100%; height:auto; margin:0 auto;overflow:hidden; padding:30px 0px; background-color:#ae3c19; } .about{ width:1200px; height:auto; margin:0 auto; } .aboutus{ width:884px; height: auto; float:left; background-color:#ffd87f; padding:18px; background:url('../Image/about_dbtp.png') left bottom no-repeat #ffd87f; padding-bottom:260px; } .aboutus_bt{ width:884px; height:150px; float:left; background:url('../Image/about_btbj.png') left center no-repeat;} .aboutus_bt li{ width:884px; height:41px; line-height:41px; float:left; text-indent:15px; color:#0054a1; font-weight:bold; font-size:16PX;} .aboutus_bt span{ font-family:'Microsoft YaHei'; font-size:12px; font-weight:100; text-align:left; font-weight:bold; font-size:16PX;} .aboutus_bt a{ float:right; color:#333; margin-right:10px; font-weight:100; font-size:14px; } .aboutus_nr{ width:864px; height:208px; float:left; overflow:hidden; padding-top:10px; line-height:28px; padding:10PX; color:#3e0001; font-weight:bold; } /*news*/ /*contact us*/ .i_contact{ width:265px; height: auto; float:right; margin-top:20px; } .i_contact_bt{ width:265px; height:46px; line-height:46px; float:left; background-color:#740000; border-radius: 10px 10px 0px 0px;} .i_contact_bt li{ width:265px; height:46px; line-height:46px; float:left; text-indent:25px; color:#fff; font-weight:bold; font-size:18PX; font-weight:bold; } .i_contact_bt span{ font-family:'Microsoft YaHei'; font-size:12px; font-weight:100; text-align:left; font-weight:bold; font-size:16PX; } .i_contact_bt a{ float:right; color:#333; margin-right:10px; font-weight:100; font-size:14px;} .i_contact_nr{ width:258px; height:295px; float:left; overflow:hidden; padding:10px; background:url('../Image/news_bj.jpg') left top repeat-y; color:#000000; font-weight:bold; } .zjy .dd{ transition:all 1.5s;-moz-transition:all 1.5s; -webkit-transition:all 1.5s; margin:155px auto 50px;background:rgb(220,220,220);width:256px;height:256px;/*padding-top:70px;border:2px solid rgb(201,201,201);border-radius:87px;box-shadow: 0px 0px 6px rgb(190,190,190);font-size:15px;*/ background:url('../Image/zjy.png') center center no-repeat; } .zjy .dd p{width:100%;text-align:center;} .zjy .dd:hover{-webkit-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg);transform: rotateZ(360deg);/*background:rgb(152,191,33)*/;width:256px;height:256px;/*padding-top:110px;border-color:rgb(255,255,255);box-shadow:0px 0px 6px rgb(223,60,60);color:rgb(255,255,255);border-radius:125px;font-size:23px;*/} /*******footer************/ .footer{ overflow:hidden; float:left; width:100%; } footer{ z-index:180; width:100%; height:auto; display:block; left:0; bottom:0; position:fixed; display:-webkit-box;display:-moz-box; display:box; display:-ms-flexbox; display:-webkit-flex; display:-moz-flex; display:-ms-flex; display:flex; padding-bottom:38px; } footer a.button { color: black;} footer .icon:not(.button):before { display: block; position: relative; top: 2px; left: 0; font-size: 25px; margin: auto; width: 100%; margin-bottom: 5px;} .one-touch{ width:100%; background:#272d3b; color:#fff;font-size:1em !important; -webkit-backface-visibility:hidden; backface-visibility:hidden; -webkit-perspective:1000; perspective:1000;} .one-touch a{ float:left; width:24.3%;margin-top: 5px;display:block; color:#fff;text-align:center; cursor:pointer;} .one-touch a:visited{ color:#fff;} .one-touch a.pressed{ color:#fff;} .one-touch a > span{ display:block; font-size:0.8em; font-family: "Microsoft Yahei"; margin-bottom: 5px;} .one-touch .iconfont{ font:2em/1.2 "Microsoft Yahei";} .fa-phone-square{ position:relative;} .fa-phone-square span{ position:absolute;display:block; right:0px; top:0px; width:15px; height:15px;} .fa-phone-square .f_ones{ background:url('../Image/f_ones.png') no-repeat;-webkit-animation: heartbeat 1.2s infinite; animation: heartbeat 1.2s infinite; } .fa-phone-square:before{-webkit-animation: heartbeat 1.2s infinite; animation: heartbeat 1.2s infinite;} /*首页搜索框代码*/ .ect-text-left{text-align:left;} .ect-border-none{border:none;} .ect-margin-lr{margin-left:0.6em; margin-right:0.6em;} .ect-margin-tb{margin-top:0.6em; margin-bottom:0.6em;} .ect-padding-lr{padding-left:0.6em; padding-right:0.6em;} .ect-padding-tb{padding-top:0.6em; padding-bottom:0.6em;} .ect-border-radius100{ border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; -o-border-radius: 100%;} .ect-border-radius0{ border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; -o-border-radius:0;} .ect-icon-color{color:silver;} .ect-diaplay-box{display: -webkit-box;display: -moz-box;display: -ms-box;display: box;} .ect-box-flex{-webkit-box-flex: 1;-moz-box-flex: 1;-ms-box-flex: 1;box-flex: 1; display:block; width:100%;} .ect-margin-bottom0{margin-bottom:0 !important;} .ect-clear-over{clear:both; overflow:hidden; height:auto;} .ect-btn-info{width:100%;} .ect-header{height:2.5em; position:relative;} .ect-header span{font-size:1.4em; position:absolute; left:2.4em; right:3em; top:0.24em} .ect-header a{width:2.5em; height:2.5em;} .ect-icon{background-repeat:no-repeat; background-position:center center; background:url(../images/iconall.png) no-repeat; background-size:15em;} .ect-icon1{background-size:18em;} .ect-icon-cate3{background-position:-0.1em 0em; } .ect-icon-home{background-position:-6.45em -0.2em;} .ect-icon-search{background-position:-10.8em -0.2em;} .ect-icon-search1{background-position:-12.85em 0em;} .ect-icon-cate{background-position:-0.1em 0em; background-size:13em;} .ect-icon-flow{background-position:-2.7em -0.15em;} .ect-icon-user{background-position:-12.98em -0.15em;} .ect-icon-history{background-position:-5.4em -0.1em;} .btn-info{border:none; background:#5babe6; padding:0.5em 0; font-size:1.3em;} .btn-info:hover{background:#5babe6;} .two-btn{display: -webkit-box;display: -moz-box;display: -ms-box;display: box; } .two-btn .btn{-webkit-box-flex: 1;-moz-box-flex: 1;-ms-box-flex: 1;box-flex: 1; display:block; width:100%;} .two-btn .btn:nth-child(2){margin-left:0.6em;} .input-text{position:relative; font-size:1.1em;} .input-text b{display:block; float:left; width:6m;} .input-text span{ position: absolute; left: 6.2em; right: 0em; } .input-text input[type=text],.input-text textarea,.input-text input[type=password]{border:none; width:100%; padding:0;} .input-text textarea{width:100%; margin-top:0.6em; height:6em;} .input-text.code span{right:6em;} .input-text.code a,button{ text-align:center; font-size:0.8em; border-radius:5px; display:block;} .input-text img{width:3em; height:auto;} .ect-header-div{margin-left:3em;} .ect-btn-search,.ect-btn-search:active,.ect-btn-search:focus,.ect-btn-search:hover{color:silver; border:none; background:#fff; width:100%; height:2.5em; line-height:2.5em; display:block; padding:0 0.6em; font-size:1em;} .input-search{position:relative; margin-top:0.8em; height:auto; height:3em; overflow:hidden; width: 96%} .input-search span{position:absolute; left:0em; right:2.9em;} .input-search span input{width:100%; height:2.49em; font-size:1.2em; padding:0 0.6em; box-sizing:border-box; border-radius:0; border:none; border-radius:0.4em 0 0 0.4em;} .input-search button{width:3.6em; height:3.8em; background:#e6e6e6; display:block; position:absolute; right:0em; border-radius: 0 0.4em 0.4em 0; border:none;} .input-search button i{color:#999; font-size:1.8em;} .hot-search{margin-top:0.4em; display:table; width:100%;} .hot-search p{margin-top:0.5em;} .hot-search h4{height:1.6em;} .hot-search a{display:table-cell; float:left; padding:0.8em; background:#fff; margin-right:0.6em; margin-bottom:0.6em; border-radius:0.4em;}