@CHARSET "UTF-8";



#imain_newsBox{position:relative;width:100%;height: 600px;overflow:hidden;background:url("../images/imain_news_bg.jpg") center top no-repeat #000000;z-index:1;}

#imain_newsBox:after{content:"";position:absolute;left:0px;bottom:0px;width:100%;height:969px;background-color:#ffffff;opacity:0.8;}

#imain_newsBox .nav{height:395px;}

#imain_news{position:relative;margin-left:auto;margin-right:auto;width:1200px;height: 500px;overflow:hidden;z-index:2;}

#imain_news_tit{position:absolute;left:527px;top:0px;width:146px;height:144px;}

#imain_news_img{position:absolute;left:0px;top:231px;width:580px;height:351px;overflow:hidden;}

#imain_news_list{position:absolute;right:0px;top:211px;width:574px;height:362px;text-align:left;}

#imain_news_list li{width:100%;height:52px;line-height:52px;border-bottom:1px solid #909090;}

.imain_news_lbox{display:block;float:left;width:450px;height:52px;line-height:52px;overflow:hidden;}

.imain_news_rbox{display:block;float:right;width:80px;}

#imain_news_menu{position:absolute;left:0px;bottom:100px;width:1200px;height:174px;}

#imain_news_menu li{position:relative;float:left;width:298.75px;height:174px;}

#imain_news_menu li img{position:relative;z-index:1;}

#imain_news_menu li span{position:absolute;left:0px;top:0px;display:block;width:100%;height:174px;line-height:174px;color:#e1e5ec;font-size:24px;z-index:3;}

#imain_news_menu li a:before{content:"";position:absolute;left:0px;top:0px;width:100%;height:174px;background:url("../images/imain_hmkonw_menuImgH.png") center center no-repeat;opacity:0;transition:all 0.5s;z-index:2;}

#imain_news_menu li a:hover:before{opacity:1;}

#imain_news_menu .tiao{float:left;width:1px;height:174px;background-color:#6a2e24;}





#bottom_box{width:100%;height: 130px;background-color:#000000;}

#bottom_line{position:relative;margin-left:auto;margin-right:auto;width:1200px;height: 130px;overflow:hidden;}

#bottom_logo{position:absolute;left:0px;top:48px;width:254px;height:56px;overflow:hidden;}

#bottom_wx{position:absolute;left:0px;top: 20px;width:87px;height:87px;overflow:hidden;}

#bottom_con{position:absolute;left: 134px;/* top: 61px; *//* width:414px; */height: 100px;text-align:left;line-height: 120px;color:#e1e5ec;}

#bottom_right{position:absolute;left:0px;bottom:35px;width:919px;color:#e1e5ec;text-align:left;}

#bottom_right p{display:inline;}

#bottom_right a{color:#e1e5ec;}

#bottom_right a:hover{color:#eb3d00;}

#bottom_menu{position:absolute;left:554px;top:61px;width:222px;height:161px;overflow:hidden;}

#bottom_menu li{float:left;width:50%;height:41px;text-align:left;}

#bottom_menu li a{color:#e1e5ec;font-size:16px;}

#bottom_menu li a:hover{color:#ea3d00;}

#bottom_mesg{position:absolute;right:0px;/* bottom:46px; */width: 400px;height:186px;}

.bottom_mesg_name{position:relative;margin-bottom:6px;width:100%;height:30px;line-height:30px;background-color:#535353;color:#d4d4d4;text-align:left;text-indent:10px;}

.bottom_mesg_phone{position:relative;margin-bottom:6px;width:100%;height:30px;line-height:30px;background-color:#535353;color:#d4d4d4;text-align:left;text-indent:10px;}

.bottom_mesg_msg{position:relative;margin-bottom:6px;width:100%;height:67px;line-height:30px;background-color:#535353;color:#d4d4d4;text-align:left;text-indent:10px;}

.bottom_mesg_but{position:absolute;right:0px;bottom:0px;width:75px;height:22px;border:1px solid #ffffff;color:#ffffff;cursor:pointer;background:none;}

.bottom_mesg_but:hover{background-color:#eb3d00;border:1px solid #eb3d00;}





.message_con_nv{position:absolute;left:142px;top:26px;width:514px;height:34px;color:#000000;}

.message_con_nv input{position:relative;top:2px;}

.message_con_name{position:absolute;left:0px;top:0px;width:100%;height:30px;background:none;color:#d4d4d4;text-indent:0px;font-size:12px;font-family:"Microsoft YaHei", "宋体", Arial;border:none;text-indent:10px;}

.message_con_phone{position:absolute;left:0px;top:0px;width:100%;height:30px;background:none;color:#d4d4d4;text-indent:0px;font-size:12px;font-family:"Microsoft YaHei", "宋体", Arial;border:none;text-indent:10px;display:none;}

.message_con_mail{position:absolute;left:0px;top:0px;width:100%;height:30px;background:none;color:#d4d4d4;text-indent:0px;font-size:12px;font-family:"Microsoft YaHei", "宋体", Arial;border:none;text-indent:10px;}

.message_con_txt{position:absolute;left:0px;top:4px;width:100%;height:60px;background:none;color:#d4d4d4;text-indent:0px;font-size:12px;line-height:200%;font-family:"Microsoft YaHei", "宋体", Arial;border:none;text-indent:10px;}

.message_con_but{position:absolute;left:0px;top:0px;width:452px;height:44px;background:none;color:#666666;text-align:center;line-height:32px;cursor:pointer;font-family:"Microsoft YaHei", "宋体", Arial;font-size:14px;border:none;transition:all 0.8s;}

.message_con_but:hover{background-color:#ff0000;color:#ffffff;}

/*头部样式*/

.top {

    color: #a4a4a4;


    font: 400 12px/40px "Microsoft Yahei";

}

.top a {

    color: #a4a4a4;

}

.topbox {

    color: #666;

    font: 400 12px/30px "Microsoft Yahei";

}

.topbox a {

    color: #666;

}

.top-contact {

    background: #2598f2;

    width: 129px;

    text-align: center;

}

.lan {

    padding: 0 15px;

    background: #2598f2;

}

#header {

    padding: 25px 10%;

}

.head {

    max-width: 1510px;

    margin: 0 auto;

    padding: 15px 0 0;

}

.logo {

    float: left;

}

.logo img {

    max-width: 100%;

    height: auto;

}

.toplink {

    padding-top: 10px;

}

.translate {

    width: 100px;

    position: absolute;

    left: 0;

    top: 10px;

    z-index: 9999;

}

.tran-in {

    left: 120px;

}

.translate li {

    border: 1px dashed #cccccc;

    line-height: 26px;

    text-align: left;

    background: #fff;

}

.translate li a {

    display: block;

    padding-left: 10px;

    background: url(../images/dot4.png) no-repeat 88% 11px;

}

.translate li a:hover {

    text-decoration: none;

    color: #275cea;

    cursor: pointer;

}

.translate-en {

    display: none;

    padding: 6px;

    padding-top: 0px;

}

.translate li .translate-en a {

    padding-left: 0px;

    text-align: center;

    background: #fff;

    border-bottom: 1px solid #cccccc;

}

.translate li .translate-en a:hover {

    font-weight: bold;

}

#menu {

    position: relative;

}

@media (max-width: 1199px) {

    #header {

        padding: 5px 10px;

    }

}

@media (max-width: 467px) {

    .logo {

        padding: 0 !important;

        max-width: 248px;

    }

}

.contacts {

    padding-top: 15px;

}

.k1 {

    text-align: right;

}

.k2 {

    color: #071689;

    font: 600 20px/28px "Microsoft Yahei";

    padding-right: 30px;

}

.smaill-lan {

    text-align: center;

    border-top: 1px solid #ddd;

    padding: 8px 0;

    background: #f1f1f1;

}

.smaill-lan img {

    padding: 0 5px;

}

/*热门搜索*/

.search {

    padding-top: 65px;

}

#formsearch {

    width: 65px;

    height: 20px;

    border: 1px solid #aaa;

    margin-top: 10px;

    float: left;

    overflow: hidden;

    border-radius: 10px;

}

.hotSearch {

    font-size: 12px;

    font-weight: 400;

    line-height: 40px;

}

.hotSearch a {}

@media (max-width: 1199px) {

    .search {

        padding: 30px 15px 0;

    }

}

@media (max-width: 991px) {

    #formsearch {

        width: 100%;

    }

}

@media (max-width: 567px) {

    .hotSearch {

        font-size: 24px;

    }

}

/*主体样式*/

#container {

    padding: 0 10%;

}

.boxx {

    padding: 0 10%;

}

@media (max-width: 991px) {

    .boxx {

        padding: 0;

    }

}

/* 公司简介 */

.about {

    padding: 56px 0 56px 0;

    position: relative;

    /* margin-toP: 125px; */

}

.aboutbg {

    width: 100%;

    height: 100%;

    background: #eee;

    position: absolute;

    top: 0;

    right: 50%;

    margin-right: 45px;

}

@media (max-width: 768px){

    .aboutimg{

        left:0!important;

        opacity: 1!important;

    }

    .about .text{

        right:0!important;

        opacity:1!important;

    }

}

.aboutimg img {

    max-width: 100%;

    height: auto;

}

.about .col-md-6 {

    padding: 0;

}

.aboutimg {

    position: relative;

    left: -50px;

    opacity: 0;

    transition: all 1s;

}

.on .aboutimg {
    left: 0;
    opacity: 1;
    transition-delay: 0.7s;
    margin-top: 30px;
}

.about .text {

    padding: 30px 10% 0 60px;

    color: #5a5a5a;

    font: 400 14px/30px "Microsot Yahei";

    position: relative;

    right: -50px;

    opacity: 0;

    transition: all 1.2s;

}

.about.on .text {

    right: 0;

    opacity: 1;

    transition-delay: 1s;

}

.about .text .con {

    padding-top: 50px;

    height: 200px;

    overflow: hidden;

}

.about .text .more {

    padding-top: 70px;

}

.about .text .more a {

    color: #acacac;

    font: 400 14px/30px "Microsot Yahei";

}

@media (max-width: 991px) {

    .about {

        padding: 0;

        margin-top: 20px;

    }

    .aboutbg {

        display: none;

    }

    .about .text {

        padding: 20px;

    }

    .about .text .con {

        padding-top: 20px;

    }

    .about .text .more {

        padding-top: 20px;

    }

}

/* 课程介绍 */

.course {

    background: #f1f1f1;

    padding: 70px 0;

    margin-top: 20px;

}

.tit {

    color: #8a1d2a;

    font: 400 30px/40px "Microsot Yahei";

    text-align: center;

}

.tit p {

    color: #b5b5b5;

    font: 400 20px/30px "Microsot Yahei";

    text-transform: uppercase;

}

.courselist {

    padding-top: 55px;

}

.courselist li {

    height: 574px;

    width: 25%;

    float: left;

    position: relative;

    overflow: hidden;

    -webkit-transition: all .5s;

    transition: all .5s;

}

.courselist li.on {

    cursor: pointer;

}

.courselist li .cover {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background-color: rgba(0, 0, 0, .4);

    text-align: center;

}

.courselist li .cover:before {

    content: ".";

    height: 100%;

    display: inline-block;

    vertical-align: middle;

    visibility: hidden;

}

.courselist li .cover a {

    display: inline-block;

    color: #fff;

    font: 400 24px/52px "Microsot Yahei";

    border-bottom: 3px solid #fff;

    vertical-align: middle;

}

.courselist li .text {

    display: none;

}

.courselist li.on {

    width: 50%;

    background-position: 0 0 !important;

}

.courselist li.on .cover {

    display: none;

}

.courselist li.on .text {

    display: block;

    width: 50%;

    float: right;

    background: #8a1d2a;

    height: 574px;

}

.textbox {

padding: 50px 30px;

color: #fff;
}

.textbox h3 {

    font: 400 30px/50px "Microsoft Yahei";

    text-align:center;

}

.textbox p {

    font: 400 18px/36px "Microsoft Yahei";

    padding: 20px 0;

}

.textbox .intro {

font: 400 14px/30px "Microsoft Yahei";

min-height: 275px;

overflow: hidden;
}

.textbox a{display: block;text-align: center;}

.courselist .img img {

    max-width: 100%;

    height: auto;

}

.swiper-container2 {

    padding-top: 20px;

    width: 100%;

    overflow: hidden;

}

.swiper-container2 .swiper-slide a {

    display: block;

    color: #333;

    font: 400 14px/36px "Microsoft Yahei";

    text-align: center;

}

@media (max-width: 991px) {

    .course {

        margin-top: 20px;

        padding: 20px 0;

    }

}

/* 新闻资讯 */

.newsbg {

    background: #f3f3f3;

    padding: 75px 0;

}

.news {

    max-width: 1034px;

    margin: 0 auto;

    height: 585px;

    background: url(../images/newsbg.png) no-repeat;

    margin-top: 65px;

}

.news_list1 {

    padding: 12px 0 0 11px;

}

.news_list1 .img img {

    max-width: 100%;

    height: auto;

}

.news_list1 li h3 {

    padding: 0 0 0 25px;

}

.news_list1 li h3 a.aa {

    display: block;

    color: #8a1d2a;

    font: 400 16px/16px "Microsoft Yahei";

    padding: 30px 0 20px;

}

.news_list1 li h3 p {

    color: #787878;

    font: 400 14px/30px "Microsoft Yahei";

}

.news_list1 li h3 a.xx{

    color:#d5d5d5;display:block;text-align:right;

    font-size:16px;

    margin-top:10px;

}

.soroll {

    height: 462px;

    overflow: hidden;

    margin-top: 45px;

}

.news_list2 li {

    padding: 23px 0;

}

.news_list2 .time {

    background: #c3c3c3;

    color: #fff;

    font: 400 21px/40px "Microsoft Yahei";

    text-align: center;

    height: 70px;

}

.news_list2 .time p {

    font: 400 16px/20px "Microsoft Yahei";

}

.news_list2 h3 a {

    display: block;

    color: #000;

    font: 400 14px/24px "Microsoft Yahei";

}

.news_list2 h3 p {

    color: #787878;

    font: 400 12px/21px "Microsoft Yahei";

    height: 42px;

    overflow: hidden;

}

.news_list2 li:hover .time {

    background: #8a1d2a;

    box-shadow: 5px 5px 5px #bdbdbd;

}

.news_list2 li:hover h3 a {

    color: #8a1d2a;

}

@media (max-width: 991px) {

    .newsbg {

        padding: 20px 0;

    }

    .news {

        margin-top: 20px;

        background: none;

        height: auto;

    }

    .news .news_list1 {

        padding: 0;

    }

    .news_list1 li h3 {

        padding: 0 10px;

    }

    .news_list1 li h3 a {

        padding: 5px 0;

        height: 56px;

        overflow: hidden;

    }

    .news_list2 {

        padding-top: 15px;

    }

    .news_list2 li {

        padding: 10px 0;

    }

    .news_list2 h3 a {

        height: 24px;

        overflow: hidden;

    }

    .news_list2 .time {

        padding: 0;

        font-size: 14px;

    }

}

/* 名人馆 */

.celebbg {

    background: url(../images/celeb.jpg) no-repeat 50% 50%;

    padding: 95px 0;

}

.swiper-container3 {

    padding-top: 15px;

    overflow: hidden;

    width: 100%;

}

.swiper-container3 .swiper-slide a {

    display: block;

    color: #333;

    font: 400 14px/36px "Microsoft Yahei";

    text-align: center;

}

@media (max-width: 991px) {

    .celebbg {

        padding: 20px 0;

    }

}

/*合作客户*/

.partner {

    background: url(../images/partner.jpg) no-repeat 50% 0;

    padding: 85px 0;

}

.partner-content {

    padding-top: 30px;

}

.partner-content ul {

    max-width: 1190px;

    margin: 0 auto;

    height: auto;

    overflow: hidden;

    display: block;

    background: #fff;

}

.partner-content ul li {

    float: left;

    width: 238px;

    height: 178px;

    display: block;

    text-align: center;

    position: relative;

    border: 1px solid #d36976;

}

.partner-content .overlay-bottom {

    position: absolute;

    left: -1px;

    bottom: -1px;

    width: 238px;

    height: 1px;

    background-color: #e5e5e5;

}

.partner-content .overlay-left {

    position: absolute;

    left: -1px;

    top: -1px;

    width: 1px;

    height: 178px;

    background-color: #e5e5e5;

}

.partner-content .overlay-top {

    position: absolute;

    right: -1px;

    top: -1px;

    width: 238px;

    height: 1px;

    background-color: #e5e5e5;

}

.partner-content .overlay-right {

    position: absolute;

    right: -1px;

    bottom: -1px;

    width: 1px;

    height: 178px;

    background-color: #e5e5e5;

}

.partner-content li:hover .overlay-bottom {

    animation: borderslideBottom .15s linear 0s 1;

    -moz-animation: borderslideBottom .15s linear 0s 1;

    -webkit-animation: borderslideBottom .15s linear 0s 1;

    animation-fill-mode: forwards;

    -moz-animation-fill-mode: forwards;

    -webkit-animation-fill-mode: forwards;

}

.partner-content li:hover .overlay-left {

    animation: bordersildeLeft .2s linear .15s 1;

    -moz-animation: bordersildeLeft .2s linear .15s 1;

    -webkit-animation: bordersildeLeft .2s linear .15s 1;

    animation-fill-mode: forwards;

    -moz-animation-fill-mode: forwards;

    -webkit-animation-fill-mode: forwards;

}

.partner-content li:hover .overlay-top {

    animation: bordersildeTop .15s linear .35s 1;

    -moz-animation: bordersildeTop .15s linear .35s 1;

    -webkit-animation: bordersildeTop .15s linear .35s 1;

    animation-fill-mode: forwards;

    -moz-animation-fill-mode: forwards;

    -webkit-animation-fill-mode: forwards;

}

.partner-content li:hover .overlay-right {

    animation: bordersildeRight .2s linear .5s 1;

    -moz-animation: bordersildeRight .2s linear .5s 1;

    -webkit-animation: bordersildeRight .2s linear .5s 1;



    animation-fill-mode: forwards;

    -moz-animation-fill-mode: forwards;

    -webkit-animation-fill-mode: forwards;

}

@-moz-keyframes borderslideBottom {

    from {

        width: 238px

    }

    to {

        width: 0

    }

}

@-webkit-keyframes borderslideBottom {

    from {

        width: 238px

    }

    to {

        width: 0

    }

}

@keyframes borderslideBottom {

    from {

        width: 238px

    }

    to {

        width: 0

    }

}

@-moz-keyframes bordersildeLeft {

    from {

        height: 178px

    }

    to {

        height: 0

    }

}

@-webkit-keyframes bordersildeLeft {

    from {

        height: 178px

    }

    to {

        height: 0

    }

}

@keyframes bordersildeLeft {

    from {

        height: 178px

    }

    to {

        height: 0

    }

}

@-moz-keyframes bordersildeTop {

    from {

        width: 238px

    }

    to {

        width: 0

    }

}

@-webkit-keyframes bordersildeTop {

    from {

        width: 238px

    }

    to {

        width: 0

    }

}

@keyframes bordersildeTop {

    from {

        width: 238px

    }

    to {

        width: 0

    }

}

@-moz-keyframes bordersildeRight {

    from {

        height: 178px

    }

    to {

        height: 0

    }

}

@-webkit-keyframes bordersildeRight {

    from {

        height: 178px

    }

    to {

        height: 0

    }

}

@keyframes bordersildeRight {

    from {

        height: 178px

    }

    to {

        height: 0

    }

}

.partner-content ul li a {

    display: block;

    width: 100%;

    height: 100%;

    overflow: hidden;

}

.partner-content ul li i {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-image: url(../images/1634866841185838.jpg);

    display: block;

}

.partner-content ul li i {

    

    

    -moz-filter: grayscale(100%);

    -ms-filter: grayscale(100%);

    -o-filter: grayscale(100%);

    

    filter: gray;

    -webkit-transition: 0.3s;

    -moz-transition: 0.3s;

    transition: 0.3s;

}

.partner-content ul li a:hover i {

    opacity: 1;

    -webkit-filter: grayscale(0);

    -moz-filter: grayscale(0);

    -ms-filter: grayscale(0);

    -o-filter: grayscale(0);

    filter: grayscale(0);

    filter: none;

    -webkit-transform: scale(0.9) translateY(-8px);

    -moz-transform: scale(0.9) translateY(-8px);

    transform: scale(0.9) translateY(-8px);

}

.partner-content ul li .clients01 {

    background-position: -238px 0;

}

.partner-content ul li .clients02 {

    background-position: -476px 0;

}

.partner-content ul li .clients03 {

    background-position: -714px 0;

}

.partner-content ul li .clients04 {

    background-position: -952px 0;

}

.partner-content ul li .clients05 {

    background-position: -1190px 0;

}

.partner-content ul li .clients06 {

    background-position: -1428px 0;

}

.partner-content ul li .clients07 {

    background-position: -1666px 0;

}

.partner-content ul li .clients08 {

    background-position: -1904px 0;

}

.partner-content ul li .clients09 {

    background-position: -2142px 0;

}

@media (max-width: 991px) {

    .partner {

        padding: 20px 0;

    }

    .partner-content ul li {

        width: 25%;

    }

}

@media (max-width: 735px) {

    .partner-content ul li {

        width: 50%;

    }

    .partner-content ul li.par5,

    .partner-content ul li.par6,

    .partner-content ul li.par7,

    .partner-content ul li.par8,

    .partner-content ul li.par9,

    .partner-content ul li.par10 {

        display: none;

    }

    .partner-content ul li .clients00 {

        background-position: -40px 0;

    }

    .partner-content ul li .clients01 {

        background-position: -278px 0;

    }

    .partner-content ul li .clients02 {

        background-position: -516px 0;

    }

    .partner-content ul li .clients03 {

        background-position: -742px 0;

    }

}

@media (max-width: 768px){

    .logo img{width:80%;margin-top:16px;}

    .about .text img{width:65%;}

}

.focus_box1 {

    max-width: 1200px;

    position: relative;

    margin: 0 auto;

    margin-top: 40px;

}

#focus1 {

    width: 1200px;

    height: 387px;

    overflow: hidden;

    position: relative;

    margin: 0 auto;

}

#focus1 ul {

    height: 286px;

    position: absolute;

}

#focus1 ul li {

    float: left;

    width: 1200px;

    height: 387px;

    overflow: hidden;

    position: relative;

}

#focus1 ul li .img_z {

    float: left;

    width: 583px;

    margin: 0 8px;

    position: relative;

    _display: inline;

}

#focus1 .cover {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background-color: rgba(0, 0, 0, .6);

    display: none;

}

#focus1 ul li a img {

    border: 1px solid #dddddd;

    width: 583px;

}

#focus1 ul li h3 {

    position: absolute;

    left: 0;

    bottom: 0;

    width: 100%;

    height: 63px;

    background-color: rgba(0, 0, 0, .3);

    padding-top: 5px;

    text-align: center;

}

#focus1 ul li h3 a {

    font-weight: normal;

    line-height: 30px;

    display: block;

    color: #fff;

    font-family: "Microsoft Yahei";

    font-size: 16px;

}

#focus1 ul li h3 p {

    color: #e3e3e3;

    font: 400 14px/20px "Microsoft Yahei";

}

.btns1 {

    width: 1200px;

    margin: 0 auto;

    margin-top: 20px;

    text-align: center;

}

.btns1 span {

    display: inline-block;

    line-height: 14px;

    height: 14px;

    text-align: center;

    background: #a0a0a0;

    width: 14px;

    margin: 0 7px;

    *display: inline;

    zoom: 1;

    font: 100 23px/42px "Microsoft Yahei";

    color: #141414;

    border-radius: 7px;

    cursor: pointer;

}

.btns1 span.on {

    color: #fff;

    text-decoration: none;

    background: #8a1d2a;

}

.focus_box1 .preNext {

    width: 35px;

    height: 62px;

    position: absolute;

    top: 50%;

    margin-top: -31px;

    background: url(../images/pre.png) no-repeat 0 0;

    cursor: pointer;

    z-index: 9999;

}

.focus_box1 .pres {

    left: -8%;

    background-position: left top;

}

.focus_box1 .nexts {

    right: -8%;

    background-position: right top;

}

/*----- Common css ------*/

.fl {

    float: left;

}

.fr {

    float: right;

}

.di {

    _display: inline;

}

.fwn {

    font-weight: normal;

}

.dib {

    *display: inline;

    _zoom: 1;

    _display: inline;

    _font-size: 0px;

}

.gotop {

    position: absolute;

    right: 0;

    top: -65px;

    cursor: pointer;

}

/*友情链接*/

.f_link {

    background: url(../images/link.png) no-repeat 0 50%;

    color: #fff;

    text-indent: 5px;

    margin-left: 30px;

}

.f_link a {

    font-weight: 400;

    color: #fff;

}

@media (max-width: 1199px) {

    .f_link {

        padding: 0 15px;

    }

}

.n_bannerbj {

    width: 100%;

    overflow: hidden;

}

.n_banner {

    width: 1920px;

    position: relative;

    left: 50%;

    margin-left: -960px;

}

.n_bannerbj img,

.n_banners img,

.con_banner img {

    max-width: 100%;

    height: auto;

}

.con_banner {

    display: none;

}

@media (max-width: 767px) {

    .cons {

        display: block;

    }

    .n_banner {

        width: 100%;

        position: static;

        margin: 0;

    }

}

.casebox {

    background: url(../images/tit4.png) no-repeat 90% 50%;

}

@media (max-width:1600px) {

    .casebox {

        background: url(../images/tit4.png) no-repeat 98% 50%;

    }

}

@media (max-width:1400px) {

    .casebox {

        background: none;

    }

}

@media (max-width: 767px) {

    .casebox {

        padding-top: 30px;

        padding-bottom: 30px;

    }

    .case {

        padding-top: 30px;

    }

    .news_list1 li img {

        max-width: 100%;

        height: auto;

    }

    .news_list1 .text {

        background: #f7f7f7;

    }

}

.swiper-container4{

    max-width: 1200px;

    position: relative;

    margin: 0 auto;

    margin-top: 40px;

    overflow: hidden;

}

/*页面底部*/

#footer {

    background: #8a1d2a;

    font: 400 12px/28px "Microsoft Yahei";

    padding-top: 30px;

    padding-bottom: 10px;

}

#footer a {}

#footer a:hover {

    text-decoration: none;

}

.foot-nav {

    background: url(../images/line6.png) no-repeat 100% 50%;

}

.contacts {

    color: #fff;

    font: 400 14px/30px "Microsoft Yahei";

}

.contacts img {

    padding-right: 8px;

    vertical-align: top;

}

.foot-up {

    position: relative;

}

@media (min-width: 992px) {

    #footer .footcon {

        padding-left: 30px;

    }

}

@media (max-width: 991px) {

    .foot-up {

        padding: 0 !important;

    }

    #footer {

        padding: 20px 0;

        display:none;

    }

}

.footcon{color: #fff;}

.f-tit {

    color: #fff;

    font: 600 20px/46px "Microsoft Yahei";

    padding-toP: 23px;

}

.shares .bdshare-button-style0-16 a {

    width: 32px;

    height: 32px;

    padding: 0;

    margin-right: 12px;

}

.shares .bdshare-button-style0-16 a.bds_sqq {

    background: url(../images/s1.jpg) no-repeat 0 50%;

}

.shares .bdshare-button-style0-16 a.bds_weixin {

    background: url(../images/s2.jpg) no-repeat 0 50%;

}

.shares .bdshare-button-style0-16 a.bds_tsina {

    background: url(../images/s3.jpg) no-repeat 0 50%;

}

.shares .bdshare-button-style0-16 a.bds_tqq {

    background: url(../images/s4.jpg) no-repeat 0 50%;

}

.shares .bdshare-button-style0-16 a.bds_qzone {

    background: url(../images/s5.jpg) no-repeat 0 50%;

}

.copyright {}

.footcon .content {

    line-height: 34px;

}

.footcon .content img {

    padding-right: 10px;

}

.footbox {

    padding: 40px 0 80px;

}

.footintro {

    padding-top: 15px;

}

.foot-bottom {

    background: #4e0c13;

    color: #fff;

    font: 400 14px/59px "Microsoft Yahei";

    text-align: center;

}

.foot-bottom a {

    color: #fff;

}

.ewm {

    padding-top: 10px;

}

.copyr {

    text-align: right;

}

@media (max-width: 767px) {

    .footbox {

        padding: 40px 0;

    }

}

/*------------内页-------------------*/

.left .box {

    margin-bottom: 15px;

}

.left .box h3 {

    line-height: 59px;

    font-weight: 400;

    font-family: "微软雅黑";

    background: #8a1d2a;

    font-size: 20px;

    color: #fff;

    padding-left: 40px;

    position: relative;

}

.left .box .content {

    padding: 5px 0;

    background: #f0f0f0;

}

.prodescription {

    border: 1px solid #e5e5e5;

    background: #f9f9f9;

    line-height: 24px;

    padding: 10px;

    margin-bottom: 15px;

    text-indent: 20px;

}

.topbanner {

    width: 100%;

    height: 807px;

}

.left {}

.sort_menu {}

.sort_menu h3 {

    background-color: #ececec;

    line-height: 28px;

    padding-left: 15px;

    font-weight: bold;

}

.sort_product {

    margin-top: 10px;

}

.sort_product h3 {

    background-color: #ececec;

    line-height: 28px;

    padding-left: 15px;

    font-weight: bold;

}

.n_contact {

    margin-top: 10px;

}

.n_contact h3 {

    background-color: #ececec;

    line-height: 28px;

    padding-left: 15px;

    font-weight: bold;

}

.left .n_contact .content {

    padding: 20px;

    line-height: 30px;

    color: #000;

}

.right {

    padding-bottom: 10px;

}

.sitemp {

    border-bottom: 1px solid #ddd;

    padding-top: 15px;

}

.pages {

    padding-top: 20px;

}

.sitemp a {

    color: #666;

}

.sitemp h2 {

    font-size: 16px;

    color: #8a1d2a;

    line-height: 40px;

    height: 40px;

    overflow: hidden;

}

.sitemp .site {

    color: #000;

    font: 400 14px/30px "Microsoft Yahei";

}

.sitemp .site a {

    color: #000;

}

.right .content {

    padding: 15px 0 10px;

    overflow: hidden;

    line-height: 24px;

}

.right .content p img {max-width:100%; height:auto !important;}

.bottom_tel {

    position: fixed;

    width: 100%;

    left: 0;

    bottom: 0;

    height: 62px;

    background: url(../images/top_bg.jpg) repeat-x left top;

}

.span-line {

    border-left: #ccc 1px solid;

}

.bottom_tel a {

    display: block;

    height: 62px;

}

.bottom_tel a.tel {

    background: url(../images/tel.png) no-repeat 50% 50%;

}

.bottom_tel a.mail {

    background: url(../images/mail.png) no-repeat 50% 50%;

}

.bottom_tel a.tel:hover {

    background: url(../images/tel2.png) no-repeat 50% 50%;

}

.bottom_tel a.mail:hover {

    background: url(../images/mail2.png) no-repeat 50% 50%;

}

/*产品搜索*/
.search_group{
      float: right;
      margin: 0px 0px 0px 0px;
      border:1px solid #dfe1e3;
      border-radius:20px;
}
.search_group input.form-control{
      border-radius: 0px;
      box-shadow: none;
      color: #585A5A;
      padding: 0px 0px 0px 15px;
      height: 26px;
      background: transparent;
      border: none;
}
.search_group input.form-control:focus{
    box-shadow: none;
    border-color: #b2e0fb;
}
#search_submit{
    color:#C3C4C5;
    height: 26px;
    font-size: 16px;
    margin-top: -14px;
}
#search_submit:hover{
    color:#0067b6;
    cursor: pointer;
}
 .hdTop{ height:50px; background-color:#eeeeee; }

 .hdTop p{ float:left; color:#999; line-height:40px; font-size:14px;}

 .hdUl {
    float: right;
    margin-top: 11px;
}

 .search {
  display: block;
  float: right;
  width: 18%;
  margin-top: 30px;
}

 .search .text {
  height: 44px;
  position: relative;
  border: none;
}

 .search .text .inp1 {
  width: 80%;
  line-height: 42px;
  padding-left: 10px;
  color: #fff;
  background: rgba(255, 255, 255, .2);
}

 .search .text .inp1::-webkit-input-placeholder {
  color: #fff;
  font-size: 13px;
}

 .search .text .inp1::-moz-placeholder {
  color: #fff;
  font-size: 13px;
}

 .search .text .inp1:-ms-input-placeholder {
  color: #fff;
  font-size: 13px;
}

 .search .text .inp2 {
  width: 20%;
  background-size: 24px;
  line-height: 42px;
  font-size: 14px;
  text-align: center;
  color: #fff;
  background: url(../images/search2.png) no-repeat center rgba(255, 255, 255, .2);
  background-size: 22px;
}

 .search .text .inp2:hover {
  background: url(../images/search2.png) no-repeat center rgba(255, 255, 255, .2);
  background-size: 22px;
}

.Title{width: 100%;overflow: hidden;text-align: center;}

.Title h2{font-size: 30px;font-weight: bold;}

.Title h2 a{color: #172a86;}

.Title .p1{font-size: 20px;color: #666666;margin: 6px 0 16px 0;}

.Title .p2{font-size: 14px;color: #ccc;font-family: 'Myriad Pro';}







/* kh */

.kh{width: 100%;background: #f0f0f0;/* padding-bottom: 61px; */}

.kh .container{position: relative;position: relative;}

.kh .Title{padding-top: 72px;}

.kh .con{height: 400px;margin: 36px 0 28px 0;position: relative;/* overflow: hidden; */}

.kh .con ul{width: 105%;overflow: hidden;position: absolute;top: 0;left: 0;/* height: 260px; */}

.kh .con li{float: left;width: 276px;height: 120px;margin: 6px 11px;}

.kh .con li a{margin-top: 20px;display: block;border: 1px solid #d9d9d9; overflow:hidden;}

.kh .con li img{display: block; padding:0px !important; transition:0.8s;-moz-transition:0.8s, -moz-transform 0.8s;-webkit-transition:0.8s, -webkit-transform 0.8s;}

.kh .con li:hover img{ -webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-m-transform: scale(1.1);transform: scale(1.1); box-shadow:0 0 6px #00adef;}

.kh .con li a:first-child{margin-top: 0;}

.khBtn{overflow: hidden; width: 100%;  text-align: center;}

.khBtn ol li{width: 6px;height: 6px;background-color: #cccccc; margin:0 10px; display: inline-block;border-radius: 50%;}

.khBtn ol li{ *display: inline; }

.khBtn ol li.cur{background-color: #172a86;width: 31px;border-radius: 3px;}


.index_contact{width:100%;position:relative;}
.index_contact .container{width:1300px;}
.index_contact .col-md-6{padding: 60px 60px;}
.index_contact .left_bg{position:absolute;top:0;left:0;width:50%;height:100%;background:#f1f3f3;}
.index_contact h2{color:#000;font-size:36px;font-weight:normal;margin-bottom:10px;line-height:55px;}
.index_contact h2.en{font-family:newFont-1;font-size:40px;}
.index_contact img{/* margin-top:90px; */}
.index_contact h4{font-size:24px;color:#000;/* margin-bottom:40px; */text-align: center;font-weight: bold;}
.index_contact span{display:block;width:100%;font-size:16px;line-height:30px;}
.index_contact .tel{font-size:18px;color:#000;font-weight:bold;margin:20px 0;}
.index_contact .tel em{font-size:30px;}
.index_contact a.contact_btn{display:inline-block;width:160px;text-align:center;height:44px;line-height:42px;border:1px solid #ea5504;font-size:16px;color:#ea5504;transition:all 0.2s linear 0s;margin-top:70px;}
.index_contact a.contact_btn:hover{background:#ea5504;color:#fff;}
.index_contact a.contact_btn:active{position:relative;top:2px;}


.index-service-content {
	/* margin-top: 40px; */
	text-align: center;
}
.index-service-item-img {
	width: 200px;
	height: 200px;
	margin: 0 auto;
	transition: all 0.5s ease-in-out;
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
.index-service-img01 {
	background-image: url('../images/service-icon01.png');
}
.index-service-img02 {
	background-image: url('../images/service-icon02.png');
}
.index-service-img03 {
	background-image: url('../images/service-icon03.png');
}
.index-service-img04 {
	background-image: url('../images/service-icon04.png');
}
.index-service-img05 {
	background-image: url('../images/service-icon05.png');
}
.index-service-img06 {
	background-image: url('../images/service-icon06.png');
}
.index-service-item-name {
	text-align: center;
	/* width: 255px; */
	color: #000;
	font-size: 22px;
	margin: 0 auto;

	margin-bottom: 8px;
	margin-top: 22px;
}
.index-service-item-name a {
	color: #000;
}
.index-service-item-name11 {
	text-align: center;
	/* width: 255px; */
	font-size: 14px;
	color: #666;
	line-height: 24px;
	margin: 0 auto;
	text-align: left;
	margin: 5px;
}
.index-service-content ul {
	width: 100%;
	overflow: hidden;
}
.index-service-content ul li {
	float: left;
	width: 49%;
	text-align: center;
	margin-bottom: 10px;
	border:1px solid #ccc;
	margin-right:1%;
}
.index-service-content ul li a {
	display: block;
	width: 100%;
	height: 100%;
}
.index-service-content ul li:nth-of-type(1):hover .index-service-item-img {
	background-image: url('../images/service-icon-on01.png');
}
.index-service-content ul li:nth-of-type(2):hover .index-service-item-img {
	background-image: url('../images/service-icon-on02.png');
}
.index-service-content ul li:nth-of-type(3):hover .index-service-item-img {
	background-image: url('../images/service-icon-on03.png');
}
.index-service-content ul li:nth-of-type(4):hover .index-service-item-img {
	background-image: url('../images/service-icon-on04.png');
}
.index-service-content ul li:nth-of-type(5):hover .index-service-item-img {
	background-image: url('../images/service-icon-on05.png');
}
.index-service-content ul li:nth-of-type(6):hover .index-service-item-img {
	background-image: url('../images/service-icon-on06.png');
}