@charset "utf-8";
body {
margin: 0px;
font-size: 12px;
color: #333;
font-family: "微软雅黑", Arial, Helvetica, sans-serif;
cursor: default;
}
* {
padding: 0px;
margin: 0px;
}
body, ul, ol, dl, dd, h1, h2, h3, h4, h5, h6, p, i, b, em, span, form, fieldset, legend, input, textarea, select, button, th, td {
margin: 0;
padding: 0;
font-family: "微软雅黑", Arial, Helvetica, sans-serif;
font-style: normal;
}
h1, h2, h3, h4, h5, h6 {
list-style: none;
font-weight: normal;
}
input, select, button {
font-size: 12px;
font-family: "微软雅黑", Arial, Helvetica, sans-serif;
border: 0;
background: none;
outline: none;
vertical-align: middle;
}
button {
overflow: visible
}
img {
border: none;
}
li {
list-style: none;
}
a {
color: #333;
text-decoration: none;
}
a:hover {
color: #ef7e2e;
}
.clear {
overflow: hidden;
clear: both;
height: 0px;
}
.lf {
float: left;
}
.rt {
float: right;
}
::-webkit-scrollbar {
width:5px;
}
::-webkit-scrollbar-track {
background-color:#000;
}
::-webkit-scrollbar-thumb {
background-color:#ef7e2e;
}
::-webkit-scrollbar-thumb:hover {
background-color:#019375;
}
::-webkit-scrollbar-thumb:active {
background-color:#019375;
}
.rt {
width: 30px;
float: right;
cursor: pointer;
position: relative;
margin-top: 24px;
}
.sousuo {
width: 260px;
background: url(../images/3.png) no-repeat;
height: 80px;
padding: 10px 20px;
position: absolute;
right: 0px;
display: none;
padding-top: 25px;
}
.rt:hover .sousuo {
display: block;
}
.nav {
display: none;
}
.se {
width: 530px;
float: left;
}
.bu a {
width: 100%;
padding: 0px;
text-align: left;
}
.rde {
width: 30%;
float: left;
margin: 1.5%;
display: inline;
}
.rde h3 {
height: 40px;
line-height: 40px;
font-weight: bold;
color: #000;
background: url(../images/jt3.png) no-repeat left center;
}
.rde p {
line-height: 25px;
color: #777;
}
.rde h3 a {
text-align: left;
}
.syt1 {
color: #fff;
font-size: 30px;
text-align: center;
text-shadow: 1px 1px 1px #000;
transition: all 0.2s linear 0s;
padding: 60px 0px;
line-height: 30px;
}
.syt1 span {
font-size: 20px;
}
#fixedMenu_keleyi_com {
z-index: 9999;
width: 1200px;
margin: 0px auto;
}
.syt2 {
width: 1200px;
margin: 0px auto;
background-color: #F0F0F0;
}
.syt2 td {
text-align: center;
font-size: 14px;
line-height: 22px;
}
.syt2 span {
color: #666;
font-size: 14px;
}
.syt2 a {
padding: 40px 0px;
display: block;
}
.syt2 a:hover {
background-color: #f5f5f5
}
.syt2 a:hover span {
color: #fd8320;
}
.syt2 a:hover {
color: #fd8320;
}
.syt3 {
margin-top: 50px;
}
.syt3a {
width: 46%;
float: left;
margin: 2%;
margin-top: 0px;
margin-bottom: 35px;
display: inline;
}
.syt3a h3 {
font-size: 16px;
line-height: 25px;
padding: 22px 0px;
border-bottom: 1px #f58220 solid;
}
.syt3a img {
width: 100%;
height: auto;
}
.syt3a p {
line-height: 25px;
color: #777;
font-size: 14px;
padding-bottom: 15px;
padding-top: 10px;
}
.nei {
width: 1200px;
margin: 0px auto;
}
.syt3 {
padding-bottom: 50px;
}
.sey {
padding-top: 70px;
}
@media only screen and (max-width:995px) {
.se {
display: none;
}
html {
font-size: 20px;
}
.nav {
display: block;
}
input {
-webkit-appearance: none;
}
.rt {
display: none;
}
.gud img {
width: 7%;
height: auto;
}
.syt2 {
width: 100%;
}
.syt2 span {
display: none;
}
.syt2 a {
padding: 30px 0px;
}
.sey {
padding-top: 20px;
}
.syt3 {
margin-top: 0px;
}
#fixedMenu_keleyi_com {
z-index: 9999;
width: 100%;
margin: 0px auto;
}
}
.bamn1a {
width: 1200px;
margin: 0px auto;
}
.bamn1a1 {
width: 40%;
line-height: 25px;
}
.bamn1a1 h3 {
padding: 10px 0px;
font-size: 20px;
line-height: 30px;
padding-top: 100px;
}
.bamn1a1 p {
line-height: 25px;
font-size: 14px;
color: #777;
padding-top: 15px;
}
.bamn1a p {
width: 600px;
line-height: 25xp;
}
.con {
width: 1200px;
margin: 0 auto;
}
.biao {
background: url(../images/13.jpg) no-repeat right center;
font-size: 18px;
font-weight: bold;
height: 40px;
line-height: 40px;
margin-top: 20px;
}
.biao1 {
font-size: 16px;
color: #e46900;
border-bottom: 1px #e46900 dashed;
height: 45px;
line-height: 45px;
margin-top: 20px;
}
.biao2 {
background: url(../images/14.jpg) repeat-x bottom;
padding: 30px;
padding-right: 50px;
margin-top: 15px;
}
.biao2a {
width: 990px;
float: left;
}
.biao2b {
width: 50px;
float: right;
}
.bamn2a {
padding: 25px 0px;
width: 720px;
font-size: 14px;
line-height: 25px;
color: #777;
margin: 0px auto;
}
@media only screen and (max-width:995px) {
.bamn1a {
width: 100%;
margin: 0px auto;
}
.bamn1a1 {
width: 80%;
margin: 0px auto;
}
.bamn1a p {
width: 100%
}
.bamn1a1 h3 {
padding-top: 50px;
}
.con {
width: 94%;
}
.nei {
width: 100%;
}
.biao2a {
width: 70%;
float: left;
line-height: 25px;
}
.biao2b {
width: 28%;
float: right;
text-align: right;
}
.bamn2a {
width: 80%;
}
}
.syt {
width: 100%;
background: url(../images/11.jpg) no-repeat center top;
}
.header {
width: 96%;
padding: 0 2%;
z-index: 9999;
position: absolute;
top: 0;
left: 0;
}
.header .con {
padding: 10px 0;
}
.header .logo {
width: 205px;
float: left;
}
.header .logo img {
width: 100%;
height: auto;
display: block;
}
.header .hd {
width: 30px;
height: 30px;
position: relative;
float: right;
margin-left: 20px;
margin-top: 18px;
}
.header .hd .ewm {
width: 120px;
box-shadow: 0 0 5px #aaa;
border: 1px solid #e7e7e7;
position: absolute;
top: 40px;
right: 0;
display: none;
}
.header .hd .ewm img {
width: 100%;
height: auto;
display: block;
}
.header .hd:hover .ewm {
display: block;
}
.header .tel {
float: right;
font-size: 15px;
line-height: 66px;
color: #ef7e2e;
font-weight: bold;
padding-left: 26px;
background: url(../images/dh.png) no-repeat left center;
margin-right: 10px;
}
.header .an {
position: absolute;
top: 50%;
margin-top: -.9rem;
right: 2%;
height: 1.8rem;
width: 2rem;
display: none;
}
.header .an i {
display: block;
font-size: 1.2rem;
color: #ef7e2e;
line-height: 1.8rem;
position: absolute;
left: -3rem;
}
.header .an span {
width: 2rem;
height: .2rem;
background-color: #ef7e2e;
display: block;
position: absolute;
}
.header .an span.a1 {
top: 0.3rem;
left: 0;
}
.header .an span.a2 {
top: 0.8rem;
left: 0;
}
.header .an span.a3 {
top: 1.3rem;
left: 0;
}
.header .an.n span.a2 {
display: none;
}
.header .an.n span.a1 {
top: .8rem;
width: 2rem;
transition: all .3s;
-o-transition: all .3s;
-ms-transition: all .3s;
-moz-transition: all .3s;
-webkit-transition: all .3s;
transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}
.header .an.n span.a3 {
top: .8rem;
width: 2rem;
transition: all .3s;
-o-transition: all .3s;
-ms-transition: all .3s;
-moz-transition: all .3s;
-webkit-transition: all .3s;
transform: rotate(135deg);
-o-transform: rotate(135deg);
-ms-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-webkit-transform: rotate(135deg);
}
.header .nav {
width: 650px;
float: right;
margin-left: 60px;
margin-right: 30px;
}
.header .nav ul li {
width: 130px;
font-size: 15px;
line-height: 66px;
text-align: center;
float: left;
display: block;
position: relative;
}
.header .nav ul li a {
color: #555;
display: block;
transition: all 0s;
-webkit-transition: all 0s;
-moz-transition: all 0s;
-ms-transition: all 0s;
-o-transition: all 0s;
}
.header .nav ul li a:hover {
color: #ef7e2e;
}
.header .nav ul li a.on {
color: #ef7e2e;
}
.gud {
text-align: center;
margin-bottom: 25px;
}
@media only screen and (max-width:995px) {
.header .logo {
width: 30%;
height: auto;
float: left;
margin: .5rem 0;
}
.header .con {
padding: .5rem 0;
}
.header .hd {
display: none;
}
.header .tel {
display: none;
}
.header .an {
display: block;
}
.header .nav {
width: 94%;
height: 0;
padding: 0 3%;
position: fixed;
background-color: #fff;
top: 0;
left: 0;
margin: 0;
margin-top: 15%;
overflow: auto;
overflow: hidden;
z-index: 999999;
transition: all .3s;
-webkit-transition: all .3s;
-moz-transition: all .3s;
-ms-transition: all .3s;
-o-transition: all .3s;
}
.header .nav.on {
height: 97%;
padding: 0 3% 3%;
}
.header .nav ul li {
width: 100%;
background: none;
border-bottom: 1px solid #e7e7e7;
font-size: 1.2rem;
text-align: center;
line-height: 5rem;
}
.header .nav ul li a {
border: 0;
color: #555;
}
.header .nav ul li a:hover {
border: 0;
}
.header .nav ul li a.on {
border: 0;
}
}
.rollBox {
PADDING-BOTTOM: 0px;
PADDING-LEFT: 0px;
WIDTH: 1200px;
PADDING-RIGHT: 0px;
background-image: url(home_caset.gif);
background-repeat: no-repeat;
OVERFLOW: hidden;
PADDING-TOP: 15px
}
.rollBox .LeftBotton {
MARGIN: 15px 0px 0px;
WIDTH: 27px;
DISPLAY: inline;
BACKGROUND: url(../images/r.jpg) no-repeat 0px 150px;
FLOAT: left;
HEIGHT: 280px;
OVERFLOW: hidden;
CURSOR: pointer
}
.rollBox .RightBotton {
MARGIN: 15px 0px 0px;
WIDTH: 27px;
DISPLAY: inline;
BACKGROUND: url(../images/rr.jpg) no-repeat 0px 150px;
FLOAT: left;
HEIGHT: 280px;
OVERFLOW: hidden;
CURSOR: pointer;
margin-left: 10px;
}
.rollBox .Cont {
WIDTH: 1125px;
FLOAT: left;
MARGIN-LEFT: 3px;
OVERFLOW: hidden
}
.rollBox .ScrCont {
WIDTH: 1342177.27px
}
.rollBox .Cont .pic {
TEXT-ALIGN: center;
height: 319px;
overflow: hidden;
WIDTH: 335px;
line-height: 35px;
margin: 0px 20px;
FLOAT: left;
}
.lys {
border: 1px #fff solid;
position: relative;
z-index: 999;
top: -190px;
left: 130px;
width: 70px;
height: 25px;
line-height: 25px;
display: none;
}
.lys a {
color: #fff;
}
.rollBox .Cont .pic:hover img {
FILTER: alpha(opacity=80);
opacity: 0.8
}
.rollBox .Cont .pic:hover .lys {
display: block;
}
.rollBox .Cont .pic:hover p {
background-color: #ef7e2d;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
}
.rollBox .Cont .pic p {
background-color: #fff;
}
.rollBox .Cont .pic:hover a {
color: #fff;
}
.rollBox .Cont .pic IMG {
BORDER-BOTTOM: 0px;
BORDER-LEFT: 0px;
MARGIN: 0px auto;
WIDTH: 335px;
DISPLAY: block;
HEIGHT: 293px;
BORDER-TOP: 0px;
BORDER-RIGHT: 0px
}
.rollBox .Cont .pic P {
PADDING-BOTTOM: 0px;
LINE-HEIGHT: 26px;
MARGIN: 0px;
PADDING-LEFT: 0px;
PADDING-RIGHT: 0px;
COLOR: #505050;
PADDING-TOP: 0px;
font-size: 12px;
}
.rollBox .Cont A:link {
COLOR: #626466;
TEXT-DECORATION: none
}
.rollBox .Cont A:visited {
COLOR: #626466;
TEXT-DECORATION: none
}
.rollBox .Cont A:hover {
COLOR: #f00;
TEXT-DECORATION: underline
}
.rollBox #List1 {
FLOAT: left
}
.rollBox #List2 {
FLOAT: left
}
.rollBox_1 {
PADDING-BOTTOM: 0px;
PADDING-LEFT: 0px;
WIDTH: 227px;
PADDING-RIGHT: 0px;
BACKGROUND: url(subproduct_t.gif) no-repeat;
OVERFLOW: hidden;
PADDING-TOP: 35px
}
.rollBox_1 .LeftBotton {
MARGIN: 15px 0px 0px;
WIDTH: 19px;
DISPLAY: inline;
BACKGROUND: url(left_btn.gif) no-repeat 0px 20px;
FLOAT: left;
HEIGHT: 80px;
OVERFLOW: hidden;
CURSOR: pointer
}
.rollBox_1 .RightBotton {
MARGIN: 15px 0px 0px;
WIDTH: 20px;
DISPLAY: inline;
BACKGROUND: url(right_btn.gif) no-repeat 10px 20px;
FLOAT: left;
HEIGHT: 80px;
OVERFLOW: hidden;
CURSOR: pointer
}
.rollBox_1 .Cont {
WIDTH: 185px;
FLOAT: left;
MARGIN-LEFT: 3px;
OVERFLOW: hidden
}
.rollBox_1 .ScrCont {
WIDTH: 100000px
}
.rollBox_1 .Cont .pic {
TEXT-ALIGN: center;
WIDTH: 185px;
FLOAT: left
}
.rollBox_1 .Cont .pic IMG {
BORDER-BOTTOM: 0px;
BORDER-LEFT: 0px;
MARGIN: 0px auto;
DISPLAY: block;
BORDER-TOP: 0px;
BORDER-RIGHT: 0px
}
.rollBox_1 .Cont .pic P {
PADDING-BOTTOM: 0px;
LINE-HEIGHT: 26px;
MARGIN: 0px;
PADDING-LEFT: 0px;
PADDING-RIGHT: 0px;
COLOR: #505050;
PADDING-TOP: 0px
}
.rollBox_1 .Cont A:link {
COLOR: #626466;
TEXT-DECORATION: none
}
.rollBox .Cont A:visited {
COLOR: #626466;
TEXT-DECORATION: none
}
.rollBox_1 .Cont A:hover {
COLOR: #f00;
TEXT-DECORATION: underline
}
.rollBox_1 #List1 {
FLOAT: left
}
.rollBox #List2 {
FLOAT: left
}
.head_h {
width: 100%;
}
.gallery-top {
width: 100%;
height: 780px;
}
.gallery-top .swiper-slide {
width: 100%;
height: 100%;
position: relative;
}
.gallery-top .swiper-slide .hb {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
}
.gallery-top .swiper-slide .wz {
width: 1000px;
color: #fff;
text-align: center;
position: absolute;
left: 50%;
margin-left: -500px;
top: 50%;
margin-top: -48px;
}
.gallery-top .swiper-slide .wz h3 {
font-size: 36px;
color: #ef7e2e;
letter-spacing: 3px;
line-height: 50px;
margin-bottom: 20px;
}
.gallery-top .swiper-slide .wz p {
font-size: 18px;
letter-spacing: 1px;
line-height: 36px;
}
.cc{ display: none}
.c-banner{ display: none}
@media only screen and (max-width:995px) {
.cc{ display: block;}
.c-banner{ display: block;}
.rollBox .Cont .pic:hover .lys {
display: none;
}
.gallery-top {
width: 100%;
height: 18rem;
}
.gallery-top .swiper-slide .wz {
width: 80%;
color: #fff;
text-align: center;
position: absolute;
left: 10%;
margin-left: auto;
top: 50%;
margin-top: -48px;
}
.gallery-top .swiper-slide .wz h3 {
font-size: 1.6rem;
line-height: 3rem;
margin-bottom: .5rem;
}
.gallery-top .swiper-slide .wz p {
font-size: 1.2rem;
line-height: 2.2rem;
}
.gallery-top .swiper-button-next {
display: none;
}
.gallery-top .swiper-button-prev {
display: none;
}
.gallery-top .swiper-pagination-bullet {
width: 1.5rem;
height: .2rem;
margin: 0 .5rem !important;
}
.gallery-top .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets {
bottom: 1rem;
}
.rollBox {
display: none!important;
PADDING-BOTTOM: 0px;
PADDING-LEFT: 0px;
WIDTH: 100%;
PADDING-RIGHT: 0px;
background-image: url(home_caset.gif);
background-repeat: no-repeat;
OVERFLOW: hidden;
PADDING-TOP: 15px
}
.rollBox .LeftBotton {
MARGIN: 15px 0px 0px;
WIDTH: 10%;
DISPLAY: inline;
BACKGROUND: url(../images/r.jpg) no-repeat 0px 150px;
FLOAT: left;
HEIGHT: 280px;
OVERFLOW: hidden;
CURSOR: pointer
}
.rollBox .RightBotton {
MARGIN: 15px 0px 0px;
WIDTH: 10%;
DISPLAY: inline;
BACKGROUND: url(../images/rr.jpg) no-repeat right 150px;
FLOAT: left;
HEIGHT: 280px;
OVERFLOW: hidden;
CURSOR: pointer;
margin-left: 10px;
}
.rollBox .Cont {
WIDTH: 75%;
FLOAT: left;
MARGIN-LEFT: 3px;
OVERFLOW: hidden
}
.rollBox .ScrCont {
WIDTH: 1342177.27px
}
.rollBox .Cont .pic {
TEXT-ALIGN: center;
WIDTH: 80%;
padding: 10px;
padding-bottom: 25px;
background: #fff;
margin: 0px 15px;
FLOAT: left;
}
.rollBox .Cont .pic img {
BORDER-BOTTOM: 0px;
BORDER-LEFT: 0px;
MARGIN: 0px auto;
WIDTH: 100%;
DISPLAY: block;
HEIGHT: 293px;
BORDER-TOP: 0px;
BORDER-RIGHT: 0px
}
.rollBox .Cont .pic img {
width: 100%!important;
height: auto!important;
max-width: 250px!important;;
}
.rollBox .Cont .pic P {
PADDING-BOTTOM: 0px;
LINE-HEIGHT: 26px;
MARGIN: 0px;
PADDING-LEFT: 0px;
PADDING-RIGHT: 0px;
COLOR: #505050;
PADDING-TOP: 0px;
font-size: 12px;
}
.rollBox .Cont A:link {
COLOR: #626466;
TEXT-DECORATION: none
}
.rollBox .Cont A:visited {
COLOR: #626466;
TEXT-DECORATION: none
}
.rollBox .Cont A:hover {
COLOR: #f00;
TEXT-DECORATION: underline
}
.rollBox #List1 {
FLOAT: left
}
.rollBox #List2 {
FLOAT: left
}
.rollBox_1 {
PADDING-BOTTOM: 0px;
PADDING-LEFT: 0px;
WIDTH: 227px;
PADDING-RIGHT: 0px;
BACKGROUND: url(subproduct_t.gif) no-repeat;
OVERFLOW: hidden;
PADDING-TOP: 35px
}
.rollBox_1 .LeftBotton {
MARGIN: 15px 0px 0px;
WIDTH: 19px;
DISPLAY: inline;
BACKGROUND: url(left_btn.gif) no-repeat 0px 20px;
FLOAT: left;
HEIGHT: 80px;
OVERFLOW: hidden;
CURSOR: pointer
}
.rollBox_1 .RightBotton {
MARGIN: 15px 0px 0px;
WIDTH: 20px;
DISPLAY: inline;
BACKGROUND: url(right_btn.gif) no-repeat 10px 20px;
FLOAT: left;
HEIGHT: 80px;
OVERFLOW: hidden;
CURSOR: pointer
}
.rollBox_1 .Cont {
WIDTH: 185px;
FLOAT: left;
MARGIN-LEFT: 3px;
OVERFLOW: hidden
}
.rollBox_1 .ScrCont {
WIDTH: 100000px
}
.rollBox_1 .Cont .pic {
TEXT-ALIGN: center;
WIDTH: 185px;
FLOAT: left
}
.rollBox_1 .Cont .pic IMG {
BORDER-BOTTOM: 0px;
BORDER-LEFT: 0px;
MARGIN: 0px auto;
DISPLAY: block;
BORDER-TOP: 0px;
BORDER-RIGHT: 0px
}
.rollBox_1 .Cont .pic P {
PADDING-BOTTOM: 0px;
LINE-HEIGHT: 26px;
MARGIN: 0px;
PADDING-LEFT: 0px;
PADDING-RIGHT: 0px;
COLOR: #505050;
PADDING-TOP: 0px
}
.rollBox_1 .Cont A:link {
COLOR: #626466;
TEXT-DECORATION: none
}
.rollBox .Cont A:visited {
COLOR: #626466;
TEXT-DECORATION: none
}
.rollBox_1 .Cont A:hover {
COLOR: #f00;
TEXT-DECORATION: underline
}
.rollBox_1 #List1 {
FLOAT: left
}
.rollBox #List2 {
FLOAT: left
}
}
.tu {
width: 340px;
float: left;
margin: 37px;
display: inline;
margin-top: 0px;
}
.gus {
width: 1250px;
}
.tu h3 {
font-size: 14px;
padding: 10px 0px;
line-height: 25px;
border-bottom: 1px #F4821F solid;
font-weight: bold;
}
.tu img {
width: 100%;
height: auto;
}
.tu P {
font-size: 14px;
padding: 15px 0px;
color: #777;
line-height: 25px;
}
.anniu {
background-color: #F4821F;
width: 80px;
height: 30px;
line-height: 30px;
text-align: center;
border-radius: 10px;
}
.anniu a {
color: #fff;
}
.sy_bt {
width: 100%;
overflow: hidden;
text-transform: uppercase;
text-align: center;
margin-bottom: 40px;
}
.sy_bt h3 {
font-size: 32px;
color: #666;
margin-bottom: 5px;
}
.sy_bt i {
font-size: 16px;
color: #ef7e2e;
}
.sy_bt p {
font-size: 18px;
color: #999;
margin-top: 10px;
}
.tu h3 a {
color: #444;
}
.sy_bt span {
width: 210px;
height: 3px;
background: url(../images/hx.jpg) no-repeat center;
display: block;
margin: 10px auto 0;
}
@media only screen and (max-width:995px) {
.gus {
width: 90%;
}
.tu {
width: 100%;
margin: 0px;
margin-bottom: 25px;
}
.sy_bt {
margin-bottom: 2rem;
}
.sy_bt h3 {
font-size: 1.6rem;
margin-bottom: .5rem;
}
.sy_bt i {
font-size: 1rem;
}
.sy_bt p {
font-size: 1.2rem;
}
.sy_bt span {
margin: .5rem auto 0;
width: 30%;
background-size: 100%;
}
}
.sy_js {
width: 100%;
padding: 70px 0;
background-color: #fff;
overflow: hidden;
}
.sy_js .con {
position: relative;
}
.sy_js .sy_bt {
width: 600px;
float: left;
}
.sy_js .wz {
width: 600px;
float: left;
}
.sy_js .wz .js {
font-size: 14px;
line-height: 26px;
color: #555;
}
.sy_js .wz a.mr {
width: 160px;
height: 50px;
border-radius: 30px;
border: 1px solid #ef7e2e;
font-size: 16px;
color: #ef7e2e;
line-height: 50px;
text-align: center;
display: block;
margin: 50px auto 0;
transition: all .5s;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-o-transition: all .5s;
}
.sy_js .wz a.mr:hover {
color: #fff;
border: 1px solid #ef7e2e;
box-shadow: inset -160px 0 0 0 #ef7e2e;
-webkit-box-shadow: inset -160px 0 0 0 #ef7e2e;
-moz-box-shadow: inset -160px 0 0 0 #ef7e2e;
-ms-box-shadow: inset -160px 0 0 0 #ef7e2e;
-o-box-shadow: inset -160px 0 0 0 #ef7e2e;
}
.sy_js .tp {
width: 540px;
position: absolute;
top: 50px;
right: 0;
}
.sy_js .tp img {
width: 100%;
height: auto;
display: block;
}
@media only screen and (max-width:995px) {
.sy_js {
padding: 2rem 0;
}
.sy_js .sy_bt {
width: 100%;
float: none;
}
.sy_js .wz {
width: 100%;
margin-bottom: 1rem;
float: none;
}
.sy_js .wz .js {
font-size: 1rem;
line-height: 2rem;
}
.sy_js .wz a.mr {
width: 10rem;
height: 2.6rem;
border-radius: 1rem;
font-size: 1rem;
line-height: 2.6rem;
margin: 2rem auto 0;
}
.sy_js .wz a.mr:hover {
color: #ef7e2e;
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
}
.sy_js .tp {
width: 100%;
margin-bottom: 1rem;
position: relative;
top: auto;
right: auto;
}
}
.sy_cp {
width: 100%;
background: url(../images/bj1.jpg) no-repeat center / cover fixed;
padding: 70px 0;
overflow: hidden;
}
.sy_cp .sy_bt h3 {
color: #fff;
}
.sy_cp .sy_bt p {
color: #fff;
}
.sy_cp .cp {
width: 100%;
overflow: hidden;
}
.sy_cp .cp .hd {
width: 100%;
text-align: center;
overflow: hidden;
}
.sy_cp .cp .hd ul li {
width: 120px;
border: 1px solid #fff;
font-size: 16px;
line-height: 36px;
color: #fff;
display: inline-block;
margin: 0 10px;
cursor: pointer;
transition: all .3s;
-o-transition: all .3s;
-ms-transition: all .3s;
-moz-transition: all .3s;
-webkit-transition: all .3s;
}
.sy_cp .cp .hd ul li:hover {
border: 1px solid #ef7e2e;
box-shadow: inset -160px 0 0 0 #ef7e2e;
-webkit-box-shadow: inset -160px 0 0 0 #ef7e2e;
-moz-box-shadow: inset -160px 0 0 0 #ef7e2e;
-ms-box-shadow: inset -160px 0 0 0 #ef7e2e;
-o-box-shadow: inset -160px 0 0 0 #ef7e2e;
}
.sy_cp .cp .hd ul li.on {
border: 1px solid #ef7e2e;
background-color: #ef7e2e;
}
.sy_cp .cp .bd {
width: 100%;
text-align: center;
margin: 30px auto 0;
}
.sy_cp .cp .bd ul li {
width: 280px;
margin: 0 10px 20px;
float: left;
}
.sy_cp .cp .bd img {
width: 100%;
height: auto;
display: block;
}
.sy_cp .cp .bd .wz {
padding: 12px 8px;
background-color: #fff;
margin-top: 2px;
margin-bottom: 10px;
}
.sy_cp .cp .bd h3 {
font-size: 16px;
font-weight: normal;
line-height: 30px;
margin-bottom: 5px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.sy_cp .cp .bd h4 {
color: #999;
font-weight: normal;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.sy_cp .cp .bd a.mr {
width: 110px;
height: 30px;
margin-left: 14px;
text-align: center;
line-height: 30px;
font-size: 12px;
border: 1px solid #fff;
color: #fff;
display: block;
float: left;
}
.sy_cp .cp .bd a.mr:hover {
border: 1px solid #ef7e2e;
background-color: #ef7e2e;
}
.sy_cp .cp .bd a.zx {
width: 110px;
height: 30px;
margin-right: 14px;
text-align: center;
line-height: 30px;
font-size: 12px;
border: 1px solid #c5f6ec;
background-color: #c5f6ec;
color: #ef7e2e;
display: block;
float: right;
}
@media only screen and (max-width:995px) {
.sy_cp {
background: #313849;
padding: 2rem 0;
}
.sy_cp .cp .hd {
width: 100%;
text-align: center;
overflow: hidden;
}
.sy_cp .cp .hd ul li {
width: 25%;
font-size: 1.2rem;
line-height: 3rem;
margin: 0 1.5%;
}
.sy_cp .cp .hd ul li:hover {
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
}
.sy_cp .cp .bd {
margin: 2rem auto 0;
}
.sy_cp .cp .bd ul li {
width: 46%;
margin: 0 2% 4%;
}
.sy_cp .cp .bd .wz {
padding: .3rem;
margin-bottom: 1rem;
}
.sy_cp .cp .bd h3 {
font-size: 1.2rem;
line-height: 2.4rem;
margin: 0;
}
.sy_cp .cp .bd h4 {
font-size: 1rem;
line-height: 1.8rem;
}
.sy_cp .cp .bd a.mr {
width: 46%;
height: 2rem;
margin-left: 0;
line-height: 2rem;
font-size: 1rem;
}
.sy_cp .cp .bd a.zx {
width: 46%;
height: 2rem;
margin-right: 0;
line-height: 2rem;
font-size: 1rem;
}
}
.sy_jm {
width: 100%;
padding-top: 70px;
}
.sy_jm .tp {
width: 24.9%;
margin: 0 .05% .1%;
height: 600px;
float: left;
position: relative;
}
.sy_jm .tp .hb {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-color: rgba(0,0,0,.6);
}
.sy_jm .tp .wz {
width: 80%;
position: absolute;
left: 10%;
top: 50%;
margin-top: -80px;
text-align: center;
font-size: 14px;
line-height: 26px;
color: #fff;
}
.sy_jm .tp .wz h3 {
font-size: 22px;
line-height: 30px;
margin-bottom: 15px;
}
.sy_jm .tp .wz a {
width: 60px;
height: 60px;
margin: 30px auto 0;
display: block;
transition: all .5s;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-o-transition: all .5s;
}
.sy_jm .tp .wz a img {
width: 60px;
height: 60px;
display: block;
}
.sy_jm .tp:hover .wz a {
margin-top: 50px;
}
@media only screen and (max-width:995px) {
.sy_jm {
padding-top: 2rem;
}
.sy_jm .tp {
width: 48%;
margin: 0 1% 2%;
height: auto;
padding: 3rem 0;
float: left;
position: relative;
}
.sy_jm .tp .hb {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-color: rgba(0,0,0,.6);
}
.sy_jm .tp .wz {
width: 80%;
position: relative;
left:auto%;
top: auto;
margin-top: 0;
font-size: 1rem;
line-height: 1.8rem;
}
.sy_jm .tp .wz h3 {
font-size: 1.4rem;
line-height: 2.6rem;
margin-bottom: .5rem;
}
.sy_jm .tp .wz a {
width: 3rem;
height: 3rem;
margin: 2rem auto 0;
}
.sy_jm .tp .wz a img {
width: 3rem;
height: 3rem;
}
.sy_jm .tp:hover .wz a {
margin-top: 0;
}
}
.gg_ban {
width: 100%;
overflow: hidden;
}
.gg_ban img {
width: 100%;
height: auto;
display: block;
}
.sy_lx {
padding: 70px 0;
background: url(../images/bj2.jpg) no-repeat top center / cover fixed;
overflow: hidden;
}
.sy_lx .sy_bt h3 {
color: #fff;
}
.sy_lx .sy_bt p {
color: #fff;
}
.sy_lx .lx {
width: 600px;
margin: 0 auto;
padding: 50px;
text-align: center;
font-size: 14px;
color: #fff;
line-height: 36px;
background-color: rgba(1,177,141,.8);
}
.sy_lx .lx h3 {
font-size: 22px;
margin-bottom: 15px;
}
.sy_lx .lx a.zx_ly {
width: 120px;
height: 36px;
background-color: #fff;
font-size: 14px;
color: #ef7e2e;
line-height: 36px;
display: block;
margin: 20px auto 0;
}
@media only screen and (max-width:995px) {
.sy_lx {
padding: 2rem 0;
background: url(../images/bj2.jpg) no-repeat top center / cover;
}
.sy_lx .sy_bt h3 {
color: #fff;
}
.sy_lx .sy_bt p {
color: #fff;
}
.sy_lx .lx {
width: 90%;
padding: 2rem 2%;
font-size: 1rem;
line-height: 2rem;
}
.sy_lx .lx h3 {
font-size: 1.4rem;
margin-bottom: .5rem;
}
.sy_lx .lx a {
color: #fff;
}
.sy_lx .lx a.zx_ly {
width: 30%;
height: 2.6rem;
font-size: 1rem;
line-height: 2.6rem;
margin: 1rem auto 0;
}
}
.zxly {
width: 100%;
height: 100vh;
background-color: rgba(0,0,0,.8);
position: fixed;
top: 0;
left: 0;
display: none;
z-index: 9999;
}
.zxly .ly {
width: 400px;
padding: 30px;
background-color: #fff;
position: absolute;
top: 50%;
margin-top: -220px;
right: 50%;
margin-right: -230px;
box-shadow: 0 0 5px #ccc;
}
.zxly .ly h3 {
font-size: 22px;
text-align: center;
margin-bottom: 10px;
color: #ef7e2e;
}
.zxly .ly p {
line-height: 22px;
color: #999;
margin-bottom: 10px;
}
.zxly .ly input.wz {
width: 390px;
height: 36px;
border: 1px solid #e7e7e7;
padding: 0 4px;
line-height: 36px;
font-size: 12px;
color: #555;
display: block;
margin-bottom: 10px;
}
.zxly .ly input.an {
width: 120px;
height: 36px;
background-color: #ef7e2e;
line-height: 36px;
font-size: 16px;
text-align: center;
color: #fff;
display: block;
cursor: pointer;
float: left;
}
.zxly .ly input.gb {
width: 120px;
height: 36px;
background-color: #e7e7e7;
line-height: 36px;
font-size: 16px;
text-align: center;
color: #555;
display: block;
cursor: pointer;
float: right;
}
.zxly .ly textarea.wz {
width: 390px;
height: 96px;
border: 1px solid #e7e7e7;
padding: 0 4px;
line-height: 24px;
font-size: 12px;
color: #555;
display: block;
margin-bottom: 10px;
resize: none;
outline: none;
}
@media only screen and (max-width:995px) {
.zxly .ly {
width: 82%;
padding: 1rem 5%;
top: 50%;
margin-top: -15rem;
right: 3%;
margin-right: 0;
}
.zxly .ly h3 {
font-size: 1.6rem;
margin-bottom: .5rem;
}
.zxly .ly p {
line-height: 2rem;
margin-bottom: .5rem;
}
.zxly .ly input.wz {
width: 96%;
height: 3rem;
padding: 0 2%;
line-height: 3rem;
font-size: 1rem;
margin-bottom: 1rem;
}
.zxly .ly input.an {
width: 40%;
height: 3rem;
line-height: 3rem;
font-size: 1.2rem;
}
.zxly .ly input.gb {
width: 40%;
height: 3rem;
line-height: 3rem;
font-size: 1.2rem;
}
.zxly .ly textarea.wz {
width: 96%;
height: 8rem;
padding: 0 2%;
line-height: 2rem;
font-size: 1rem;
margin-bottom: 1rem;
}
}
.footer {
background: #232323;
padding: 50px 0 30px;
}
.footer .ft_db {
padding-top: 20px;
border-top: 1px solid rgba(255,255,255,.1);
font-size: 14px;
line-height: 28px;
color: #ccc;
margin-top: 34px;
text-align: center;
}
.footer .ft_db span {
margin-right: 20px;
}
.footer .ft_lf {
width: 22%;
margin-right: 6%;
float: left;
}
.footer .ft_lf .logo img {
width: 70%;
height: auto;
display: block;
}
.footer .ft_lf .center {
padding-top: 30px;
font-size: 12px;
color: #fff;
}
.footer .ft_lf .center a {
padding-left: 8px;
padding-right: 5px;
background: url(../images/footer_line.png) no-repeat left center;
}
.footer .ft_lf .center a:first-of-type {
padding-left: 0;
background: none;
}
.footer .ft_lf .footer-search {
width: 100%;
height: 33px;
border: 1px solid #fff;
margin-top: 20px;
position: relative;
margin-bottom: 18px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.footer .ft_lf .footer-search .text {
padding-left: 10px;
padding-right: 35px;
height: 33px;
line-height: 33px;
color: #fff;
display: block;
width: 80%;
}
.footer .ft_lf .footer-search .submit {
position: absolute;
width: 30px;
height: 33px;
right: 0px;
top: 0px;
background: url(../images/search.png) no-repeat center;
text-indent: -9999px;
overflow: hidden;
}
.footer .ft_rt {
width: 680px;
float: right;
}
.footer .ft_rt dl {
display: inline-block;
vertical-align: top;
margin-bottom: 30px;
min-width: 130px;
margin-right: 10px;
}
.footer .ft_rt dt i.line {
width: 20px;
height: 5px;
display: block;
margin-bottom: 15px;
}
.footer .ft_rt dt a {
font-weight: bold;
}
.footer .ft_rt dt {
margin-bottom: 15px;
}
.footer .ft_rt dt a {
color: #fff;
font-size: 14px;
}
.footer .ft_rt dt a:hover {
color: #ef7e2e;
}
.footer .ft_rt dd a {
color: #aaa;
font-size: 14px;
}
.footer .ft_rt dd {
padding-bottom: 10px;
}
.footer .ft_rt dd a:hover {
color: #ef7e2e;
}
.ze1 {
width: 150px;
float: right;
}
.ze2 {
width: 121px;
float: right;
margin-top: 30px;
padding-left:49px;
border-left: 1px #303030 solid;
text-align: center;
color: #999;
font-size: 12px;
line-height: 25px;
}
.ze2 img {
border-radius: 10px;
}
.ze1 h3 {
font-size: 16px;
color: #666;
background: url(../images/4.jpg) no-repeat left center;
padding-left: 35px;
height: 35px;
line-height: 35px;
}
.ze1 span {
font-size: 22px;
line-height: 30px;
color: #f58220;
}
.ze1 {
margin-left: 70px;
display: inline;
padding-top: 40px;
padding-right: 30px;
}
.fu {
width: 48px;
position: fixed;
right: 5px;
top: 200px
}
.fu td {
height: 48px;
background-color: #F68121;
text-align: center;
}
@media only screen and (max-width:995px) {
.footer {
padding: 1.2rem 0 6.2rem;
}
.footer .ft_db {
padding-top: 0;
border-top: 0;
font-size: 1rem;
line-height: 2rem;
margin-top: 0;
}
.footer .ft_db span {
display: block;
margin: 0;
}
.footer .ft_lf {
display: none;
}
.footer .ft_rt {
display: none;
}
.footer a {
color: #fff;
}
.ze1 {
display: none;
}
.ze2 {
display: none;
}
.fu {
display: none;
}
}
.fh_top {
width: 38px;
height: 38px;
border-radius: 100%;
background-color: #fff;
border: 2px solid #e7e7e7;
display: none;
position: fixed;
right: 10px;
bottom: 30px;
z-index: 999;
}
.fh_top img {
width: 100%;
height: auto;
}
@media only screen and (max-width:995px) {
.fh_top {
width: 2.6rem;
height: 2.6rem;
right: 1rem;
bottom: 6rem;
}
}
.sj_zd {
width: 100%;
height: 5rem;
background-color: rgba(0,0,0,.8);
border-top: 1px solid #333;
position: fixed;
left: 0;
bottom: 0;
z-index: 999;
display: none;
}
.sj_zd ul li {
width: 25%;
height: 5rem;
padding-top: .8rem;
float: left;
font-size: 1rem;
line-height: 2rem;
text-align: center;
border-right: 1px solid #333;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
}
.sj_zd ul li a {
color: #ccc;
}
.sj_zd ul li:nth-child(4) {
border-right: 0;
}
.sj_zd img {
width: 1.8rem;
height: auto;
display: block;
margin: 0 auto;
}
@media only screen and (max-width:995px) {
.sj_zd {
display: block;
}
}
.float-btn {
width: 151px;
position: fixed;
right: -106px;
z-index: 100;
top: 50%;
color: #fff;
cursor: pointer;
-webkit-transition: right .5s;
-moz-transition: right .5s;
-ms-transition: right .5s;
-o-transition: right .5s;
transition: right .5s;
}
.float-btn .float-title {
height: 45px;
width: 45px;
background-color: #ef7e2e;
background-image: url(../images/tmall.png);
background-repeat: no-repeat;
background-position: center center;
margin-bottom: 1px;
text-align: center;
line-height: 45px;
}
.float-title span {
display: none;
color: #fff;
}
.float-kefu {
width: 45px;
}
.float-kefu .kefu {
height: 105px;
background-color: #ef7e2e;
}
.float-kefu span {
display: block;
padding: 10px 15px;
line-height: 16px;
}
.float-btn .float-fuwu {
display: none;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}
.float-hover {
right: 0;
-webkit-transition: right .5s;
-moz-transition: right .5s;
-ms-transition: right .5s;
-o-transition: right .5s;
transition: right .5s;
}
.float-hover .float-title {
width: 100%;
background-image: none;
}
.float-hover .float-title a:hover {
color: #fff;
}
.float-hover .float-title span {
font-size: 14px;
padding-left: 30px;
display: block;
background: url(../images/tmall.png) no-repeat 30px center;
}
.float-hover .float-title span:hover {
background: #f1c40f url(../images/tmall.png) no-repeat 30px center;
}
.float-hover .float-fuwu {
width: 105px;
background-color: #ef7e2e;
display: block;
}
.float-hover .float-fuwu a {
display: block;
height: 45px;
line-height: 45px;
color: #fff;
border-bottom: 1px solid rgba(255,255,255,.3);
padding-left: 40px;
background: url(../images/float_hover.png) no-repeat;
}
.float-hover .float-fuwu a:last-of-type {
border-bottom: none;
}
.float-hover .float-fuwu a.shouqian {
background-position: 12px 0;
}
.float-hover .float-fuwu a.shouhou {
background-position: 12px 0;
}
.float-hover .float-fuwu a.zhaopin {
background-position: 12px -46px;
}
.float-hover .float-fuwu a.yuyue {
background-position: 12px -92px;
}
.float-hover .float-fuwu a.zaixian {
background-position: 14px -135px;
}
.float-hover .float-fuwu a:hover {
color: #fff;
background-color: #f1c40f;
}
.float-kefu .lstop {
width: 45px;
height: 45px;
display: block;
background-color: #ef7e2e;
text-align: center;
font-size: 13px;
margin-top: 1px;
box-sizing: border-box;
color: #fff;
padding-top: 7px;
line-height: 15px;
}
.float-kefu .lstop:hover {
background-color: #f1c40f;
}
@media only screen and (max-width:995px) {
.float-btn {
display: none;
}
}
.n_ban {
width: 100%;
position: relative;
}
.n_ban .tp {
overflow: hidden;
}
.n_ban .tp img {
width: 100%;
height: auto;
display: block;/*animation:big 25s ease-in-out infinite;
-webkit-animation:big 25s ease-in-out infinite;
-moz-animation:big 25s ease-in-out infinite;
-ms-animation:big 25s ease-in-out infinite;
-o-animation:big 25s ease-in-out infinite;*/}
.n_ban .wz {
width: 140px;
border-radius: 100%;
padding: 70px 30px;
background-color: #ef7e2e;
color: #fff;
line-height: 30px;
text-align: center;
position: absolute;
top: 50%;
margin-top: -100px;
left: 50%;
margin-left: -100px;
}
.n_ban .wz .gq {
width: 200px;
height: 200px;
border-radius: 100%;
background-color: #ef7e2e;
position: absolute;
top: 0;
left: 0;
animation: gq 1s ease-out infinite;
-webkit-animation: gq 2s ease-out infinite;
-moz-animation: gq 2s ease-out infinite;
-ms-animation: gq 2s ease-out infinite;
-o-animation: gq 2s ease-out infinite;
}
.n_ban .wz h3 {
font-size: 26px;
}
.n_ban .wz p {
font-size: 16px;
}
@media only screen and (max-width:995px) {
.n_ban .wz {
width: 7rem;
border-radius: 100%;
padding: 2.2rem .5rem;
background-color: #ef7e2e;
color: #fff;
line-height: 1.6rem;
text-align: center;
position: absolute;
top: 50%;
margin-top: -4rem;
left: 50%;
margin-left: -4rem;
}
.n_ban .wz .gq {
width: 8rem;
height: 8rem;
border-radius: 100%;
background-color: #ef7e2e;
position: absolute;
top: 0;
left: 0;
animation: gq 1s ease-out infinite;
-webkit-animation: gq 2s ease-out infinite;
-moz-animation: gq 2s ease-out infinite;
-ms-animation: gq 2s ease-out infinite;
-o-animation: gq 2s ease-out infinite;
}
.n_ban .wz h3 {
font-size: 1.4rem;
line-height: 2rem
}
.n_ban .wz p {
font-size: 1rem;
}
}
@-webkit-keyframes gq {
0% {
background-color:rgba(1,177,141,1);
}
100% {
background-color:rgba(1,177,141,0);
-webkit-transform:scale(1.3);
}
}
@-moz-keyframes gq {
0% {
background-color:rgba(1,177,141,1);
}
100% {
background-color:rgba(1,177,141,0);
-moz-transform:scale(1.3);
}
}
@-ms-keyframes gq {
0% {
background-color:rgba(1,177,141,1);
}
100% {
background-color:rgba(1,177,141,0);
-ms-transform:scale(1.3);
}
}
@-o-keyframes gq {
0% {
background-color:rgba(1,177,141,1);
}
100% {
background-color:rgba(1,177,141,0);
-o-transform:scale(1.3);
}
}
@keyframes gq {
0% {
background-color:rgba(1,177,141,1);
}
100% {
background-color:rgba(1,177,141,0);
transform:scale(1.3);
}
}
/*
@-webkit-keyframes big{
0%{-webkit-transform:scale(1);}
50%{-webkit-transform:scale(1.2);}
100%{-webkit-transform:scale(1);}
}
@-moz-keyframes big{
0%{-moz-transform:scale(1);}
50%{-moz-transform:scale(1.2);}
100%{-moz-transform:scale(1);}
}
@-ms-keyframes big{
0%{-ms-transform:scale(1);}
50%{-ms-transform:scale(1.2);}
100%{-ms-transform:scale(1);}
}
@-o-keyframes big{
0%{-o-transform:scale(1);}
50%{-o-transform:scale(1.2);}
100%{-o-transform:scale(1);}
}
@keyframes big{
0%{transform:scale(1);}
50%{transform:scale(1.2);}
100%{transform:scale(1);}
}*/
.neiye {
width: 100%;
background-color: #fff;
padding: 50px 0 80px;
}
.neiye .con {
width: 1100px;
margin: 0 auto;
}
.neiye .ny_ej {
width: 100%;
text-align: center;
margin-bottom: 50px;
}
.neiye .ny_ej ul li {
width: 160px;
height: 40px;
font-size: 18px;
line-height: 38px;
text-align: center;
margin: 0 10px;
display: inline-block;
}
.neiye .ny_ej ul li a {
border: 1px solid #e7e7e7;
color: #666;
display: block;
}
.neiye .ny_ej ul li a.on {
background-color: #ef7e2e;
border: 1px solid #ef7e2e;
color: #fff;
}
.neiye .ny_ej ul li a:hover {
background-color: #ef7e2e;
border: 1px solid #ef7e2e;
color: #fff;
}
.neiye .xw_zc {
width: 800px;
float: left;
}
.neiye .xw_zc .xw_lb {
margin-top: 50px;
}
.neiye .xw_zc .xw_lb ul li {
width: 100%;
float: left;
border-bottom: 1px dotted #e7e7e7;
padding-bottom: 20px;
margin-bottom: 20px;
display: block;
}
.neiye .xw_zc .xw_lb .rq {
width: 60px;
height: 60px;
text-align: center;
float: left;
background-color: #888;
font-size: 14px;
line-height: 30px;
color: #eee;
padding: 10px;
}
.neiye .xw_zc .xw_lb .rq i {
font-size: 22px;
font-style: normal;
color: #fff;
display: block;
}
.neiye .xw_zc .xw_lb ul li:hover .rq {
background-color: #ef7e2e;
}
.neiye .xw_zc .xw_lb .wz {
width: 700px;
float: right;
}
.neiye .xw_zc .xw_lb .wz h3 {
font-size: 18px;
font-weight: bold;
margin-bottom: 6px;
line-height: 28px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.neiye .xw_zc .xw_lb .wz p {
font-size: 14px;
color: #888;
line-height: 24px;
}
.neiye .xw_zc .xw_lb ul li:hover .wz a {
color: #ef7e2e;
}
.neiye .xw_yc {
width: 260px;
float: right;
}
.neiye .xw_yc .xw_ba {
margin-bottom: 20px;
}
.neiye .xw_yc .xw_ba img {
width: 100%;
height: auto;
display: block;
}
.neiye .xw_yc .xw_rd h3 {
font-size: 18px;
font-weight: bold;
padding-bottom: 15px;
margin-bottom: 5px;
border-bottom: 1px solid #e7e7e7;
}
.neiye .xw_yc .xw_rd ul li {
width: 100%;
padding-bottom: 6px;
margin-bottom: 6px;
border-bottom: 1px dotted #e7e7e7;
float: left;
display: block;
}
.neiye .xw_yc .xw_rd a {
font-size: 15px;
line-height: 32px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
display: block;
}
.neiye .xw_yc .xw_rd span {
font-size: 14px;
color: #aaa;
}
.neiye .rc_zp .ts {
text-align: center;
font-size: 14px;
line-height: 26px;
color: #888;
margin-bottom: 20px;
}
.neiye .rc_zp .sc {
padding: 30px 80px;
background-color: #ef7e2e;
margin-bottom: 10px;
}
.neiye .rc_zp .sc input.ss {
width: 160px;
height: 36px;
background-color: #fff;
font-size: 14px;
line-height: 36px;
padding: 0 5px;
float: left;
display: block;
}
.neiye .rc_zp .sc input.sn {
width: 150px;
height: 36px;
font-size: 14px;
line-height: 36px;
float: left;
display: block;
}
.neiye .rc_zp .sc input.an {
width: 100px;
height: 36px;
background-color: #279678;
font-size: 14px;
color: #fff;
line-height: 36px;
float: left;
display: block;
margin-left: 25px;
}
.neiye .rc_zp .sc .xz {
width: 160px;
height: 36px;
padding: 0 25px 0 5px;
background: #fff url(../images/talent_choose.png) no-repeat 172px center;
font-size: 14px;
line-height: 36px;
float: left;
margin-left: 25px;
position: relative;
}
.neiye .rc_zp .sc .xz .ej {
position: absolute;
top: 38px;
left: 0;
width: 188px;
border: 1px solid #e7e7e7;
position: absolute;
background-color: #fff;
display: none;
}
.neiye .rc_zp .sc .xz .ej i {
font-size: 14px;
line-height: 32px;
text-align: center;
font-style: normal;
display: block;
}
.neiye .rc_zp .jr_lm {
border: 1px solid #000;
overflow: hidden;
margin-bottom: 5px;
}
.neiye .rc_zp .jr_lm.jt {
border: 1px solid #313849;
}
.neiye .rc_zp .jr_bt {
padding: 10px 40px;
height: 40px;
font-size: 14px;
line-height: 40px;
color: #555;
overflow: hidden;
cursor: pointer;
}
.neiye .rc_zp .jr_bt:hover {
background-color: #e7e7e7;
}
.neiye .rc_zp .jr_bt.on {
background-color: #e7e7e7;
}
.neiye .rc_zp .jr_lm.jt .jr_bt {
background-color: #313849;
color: #ef7e2e;
padding: 0 40px;
}
.neiye .rc_zp .jr_bt span {
float: left;
width: 18%;
text-align: center;
}
.neiye .rc_zp .jr_bt span.s_40 {
float: left;
width: 28%;
text-align: left;
}
.neiye .rc_zp .jr_nr {
background-color: #fff;
padding: 30px 40px;
font-size: 14px;
line-height: 32px;
margin-bottom: 3px;
display: none;
}
.neiye .rc_zp .jr_nr .lm {
width: 100px;
float: left;
}
.neiye .rc_zp .jr_nr .nr {
width: 900px;
margin-bottom: 20px;
float: right;
}
.neiye .cp_zc {
width: 260px;
float: left;
}
.neiye .cp_zc .ny_lm {
margin-bottom: 20px;
overflow: hidden;
}
.neiye .cp_zc .ny_lm h2 {
font-size: 22px;
color: #fff;
line-height: 60px;
text-indent: 15px;
background: #ef7e2e url(../images/jt1.png) no-repeat right center;
}
.neiye .cp_zc .ny_lm h2 span {
display: none;
}
.neiye .cp_zc .ny_lx {
margin-bottom: 20px;
overflow: hidden;
}
.neiye .cp_zc .ny_lx h2 {
font-size: 22px;
color: #fff;
line-height: 60px;
text-indent: 15px;
background: #ef7e2e url(../images/jt1.png) no-repeat right center;
}
.neiye .cp_zc .ny_lx .nr {
padding: 15px;
margin-top: 2px;
font-size: 12px;
line-height: 26px;
background: #f7f7f7;
}
.neiye .cp_zc .cp_ba {
margin-bottom: 20px;
}
.neiye .cp_zc .cp_ba img {
width: 100%;
height: auto;
display: block;
}
.neiye .cp_yc {
width: 800px;
float: right;
}
.neiye .cp_yc .pro {
width: 100%;
position: relative;
font-size: 14px;
line-height: 60px;
border-bottom: 1px solid #e7e7e7;
margin-bottom: 20px;
}
.neiye .cp_yc .pro .search {
width: 32px;
height: 32px;
background-color: #fff;
border-radius: 100%;
border: 2px solid #e7e7e7;
top: 50%;
right: 0;
margin-top: -18px;
position: absolute;
overflow: hidden;
transition: all .5s;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-o-transition: all .5s;
}
.neiye .cp_yc .pro .search.on {
width: 220px;
border-radius: 5px;
}
.neiye .cp_yc .pro .search a.sb {
width: 32px;
height: 32px;
background: #fff url(../images/ss.png) no-repeat center;
position: absolute;
right: 0;
top: 0;
cursor: pointer;
display: block;
transition: all .5s;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-o-transition: all .5s;
}
.neiye .cp_yc .pro .search.on a.sb {
display: none;
}
.neiye .cp_yc .pro .search input.wz {
display: none;
width: 160px;
height: 32px;
font-size: 14px;
line-height: 32px;
padding: 0 5px;
float: left;
}
.neiye .cp_yc .pro .search.on input.wz {
display: block;
}
.neiye .cp_yc .pro .search input.an {
width: 32px;
height: 32px;
background: #fff url(../images/ss.png) no-repeat center;
position: absolute;
right: 0;
top: 0;
cursor: pointer;
display: none;
transition: all .5s;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-o-transition: all .5s;
}
.neiye .cp_yc .pro .search.on input.an {
display: block;
}
.neiye .cp_yc .pro i {
color: #ef7e2e;
}
.neiye .cp_yc .cp ul {
width: 816px;
}
.neiye .cp_yc .cp ul li {
width: 250px;
padding: 2px 2px 10px 2px;
border: 1px solid #e7e7e7;
margin: 0 16px 16px 0;
float: left;
}
.neiye .cp_yc .cp img {
width: 100%;
height: auto;
display: block;
}
.neiye .cp_yc .cp .wz {
background-color: #f7f7f7;
padding: 10px 0 14px;
text-align: center;
margin-top: 2px;
margin-bottom: 10px;
}
.neiye .cp_yc .cp h3 {
font-size: 16px;
font-weight: normal;
line-height: 30px;
margin-bottom: 5px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.neiye .cp_yc .cp h4 {
color: #999;
font-weight: normal;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.neiye .cp_yc .cp a.mr {
width: 110px;
height: 30px;
margin-left: 5px;
text-align: center;
line-height: 30px;
font-size: 12px;
border: 1px solid #ef7e2e;
background-color: #ef7e2e;
color: #fff;
display: block;
float: left;
}
.neiye .cp_yc .cp a.zx {
width: 110px;
height: 30px;
margin-right: 5px;
text-align: center;
line-height: 30px;
font-size: 12px;
border: 1px solid #d7d7d7;
background-color: #d7d7d7;
color: #333;
display: block;
float: right;
}
.neiye .gy_zc {
width: 800px;
min-height: 500px;
float: left;
}
.neiye .gy_zc .pro {
padding-left: 15px;
background: url(../images/jt.png) no-repeat left center;
font-size: 14px;
line-height: 50px;
border-bottom: 1px solid #e7e7e7;
margin-bottom: 30px;
}
.neiye .gy_zc .pro i {
color: #ef7e2e;
}
.neiye .gy_zc .nr {
overflow: hidden;
}
.neiye .gy_zc h4 {
font-size: 22px;
text-align: center;
color: #ef7e2e;
margin-bottom: 25px;
}
.neiye .gy_zc h4 i {
font-size: 14px;
color: #ddd;
padding: 0 10px;
}
.neiye .gy_zc p {
font-size: 14px;
line-height: 28px;
color: #999;
margin-bottom: 20px;
}
.neiye .gy_zc p.sp {
width: 640px;
margin: 0 auto 20px;
}
.neiye .gy_zc .dt {
width: 100%;
height: 350px;
}
.neiye .gy_yc {
width: 260px;
float: right;
}
.neiye .gy_yc.on {
position: fixed;
top: 90px;
right: 50%;
margin-right: -550px;
}
.neiye .gy_yc .gy_ej {
border: 5px solid #e7e7e7;
background-color: #fff;
margin-bottom: 20px;
}
.neiye .gy_yc .gy_ej ul li {
width: 100%;
height: 44px;
font-size: 14px;
line-height: 44px;
text-indent: 20px;
border-bottom: 1px solid #e7e7e7;
float: left;
}
.neiye .gy_yc .gy_ej ul li a {
display: block;
}
.neiye .gy_yc .gy_ej ul li a.on {
background-color: #ef7e2e;
color: #fff;
}
.neiye .gy_yc .gy_lx {
font-size: 12px;
line-height: 26px;
background: #f7f7f7;
overflow: hidden;
}
.neiye .gy_yc .gy_lx .nr {
margin: 5px;
padding: 10px;
background-color: #fff;
}
.neiye .gy_yc .gy_lx h3 {
font-size: 22px;
color: #fff;
line-height: 60px;
text-indent: 15px;
background: #ef7e2e url(../images/jt1.png) no-repeat right center;
}
.ccp1 {
width: 454PX;
float: left;
margin-left: 100px;
display: inline;
}
.ccp2 {
width: 360PX;
float: right;
margin-right: 200PX;
display: inline;
padding-top: 50px;
}
.ccp {
padding: 50px 0px;
border-bottom: 1px #CCC solid;
}
.ccp1 img {
width: 100%;
height: auto;
}
.ccp2 p {
padding: 20px 0px;
line-height: 25px;
}
.ccp2 h2 {
font-weight: bold;
}
.ccp2 a {
color: #d1714c;
}
.ccp1a {
width: 454PX;
float: right;
margin-right: 100px;
display: inline;
}
.ccp2a {
width: 360PX;
float: left;
margin-left: 200PX;
display: inline;
padding-top: 50px;
}
.ccp1a img {
width: 100%;
height: auto;
}
.ccp2a p {
padding: 20px 0px;
line-height: 25px;
}
.ccp2a h2 {
font-weight: bold;
}
.ccp2a a {
color: #d1714c;
}
.bamn1 {
background: url(../images/17.jpg) no-repeat center top;
background-size: cover;
height: 507px;
margin-bottom: 25px;
}
.bamn2 {
background: url(../images/18.jpg) no-repeat center bottom;
padding-bottom: 230px;
margin-bottom: 25px;
}
.bamn3 {
background: url(../images/19.jpg) no-repeat center bottom;
padding-bottom: 340px;
margin-bottom: 25px;
}
.bamn4 {
background: url(../images/20.jpg) no-repeat center bottom #f8f8f8;
padding-bottom: 130px;
}
.bamn4a img {
padding: 0px 20px;
}
.bamn4a {
width: 1200px;
margin: 0px auto;
text-align: center;
}
@media only screen and (max-width:995px) {
.bamn4a {
width: 80%;
margin: 0px auto;
}
.bamn4a img {
width: 100%;
padding: 0px;
padding-bottom: 20px;
}
.ccp1 {
width: 35%;
margin: 0px;
padding: 0px;
}
.ccp2 {
width: 56%;
margin: 0px;
padding: 0px;
margin-right: 2%
}
.ccp1a {
width: 35%;
margin: 0px;
padding: 0px;
}
.ccp2a {
width: 56%;
margin: 0px;
padding: 0px;
margin-left: 2%
}
.neiye {
padding: 2rem 0 3rem;
}
.con {
width: 94%;
}
.neiye .ny_ej {
margin-bottom: 2rem;
}
.neiye .ny_ej ul li {
width: 30%;
height: 2.6rem;
font-size: 1.2rem;
line-height: 2.6rem;
margin: 0 1.5%;
}
.neiye .xw_zc {
width: 100%;
float: none;
}
.neiye .xw_zc .xw_lb {
margin-top: 2rem;
}
.neiye .xw_zc .xw_lb ul li {
padding-bottom: 1rem;
margin-bottom: 1rem;
}
.neiye .xw_zc .xw_lb .rq {
width: 22%;
height: 6.1rem;
font-size: 1rem;
line-height: 2rem;
padding: 1.2rem 0 0;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
}
.neiye .xw_zc .xw_lb .rq i {
font-size: 1.4rem;
}
.neiye .xw_zc .xw_lb .wz {
width: 75%;
}
.neiye .xw_zc .xw_lb .wz h3 {
font-size: 1.2rem;
margin-bottom: .5rem;
line-height: 2rem;
}
.neiye .xw_zc .xw_lb .wz p {
font-size: 1rem;
line-height: 1.8rem;
height: 3.6rem;
overflow: hidden;
}
.neiye .xw_yc {
display: none;
}
.neiye .rc_zp .ts {
font-size: 1rem;
line-height: 2rem;
margin-bottom: 1rem;
}
.neiye .rc_zp .sc {
padding: 1rem 2rem;
margin-bottom: 1rem;
}
.neiye .rc_zp .sc input.ss {
width: 96%;
height: 3rem;
font-size: 1.2rem;
line-height: 3rem;
padding: 0 2%;
margin-bottom: 1rem;
}
.neiye .rc_zp .sc input.sn {
width: 100%;
height: 3rem;
font-size: 1.2rem;
line-height: 3rem;
}
.neiye .rc_zp .sc input.an {
width: 100%;
height: 3rem;
font-size: 1.2rem;
line-height: 3rem;
margin: 0;
}
.neiye .rc_zp .sc .xz {
width: 88%;
height: 3rem;
background: #fff url(../images/talent_choose.png) no-repeat 96% center;
padding: 0 10% 0 2%;
font-size: 1rem;
line-height: 3rem;
margin: 0 0 1rem 0;
}
.neiye .rc_zp .sc .xz .ej {
top: 3.1rem;
left: 0;
border: 0;
background-color: #f7f7f7;
z-index: 9999;
width: 100%;
}
.neiye .rc_zp .sc .xz .ej i {
font-size: 1rem;
line-height: 2.2rem;
}
.neiye .rc_zp .jr_lm {
margin-bottom: .5rem;
}
.neiye .rc_zp .jr_bt {
padding: .5rem 1rem;
height: 3rem;
font-size: 1rem;
line-height: 3rem;
}
.neiye .rc_zp .jr_lm.jt .jr_bt {
padding: 0 1rem;
}
.neiye .rc_zp .jr_nr {
background-color: #fff;
padding: 1rem;
font-size: 1rem;
line-height: 1.8rem;
margin-bottom: .3rem;
}
.neiye .rc_zp .jr_nr .lm {
width: 100%;
float: none;
}
.neiye .rc_zp .jr_nr .nr {
width: 100%;
margin-bottom: 1rem;
float: none;
}
.neiye .cp_zc {
width: 100%;
float: none;
}
.neiye .cp_zc .ny_lm {
margin-bottom: 1rem;
}
.neiye .cp_zc .ny_lm h2 {
font-size: 1.4rem;
line-height: 4rem;
text-indent: 1rem;
background: #ef7e2e;
background-size: auto 2rem;
}
.neiye .cp_zc .ny_lm h2 span {
float: right;
margin-right: 1rem;
font-size: 1rem;
display: block;
}
.neiye .cp_zc .ny_lx {
display: none;
}
.neiye .cp_zc .cp_ba {
display: none;
}
.neiye .cp_yc {
width: 100%;
float: none;
}
.neiye .cp_yc .pro {
font-size: 1rem;
line-height: 4rem;
margin-bottom: 1rem;
}
.neiye .cp_yc .pro .search {
width: 2.2rem;
height: 2.2rem;
border: 1px solid #e7e7e7;
margin-top: -1.1rem;
}
.neiye .cp_yc .pro .search.on {
width: 12rem;
}
.neiye .cp_yc .pro .search a.sb {
width: 2.2rem;
height: 2.2rem;
background-size: 1.2rem;
}
.neiye .cp_yc .pro .search input.wz {
width: 9rem;
height: 2.2rem;
font-size: 1rem;
line-height: 2.2rem;
padding: 0 .2rem;
}
.neiye .cp_yc .pro .search input.an {
width: 2.2rem;
height: 2.2rem;
background-size: 1.2rem;
}
.neiye .cp_yc .pro i {
color: #ef7e2e;
}
.neiye .cp_yc .cp ul {
width: 100%;
}
.neiye .cp_yc .cp ul li {
width: 46%;
margin: 2%;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
}
.neiye .cp_yc .cp .wz {
padding: .5rem 0;
margin-bottom: .5rem;
}
.neiye .cp_yc .cp h3 {
font-size: 1.2rem;
line-height: 2rem;
margin-bottom: 0;
}
.neiye .cp_yc .cp h4 {
font-size: 1rem;
line-height: 1.6rem;
}
.neiye .cp_yc .cp a.mr {
width: 46%;
height: 2rem;
margin-left: .2%;
line-height: 2rem;
font-size: 1rem;
}
.neiye .cp_yc .cp a.zx {
width: 46%;
height: 2rem;
margin-right: .2%;
line-height: 2rem;
font-size: 1rem;
}
.neiye .gy_zc {
width: 100%;
min-height: auto;
float: none;
}
.neiye .gy_zc .pro {
font-size: 1rem;
line-height: 3rem;
margin-bottom: 2rem;
}
.neiye .gy_zc h4 {
font-size: 1.6rem;
margin-bottom: 2rem;
}
.neiye .gy_zc h4 i {
font-size: 1.2rem;
}
.neiye .gy_zc p {
font-size: 1rem;
line-height: 2rem;
margin-bottom: 2rem;
}
.neiye .gy_zc p.sp {
width: 90%;
margin: 0 auto 1rem;
}
.neiye .gy_zc img {
width: 100%;
height: auto;
display: block;
}
.neiye .gy_zc .dt {
height: 15rem;
}
.neiye .gy_yc {
width: 100%;
float: none;
margin-bottom: 1rem;
}
.neiye .gy_yc.on {
position: relative;
top: auto;
right: auto;
margin-right: auto;
}
.neiye .gy_yc .gy_ej {
border: 0;
margin-bottom: auto;
}
.neiye .gy_yc .gy_ej ul li {
width: 23%;
height: 2.6rem;
font-size: 1.2rem;
background-color: #f7f7f7;
line-height: 2.6rem;
text-align: center;
text-indent: 0;
border-bottom: 0;
margin: 0 1%;
}
.neiye .gy_yc .gy_lx {
display: none;
}
}
.ganhuo_zej {
width: 260px;
overflow: hidden;
}
.ganhuo_zej a {
transition: all 0s;
-o-transition: all 0s;
-ms-transition: all 0s;
-moz-transition: all 0s;
-webkit-transition: all 0s;
}
.ganhuo_zej h3 {
background-color: #d7d7d7;
background-image: url(../images/jt2.png);
background-repeat: no-repeat;
background-position: 42px center;
height: 36px;
text-indent: 58px;
font-size: 14px;
line-height: 36px;
border-top: 2px solid #fff;
}
.ganhuo_zej h3.on {
background-color: #ef7e2e;
background-image: url(../images/jt4.png);
}
.ganhuo_zej h3.on.wu {
background-image: url(../images/jt6.png);
}
.ganhuo_zej h3:hover {
background-color: #ef7e2e;
background-image: url(../images/jt4.png);
}
.ganhuo_zej h3.wu {
background-image: url(../images/jt3.png);
}
.ganhuo_zej h3.wu:hover {
background-color: #ef7e2e;
background-image: url(../images/jt6.png);
}
.ganhuo_zej h3 a {
color: #4a4a4a;
display: block;
}
.ganhuo_zej h3.on a {
color: #fff;
}
.ganhuo_zej h3:hover a {
color: #fff;
}
.ganhuo_zej .ganhuo_fl {
background-color: #f7f7f7;
overflow: hidden;
}
.ganhuo_zej .ganhuo_xl {
overflow: hidden;
width: 110px;
margin-left: 50px;
}
.ganhuo_zej .ganhuo_xl h4 {
background: url(../images/jt3.png) no-repeat 0 12px;
text-indent: 12px;
font-size: 12px;
line-height: 32px;
}
.ganhuo_zej .ganhuo_xl h4.on {
background: url(../images/jt5.png) no-repeat 0 12px;
}
.ganhuo_zej .ganhuo_xl h4 a {
line-height: 30px;
padding: 0;
}
.ganhuo_zej .ganhuo_xl h4.on a {
color: #ef7e2e;
line-height: 30px;
}
.ganhuo_zej .ganhuo_xl ul {
padding-bottom: 5px;
display: none;
margin-left: 12px;
}
.ganhuo_zej .ganhuo_xl ul a {
color: #8e8e8e;
}
.ganhuo_zej .ganhuo_xl a {
display: block;
line-height: 20px;
padding: 5px 0;
color: #666;
}
.ganhuo_zej .ganhuo_xl a:hover {
color: #ef7e2e;
}
@media only screen and (max-width:995px) {
.ganhuo_zej {
width: 100%;
}
.ganhuo_zej h3 {
background-position: 2rem center;
height: 3rem;
text-indent: 3rem;
font-size: 1.2rem;
line-height: 3rem;
}
.ganhuo_zej .ganhuo_fl {
display: none;
}
.ganhuo_zej .ganhuo_fl.on {
display: block;
}
.ganhuo_zej .ganhuo_xl {
overflow: hidden;
width: 85%;
margin-left: 15%;
}
.ganhuo_zej .ganhuo_xl h4 {
font-size: 1rem;
}
}
.iw_poi_title {
color: #CC5522;
font-size: 14px;
font-weight: bold;
overflow: hidden;
padding-right: 13px;
white-space: nowrap
}
.iw_poi_content {
font: 12px arial, sans-serif;
overflow: visible;
padding-top: 4px;
white-space: -moz-pre-wrap;
word-wrap: break-word
}
.paging {
width: 100%;
margin: 20px auto 0;
overflow: hidden;
}
.paging a {
line-height: 32px;
color: #888;
text-align: center;
font-size: 14px;
border: 1px solid #e7e7e7;
width: 32px;
height: 32px;
margin-right: 10px;
display: block;
float: left;
}
.paging a:hover {
background-color: #ef7e2e;
border: 1px solid #ef7e2e;
color: #fff;
}
.paging a.on {
background-color: #ef7e2e;
border: 1px solid #ef7e2e;
color: #fff;
}
@media only screen and (max-width:995px) {
.paging {
margin: 1rem auto 0;
text-align: center;
}
.paging a {
line-height: 2.4rem;
font-size: 1rem;
width: 2.4rem;
height: 2.4rem;
background-color: #e7e7e7;
float: none;
display: inline-block;
margin: 0 .2rem;
}
}
.swiper-container-ban .swiper-slide {
width: 100%;
}
.swiper-container-ban .swiper-slide img {
width: 100%;
height: auto;
display: block;
}
.swiper-container-ban .swiper-button-next {
right: 20px;
}
.swiper-container-ban .swiper-button-prev {
left: 20px;
}
@media only screen and (max-width:995px) {
.swiper-container-ban .swiper-button-next, .swiper-container-ban .swiper-button-prev {
display: none;
}
.swiper-container-ban .swiper-pagination-bullets {
bottom: 1rem !important;
}
.swiper-container-ban .swiper-pagination-bullet {
width: 1.5rem;
height: .2rem;
margin: 0 .5rem !important;
}
}
.swiper-cp-ban .swiper-slide {
width: 100%;
}
.swiper-cp-ban .swiper-slide img {
width: 100%;
height: auto;
display: block;
}
.yan {
background-color: #f9f9f9;
}
.ho {
position: fixed;
top: 0px;
width: 100%;
}
.uid {
margin-top: 780px;
width: 100%;
background-color: #fff;
z-index: 9999;
position: relative;
}
@media only screen and (max-width:995px) {
.swiper-cp-ban .swiper-button-next, .swiper-cp-ban .swiper-button-prev {
display: none;
}
.swiper-cp-ban .swiper-pagination-bullets {
bottom: .5rem !important;
}
.swiper-cp-ban .swiper-pagination-bullet {
width: 1.5rem;
height: .2rem;
margin: 0 .5rem !important;
}
.yan {
background-color: #f9f9f9;
}
.ho {
position: relative;
top: 0px;
width: 100%;
}
.uid {
margin-top: 0px;
width: 100%;
background-color: #fff;
/*z-index: 9999;*/
z-index: 0;
position: relative;
}
}
.zw {
line-height: 30px;
padding: 15px 0;
min-height: 350px;
color: #555555;
font-size: 14px;
}
.zw a:link {
color: #555555;
}
.zw a:visited {
color: #555;
}
.zw a:hover {
color: #FF6205;
}
.zw a:active {
color: #555555;
}
.zw img {
max-width: 100%;
width:expression(document.body.clientWidth>100%?"100%":"auto");
}
.xiaocms-page span {
margin: 0 3px;
border: 1px solid #eee;
line-height: 25px;
padding: 0 10px;
background: #FD5B03;
color: #FFFFFF;
display: inline-block;
}
.xiaocms-page a {
margin: 0 3px;
border: 1px solid #eee;
line-height: 25px;
background: #fff;
display: block;
color: #333;
padding: 0 10px;
display: inline-block;
}
.xiaocms-page a:hover {
margin: 0 3px;
border: 1px solid #eee;
line-height: 25px;
background: #FD5B03;
color: #fff;
padding: 0 10px;
display: inline-block;
}
.swiper-container1 .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
opacity: .35;
cursor: auto;
pointer-events: none
}
.swiper-container1 .swiper-button-next:after, .swiper-button-prev:after {
font-family: swiper-icons;
font-size: var(--swiper-navigation-size);
text-transform: none!important;
letter-spacing: 0;
text-transform: none;
font-variant: initial
}
.swiper-container1 .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
left: 10px;
right: auto
}
.swiper-container1 .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {
content: 'prev'
}
.swiper-container1 .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
right: 10px;
left: auto
}
.swiper-container1 .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {
content: 'next'
}
.swiper-button-next.swiper-button-white, .swiper-button-prev.swiper-button-white {
--swiper-navigation-color:#ffffff
}
.swiper-container1 .swiper-button-next.swiper-button-black, .swiper-button-prev.swiper-button-black {
--swiper-navigation-color:#000000
}
.swiper-container1 .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
right: 10px;
left: auto;
}
.swiper-container1 .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
left: 10px;
right: auto;
}
.swiper-container1 .swiper-button-next, .swiper-button-prev {
position: absolute;
top: 50%;
width: calc(var(--swiper-navigation-size)/ 44 * 27);
height: var(--swiper-navigation-size);
margin-top: calc(-1 * var(--swiper-navigation-size)/ 2);
z-index: 10;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.c-banner{
width: 100%;
position: relative;
}
.c-banner img{
width: 60%;
}
.c-banner .banner ul{
list-style: none;
padding-left: 0px;
margin-bottom: 0px;
}
.c-banner .banner ul li{
position: absolute
display: none;
opacity: 0;
}
.c-banner .banner ul li:nth-child(1){
opacity: 1;
display: block;
}
.c-banner .banner ul li img{
width: 100%;
position: absolute;
top: 0px;
}
.c-banner .banner ul li:first-child img{
position: relative;
}
.c-banner .nexImg,.c-banner .preImg{
padding: 25px 10px 25px 10px;
position: absolute;
top: 50%;
margin-top: -53px;
/*background: #000000;*/
opacity: 0.5;
border-radius: 5px;
z-index: 10;
}
.c-banner .nexImg:hover,.c-banner .preImg:hover{
opacity: 0.8;
}
.c-banner .nexImg{
right: -15px;
}
.c-banner .nexImg img,.c-banner .preImg img{
}
.c-banner .jumpBtn{
width: 100%;
position: absolute;
bottom: 20px;
text-align: center;
}
.c-banner .jumpBtn ul{
margin-bottom: 0px;
padding: 0px;
}
.c-banner .jumpBtn ul li{
width: 30px;
height: 30px;
border-radius: 50%;
display: inline-block;
background-color: white;
opacity: 0.9;
margin-left: 10px;
}
.c-banner .jumpBtn ul li:first-child{
margin-left: 0px;
}
@media screen and (max-width:768px) {
.c-banner{
width: 100%;
height: 345px;
overflow: hidden;
}
.c-banner .banner ul li img{
width: 768px;
height: 345px;
position: absolute;
/*left: 50%;*/
margin-left: -384px;
}
}