/* CSS Document */
body,

div,

ul,

ol,

dl,

dt,

dd,

li,

dl,

h1,

h2,

h3,

h4,

p {

    margin: 0;

    padding: 0;

    font-style: normal;

    font-family: 'Microsoft Yahei', 'arial';

}

body {

    overflow-x: hidden;

}

ol,

ul,

li {

    list-style: none;

}

img {

    border: 0;

    vertical-align: middle;

}

.clear {

    clear: both;

}

a {

    text-decoration: none;

}

.all_bg {

    width: 95%;
    max-width: 1200px;
    height: 100%;
    overflow: hidden;
    margin: 0 auto;

}

.wes {

    /* 多出部门用省略号暗示 , 用于一行 */

    overflow: hidden;

    word-wrap: normal;

    white-space: nowrap;

    text-overflow: ellipsis;

}

.fl {

    float: left;

}

.fr {

    float: right;

}

/* 不容选中文本 */

.usn {

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    -o-user-select: none;

    user-select: none;

}

.animated {

    -webkit-animation-duration: 1.5s;

    -moz-animation-duration: 1.5s;

    -ms-animation-duration: 1.5s;

    animation-duration: 1.5s;

    -webkit-animation-fill-mode: both;

    -moz-animation-fill-mode: both;

    -ms-animation-fill-mode: both;

    animation-fill-mode: both;

}



/*nav*/

.head_fix {
    width: 100%;
    height: 100px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999999;
    background: #fff;
    box-shadow: 0 3px 9px rgba(0, 0, 0, .2);
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.nav {
    float: left;
    margin-left: 3%;
    position: relative;
    z-index: 99999
}

.nav a {
    color: #101010;
}

.nav .nLi {
    float: left;
    position: relative;
    display: inline;
}

.nav .nLi h3 {
    float: left;
    margin: 0px;
    padding: 0px;
    display: block;
}

.nav .nLi h3 i {
    display: block;
    height: 25px;
    position: absolute;
    width: 25px;
    background-image: url(/statics/css/image/ico.png);
    background-repeat: no-repeat;
    margin-top: 25px;
    margin-left: 38px;
}

.nav .nLi h3 a {
    display: block;
    font-size: 15px;
    font-weight: bold;
    height: 100px;
    margin: 0px;
    padding-top: 0;
    padding-bottom: 0;
    line-height: 140px;
    width: 100px;
    text-align: center;
    text-decoration: none;
}

.nav .nLi h3 a:hover,
.nav .cur h3 a {
    color: #fff !important;
    background-color: #d4141a;
}

.nav .sub {
    display: none;
    width: 100px;
    left: 0;
    top: 100px;
    position: absolute;
    background: #eee;
    line-height: 26px;
    padding: 3px 0;
    filter: alpha(opacity=90);
    opacity: 0.9;
    text-align: center;
    margin:0;
}

.nav .sub li {
    zoom: 1;
    font-size: 14px;
    list-style-type: none;
    margin-top:4px;
}

.nav .sub li:first-child {
    color: #d4141a;
}

.nav .sub a {
    display: block;
    padding: 3px 10px;
    font-size: 14px;
    color: #333;
    text-decoration: none;
}

.nav .sub a:hover {
    background: #333;
    color: #fff;
}

.nav .on h3 a {
    color: #fff !important;
    background-color: #d4141a;
}

.nav .a2 {
    background-position: 0 -32px;
}

.nav .a3 {
    background-position: 0 -67px;
}

.nav .a4 {
    background-position: 0 -100px;
}

.nav .a5 {
    background-position: 0 -135px;
}

.nav .a6 {
    background-position: 0 -169px;
}

.nav .a7 {
    background-position: 0 -202px;
}

.nav .a8 {
    background-position: 0 -236px;
}

.nav .a9 {
    background-position: 0px -268px
}

.nav .a10 {
    background-position: 0px -304px
}

.nav .a11 {
    background-position: 0px -338px
}

.nLi:hover ul {
    display: block;
}

.nav .nLi h3:hover .a1,
.nav .on .a1 {
    background-position: -25px 0px;
}

.nav .nLi h3:hover .a2,
.nav .on .a2 {
    background-position: -25px -32px;
}

.nav .nLi h3:hover .a3,
.nav .on .a3 {
    background-position: -25px -67px;
}

.nav .nLi h3:hover .a4,
.nav .on .a4 {
    background-position: -25px -100px;
}

.nav .nLi h3:hover .a5,
.nav .on .a5 {
    background-position: -25px -135px;
}

.nav .nLi h3:hover .a6,
.nav .on .a6 {
    background-position: -25px -169px;
}

.nav .nLi h3:hover .a7,
.nav .on .a7 {
    background-position: -25px -202px;
}

.nav .nLi h3:hover .a8,
.nav .on .a8 {
    background-position: -25px -236px;
}

.nav .nLi h3:hover .a9,
.nav .on .a9 {
    background-position: -25px -268px;
}

.nav .nLi h3:hover .a10,
.nav .on .a10 {
    background-position: -25px -304px;
}

.nav .nLi h3:hover .a11,
.nav .on .a11 {
    background-position: -25px -338px;
}

.phxia {
    display: none;
}

.div_welcome_big_content {
    overflow: hidden;
}

.div_header {
    margin: 0 auto;
    width: 95% !important;
    max-width: 1650px;
    z-index: 999;
}

.div_header_cen {
    float: left;
    height: 100px;
}

.div_header.no {
    height: 215px;
}

.a_logo_left {
    float: left;
    width: 185px;
    height: 51px;
    margin-top: 26px;
}

.div_header_register .a_logo_left {
    margin-top: 45px;
}

.div_logo_menu {
    float: left;
    min-height: 20px;
    margin: 30px 0 0 0px;
}

.div_logo_menu_b {
    float: left;
    margin-left: 185px;
}

.div_logo_menu_b a {
    float: left;
    height: 40px;
    text-align: center;
    line-height: 80px;
    font-size: 14px;
    color: #768596;
}

.div_logo_menu_b a.index,
.div_logo_menu_b a:hover {
    color: #fff;
}

.div_logo_menu a {
    float: left;
    width: 66px;
    text-align: center;
    font-size: 14px;
    color: #666;
    height: 60px;
    line-height: 60px;
}

.div_logo_menu a:hover {
    background: #e05f12;
    color: #fff !important;
}

.div_logo_menu a.index {
    margin-left: 0px;
}

.div_logo_menu a.index font,
.div_logo_menu a:hover font {
    cursor: pointer;
}

.div_logo_menu a.last {
    border-right: 1px solid #f0f0f0;
}

.head_phone {
    position: absolute;
    top: 28px;
    right: 8%;
    color: #d4141a;
    font-size: 24px;
    z-index: -1;
    background: url(/statics/css/image/top_tel_icon.png) left center no-repeat;
    background-size:40px;
    padding-left:50px;
}

.head_phone p {
    font-size:24px;
    font-weight:bold;
}

.head_phone p span {
    font-size: 15px;
    color: #101010;
    display: block;
    font-weight: normal;
}


/*banner*/
.banner {
    width: 100%;
    margin: 100px auto 0;
    overflow: hidden;
    position: relative;
}

.banner .swiper-slide {
    width: 100%;
    margin: auto;
}

.banner .swiper-slide .mb {
    display: none;
}

.banner .swiper-slide img {
    width: 100%;
    display: block;
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -webkit-transition: all 0.4s linear 1.2s;
    transition: all 0.4s linear 1.2s;
    -webkit-transition: all 0.4s linear 1.2s;
}

.banner .swiper-slide-active img {
    transition-delay: 0.4s !important;
    transform: scale(1);
    -webkit-transform: scale(1);
    -webkit-transition: all 5.0s linear;
    transition: all 5.0s linear;
}

.banner .swiper-pagination {
    bottom: 40px !important;
}

.banner .swiper-pagination-bullet {
    width: 13px;
    height: 13px;
    border-radius: 50%;
    opacity: .9;
    margin: 0 8px !important;
    background: #fff;
}

.banner .swiper-pagination-bullet-active {
    background: #d4141a;
}

.banner .swiper-button-next,
.banner .swiper-button-prev {
    color: #fff;
    width: 40px;
    height: 40px;
    border-radius: 10px 0;
    background: rgba(0, 0, 0, .5);
}

.banner .swiper-button-next:hover,
.banner .swiper-button-prev:hover {
    background: #d4141a;
}

.banner .swiper-button-next:after,
.banner .swiper-button-prev:after {
    font-size: 24px;
}

.banner .swiper-button-prev {
    left: 5%;
}

.banner .swiper-button-next {
    right: 5%;
}


/*footer*/
.footer {
    width: 100%;
    height: 424px;
    background: url(/statics/css/image/sy_footer_bg.png)no-repeat center;
}

.footer_nav {
    width: 100%;
    height: 160px;
    background-color: #f4f6f8;
}

.w1650{
    width:95% !important;
    max-width: 1650px;
    margin: 0 auto;
}

.footer_nav ul {
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
}

.footer_nav li {
    float: left;
    text-align: center;
}

.footer_nav li a {
    width: 100%;
    display: block;
    color: #333;
    font-size: 16px;
}

.footer_nav li a i {
    display: block;
    font-style: normal;
    width: 26px;
    margin: 0 auto;
    height: 26px;
    overflow: hidden;
    margin-top: 50px;
}

.footer_nav li a i img {
    width: 100%;
}

.footer_nav li a span {
    display: block;
    width: 100%;
    text-align: center;
    color: #333;
    font-size: 16px;
    margin-top: 10px;
}

.footer_nav li a:hover span {
    color: #d4141a;
}

.footer_nav li a:hover i img {
    margin-top: -27px;
}

.footer_bottom {
    width:100%;
    height:265px;
}

.footer_fl {
    width:458px;
    height:100%;
}

.footer_phone {
    width:215px;
    height:86px;
    margin-top:40px;
    text-align: center;
    color:#fff;
    background:url(/statics/css/image/footer_phone_title.png)no-repeat center;
    background-size:cover;
}

.footer_phone b {
    font-size: 25px;
    display: block;
    padding-top: 30px;
}

.footer_phone span {
    font-size: 14px;
}

.footer_icon {

    width: 100%;

    height: 56px;

    margin-top: 10px;

}

.footer_icon ul {

    width: 100%;

    height: 100%;

}

.footer_icon li {

    float: left;

    width: 56px;

    height: 100%;

    border-radius: 50%;

    background-color: rgb(255, 255, 255, 0.29);

    margin-right: 20px;

    position: relative;

}

.footer_icon li a {

    width: 100%;

    height: 100%;

    display: block;

    position: relative;

}

.footer_icon li a span {

    width: 28px;

    height: 27px;

    display: block;

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    margin: auto;

    transition: 0.6s;

    overflow: hidden;

}

.footer_icon li:nth-child(2) a span {
    width: 22px;
}

.footer_icon li a span img {

    width: 100%;

}

.footer_ewm_hide {

    width: 56px;

    height: 56px;

    position: absolute;

    left: -0;

    top: 57px;

    display: none;

}

.footer_ewm_hide img {

    width: 100%;

    height: 100%;

}

.footer_icon li:first-child a:hover .footer_ewm_hide {

    display: block;

}

.footer_fl p {

    font-size: 14px;

    margin-top: 16px;

    color: #fff;

}

.footer_fl p a {

    color: #fff;

}

.footer_fl p a:hover {
    color: #000;
}

.footer_icon li:hover a span img {
    margin-top: -27px;
}

.footer_fr {

    width: 680px;

    height: 100%;

    color: #a1a1a1;

}

.footer_contact {

    width: 510px;

    height: 145px;

    margin-top: 40px;

    overflow: hidden;

}

.footer_ewm {

    width: 114px;

    height: 145px;

    margin-top: 40px;

    overflow: hidden;

}

.footer_ewm img {

    width: 100%;

    height: 114px;

}

.footer_ewm p {

    font-size: 16px;

    text-align: center;

    width: 100%;

    line-height: 30px;

}

.footer_broken {

    width: 100%;

    height: 68px;

    background: url(/statics/css/image/footer_broken_title.png)no-repeat top left;

}

.footer_broken ul {

    width: 100%;

    height: 100%;

    overflow: hidden;

    display: flex;

    justify-content: space-between;



}

.footer_broken li {

    float: left;

}

.footer_broken li a {

    display: block;

    width: 100%;

    height: 100%;

    color: #a1a1a1;

    line-height: 106px;

}

.footer_broken li:first-child a {
    color: #d4141a;
}

.footer_broken li:hover a {
    color: #d4141a;
}

.footer_contact p {

    font-size: 14px;

    color: #a1a1a1;

    line-height: 28px;

    margin-top: 20px;

}

.footer_link {

    width: 100%;

    height: 56px;

    margin-top: 16px;

    overflow-y: auto;

}

.footer_link ul {

    width: 100%;

    height: 100%;

}

.footer_link li {

    float: left;

    color: #a1a1a1;

}

.footer_link li p {

    font-size: 16px;

    padding-right: 5px;

}

.footer_link li a {

    color: #a1a1a1;

    display: inline-block;

    font-size: 14px;

    padding: 0 5px 5px 5px;

}

.footer_link li a:hover {
    color: #d4141a;
}



/********************************************************************** By Deng *****************************************************************************/

textarea::-webkit-input-placeholder {

    /* WebKit browsers */

    font-size: 20px;



}

textarea:-moz-placeholder {

    /* Mozilla Firefox 4 to 18 */

    font-size: 20px;

}

textarea::-moz-placeholder {

    /* Mozilla Firefox 19+ */

    font-size: 20px;

}

textarea::-ms-input-placeholder {

    /* Internet Explorer 10+ */

    font-size: 20px;

}







/*fix_messages*/

.left_fix {

    width: 80px;

    height: 120px;

    position: fixed;

    left: 10px;

    bottom: 5%;

    overflow: hidden;

}

.left_fix a,
.left_fix a img {

    width: 80px;

    height: 80px;

    display: block;

    border-radius: 50%;

    margin-bottom: 10px;

}

.middle_fix {

    width: 460px;

    height: 285px;

    background: #fff;

    position: fixed;

    left: 35%;

    top: 35%;

    display: none;

    border: 1px solid #d4d4d4;

    background-color: #fff;

    border-radius: 5px;

    box-shadow: 0 0 15px #d4d4d4;

    z-index: 99999999999;

}

.middle_fix span {

    display: block;

    float: left;

    font-size: 18px;

    padding: 30px 0 0 26px;

}

.middle_fix p {

    float: right;

    width: 47px;

    height: 26px;

    font-size: 16px;

    background: #fff;

    color: #333;

    text-align: center;

    line-height: 26px;

    border-radius: 2px;

}

.middle_fix p:hover {

    background: -webkit-gradient(linear, left top, left bottom, color-stop(10%, #d4141a), color-stop(97%, #fc6368));

    color: #fff;
    cursor: pointer;
}

.middle_fix ul {

    width: 88%;

    margin: 0 auto;

    height: 175px;

    padding-top: 54px;

    overflow: hidden;

}

.middle_fix li {

    width: 26%;

    height: 100%;

    margin-right: 12%;

    float: left;

    text-align: center;

}

.middle_fix li:first-child {
    margin-right: 8%;
}

.middle_fix li:last-child {
    margin-right: 0;
}

.middle_fix li a {

    width: 100%;

    height: 100%;

    display: block;

}

.middle_fix li a img {

    width: 80px;

    height: 80px;

    border: 1px solid #fff;

    transition: .6s;

}

.middle_fix li:hover a img {
    border: 1px solid #d4141a;
    box-shadow: 0 0 15px #d4141a;
}

.middle_fix li:hover a b {
    color: #d4141a;
}

.middle_fix li:nth-child(2):hover a img {
    width: 110px;
    height: 110px;
}

.middle_fix li a b {

    font-size: 14px;

    display: block;

    font-weight: normal;

    text-align: center;

    width: 100%;

    padding-top: 6px;

    color: #333;

}<!--耗时1776077676.9931秒-->