@charset "utf-8";
/* CSS Document */
/*公用样式*/

.wrapper1 {
    width: 100%;
    margin: 0 auto;
}

.wrapper {
    width: 1000px;
    margin: 0 auto;
}

/*index banner*/
.header { /*padding:20px 0*/;
    position: relative;
    z-index: 10;
    border-bottom: 1px solid #ededed;
}

.logo {
    float: left;
    margin-left: 16px;
    padding: 25px;
}

.nav {
    float: left;
    margin: 40px 0 0 0px;
}

.nav li {
    float: left;
    list-style: none;
    font-size: 20px;
    margin-right: 16px;
    position: relative;
}

.nav li a {
    color: #333333;
    padding: 0 8px;
    border-bottom: 2px solid #fff;
    line-height: 40px;
    display: block;
}

.nav .nav-focus a, .nav li a:hover, .nav .nav-hover a {
    border-bottom: 3px solid #ff3a2f;
    color: #ff3a2f;
}

.nav li a:hover, .nav .nav-hover a, .nav .nav-focus a {
    color: #ff3a2f;
    font-weight: bold;
}

.sub-nav {
    position: absolute;
    top: 38px;
    left: 0;
    width: 148px;
    background: #ff3a2f;
    display: none;
}

.nav li .sub-nav a {
    border-bottom: 1px solid #b70811;
    color: #fff;
    text-align: center;
    font-size: 14px;
}

.nav .nav-hover {
    z-index: 2;
}

.nav .nav-hover .sub-nav {
    display: block;
}

.header-right {
    float: right;
    line-height: 40px;
    font-size: 14px;
    color: #333333;
    width: 130px;
    margin: 46px 0 0 0;
}

.header-right a {
    color: #333;
}

.header-right a:hover {
    color: #d0111b;
}

.header-right span {
    padding-left: 16px;
}

.header-right .buy-code {
    display: inline-block;
    *zoom: 1;
    z-index: 1;
    font-size: 12px;
    color: #ff3a2f;
    padding: 0 8px;
    border: 1px solid #d11721;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    height: 26px;
    line-height: 26px;
}

.share-icon li {
    display: inline-block;
    margin-left: 10px;
    width: 27px;
    *zoom: 1;
    *display: inline;
}

.indexHui {
    background: #fafafa;
    padding: 40px 0;
}

.convenient {
    width: 100%;
    padding: 20px 0;
    position: relative;
}

/*.convenientBg{position: absolute;display: block;width:158px;height:161px;right:-90px;top:110px;z-index:1;}*/
.convenient-list {
    position: relative;
    z-index: 2;
}

.convenient-list li {
    float: left;
}

.convenient-list li img {
    display: block;
    margin: 0;
    padding: 0;
}

.convenient-list {
    margin-top: 10px;
}

.index-service-list {
    margin: 90px 2px 0px 2px;
}

.index-service-list li {
    width: 166px;
    text-align: center;
    float: left;
    color: #666666;
    font-size: 14px;
}

.index-service-list li a {
    color: #666;
}

.index-service-list li h3, .index-service-list li a h3 {
    color: #333333;
    font-size: 18px;
}

.indexHui .indexcontentPos h3 {
    background: #fafafa;
}

.service-looking {
    padding: 100px 0;
}

.margin-top60 {
    margin-top: 60px;
}

.indexcontentPos {
    position: relative;
    height: 1px;
    width: 450px;
    margin: 0 auto;
    border-bottom: 1px solid #555555;
}

.indexcontentPos h3 {
    padding: 0 20px;
    text-align: center;
    position: absolute;
    width: 300px;
    height: 80px;
    left: 50%;
    top: -40px;
    margin-left: -170px;
    background: #fff;
    font-size: 30px;
    color: #000;
}

.indexcontentPos h3 span {
    color: #999999;
    font-size: 12px;
    display: block;
    text-align: center;
}

.index-jieshao {
    font-size: 14px;
    color: #555555;
    background: #fff;
    padding: 20px 20px 38px 20px;
}

.index-contact-us {
    background: #fff;
    color: #555555;
    font-size: 14px;
    border-top: 1px solid #cccccc;
    margin-top: 12px;
    padding-top: 6px;
}

.index-contact-us li {
    margin-bottom: 10px;
}

.index-title {
    font-size: 21px;
    color: #000;
    padding-left: 24px;
}

.index-about-us {
    width: 30%;
    float: left;
    margin-left: 40px;
}

.ad {
    margin-top: 12px;
}

.ad img {
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
}

.index-news-list {
    width: 45%;
    float: left;
    margin-left: 8%;
}

.index-news-list .news-list li {
    background: #fff;
    height: 180px;
    margin-top: 12px;
}

.index-news-list .news-list-left {
    width: 40%;
    height: 100%;
}

.index-news-list .news-list-right {
    width: 60%;
    padding-top: 20px;
}

/*news*/
.index1-news-list {
    width: 730px;
    float: right;
}

.index1-news-list .news-list li {
    background: #fff;
    height: 160px;
    margin-top: 12px;
}

.index1-news-list .news-list-left {
    width: 250px;
    height: 160px;
}

.index1-news-list .news-list-right {
    width: 410px;
    padding-top: 20px;
}


/*footer*/
.footer {
    padding: 0px 0 140px 0;
    background: #fff;
    color: #555555;
}

.footer-index {
    padding: 0px 0 180px 0;
    background: #c5c5c5;
    color: #555555;
}

.footer-left {
    width: 144px;
    float: left;
    background: #fff;
    padding: 24px 0 50px 0;
    text-align: center;
}

.footer-left img {
    padding-bottom: 16px;
}

.footer-right {
    width: 856px;
    float: right;
    color: #7a7a7a;
    font-size: 14px;
    padding-top: 50px;
    text-align: center;
}

.footer-right a {
    color: #7a7a7a;
}

/*banner*/
.banner {
    height: 560px;
    position: relative;
    z-index: 8;
}

#banner .wrapper {
    position: relative;
    margin: 0 auto;
    z-index: 6;
}

#banner .wrapper div {
    position: absolute;
    left: 0;
    top: 0;
    height: 547px;
    z-index: 5;
    width: 308px;
}

#indexMenu {
    margin: 0;
    padding: 0;
    background: #fff;
    height: 547px;
}

#indexMenu li {
    list-style: none;
    padding: 0px 14px 0 11px;
}

#indexMenu h3, #indexMenu p {
    margin: 0;
    padding: 0;
}

#indexMenu h3 {
    font-size: 14px;
    line-height: 30px;
    padding-top: 8px;
    padding-bottom: 3px;
}

#indexMenu h3 img {
    vertical-align: middle;
    padding-right: 8px;
}

#indexMenu p a {
    display: block;
    float: left;
    width: 88px;
    height: 25px;
    line-height: 25px;
    background: #f4f4f4;
    color: #585757;
    font-size: 12px;
    text-align: center;
    margin: 6px 3px 0px 3px;
    _margin: 6px 1px 0px 1px;
}

#indexMenu p a:hover {
    color: #008000;
}

#indexMenu p .anchorFocus {
    color: #008000;
}

.slider .wrapper {
    position: relative;
    height: 0px;
}

.slider {
    overflow: hidden;
    position: relative;
}

.slider ul, .slider p {
    margin: 0;
    padding: 0;
}

.slider .play {
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
}

.slider .play li {
    float: left;
    list-style: outside none none;
}

.slider .btn {
    bottom: 10px;
    left: 50%;
    overflow: hidden;
    position: absolute;
    z-index: 3;
}

.slider .btn span {
    background: url(../img/bannerDian2.png) no-repeat center center;
    cursor: pointer;
    display: inline;
    float: left;
    height: 14px;
    line-height: 14px;
    margin-right: 5px;
    width: 14px;
    text-align: center;
    color: #808080;
    font-size: 12px;
    text-indent: -90em;
}

.slider .btn .cur {
    background: url(../img/bannerDian1.png) no-repeat center center;
    color: #fff;
    text-indent: -80em;
}

.slider .left, .slider .right {
    position: absolute;
}

.slider .next, .slider .prev {
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 40px;
    height: 78px;
    margin-top: -20px;
    opacity: 0.5;
    position: absolute;
    text-align: center;
    text-decoration: none;
    top: 296px;
    width: 40px;
    z-index: 3;
}

.slider .next {
    right: -70px;
}

.slider .prev {
    left: -70px;
}

.slider {
    width: 520px;
    height: 547px;
}

.slider1 {
    width: 100%;
    height: 547px;
    color: #fff;
}

.slider1 .play {
    height: 100%;
}

.slider1 li {
    text-align: center;
    height: 100%;
    font-size: 100px;
    width: 100%;
}

.slider li a {
    display: block;
    width: 1200px;
    margin: 0 auto;
    height: 547px;
}

/*左右浮动的块*/
.contant {
    background: #f9f9f9;
}

.contant-left {
    width: 206px;
    float: left;
    position: relative;
    padding-top: 101px;
}

.contant-right {
    width: 740px;
    float: right;
    background: #fff;
    padding: 20px 20px 100px 20px;
}

.imgShow {
    height: 367px;
}

.height70 {
    height: 70px;
}

/*newsList*/
.contant-left-title {
    font-size: 24px;
    background: #ff3a2f;
    position: absolute;
    left: 0;
    top: -50px;
    width: 186px;
    padding: 40px 0 40px 20px;
    color: #fefefe;
}

.contant-left-title p {
    font-size: 12px;
}

.menu li {
    background: #fff;
    padding: 12px;
    margin-top: 6px;
}

.menu li img {
    display: block;
    width: 63px;
    height: 46px;
    float: left;
}

.menu li div {
    float: left;
    margin-left: 24px;
    font-size: 12px;
    color: #999;
}

.menu li div h3 {
    font-size: 14px;
    color: #3c3c3c;
}

.menu li a:hover {
    color: #ff3a2f;
}

.contant-right-title {
    font-size: 24px;
    color: #333333;
    line-height: 1;
    padding-top: 40px;
}

.contant-right-title span {
    color: #999;
    font-size: 12px;
}

.news-list-left {
    float: left;
    width: 190px;
    height: 105px;
}

.news-list li {
    margin-top: 30px;
}

.news-list-right {
    float: left;
    width: 460px;
    margin-left: 30px;
    font-size: 14px;
    color: #999999;
    padding-top: 8px;
}

.news-list-right h3 {
    font-size: 16px;
    color: #000;
}

.news-list-right h3 a {
    color: #000;
}

.news-list-right a, .news-list-right h3 a:hover {
    color: #ff3a2f;
}

/*关于我们*/
.editing-area {
    font-size: 14px;
    color: #999;
}

.editorImg img {
    display: block;
    margin: 0 6px 0 0;
    float: left;
}

.height20 {
    height: 20px;
}

.margin-top6 {
    margin-top: 6px;
}

.border-bottom {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 40px;
}

/*关于我们*/
#map {
    margin-top: 30px;
}

#map iframe {
    width: 730px;
    height: 350px;
}

.contant-right hr {
    color: #c9c9c9;
    margin: 40px 0;
    width: 700px;
}

.address-list li {
    font-size: 16px;
    color: #555;
    margin: 10px 0;
    width: 50%;
    height: 26px;
    float: left;
}

.address-list .icon {
    background: url(../img/addressIcon.png) no-repeat left top;
    vertical-align: middle;
    display: inline-block;
    width: 28px;
    height: 26px;
    overflow: hidden;
    margin-right: 10px;
}

.address-list .icon-address-phone {
    background-position: left 0px;
}

.address-list .icon-address-email {
    background-position: left -26px;
}

.address-list .icon-address-address {
    background-position: left -52px;
}

.address-list .icon-address-wei {
    background-position: left -78px;
}

.address-list .icon-address-weibo {
    background-position: left -104px;
}

/*加入我们*/
.menu-list {
    background: #fff;
    padding: 20px 16px 40px 16px;
}

.menu-list h3 {
    font-size: 21px;
    color: #000;
    padding: 10px 0;
    border-bottom: 1px solid #e5e5e5;
}

.menu-list h3 i {
    color: #a3a3a3;
}

.menu-list ul li {
    margin: 12px 0 0 16px;
}

.menu-list ul li a {
    font-size: 14px;
    color: #666;
}

.menu-list ul li a:hover {
    color: #ff3a2f;
}

.jobdes {
    margin-top: 50px;
}

.jobdes h3 {
    font-size: 16px;
    color: #333;
    line-height: 1.2;
}

.jobdes h3 span {
    font-size: 12px;
    color: #999;
}

.jobdes ul {
    margin-top: 10px;
}

/*apply*/
.apply {
    background: url(../../images/applyBg_02.jpg) no-repeat center top;
    height: 712px;
}

.apply-content {
    float: right;
    margin-top: 40px;
    width: 388px;
}

.apply-content a {
    color: #ff3c30;
}

.apply-content h2 {
    background-color: #000;
    font-size: 24px;
    color: #fff;
    text-align: center;
    padding: 9px 0;
}

.apply-content ul {
    padding: 34px 44px 54px 44px;
    background-color: #fff;
}

.apply-content ul li {
    margin-top: 10px;
    font-size: 14px;
    color: #999;
}

.apply-content ul .apply-content-icon input, .apply-content ul .message textarea, .submit {
    border: none;
    padding: 0;
    margin: 0;
    background: none;
    width: 100%;
    height: 100%;
    line-height: 100%;
}

.apply-content-icon {
    background: url(../img/apply.png) #fafafa no-repeat 10px top;
    line-height: 40px;
    padding-left: 42px;
    height: 40px;
    overflow: hidden;
}

.name {
    background-position: 10px 8px;
}

.phone {
    background-position: 10px -42px;
}

.weixin {
    background-position: 10px -92px;
}

.e-mail {
    background-position: 10px -142px;
}

.address {
    background-position: 10px -192px;
}

.community-name {
    background-position: 10px -242px;
}

.message {
    background-position: 10px -292px;
    height: 80px;
}

.apply-content ul .message textarea {
    padding-top: 12px;
}

.apply-content ul .notice {
    font-size: 12px;
}

.submit {
    font-size: 18px;
    color: #fff;
    background-color: #ff3c30;
    line-height: 40px;
    margin-top: 12px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}