@charset "utf-8";

/* CSS Document */



* {

    margin: 0px;

    padding: 0px;

}



ul {

    list-style-type: none;

}



li {

    list-style: none;

}



img {

    border: 0px;
    max-width: 100%;

}



input {

    outline: none;

}



:hover {

    transition: 0.5s all
}



a {

    text-decoration: none;

    color: #222222;

    transition: 0.4s all
}



a:hover {

    color: #b80809;

}



.cmain {

    color: #cf0c1d;

}



.bmain {

    background: #cf0c1d;

}



.left {

    float: left;

}



.right {

    float: right;

}



.truncate {

    display: block;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

}



.mid {

    width: 1200px;

    margin: 0 auto;

    position: relative;

}



body {

    font-family: "微软雅黑";

    font-size: 15px;

    color: #353535;

    line-height: 30px;

    background: url(../images/wrap.jpg) top center no-repeat #fff;

    margin: 0
}



/* CSS Header */

.header {

    width: 100%;

    height: auto;

    margin: 0 auto;

    position: relative;

}



.header .flashbox {

    width: 100%;

    height: auto;

    position: relative;

}



.header .flashbox .topbox {

    width: 1200px;

    height: 107px;

    left: 50%;

    margin-left: -600px;

    position: relative;

    z-index: 2
}



.header .flashbox .toplogo {

    float: left;

    margin-top: 25px
}



.header .flashbox .toptel {

    float: right;

    margin-top: 39px
}



.search {
    width: 263px;
    height: 32px;
    line-height: 32px;
    color: #555555;
    padding-left: 15px;
    right: 0px;
    background: #fff;
    top: 20px;
    border: 1px #e5e5e5 solid;
    position: absolute;
}

.search-btn {
    width: 35px;
    height: 32px;
    background: url(../images/search.png) center no-repeat;
    border: none;
    position: absolute;
    right: 10px;
    top: 0
}

.search-text {
    line-height: 34px;
    height: 34px;
    font-family: "微软雅黑";
    color: #555555;
    background: none;
    border: none;
    font-size: 14px;
}



/* CSS Footer */

.footer {

    width: 100%;

    height: 288px;

    background: #b80809;

    line-height: 35px;

    font-size: 16px;

    color: #fff;

    position: relative;

    z-index: 9
}



.footer a {

    color: #fff
}



.footer a:hover {

    color: #ff0
}



.footer .mid {

    padding-top: 60px;

    height: 228px;

}



.footer span {

    font-size: 20px;

    font-weight: bold;

    line-height: 55px;

    color: #fff;

    display: block;

}



.footer .left {

    width: 280px;

    height: 228px;

    background: url(../images/line.png) right bottom no-repeat
}



.footer .left a {

    padding-right: 42px
}



.footer .inmid {

    width: 538px;

    height: 228px;

    padding-left: 73px;

    background: url(../images/line.png) right bottom no-repeat;

    float: left;

}



.footer .right {

    width: 244px;

    line-height: 24px;

    font-size: 14px;

    position: relative;

}



.footer .right img {

    width: 122px;

    height: 122px;

    float: left;

    padding-top: 12px;

    padding-right: 20px
}



.footer .right ul {

    width: 89px;

    height: 24px;

    position: absolute;

    left: 145px;

    top: 160px;

}



.footer .right ul li {

    width: 24px;

    height: 24px;

    text-align: center;

    background: #fff;

    border-radius: 50%;

    float: left;

    margin-right: 5px;

}



.footer .right ul li a {

    display: block;

    color: #b80809;

    font-size: 14px
}



.fticp {

    width: 100%;

    height: 60px;

    background: #b80809;

    font-size: 16px;

    color: #fff;

    line-height: 60px;

    border-top: 1px #d26163 solid
}



.fticp a {

    color: #fff
}



.fticp a:hover {

    color: #ff0
}



.fticp .right {

    text-align: right;

    position: relative;

}





/* CSS Main */

#wrap {

    width: 100%;

    height: auto;

    position: relative;

    overflow: hidden;

    margin-top: 25px;

    z-index: 99
}



#main {

    width: 1200px;

    height: auto;

    min-height: 600px;

    border-radius: 5px;

    position: relative;

    border: 1px #e5e5e5 solid;

    background: #fff;

    padding-bottom: 50px;

    overflow: hidden;

    margin: 0 auto;

}



.index01 {

    width: 1200px;

    height: 77px;

    background: #fff;

    margin: 0 auto;

    border-radius: 5px;

    overflow: hidden;

}



.index01 .left {

    width: 205px;

    height: 75px;

    background: url(../images/toutiao.png) center no-repeat #b80809;

}



.index01 .right {

    width: 994px;

    height: 75px;

    border: 1px #e5e5e5 solid;

    border-left: none;

    border-radius: 5px;

}



.index01 .right .ntxt {

    padding: 10px 28px;

    line-height: 25px;

    font-size: 16px;

    color: #8d8b8b;position: relative;
}



.index01 .right .ntxt .nt {

    font-size: 30px;

    line-height:50px;

    font-weight: bold;

    color: #b80809;

    display: block;

}
.index01 .right .ntxt .more{color: #b80809}
.index01 .right .ntxt .more:hover{text-decoration: underline;}


.index01 .right .ntxt span {

    font-size: 14px;

    color: #8d8b8b;

    position: absolute;

    right:35px;

    top:20px;

}



.index02 {

    width: 1200px;

    height: 492px;

    margin: 22px auto;

}



.index02 .left {

    width: 422px;

    height: 490px;

    border: 1px #e5e5e5 solid;

    border-radius: 5px;

}



.index02 .right {

    width: 755px;

    height: 490px;

    border: 1px #e5e5e5 solid;

    border-radius: 5px;

    overflow: hidden;

    position: relative;

}



.index02 .right .box {

    width: 688px;

    height: 492px;

    margin: 0 auto;

    overflow: hidden;

    position: relative;

}



.index02 .right .box li {

    width: 100%;

    height: 163px;

    line-height: 25px;

    font-size: 16px;

    color: #8d8b8b;

    border-bottom: 1px #e5e5e5 solid;

    overflow: hidden;

}



.index02 .right .box li span {

    font-size: 20px;

    line-height: 40px;

    font-weight: bold;

    padding-top: 36px;

    transition: 0.4s all
}



.index02 .right .box li span:hover {

    padding-left: 10px
}



.index02 .right .box li .more {

    color: #b80809
}



.index02 .right .box li .more:hover {

    text-decoration: underline;

}



.index02 .right .morexw {

    width: 72px;

    height: 32px;

    color: #fff;

    line-height: 32px;

    text-align: center;

    position: absolute;

    right: 0;

    top: 0;

    display: block;

    background: #b80809;

    z-index: 9
}



.index02 .right .morexw:hover {

    background: #333
}



.index02 .right .picScroll-top {

    position: relative;

    z-index: 8
}



.inbanner01 {

    width: 1200px;

    height: 181px;

    background: url(../images/inbanner01.jpg) center no-repeat #b80809;

    margin: 0 auto;

    position: relative;

}



.inbanner01 .p01 {

    position: absolute;

    right: 355px;

    top: 30px
}



.inbanner01 .p02 {

    position: absolute;

    right: 45px;

    top: 95px
}



.index03 {

    width: 1198px;

    height: 623px;

    border: 1px #e5e5e5 solid;

    border-radius: 5px;

    margin: 0 auto
}



.index03 .inmid {

    width: 1135px;

    margin: 0 auto;

    padding-top: 34px
}



.intitle {

    width: 100%;

    height: 29px;

    line-height: 29px;

    position: relative;

}



.intitle img {

    float: left;

}



.intitle p {

    font-size: 14px;

    color: #6a6666;

    float: left;

    padding-left: 26px
}



.intitle .more {

    right: 0;

    top: 0;

    position: absolute;

    font-size: 14px;

    color: #7d7a7a
}



.intitle .more:hover {

    color: #b80809;

    text-decoration: underline;

}



.index04 {

    width: 1200px;

    height: 434px;

    margin: 0 auto;

}



.index04 .left {

    width: 588px;

    height: 432px;

    border: 1px #e5e5e5 solid;

    border-radius: 5px;

}



.index04 .right {

    width: 588px;

    height: 432px;

    border: 1px #e5e5e5 solid;

    border-radius: 5px;

}



.index04 .inmid {

    width: 520px;

    padding-top: 35px;

    margin: 0 auto
}



.news01 {

    width: 100%;

    padding-top: 26px
}



.news01 li {

    width: 100%;

    height: 114px;

    line-height: 25px;

    font-size: 16px;

    color: #8d8b8b;

    border-bottom: 1px #e5e5e5 solid;

    overflow: hidden;

}



.news01 li span {

    font-size: 20px;

    line-height: 40px;

    font-weight: bold;

    transition: 0.4s all
}



.news01 li span:hover {

    padding-left: 10px
}



.news01 li .more {

    color: #b80809
}



.news01 li .more:hover {

    text-decoration: underline;

}



.news02 {

    padding-top: 23px
}



.news02 li {

    width: 100%;

    height: 20px;

    line-height: 20px;

    font-size: 16px;

    padding-bottom: 16px;

    overflow: hidden;

}



.news02 li span {

    width: 86px;

    height: 20px;

    line-height: 20px;

    font-size: 14px;

    background: #b80809;

    text-align: center;

    border-radius: 5px;

    color: #fff;

    display: inline-block;

    margin-right: 15px;

    float: left;

}



.index05 .news03 {

    width: 710px;

    padding-right: 46px;

    border-right: 1px #e5e5e5 solid;

    float: left;

}



.news03 li {

    width: 100%;

    height: 123px;

    line-height: 25px;

    font-size: 16px;

    color: #8d8b8b;

    margin-bottom: 35px;

    position: relative;

}



.news03 li img {

    width: 164px;

    height: 123px;

    display: inline-block;

    background: #000;

    float: left;

    margin-right: 24px
}



.news03 li span {

    line-height: 40px;

    font-size: 20px;

    display: block;

    font-weight: bold;

    transition: 0.4s all
}

.news03 li span:hover {
    padding-left: 5px
}

.news03 li .tm {

    font-size: 14px;

    color: #8d8b8b;

    position: absolute;

    left: 188px;

    bottom: 3px;

}



.news04 {

    width: 342px;

    float: right;

}



.news04 li {

    width: 100%;

    height: 36px;

    line-height: 36px;

    font-size: 16px;

    position: relative;

}



.inbanner02 {

    width: 1200px;

    height: 181px;

    background: url(../images/inbanner02.jpg) center no-repeat #b80809;

    margin: 0 auto;

    position: relative;

}



.inbanner02 .p01 {

    position: absolute;

    left: 158px;

    top: 38px
}



.inbanner02 .p02 {

    position: absolute;

    left: 220px;

    top: 96px
}



.index05 {

    width: 1198px;

    height: 427px;

    border: 1px #e5e5e5 solid;

    border-radius: 10px;

    margin: 0 auto
}



.index05 .inmid {

    width: 1138px;

    padding-top: 35px;

    margin: 0 auto
}



.index06 {

    width: 1198px;

    height: 372px;

    border: 1px #e5e5e5 solid;

    border-radius: 5px;

    margin: 0 auto
}



.index06 .inmid {

    width: 1138px;

    padding-top: 35px;

    margin: 0 auto
}



.index06 .p01 {

    width: 100%;

    line-height: 25px;

    font-size: 16px;

    color: #8d8b8b;

    padding-top: 23px
}



.index06 .ibox {

    width: 550px;

    line-height: 25px;

    font-size: 16px;

    color: #8d8b8b;

    position: relative;

}



.index06 .ibox img {

    width: 171px;

    height: 117px;

    float: left;

    padding-right: 24px
}



.index06 .ibox span {

    line-height: 34px;

    color: #353535;

    font-size: 20px;

    display: block;

    font-weight: bold;

}



.index06 .ibox .more {

    position: absolute;

    font-size: 14px;

    color: #7d7a7a;

    left: 200px;

    top: 93px;

}
.index06 .ibox .more:hover{color: #e80000}


.index07 {

    width: 1198px;

    height: 80px;

    border: 1px #e5e5e5 solid;

    border-radius: 5px;

    margin: 0 auto;

    position: relative;

    z-index: 99;

    background: #fff
}



.index07 .inmid {

    width: 1100px;

    padding-top: 25px;

    margin: 0 auto
}



.index07 .inmid img {

    float: left;

}

.index07 .more {
    position: absolute;
    right: 29px;
    top: 26px;
    font-size: 14px;
    color: #7d7a7a;
}

.index07 .more:hover {
    color: #b80809;
    text-decoration: underline;
}

.index07 .lk {
    float: left;
    padding-left: 30px;
    font-size: 18px;
    color: #6a6666
}

.index07 .lk:hover {
    color: #b80809;
    text-decoration: underline;
}

.inkc {

    width: 275px;

    float: right;

    height: auto;

    overflow: hidden;

}



.inkc li {

    width: 100%;

    height: 50px;

    line-height: 50px;

    text-align: center;

    overflow: hidden;

    margin-bottom: 12px
}



.inkc li a {

    font-size: 16px;

    color: #000;

    background: #f4f3f3;

    display: block;

}



.inkc li a:hover {

    color: #fff;

    background: #b80809
}



.cur_position {

    width: 100%;

    height: 56px;

    border-bottom: 1px #e5e5e5 solid;

    margin: 0 auto;

    padding-top: 33px
}



.cur_position img {

    float: left;

}



.cur_position .right {

    text-align: right;

    font-size: 16px;

    color: #8d8b8b;

}



.cur_position .right a {

    color: #8d8b8b;

}



.cur_position .right a:hover {

    color: #b80809
}



/*about us*/

.midtxt {

    width: 1134px;

    height: auto;

    overflow: hidden;

    margin: 0 auto;

}

#left {
    width: 275px;
    float: right;
    margin-top: 33px;
    border-left: 1px #e5e5e5 solid;
    padding-left: 28px;
}

.com01 {

    width: 100%;

    height: 365px;

}

.lftitle {

    width: 100%;

    height: 56px;

    border-bottom: 1px #e5e5e5 solid;

}

#left .inkc {
    padding-top: 20px;
}

#left p {
    padding-top: 20px
}

#left p b {
    color: #b80809
}

.com01 img {

    width: 564px;

    height: 365px;

    display: inline-block;

}



.com02 {

    width: 100%;

    height: auto;

    padding-bottom: 30px;

    line-height: 30px;

    text-align: center;

    font-size: 16px;

    color: #8d8d8d;

    padding-top: 25px
}



.com02 big {

    font-size: 30px;

    line-height: 68px;

    color: #b80809;

    display: block;

    font-weight: bold;

}



.com03 {

    width: 100%;

    height: 365px;

}



.com03 img {

    width: 564px;

    height: 365px;
    
    display: inline-block;

}



.com04 {

    width: 100%;

    height: 432px;

}



.com04 .left {

    width: 400px;

    height: 432px;

    overflow: hidden;

}



.com04 .left img {

    width: 400px;

    height: 432px;

}



.com04 .right {

    width: 734px;

    height: 432px;

    overflow: hidden;

}



.com04 .right img {

    width: 360px;

    height: 213px;

    float: left;

    margin-left: 5px;

    margin-bottom: 5px
}



.contact_box {

    width: 100%;

    height: auto;

    padding-bottom: 20px;

    margin: 0 auto
}

.contact_box p {
}

.contact_box .ltitle {

    width: 100%;

    height: 58px;

    line-height: 58px;

    font-size: 22px;

    color: #e09586;

    font-weight: bold;

    border-top: 1px #c9c9c9 solid;

}



.contact_info {

    width: 100%;

    padding-top: 20px;

    padding-bottom: 20px;

    font-size: 16px;

   /* background: url(../images/mobile.jpg) right center no-repeat;*/

    overflow: hidden;

    position: relative;

}



.contact_info span {

    font-size: 22px;

    line-height: 58px;

    color: #fb8b00;

    padding-top: 13px;

    display: block;

}



.contact_info li {

    width: 650px;

    height: 40px;

    line-height: 40px;

    border-bottom: 1px #dddddd dashed;

    transition: 0.4s all
}



.contact_info li:hover {

    padding-left: 15px;

}



/* CSS 详情页 */

#cpbox01 {

    width: 100%;

    height: 320px;

}



#cp_img {

    width: 400px;

    height: 300px;

    border: 1px #ebebeb solid;

    float: left;

}



#cp_img img {

    width: 400px;

    height: 300px;

}



#cp_detail {

    width: 450px;

    height: 300px;

    float: right;

    overflow: hidden;

    position: relative;

}



#cp_txt {

    width: 100%;

    height: 200px;

    color: #494949;

    font-size: 15px;

    line-height: 30px;

    overflow: hidden;

}



#cp_txt span {

    color: #1f2c5c;

    font-weight: bold;

    padding-bottom: 15px;

    font-size: 22px;

    display: block;

}



#cp_txt b {}



#cp_btn {

    width: 345px;

    height: 40px;

    left: 0;

    top: 255px;

    position: absolute;

}



#btn01 {

    width: 128px;

    height: 38px;

    line-height: 38px;

    text-align: center;

    color: #fff;

    background: #0865ad;

    float: left;

    border-radius: 3px;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

}



#btn01:hover {

    background: #353535;

    transition: 0.5s all;

    -webkit-transition: 0.5s all;

    -moz-transition: 0.5s all;

}



#btn02 {

    width: 128px;

    height: 38px;

    line-height: 38px;

    text-align: center;

    color: #000;

    background: #fedd00;

    float: left;

    border-radius: 3px;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    float: left;

    margin-left: 23px;

}



#btn02:hover {

    background: #353535;

    color: #fff;

    transition: 0.5s all;

    -webkit-transition: 0.5s all;

    -moz-transition: 0.5s all;

}



#cp_lx {

    height: 44px;

    line-height: 44px;

    padding-left: 40px;

    background: url(../images/i-tel.png) left center no-repeat;

    left: 0;

    top: 200px;

    position: absolute;

}



#cp_fx {

    width: 345px;

    height: 40px;

    left: 0;

    top: 440px;

    position: absolute;

}



#cp_lx span {

    color: #1080d6;

    font-weight: bold;

    font-size: 22px;

    font-family: Georgia, serif, verdana
}



#pro_t {

    width: 100%;

    height: 44px;

    background: #f1f1f1;

    line-height: 44px;

}



#pro_t span {

    width: 150px;

    height: 44px;

    color: #fff;

    text-align: center;

    float: left;

    background: #1f2c5c;

    font-size: 18px;

}



#pro_txt {

    width: 100%;

    height: auto;

    min-height: 100px;

    margin-top: 20px;

    font-size: 15px;

    color: #333333;

    line-height: 34px;

    position: relative;

    padding-bottom: 20px;

    overflow: hidden;

}

.lfbox {
    height: auto;
    overflow: hidden;
}

#order_t {

    width: 100%;

    height: 38px;

    margin-top: 15px;

}

#rightContent {
    width: 100%;
}

#order_t span {

    width: 136px;

    height: 38px;

    line-height: 38px;

    text-align: center;

    float: left;

    color: #fff;

    background: #1fa1db;

    font-size: 16px;

}



#tuijian {

    width: 100%;

    height: auto;

    overflow: hidden;

    margin-bottom: 20px;

}



/*contact*/

.inmapbox {

    width: 870px;

    height: 302px;

    overflow: hidden;

    margin: 0 auto;

}



#allmap {

    width: 860px;

    height: 300px;

    overflow: hidden;

    font-size: 14px;

    margin-bottom: 40px;

    line-height: 28px;

    border: 1px solid #a5a4a4;

}



.lxtext {

    width: 100%;

    height: 210px;

    text-align: center;

    margin: 0 auto;

}



.lx01 {

    line-height: 80px;

    color: #1f2c5c;

    text-align: center;

    font-size: 26px;

    font-weight: bold
}



.lx02 {

    font-size: 18px;

    text-align: center;

}



.lx02 span {

    font-size: 25px;

    color: #de2c31;

    font-weight: bold;

}



.lx03 {

    line-height: 20px;

    color: #898989;

    font-size: 14px;

    padding-top: 24px;

}



.lxbox {

    width: 860px;

    height: 60px;

    margin: 0 auto;

    padding-top: 10px;

    padding-bottom: 40px;

}



.lxbox .inlxbox {

    width: 215px;

    height: 58px;

    line-height: 58px;

    font-size: 16px;

    border: 1px #e4e4e4 solid;

    margin-right: 12px;

    float: left;

}



.lxbox .inlxbox span {

    width: 38px;

    height: 60px;

    float: left;

    margin-left: 5px;

    display: block;

}



.sub {

    background: #b80809;

    width: 105px;

    height: 32px;

    line-height: 32px;

    font-size: 16px;

    border: none;

    color: #fff;

    font-family: "微软雅黑";

    transition: 0.4s all;

    display: block;

}



.sub:hover {

    background: #de2c31;

}



/*right*/

#right {

    width: 885px;

    height: auto;

    min-height: 600px;

    background: #fff;

    float: right;

    overflow: hidden;

}



#right_title {

    width: 1200px;

    height: 72px;

    line-height: 72px;

    margin: 0 auto;

}



#title_right {

    padding-left: 30px;

    background: url(../images/home.jpg) left center no-repeat;

}



#title_left {

    width: 830px;

    height: 98px;

    font-size: 16px;

    color: #a8a8a8;

    margin: 0 auto;

    border-bottom: 2px #f1f1f1 solid;

}



#title_left span {

    color: #222222;

    font-size: 25px;

    line-height: 40px;

    padding-top: 15px;

    display: block;

}



#right_content {

    width: 830px;

    height: auto;

    padding-top: 20px;

    margin: 0 auto;

}



#right_bottom {

    width: 100%;

    height: 23px;

}



#indexNews {

    width: 830px;

    height: auto;

    min-height: 300px;

    padding-top: 10px;

    margin: 0 auto;

    overflow: hidden;

}



#indexNews li {

    width: 100%;

    height: 124px;

    border-bottom: 1px #dbdbdb dashed;

    padding: 18px 0;

}



#indexNews li img {

    width: 173px;

    height: 124px;

    float: left;

    display: block;

}



#indexNews li .txt {

    width: 710px;

    height: 124px;

    line-height: 23px;

    color: #777777;

    font-size: 14px;

    float: right;

}



#indexNews li .txt span {

    font-size: 16px;

    line-height: 42px;

    color: #000;

    font-weight: bold;

    display: block;

    transition: 0.4s all
}



#indexNews li .txt span:hover {

    margin-left: 5px;

    color: #00a3ff
}



#page {

    width: 100%;

    height: 26px;

    line-height: 26px;

    text-align: center;

    margin: 0 auto;

    clear: both;

}



#page a {

    min-width: 26px;

    height: 26px;

    background: #bababa;

    color: #fff;

    font-size: 15px;

    display: inline-block;

}



#page a:hover {

    background: #b80809;

}



#page .current {

    color: #fff;

    min-width: 26px;

    height: 26px;

    background: #b80809;

    display: inline-block;

}



#page_num {

    height: 22px;

    font-size: 14px;

    background: #eeeeee;

}



#newTitle {

    width: 100%;

    line-height: 60px;

    font-weight: normal;

    font-weight: bold;

    font-size: 22px;

    font-family: "微软雅黑";

    text-align: center;

    margin: 0 auto;

}



#productTitle {

    width: 100%;

    height: 60px;

    color: #1f2c5c;

    font-size: 18px;

    text-align: center;

    margin: 0 auto;

}



#newsInfo {

    width: 100%;

    height: 40px;

    color: #a9aaa9;

    font-size: 12px;

    border-bottom: 1px #d5d3d3 dashed;

    text-align: center;

    margin: 0 auto 20px;

}



.newsinfoleft {

    padding-left: 30px;

}



#infoImage {

    width: 100%;

    text-align: center;

    margin: 10px 0 10px 0;

}



#infoImage img {

    max-width: 100%;

}



#newsContent {

    width: 100%;

    height: auto;

    min-height: 300px;

    overflow: hidden;

    padding-top: 30px;

    line-height: 34px;

    font-size: 15px;

    color: #1d1d1d;

    margin: 0 auto;

}

#newsContent img {
    display: block;
    padding: 5px 0;
    margin: 0 auto
}

.pbox02 img {

    max-width: 100%;

    display: block;

    margin: 0 auto;

    padding: 10px 0
}



.pbox02 strong {

    color: #00a3ff
}



#picUL0 {

    width: 100%;

    margin: 0 auto;

}



#picUL0 li {

    width: 228px;

    height: 215px;

    margin: 0 10px 20px 10px;

    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);

    padding: 8px;

    text-align: center;

    float: left;

}



#picUL0 li:hover {

    background: #f4f4f4;

}



#picUL0 li .pic_01 {

    width: 228px;

    height: 173px;

    overflow: hidden;

}



#picUL0 li .pic_01 img {

    /*width: 228px;*/

    height: 173px;

    vertical-align: middle;

    transition: 0.5s all;

    background: #fff;

}



#picUL0 li:hover img {

    transform: scale(1.08);

}



#picUL0 li .pic_02 {

    width: 228px;

    height: 48px;

    font-size: 16px;

    font-weight: bold;

    line-height: 48px;

    color: #707070
}



#picUL {

    width: 100%;

    height: 100%;

    overflow: hidden;

}



#picUL li {

    width: 228px;

    height: 315px;

    margin: 0 15px 25px 10px;

    border: 1px #c8c8c8 solid;

    padding: 14px 14px;

    float: left;

}



#picUL li:hover {

    background: #f4f4f4;

    border: 1px #1f2c5c solid;

}



#picUL li .pic_01 {

    width: 228px;

    height: 173px;

    overflow: hidden;

}



#picUL li .pic_01 img {

    width: 228px;

    height: 173px;

    vertical-align: middle;

    transition: 0.5s all;

    background: #fff;

}



#picUL li:hover img {

    transform: scale(1.08);

}



#picUL li .pic_01 span {

    height: 100%;

    width: 0;

    overflow: hidden;

    display: inline-block;

    vertical-align: middle;

}



#picUL li .pic_02 {

    width: 228px;

    height: 108px;

    font-size: 14px;

    line-height: 21px;

    color: #707070
}



#picUL li .pic_02 a {

    color: #1a1b1d;

    font-size: 16px;

    line-height: 32px;

    font-weight: bold;

    padding-top: 16px;

    display: block;

}



.btnbox3 {

    width: 228px;

    height: 32px;

    margin: 0 auto;

    font-size: 14px;

    position: absolute;

}



.btnbox3 .btn1 {

    width: 94px;

    height: 28px;

    color: #6c6c6c;

    line-height: 28px;

    text-align: center;

    border: 2px #6c6c6c solid;

    float: left;

}



.btnbox3 .btn1:hover {

    border: 2px #de2c31 solid;

    background: #de2c31;

    color: #fff
}



.btnbox3 .btn2 {

    width: 94px;

    height: 28px;

    line-height: 26px;

    text-align: center;

    border: 2px #1f2c5c solid;

    background: #1f2c5c;

    color: #fff;

    float: left;

    margin-left: 18px;

}



.btnbox3 .btn2:hover {

    background: #de2c31;

    border: 2px #de2c31 solid;

    color: #fff
}



.G_tips {

    color: #666;

    width: 486px;

    border: 1px solid #dedede;

    padding: 7px;

    border-radius: 5px;

    -moz-border-radius: 5px;

    -webkit-border-radius: 5px;

    box-shadow: 0px 0px 3px rgba(0, 0, 0, .1);

    -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, .1);

    -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, .1);

}



/*******加入*******/

.jobbox {

    width: 850px;

    height: auto;

    margin: 0 auto
}



.jobbox li {

    width: 850px;

    height: auto;

    line-height: 27px;

    font-size: 14px;

    color: #646060;

    padding-bottom: 20px;

    margin-bottom: 20px;

    border-bottom: 1px #efefef solid;

    position: relative;

}



.jobbox li span {

    line-height: 40px;

    font-size: 18px;

    color: #1f2c5c;

    font-weight: bold;

    display: block;

}



.jobbox li .more {

    color: #1f2c5c;

    line-height: 40px;

    display: block;

}



.jobbox li .more:hover {

    color: #de2c31;

}



.recruitcon {

    width: 895px;

    height: 173px;

}



.recruitpic {

    width: 132px;

    height: 153px;

    float: left;

}



.recruitconc {

    width: 470px;

    height: 143px;

    padding-left: 50px;

    padding-top: 5px;

    float: left;

}



.recruitconc li {

    width: 372px;

    height: 35px;

    line-height: 35px;

    color: #444444;

}



.apply {

    width: 100px;

    height: 36px;

    line-height: 36px;

    text-align: center;

    background: #1f2c5c;

    color: #fff;

    font-size: 14px;

    margin-top: 50px;

    margin-right: 100px;

    float: right;

}



.apply:hover {

    background: #de2c31;

    transition: 0.5s all;

}



.xxsmys {

    width: 895px;

    height: 36px;

    line-height: 36px;

    border-bottom: 2px #1f2c5c solid;

}



.xxsmwz {

    width: 100px;

    height: 36px;

    line-height: 36px;

    color: #FFF;

    text-align: center;

    display: block;

    background-color: #1f2c5c;

}



/*订单*/

.formys {

    width: 860px;

    height: auto;

    color: #555555;

    margin: 0 auto
}



.formmcys {

    width: 90px;

    float: left;

}



.cpmcys {

    width: 400px;

    height: 34px;

    border: 1px solid #d2d4d6;

    font-family: "微软雅黑";

    color: #555555;

    background: #f9f9f9;

    font-size: 14px;

}



.formbz {

    float: left;

}



.G_InputText {

    width: 400px;

    height: 30px;

    border: 1px solid #d2d4d6;

    background: #f9f9f9;

}



.G_textarea {

    width: 400px;

    height: 100px;

    border: 1px solid #dedede;

    background: #f9f9f9;

}



.G_ul {

    width: 100%;

    padding: 40px 0
}



.G_botton {



    width: 55px;



    height: 30px;



    line-height: 30px;



    border: 0;



    background: url(button.gif) no-repeat;



    cursor: pointer;



}



.borderLi {

    width: 100%;

    height: auto;

    padding-top: 10px;

}



.G_tips {







    width: 486px;



    margin: 10px auto 0 auto;



    border: 1px solid #dedede;



    padding: 7px;



    border-radius: 5px;



    -moz-border-radius: 5px;



    -webkit-border-radius: 5px;



    box-shadow: 0px 0px 3px rgba(0, 0, 0, .1);



    -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, .1);



    -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, .1);



}





.cpfwnr {

    width: 230px;

    height: 100%;

    overflow: hidden;

}



.cpfwnr dt {

    width: 213px;

    height: 33px;

    display: block;

    padding: 0 0 0 17px;

    background: url(allbg.gif) no-repeat;

    background-position: 0 -137px;

    line-height: 33px;

    font-size: 12px;

    color: #0976b2;

}



.cpfwnr dd {

    width: 190px;

    margin: 0 auto;

    line-height: 2
}



.cpfwnr dt a {

    width: 213px;

    height: 33px;

    display: block;

    padding: 0 0 0 17px;

    background: url(a1.jpg) no-repeat;

    line-height: 33px;

    font-size: 12px;

    color: #0976b2;

}



.cpfwnr dt:hover {

    background: url(allbg.gif) no-repeat;

    background-position: 0 -102px;

    color: #fff;

}



.cpfwnr dd a {

    width: 190px;

    height: 25px;

    line-height: 25px;

    margin: 3px 0 0 0;

    color: #333;

    font-size: 12px;

}



.cpfwnr dd a:hover {

    color: #ff6c00;

}