@charset "utf-8";::-webkit-scrollbar {width:8px;height:8px;background-color:#F5F5F5;} ::-webkit-scrollbar-track {border-radius:10px;background-color:#E2E2E2;} ::-webkit-scrollbar-thumb {border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#555;} ::selection {background-color:#333;color:#fff;} ::-moz-selection {background-color:#333;color:#fff;} ::-webkit-selection {background-color:#333;color:#fff;} * {padding:0;margin:0;font-family:'Microsoft YaHei',arial,helvetica,clean,sans-serif;} body {font:14px/1.231 'Microsoft YaHei',arial,helvetica,clean,sans-serif;color:#333;margin:0;line-height:1.5;} *:before,*:after {box-sizing:content-box;} :focus {outline:1;} article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary {display:block;} a {color:#333;text-decoration:none;} a:link,a:hover,a:active,a:visited {text-decoration:none;} ins {background-color:#ff9;color:#000;text-decoration:none;} mark {background-color:#ff9;color:#000;font-style:italic;font-weight:bold;} del {text-decoration:line-through;} table {border-collapse:collapse;border-spacing:0;} hr {display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0;} input,select {vertical-align:middle;} li,ul {list-style-type:none;} img {border:none;} input,textarea {outline:0;border:0;resize:none;} h1,h2,h3,h4,h5,h6,dl,dd,dt,i,em {font-weight:normal;font-style:normal;} .fixedNav {position:fixed;top:0px;left:0px;width:100%;z-index:100000;_position:absolute;_top:expression(eval(document.documentElement.scrollTop));box-shadow:0px 10px 12px rgba(0,0,0,.1);} html {cursor:url(../images/cur.png),default;} a {cursor:url(../images/Acur.png),default;} textarea {animation:animated 1s infinite;-moz-animation:animated 1s infinite;-webkit-animation:animated 1s infinite;-o-animation:animated 1s infinite;} input[type="text"] {animation:animated 1s infinite;-moz-animation:animated 1s infinite;-webkit-animation:animated 1s infinite;-o-animation:animated 1s infinite;} input[type="button"] {cursor:url(../images/Acur.png),default !important;} input,button {outline:none;} @keyframes animated {0% {cursor:url('../images/Pcuro1.png'),auto;} 8.8% {cursor:url('../images/Pcuro2.png'),auto;} 17.6% {cursor:url('../images/Pcuro3.png'),auto;} 26.4% {cursor:url('../images/Pcuro4.png'),auto;} 35.2% {cursor:url('../images/Pcuro5.png'),auto;} 44% {cursor:url('../images/Pcuro6.png'),auto;} 52.8% {cursor:url('../images/Pcuro7.png'),auto;} 61.6% {cursor:url('../images/Pcuro8.png'),auto;} 70.4% {cursor:url('../images/Pcuro9.png'),auto;} 79.2% {cursor:url('../images/Pcuro10.png'),auto;} 88% {cursor:url('../images/Pcuro11.png'),auto;} 100% {cursor:url('../images/Pcuro12.png'),auto;} } .wjdh-ico1,wjdh-ico2 {vertical-align:middle;} /* 询盘信息 */.topxunpan {width:200px;height:100px;background:#333;float:right;} .thisxp {width:200px;height:100px;line-height:100px;text-align:center;} .topxunpan .xp {position:relative;margin-right:10px;line-height:100px;color:#fff;font-size:12px;cursor:pointer;} .topxunpan .xp img {position:relative;top:2px;margin-right:2px;} .topxunpan .xp i {display:inline-block;width:32px;height:100px;line-height:100px;margin:0 4px;text-align:center;background:url(../images/juxing.png) center 34px no-repeat;color:#333;font-weight:bold;box-sizing:border-box;} .topxunpan .xp #xunpantip {z-index:999;position:absolute;top:35px;left:50%;width:180px;height:30px;line-height:30px;text-align:center;color:#fff;font-size:14px;-webkit-transform:translateX(-50%) scale(0);-moz-transform:translateX(-50%) scale(0);-o-transform:translateX(-50%) scale(0);-ms-transform:translateX(-50%) scale(0);transform:translateX(-50%) scale(0);-webkit-transition:transform .4s,opacity .4s;-moz-transition:transform .4s,opacity .4s;-o-transition:transform .4s,opacity .4s;-ms-transition:transform .4s,opacity .4s;transition:transform .4s,opacity .4s;background-color:#333;border-radius:4px;opacity:0;font-weight:bold;box-shadow:5px 5px 2px #dfdfdf;} .topxunpan .xp #xunpantip::after {content:'';position:absolute;top:-16px;left:50%;width:0;height:0;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);-ms-transform:(-50%);transform:translateX(-50%);border:8px solid transparent;border-bottom-color:#333;} .topxunpan .xp #xunpantip.xunpantextactive {-webkit-transform:translateX(-50%) scale(1);-moz-transform:translateX(-50%) scale(1);-o-transform:translateX(-50%) scale(1);-ms-transform:translateX(-50%) scale(1);transform:translateX(-50%) scale(1);opacity:1;} .topxunpan i {font-weight:normal;font-style:normal;} /*导航开始*/.nav_xiala_aa {width:100%;height:100px;background:rgba(0,0,0,0);position:relative;z-index:99;} .nav_xiala_xx {width:1300px;margin:0 auto;height:100px;background:#fff;} .nav_xiala_xx h1 {height:100px;margin:0;box-sizing:content-box;float:left;} .nav_xiala_xx h1 .logo {width:162px;height:55px;display:block;vertical-align:top;margin:23px 0 0 40px;} .nav_xiala_aa .tel {font-size:22px;color:#332c2b;line-height:100px;float:left;background:url(../images/tel01.png) left center no-repeat;padding-left:35px;} .nav_xiala {height:100px;box-sizing:content-box;float:left;margin-right:40px;} .nav_xiala ul {height:100px;margin-left:100px;} .nav_xiala ul li {float:left;width:120px;height:100px;text-align:center;position:relative;-webkit-transition:all .5s;transition:all .5s;} .nav_xiala > ul > li > a {font-size:16px;display:block;height:100px;line-height:100px;color:#332c2b;overflow:hidden;background-size:100% 0%;-webkit-transition:all .5s;transition:all .5s;} .nav_xiala ul li:hover {color:#333;background-size:100% 100%;} .nav_xiala ul li:hover > a {color:#333;position:relative;font-weight:bold;} .nav_xiala > ul > li > a:hover {font-weight:bold;background-size:100% 100%;color:#333;-webkit-transition:all .5s;transition:all .5s;} .nav_xiala > ul > li > a::after {content:'';width:0;height:2px;background:#333;position:absolute;bottom:20px;left:0;-webkit-transition:all .5s;transition:all .5s;} .nav_xiala > ul > li:hover > a::after {content:'';width:100%;height:2px;background:#333;position:absolute;bottom:20px;left:0;-webkit-transition:all .5s;transition:all .5s;} .nav_xiala .erji_xiala {position:absolute;top:100px;left:0px;z-index:20;height:0px;visibility:hidden;width:130px;/*和一级栏目一样宽度*/} .nav_xiala .erji_xiala i {display:block;opacity:0;border-bottom:1px solid rgba(255,255,255,0.35);background:#525252;position:relative;} .nav_xiala .erji_xiala i a {height:40px;line-height:40px;font-size:14px;display:block;color:#FFF;padding:0 20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} .nav_xiala .erji_xiala i a:hover {color:#FFF;} .nav_xiala .erji_xiala i:hover {background:#333;} .nav_xiala .erji_xiala i a {background-size:0% 100%;-webkit-transition:all .5s;transition:all .5s;} .nav_xiala .erji_xiala i a:hover {background:-webkit-linear-gradient(left,#333,#333) no-repeat;color:#fff;background:linear-gradient(to right,#333,#333) no-repeat;background-size:100% 100%;} .nav_xiala ul li:hover .erji_xiala {height:auto;visibility:visible;} .nav_xiala .erji_xiala i {opacity:0;transform:rotateY(90deg);transition:.5s;} .nav_xiala ul li:hover .erji_xiala i {opacity:1;transform:rotateY(0);} .nav_xiala ul li:hover .erji_xiala i:nth-child(1) {transition-delay:50ms;} .nav_xiala ul li:hover .erji_xiala i:nth-child(2) {transition-delay:100ms;} .nav_xiala ul li:hover .erji_xiala i:nth-child(3) {transition-delay:150ms;} .nav_xiala ul li:hover .erji_xiala i:nth-child(4) {transition-delay:200ms;} .nav_xiala ul li:hover .erji_xiala i:nth-child(5) {transition-delay:250ms;} .nav_xiala ul li:hover .erji_xiala i:nth-child(6) {transition-delay:300ms;} .nav_xiala ul li:hover .erji_xiala i:nth-child(7) {transition-delay:350ms;} .nav_xiala ul li:hover .erji_xiala i:nth-child(8) {transition-delay:400ms;} .nav_xiala ul li:hover .erji_xiala i:nth-child(9) {transition-delay:450ms;} .nav_xiala ul li:hover .erji_xiala i:nth-child(10) {transition-delay:500ms;} .nav_xiala .erji_xiala i:nth-child(1) {transition-delay:500ms;} .nav_xiala .erji_xiala i:nth-child(2) {transition-delay:450ms;} .nav_xiala .erji_xiala i:nth-child(3) {transition-delay:400ms;} .nav_xiala .erji_xiala i:nth-child(4) {transition-delay:350ms;} .nav_xiala .erji_xiala i:nth-child(5) {transition-delay:300ms;} .nav_xiala .erji_xiala i:nth-child(6) {transition-delay:250ms;} .nav_xiala .erji_xiala i:nth-child(7) {transition-delay:200ms;} .nav_xiala .erji_xiala i:nth-child(8) {transition-delay:150ms;} .nav_xiala .erji_xiala i:nth-child(9) {transition-delay:100ms;} .nav_xiala .erji_xiala i:nth-child(10) {transition-delay:50ms;} .nav_xiala .sanji_xiala {width:165px;height:0px;visibility:hidden;position:absolute;top:0px;left:130px;/*和一级栏目一样left*/} .nav_xiala .sanji_xiala span {border-bottom:1px dashed rgba(255,255,255,0.35);display:block;background:#525252;text-align:left;opacity:0;} .nav_xiala .sanji_xiala span a {height:40px;line-height:40px;display:block;color:#FFF;font-size:14px;padding-left:10px;padding:0 8px 0 15px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} .nav_xiala .sanji_xiala span a:hover {color:#FFF;padding-left:25px;} .nav_xiala .sanji_xiala span a {background:-webkit-linear-gradient(left,#333,#333) no-repeat;background:linear-gradient(to right,#333,#333) no-repeat;background-size:100% 0%;-webkit-transition:all .5s;transition:all .5s;} .nav_xiala .sanji_xiala span a:hover {background:-webkit-linear-gradient(left,#333,#333) no-repeat;color:#fff;background:linear-gradient(to right,#333,#333) no-repeat;background-size:100% 100%;} .nav_xiala .sanji_xiala_di {background:url(../images/liqsub_ss.png) no-repeat center;width:7px;height:11px;position:absolute;top:14px;right:5px;} .nav_xiala .erji_xiala i:hover .sanji_xiala {height:auto;visibility:visible;} .nav_xiala .sanji_xiala span {opacity:0;transform:rotateY(90deg);transition:.5s;} .nav_xiala .erji_xiala i:hover .sanji_xiala span {opacity:1;transform:rotateY(0);} .nav_xiala .erji_xiala i:hover .sanji_xiala span:nth-child(1) {transition-delay:50ms;} .nav_xiala .erji_xiala i:hover .sanji_xiala span:nth-child(2) {transition-delay:100ms;} .nav_xiala .erji_xiala i:hover .sanji_xiala span:nth-child(3) {transition-delay:150ms;} .nav_xiala .erji_xiala i:hover .sanji_xiala span:nth-child(4) {transition-delay:200ms;} .nav_xiala .erji_xiala i:hover .sanji_xiala span:nth-child(5) {transition-delay:250ms;} .nav_xiala .erji_xiala i:hover .sanji_xiala span:nth-child(6) {transition-delay:300ms;} .nav_xiala .erji_xiala i:hover .sanji_xiala span:nth-child(7) {transition-delay:350ms;} .nav_xiala .erji_xiala i:hover .sanji_xiala span:nth-child(8) {transition-delay:400ms;} .nav_xiala .erji_xiala i:hover .sanji_xiala span:nth-child(9) {transition-delay:450ms;} .nav_xiala .erji_xiala i:hover .sanji_xiala span:nth-child(10) {transition-delay:500ms;} .nav_xiala > ul > li.another {color:#333;} .nav_xiala > ul > li.another > a {color:#333;position:relative;font-weight:bold;} .nav_xiala > ul > li.another > a::after {content:'';width:100%;height:2px;background:#333;position:absolute;bottom:20px;left:0;} .fixedNav {position:fixed;background:#fff;top:0px;left:0px;z-index:99999;_position:absolute;-webkit-transition:all .5s;transition:all .5s;_top:expression(eval(document.documentElement.scrollTop));box-shadow:0 8px 8px 0px rgba(0,0,0,0.08);} /*首页banner*/.pics_wrap {width:100%;overflow:hidden;max-height:900px;position:relative;z-index:0;margin-top:-100px;} } .html5zoo-img-0 img {width:100%;} .html5zoo-arrow-left-0 {left:10% !important;width:50px !important;height:50px !important;border-radius:100%;} .html5zoo-arrow-right-0 {right:10% !important;width:50px !important;height:50px !important;border-radius:100%;} .html5zoo-bullet-wrapper-0 div {margin:0 4px !important;} .html5zoo-nav-0 {margin-top:-35px !important;left:48% !important;} .html5zoo-bullet-wrapper-0 {width:100% !important;} .banner {width:100%;margin:0 auto;position:relative;} .banner ul.bb {position:relative;padding:0px;margin:0px;z-index:5;} .banner ul.bb li {position:absolute;display:none;} .banner .num {position:absolute;right:2px;bottom:10px;z-index:100;} .banner .num li {width:18px;height:18px;display:inline-block;margin-right:4px;background:#fff;line-height:18px;text-indent:-100px;overflow:hidden;border-radius:10px;} .banner .num li.num_hover {background-color:#f7de07;} .banner .num li.num_hover a {color:#fff;} .banner .num li a {float:left;display:block;text-align:center;color:#666;text-decoration:none;cursor:pointer;width:18px;height:18px;line-height:18px;} #bannerArrow,#bannerCircle {display:none;} /*幻灯片样式2*/#focus {width:255px;height:188px;overflow:hidden;position:relative;} #focus ul {height:188px;position:absolute;} #focus ul li {float:left;width:255px;height:188px;overflow:hidden;position:relative;background:#000;} #focus ul li a img {height:188px;width:255px;} #focus ul li div {position:absolute;overflow:hidden;} #focus .btnBg {position:absolute;width:255px;height:20px;left:0;bottom:0;background:#000;} #focus .btn {position:absolute;width:255px;height:10px;padding:5px 10px;right:0;bottom:0;text-align:right;} #focus .btn span {display:inline-block;_display:inline;_zoom:1;width:25px;height:10px;_font-size:0;margin-left:5px;cursor:pointer;background:#fff;} #focus .btn span.on {background:#fff;} /* banner 结束 *//* 底部信息 */.footer {width:100%;background:url(../images/ft_back.jpg) center top no-repeat;height:512px;margin-top:-1px;position:relative;padding-top:30px;box-sizing:content-box;overflow:hidden;} .footer .infro {width:1200px;margin:0 auto;overflow:hidden;} .footer .infro li {width:400px;height:auto;text-align:center;float:left;position:relative;} .footer .infro li i {display:block;width:80px;height:80px;margin:0 auto;-webkit-transform:rotateY(0);-webkit-transition:all 0.4s ease-out;transition:all 0.4s ease-out;} .footer .infro li:hover i {transform:rotateY(360deg);-webkit-transform:rotateY(360deg);} .footer .infro li:nth-of-type(1) i {background:url(../images/ft_icon_01.png) center center no-repeat;} .footer .infro li:nth-of-type(2) i {background:url(../images/ft_icon_02.png) center center no-repeat;} .footer .infro li:nth-of-type(3) i {background:url(../images/ft_icon_03.png) center center no-repeat;} .footer .infro li p:nth-of-type(1) {font-size:16px;color:#3c4250;line-height:16px;padding-bottom:19px;margin-top:14px;background:url(../images/infro_xian.png) bottom center no-repeat;box-sizing:content-box;} .footer .infro li p:nth-of-type(2) {font-size:14px;color:#2a2a2a;line-height:14px;margin-top:10px;} .footer .center {width:1150px;height:245px;margin:32px auto 0 auto;padding-left:46px;border:solid 2px #d5d5d5;border-bottom:none;box-sizing:content-box;} .footer .center .txt {overflow:hidden;width:900px;height:245pxpx;float:left;} .footer .center .txt li {float:left;width:140px;height:245px;padding-right:20px;box-sizing:content-box;box-sizing:content-box;} .footer .center .txt li:last-child {width:250px;height:245px;padding-right:0;} .footer .center .txt li:last-child {margin-right:0;} .footer .center .txt li p {font-size:16px;line-height:16px;font-weight:bold;margin:40px 0 30px 0;color:#2a2a2a;} .footer .center .txt li a {display:block;font-size:14px;line-height:14px;color:#909090;margin-bottom:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .footer .center .txt li a:hover {color:#333;} .footer .center .txt li i {display:block;font-size:14px;line-height:14px;color:#909090;margin-bottom:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .footer .center .txt li i a {display:inline-block;margin:0;} .footer .center .txt li span {display:block;margin:0 15px 0 0;} .footer .center .txt li span a {display:inline-block;margin-right:10px;} .footer .center .txt li span img {vertical-align:middle;} .footer .center .ewm {width:120px;height:120px;float:right;margin:60px 50px 0 0;padding:12px;background:#333;box-sizing:content-box;} .footer .center .ewm li {width:120px;height:120px;box-sizing:content-box;} .footer .center .ewm li img {width:120px;height:120px;vertical-align:top;} .copy {height:80px;color:#fff;text-align:center;background:#333;} .copy .one {line-height:80px;} .copy img {vertical-align:middle;margin-left:20px;} .t_back {width:100%;height:0.1px;}