body{ background-color: #fefefe;font-family: "Microsoft YaHei"}
.clearfix:before,.clearfix:after{content:"";display:table;}
.clearfix:after{clear:both;}
.clearfix{*zoom:1;}
.clear{clear: both;}
.header{height: 90px; margin: 0 auto;}
.header ul{padding: 30px 0 0 0;}
.header ul li{ margin: 0 15px;}
.header ul li a{font-size: 18px;color: #262626;}
li{list-style:none;}
.about_banner
.nav > li > a:hover,
.nav > li > a:focus {
    /*border-bottom: 1px solid rgba(235,235,235,0.8);*/
}
.about_banner
.nav > li.active a:hover,
.nav > li.active a:focus {
    border-bottom: 1px solid #FFF;
}

.nav-tabs>li>a{
    color: #383838;
    padding: 14px 0;
    background:rgba(235,235,235,0.8);
}
.nav-tabs>li.active>a{
    color: #0f2c81;
    /*background-color: rgba(235,235,235,0.8);*/
    background-color: #FFF;
}
/*.nav-tabs .col-md-3{*/
/*width: 200px;*/
/*}*/
.title-hr{
    padding: 0.001em .16em 0.001em .16em;
    background-color:#007bc1;
    margin-right: 15px;
}
.tab-content span,p{
    font-size: 16px;
    line-height: 25px;
}
.partner img{
    box-shadow: 0 0 20px 0 rgba(221, 221, 221, 0.8);
    margin: 20px 0;
    width: 100%;
}
.news{
    padding: 25px 0;
}
.news h3{
    color: #9f9f9f;
}
.news .text-muted{
    color: #9f9f9f;
    font-size: 18px;
    padding: 0 15px;
}
.news_icon{
    padding: 0 .8em .3em;
    background: url(../images/news_icon.png) no-repeat;
    margin-right: 5px;
}
.news img{
    width: 100%;
}
.news p{
    font-size: 16px;
    line-height: 25px;
}
#jobs p{
    font-size: 14px;
}
#jobs .nav-tabs > li{
    float: none;
}
#jobs .nav-tabs{
    position:inherit;
    top:0;
    width: auto;
}
.footer h3{
    font-size: 18px;
    color: rgba(255, 255, 255, 0.75);
}
.footer ul{
    padding: 0;
}
.footer ul li a{
    display: inline-block;
    position: relative;
    color: rgba(255, 255, 255, 0.75);
}

.footer ul li{
    color: rgba(255, 255, 255, 0.75);
    padding: 4px 0;
    font-size: 14px;
}
.index_about {
    font-weight: bold;
}
.index_about h1{
    padding: 30px 0 0 0;
}
.index_about .line {
    display: inline-block;
    width: 25px;
    border-top: 1px solid #0f2c81 ;
}
.index_about .title {
    color: #0f2c81;
    vertical-align: middle;
    margin: 0px 10px;
    position: relative;
    top:3px;
}
.advantage .title {
    text-align: center;
    margin: 0 auto 5%;
}
.advantage .title h1{
    padding: 2% 0 0 0;
}
.advantage .line {
    display: inline-block;
    width: 55px;
    border-top: 1px solid #FFF ;
}
.advantage .name {
    vertical-align: middle;
    margin: 0px 10px;
    position: relative;
    top:3px;
}
.advantage .row .top{
    padding: 15.3rem 0 0 0; text-align: center;
}
.advantage .row .top .icon{
    background: url(../images/advantage_icon.png) center no-repeat; height: 95px;
}
.advantage .row .top .icon p{
    padding-top:3rem;  font-size: 32px;
}
.advantage .img{
    background: url(../images/advantage_img.jpg) no-repeat; height: 466px;
}
.advantage .imgo{
    background: url(../images/advantage_imgo.jpg) no-repeat; height: 466px;
}
.advantage .imgt{
    background: url(../images/advantage_imgt.jpg) no-repeat; height: 466px;
}
.nav-tabs .recruitment> li.active > a, .nav-tabs .recruitment> li.active > a:hover, .nav-tabs .recruitment> li.active > a:focus
{
    background-color:#f00;
}
.recruitment>li.active>a{
    background-color:#f00;
}
.nav-recruitment>li {
    margin: 0 20px;
    width: 200px;
}
.nav-recruitment>li>a{
    background: url(../images/recruitment_icon.png) 10px no-repeat;
    color: #c2c2c2;
}
.nav-recruitment>li>a span{
    margin-left: 3rem;
    font-size: 16px;
}
.nav-recruitment>li.active>a {
    color: #007bc1;
    background: url(../images/recruitment_icon_hover.png) 10px no-repeat;
}
.nav-recruitment>li>a:hover,
.nav-recruitment>li>a:focus {
    color: #007bc1;
    background: url(../images/recruitment_icon_hover.png) 10px no-repeat;
}
.nav-recruitment>li.active>a:hover,
.nav-recruitment>li.active>a:active,
.nav-recruitment>li.active>a:focus {
    color: #007bc1;
    border-bottom: none;
    background: url(../images/recruitment_icon_hover.png) 10px no-repeat;
}


.nav-jobs>li>a{
    color: #c2c2c2;
}
.nav-jobs>li>a span{
    font-size: 16px;
}
.nav-jobs>li.active>a {
    color: #007bc1;
    font-size: 16px;
}
.nav-jobs>li>a:hover,
.nav-jobs>li>a:focus {
    color: #007bc1;
}
.nav-jobs>li.active>a:hover,
.nav-jobs>li.active>a:focus {
    color: #007bc1;
    border-bottom: none;
}
/*.nav-recruitment>li.active>a:hover span,*/
/*.nav-recruitment>li.active>a:focus span{*/
/*font-size: 24px;*/
/*}*/

.overlay {
    pointer-events: none;
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
}

.logo {
    margin-bottom: 10px;
    height: 120px;
    width: 120px;
}

.controls {
    /*position: absolute;*/
    height: 100%;
    width: 100%;
}
canvas{
    min-height: 90rem!important;
}
.wrapper {
    transition: opacity 0.4s ease-out;
    margin: -210px -325px;
    text-align: center;
    position: absolute;
    left: 50%;
    top: 50%;
    height: 560px;
    width: 660px;

    color: #FFF;

}

.header_canvas {
    margin-bottom: 80px;

}
.header_canvas h1{
    font-size: 52px;
    letter-spacing: 10px
}
.header_canvas div{
    font-size: 28px;
    font-weight: 300;
    padding:5rem 0 0 0;
}
.information {
    margin-bottom: 60px;
}
.information .icon{
    background: url(../images/banner_icon.png) no-repeat; width: 135px; height: 159px;
    float: left;
    margin: 0 3.5rem;
}
.information .icon p {
    font-size: 24px;
    color: #FFF;
    line-height: 152px;
}
/*.footer {*/
/*font-family: Baskerville, sans-serif;*/
/*font-size: 30px;*/
/*}*/

/*.footer a {*/
/*text-transform: uppercase;*/
/*font-size: 11px;*/
/*}*/

/*.footer .handle {*/
/*font-style: italic;*/
/*}*/


/*.controls {*/
/*font-smoothing: subpixel-antialiased;*/
/*position: absolute;*/
/*right: 20px;*/
/*top: 0;*/
/*}*/

.links {
    position: absolute;
    list-style: none;
    width: 120px;
    bottom: 40px;
    right: 20px;
    padding: 0;
    margin: 0;
}

.links li {
    border-bottom: #222 1px solid;
    border-bottom: rgba(255,255,255,0.1) 1px solid;
}

.links li a {
    transition: opacity 0.2s ease-out;
    font-smoothing: subpixel-antialiased;
    font-family: 'Dosis', sans-serif;
    text-transform: uppercase;
    text-align: right;
    padding: 0.25em 0;
    letter-spacing: 2px;
    font-weight: 200;
    font-size: 12px;
    display: block;
    width: 100%;
    opacity: 0.4;
    color: #FFF;
}

.links li a:hover {
    opacity: 0.8;
}

.links li .download:before {
    opacity: 0.5;
    content: '閳拷';
    float: left;
}

.links li .source:before {
    opacity: 0.5;
    content: '{}';
    float: left;
}

.links li .design:before {
    opacity: 0.5;
    content: '閳伙拷';
    float: left;
}

.vignette {
    background-image: -webkit-radial-gradient(50% 50%, ellipse, rgba(0,0,0,0) 40%, rgba(0,0,0,1) 100%);
    background-image: radial-gradient(50% 50%, ellipse, rgba(0,0,0,0) 40%, rgba(0,0,0,1) 100%);
}

.noise {
    background-image: url(../graphics/noise.png);
    opacity: 0.075;
}

.hide {
    opacity: 0;
}


@media(min-width:1200px ){
    .news_banner{background: url(../images/news_banner.jpg) no-repeat; background-size: cover; -moz-background-size:cover; width: 100%; height: 267px;}
    .about_banner{background: url(../images/about_banner.jpg) no-repeat; background-size:cover; -moz-background-size:cover; width: 100%; height: 267px;}
    .dropdown .center{min-width: 120px; text-align: center;}
    .advantage{background: url(../images/advantage_bg.jpg) no-repeat; background-size:cover; -moz-background-size:cover; width: 100%; height:100%;color: #FFF}
    .nav-tabs{position:relative;top: 212px; left:0; right: 0; text-align: center; width: 720px; margin: 0 auto; font-size: 18px;}
    .nav-tabs>li{
        margin: 0 20px;
        width: 200px;
    }
    .footer{
        background:#c6cad0;
        background-size:cover;
        background-repeat:no-repeat;
        width: 100%;
        color: #3e3a39;
    }
    .footer .foot{
        padding: 1% 0 0 0;
        width: 1200px;
        margin: 0 auto;
    }
    .copyright{
        margin:0 auto;
        padding: 4% 0 4% 0;
    }
    .copyright div{
        font-size: 1.2vw;
        color: #3e3a39;
    }
    .copyright div:first-child {
        font-weight: 500;
        padding-bottom: 0.3vw;
    }
    .copyright div:last-child {
        font-size: 1vw;
    }
}
@media(min-width:768px) and (max-width: 979px){
    .news_banner{background: url(../images/news_banner.jpg) no-repeat; background-size:cover; -moz-background-size:cover; width: 100%; height: 185px;}
    .about_banner{background: url(../images/about_banner.jpg) no-repeat; background-size:cover; -moz-background-size:cover; width: 100%; height: 185px;}
    .nav-tabs{position:relative;top: 127px; left:0; right: 0; text-align: center; width: 720px; margin: 0 auto; font-size: 18px;}
    .nav-tabs>li{
        margin: 0 5px;
        width: 110px;
    }
    .footer{
        background:url(../images/foot_bg.jpg);
        background-size:cover;
        background-repeat:no-repeat;
        width: 100%;
        color: #fefefe;
    }
    .footer .foot{
        padding: 3rem 0 0 0;
    }
    .copyright{
        margin:0 auto;
        text-align: center;
        padding: 0 0 1.1rem 0;
        font-size: 12px;
        color: rgba(255, 255, 255, 0.75);
    }
}
@media(max-width: 768px){
    .news_banner{background: url(../images/news_banner.jpg) no-repeat; background-size:cover; -moz-background-size:cover; width: 100%; height: 185px;}
    .about_banner{background: url(../images/about_banner.jpg) no-repeat; background-size:cover; -moz-background-size:cover; width: 100%; height: 185px;}
    .nav-tabs{position:relative;top: 127px; left:0; right: 0; text-align: center; width: 720px; margin: 0 auto; font-size: 18px;}
    .nav-tabs>li{
        margin: 0 5px;
        width: 110px;
    }
    .footer{
        background:url(../images/foot_bg.jpg);
        background-size:cover;
        background-repeat:no-repeat;
        width: 100%;
        color: #fefefe;
    }
    .footer .foot{

        padding: 3rem 0 0 0;

    }
    .copyright{
        margin:0 auto;
        text-align: center;
        padding: 0 0 1.1rem 0;
        font-size: 12px;
        color: rgba(255, 255, 255, 0.75);
    }
}
/*index*/
.clear{clear:both;overflow:hidden;*zoom:1;height:0;line-height:0;}
.clearfix:before,.clearfix:after{content:"";display:table;}
.clearfix:after{clear:both;}
.clearfix{*zoom:1;}
.section-title{padding-top:30px;color:#0f2c81;font-weight:700;font-size:30px}
.section-line{border-top:2px solid #0f2c81;}
.section-titcon{color:#0f2c81;font-size:18px;letter-spacing:2px;text-align:justify}
.fp-tableCell{padding:0}
.navbar{padding:0}
/* .advantage .container{position:absolute;left:50%;top:28%;transform:translate(-50%,-50%);} */
.advantage .container{padding-top: 4%;}
.section-advantage .container{position:absolute;left:50%;top:30%;transform:translate(-50%,-50%);}
.section-about{float:left;width:55%;padding:17% 0 0 5%}
.section-about h1{padding:50px 0 0 0;color: #0f2c81;}
.section-about .line{display:inline-block;width:25px;border-top:1px solid #0f2c81}
.section-about .title{color: #0f2c81;vertical-align:middle;margin:0 10px;position:relative;top:3px;font-weight:700}
.advantage .title {
    text-align: center;
    margin: 0 auto 5%;
}
.advantage .title h1{
    padding: 2% 0 0 0;
}
.advantage .line {
    display: inline-block;
    width: 55px;
    border-top: 1px solid #FFF ;
}
.advantage .name {
    vertical-align: middle;
    margin: 0px 10px;
    position: relative;
    top:3px;
}
.swiper-container-vertical>.swiper-pagination-bullets{position:fixed;right:30px!important;top:46%!important}
.swiper-pagination-bullet{width:45px!important;height:6px!important;margin:0 12px!important;background-color: #d3d7de!important;opacity:1!important}
.swiper-pagination-bullet-active{background-color:#878b91!important;}
.section-pattern{position:relative;width: 352px;height: 466px;overflow: hidden;float: left;margin-left:72px;}
.section-pattern:first-child{margin-left: 0}
.section-pattern:hover img{transform: scale(1.3);}
.section-pattern img{width:100%;height:100%;transition: all 1s;}
.pattern-txt{width:352px;height:466px;overflow:hidden;position:absolute;top:0;cursor:pointer;transition: all 1s;z-index: 10;}
.pattern-img{width:100%;height:100%;}

/*.section-pattern:hover .pattern-txt{display: none;}
.section-pattern:hover .pattern-txtcon{display: block;}*/



/*.pattern-img img{position:absolute;left:0;top:0;width:100%;height:100%;transition: all 1s;}*/
/*.pattern-img img{width: 100%;transition: all 1s;}*/
.pattern-slogan{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:10;background:url(../images/advantage_icon.png) no-repeat;width:115px;height:95px;font-size:32px;line-height:95px;text-align:center;}
.pattern-txtcon{display:none;position:absolute;left:0;top:5px;z-index:20;width:347px;height:457px;}
.pattern-txtcon div{width:92%;height:94%;border:#fff 1px solid;margin:4%;}
.pattern-txtcon p{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:10;width:77%;line-height:30px;font-size:18px;text-indent: 2em;}
.con-success{margin-top:110px;}
.job-bot{font-weight: 700;}
.news-con{margin-top:110px;}
.intro-con{display: flex;justify-content: space-between;margin-bottom: 80px;}

@media(min-width:1440px) and (max-width:1900px){
    .wrapper{top:36%;}
    .swiper-container-vertical>.swiper-pagination-bullets{top:54%!important;}
    .advantage .container{top:0;padding-top: 0;}
    .advantage .title{margin: 0 auto;}
    .section-about{padding: 17% 0 0 5%;}
}
.nav-wrapper{height:100px;width:100%;background-color:#fff; }
.news-con{margin-top:90px;}
.hover-code,.hover-email{display:none;position: absolute;left: -50px;top: -160px;width: 155px;height: 155px;}
.img-wxcode:hover .hover-code,.img-wxcode:hover .hover-email{display: block}
.line-title{position: relative;font-size: 24px;padding:0 0 0 20px;margin-bottom:20px;border-left: #007bc1 4px solid;line-height: 1;}
.line-p{padding-left:25px;font-size:18px;line-height: 30px}
.intro-list{padding: 0 0 0 25px}
.intro-list li{font-size: 18px;line-height: 30px;padding: 6px 0;}
.intro-list li:first-child{font-size: 22px;margin:0 0 8px;padding: 0}
.navbar-nav a{min-width: 102px;text-align: center;}
.navbar-nav a:first-child{min-width: 66px}
.navbar-nav li:nth-child(2) a{min-width: 83px}


.fl{ float: left; }
.fr{float: right;}
.clear{ clear: both; }
.title_line li{line-height: 27px; margin-left: 35px;}
.right_img div{padding-top: 5px; padding-bottom: 10px;padding-right: 5px;padding-left: 10px;}
.line-big {
    margin: 30px auto 26px;
    border-width: 2px;
    width: 80px;
    border-top: 1px solid #9a6a3c;
}
.card-box{
    padding-top: 20px;
    padding-bottom: 60px;
}
.card-area {
    padding: 0;
    margin: 0;
    -webkit-margin-before: 0px;
    -webkit-margin-after: 0px;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 0px;
}
.card-area .card-item{
    float:left;
    position:relative;
    list-style:none;
    width: 25%;
    background-color: #fafafa;
    border:1px solid #c1c1c1;

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;

}
.card-area .card-item .card-title{
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #c1c1c1;
}
.card-area .card-item .card-title h4{
    font-weight: bold;
    color: #9a6a3c;
}
.card-area .card-item .card-title h4,.card-area .card-item .card-title p{
    margin: 0;
    line-height: 2em;
}
.card-area .card-item .card-content{
    padding-top: 20px;
    padding-bottom: 30px;
}
.card-area .card-item .card-content p{
    line-height: 3em;
}
.card-area .card-item .card-content a{
    padding-left: 20px;
    padding-right: 20px;
}
.card-area .card-active {
    background-color: #9a6a3c;
    border:1px solid #9a6a3c;
    box-shadow: 0 0 20px 0 rgba(45,183,245,.5);
    color: #fff;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    z-index: 11;
}
.card-area .card-active .card-title{
    border-color: #ffffff;
}
.card-area .card-active .card-title h4{
    color: #fff;
}
.btn-outline-inverse{
    color: #fff;
    background: transparent;
    border-color: #fff;
}
.btn-outline-inverse:hover{
    color: #9a6a3c;
    text-shadow: none;
    background-color: #fff;
}

.btn-outline-blue{
    color: #9a6a3c;
    background: transparent;
    border-color: #9a6a3c;
}
.btn-outline-blue:hover{
    color: #fff;
    text-shadow: none;
    background-color: #9a6a3c;
}
.our-whyus{
    background-color: #e1e1e1;
}

.our-whyus-item{
    -webkit-transition: all 0.225s ease-in-out;
    -moz-transition: all 0.225s ease-in-out;
    -o-transition: all 0.225s ease-in-out;
    transition: all 0.225s ease-in-out;
    text-align: center;
    background-color: #dcdddd;
    padding:15px 8px;
    background-image: url("../images/qdh.png");
    background-repeat: no-repeat;
    background-position: center 28px;
    color: #757474;
}
/*.our-whyus-item:hover::before,.our-whyus-item-yy:hover::before,.our-whyus-item-kh:hover::before,.our-whyus-item-jmg:hover::before,.our-whyus-item-myx:hover::before,.our-whyus-item-hzs:hover::before {*/
/*content: "";*/
/*position: absolute;*/
/*left: 50%;*/
/*top: -20px;*/
/*width: 20px;*/
/*height: 20px;*/
/*!*border: 1px solid #ea545d;*!*/
/*transform: translate(-50%, 50%) rotateZ(45deg);*/
/*background-color: #ea545d;*/
/*}*/
.our-whyus-item:hover{
    background-color: #f5dc59;
    background-image: url("../images/qdh_hover.png");
    color: #fff;
    position:relative;
}
.our-whyus-item-before{
    -webkit-transition: all 0.225s ease-in-out;
    -moz-transition: all 0.225s ease-in-out;
    -o-transition: all 0.225s ease-in-out;
    transition: all 0.225s ease-in-out;
    text-align: center;
    background-color: #f5dc59;
    padding:15px 8px;
    /*background-image: url("../images/qdh_hover.png");*/
    background-repeat: no-repeat;
    background-position: center 28px;
    color: #FFF;
}
/*.our-whyus-item-before ::before{*/
/*content: "";*/
/*position: absolute;*/
/*left: 50%;*/
/*top: -20px;*/
/*width: 20px;*/
/*height: 20px;*/
/*!*border: 1px solid #ea545d;*!*/
/*transform: translate(-50%, 50%) rotateZ(45deg);*/
/*background-color: #ea545d;*/
/*}*/

.our-whyus-item-yy{
    -webkit-transition: all 0.225s ease-in-out;
    -moz-transition: all 0.225s ease-in-out;
    -o-transition: all 0.225s ease-in-out;
    transition: all 0.225s ease-in-out;
    text-align: center;
    background-color: #dcdddd;
    padding:15px 8px;
    background-image: url("../images/yy.png");
    background-repeat: no-repeat;
    background-position: center 28px;
    color: #757474;
}

.our-whyus-item-yy:hover {
    background-color: #f5dc59;
    background-image: url("../images/yy_hover.png");
    color: #fff
}
.our-whyus-item-kh{
    -webkit-transition: all 0.225s ease-in-out;
    -moz-transition: all 0.225s ease-in-out;
    -o-transition: all 0.225s ease-in-out;
    transition: all 0.225s ease-in-out;
    text-align: center;
    background-color: #dcdddd;
    padding:15px 8px;
    background-image: url("../images/kh.png");
    background-repeat: no-repeat;
    background-position: center 28px;
    color: #757474;
}

.our-whyus-item-kh:hover {
    background-color: #f5dc59;
    background-image: url("../images/kh_hover.png");
    color: #fff
}
.our-whyus-item-jmg{
    -webkit-transition: all 0.225s ease-in-out;
    -moz-transition: all 0.225s ease-in-out;
    -o-transition: all 0.225s ease-in-out;
    transition: all 0.225s ease-in-out;
    text-align: center;
    background-color: #dcdddd;
    padding:15px 8px;
    background-image: url("../images/jmg.png");
    background-repeat: no-repeat;
    background-position: center 28px;
    color: #757474;
}
.our-whyus-item-jmg:hover {
    background-color: #f5dc59;
    background-image: url("../images/jmg_hover.png");
    color: #fff
}
.our-whyus-item-myx{
    -webkit-transition: all 0.225s ease-in-out;
    -moz-transition: all 0.225s ease-in-out;
    -o-transition: all 0.225s ease-in-out;
    transition: all 0.225s ease-in-out;
    text-align: center;
    background-color: #dcdddd;
    padding:15px 8px;
    background-image: url("../images/myx.png");
    background-repeat: no-repeat;
    background-position: center 28px;
    color: #757474;
}
.our-whyus-item-myx:hover {
    background-color: #f5dc59;
    background-image: url("../images/myx_hover.png");
    color: #fff
}
.our-whyus-item-hzs{
    -webkit-transition: all 0.225s ease-in-out;
    -moz-transition: all 0.225s ease-in-out;
    -o-transition: all 0.225s ease-in-out;
    transition: all 0.225s ease-in-out;
    text-align: center;
    background-color: #dcdddd;
    padding:15px 8px;
    background-image: url("../images/hzs.png");
    background-repeat: no-repeat;
    background-position: center 28px;
    color: #757474;
}
.our-whyus-item-hzs:hover {
    background-color: #f5dc59;
    background-image: url("../images/hzs_hover.png");
    color: #fff
}

.our-whyus-item img,our-whyus-item-before img,.our-whyus-item-yy img,.our-whyus-item-kh img,.our-whyus-item-jmg img,.our-whyus-item-myx img,.our-whyus-item-hzs img{
    width: 100%; border-radius: 5px;
}
.our-whyus-item:hover > .glyphicon,.our-whyus-item-before:hover > .glyphicon,.our-whyus-item-yy:hover > .glyphicon,.our-whyus-item-kh:hover > .glyphicon,.our-whyus-item-jmg:hover > .glyphicon,.our-whyus-item-myx:hover > .glyphicon,.our-whyus-item-hzs:hover > .glyphicon{
    color: #fff;
}
.our-whyus-item .glyphicon,our-whyus-item-before  .glyphicon,.our-whyus-item-yy .glyphicon,.our-whyus-item-kh .glyphicon,.our-whyus-item-jmg .glyphicon,.our-whyus-item-myx .glyphicon,.our-whyus-item-hzs .glyphicon{
    color: #595757;
    font-size: 60px;
    line-height: 1.4em;
}
.our-whyus-item h3.title,our-whyus-item-before h3.title,.our-whyus-item-yy h3.title,.our-whyus-item-kh h3.title,.our-whyus-item-jmg h3.title,.our-whyus-item-myx h3.title,.our-whyus-item-hzs h3.title{
    padding: 0;
    margin: 0;
    line-height: 1.4em;
}
.our-whyus-item p,.our-whyus-item-before p,.our-whyus-item-yy p,.our-whyus-item-kh p,.our-whyus-item-jmg p,.our-whyus-item-myx p,.our-whyus-item-hzs p{
    line-height: 1.5em;
}

.our-whyus-item-cp{
    -webkit-transition: all 0.225s ease-in-out;
    -moz-transition: all 0.225s ease-in-out;
    -o-transition: all 0.225s ease-in-out;
    transition: all 0.225s ease-in-out;
    text-align: center;
    background-color: #fefefe;
    padding:15px 8px;
    background-image: url("../images/cp.png");
    background-repeat: no-repeat;
    background-position: center 35px;
}

.our-whyus-item-cp:hover{
    background-color: #f5dc59;
    background-image: url("../images/cp_hover.png");
    color: #fff;
}
.our-whyus-item-wg{
    -webkit-transition: all 0.225s ease-in-out;
    -moz-transition: all 0.225s ease-in-out;
    -o-transition: all 0.225s ease-in-out;
    transition: all 0.225s ease-in-out;
    text-align: center;
    background-color: #fefefe;
    padding:15px 8px;
    background-image: url("../images/wg.png");
    background-repeat: no-repeat;
    background-position: center 35px;
}

.our-whyus-item-wg:hover{
    background-color: #f5dc59;
    background-image: url("../images/wg_hover.png");
    color: #fff;
}
.our-whyus-item-jg{
    -webkit-transition: all 0.225s ease-in-out;
    -moz-transition: all 0.225s ease-in-out;
    -o-transition: all 0.225s ease-in-out;
    transition: all 0.225s ease-in-out;
    text-align: center;
    background-color: #fefefe;
    padding:15px 8px;
    background-image: url("../images/jg.png");
    background-repeat: no-repeat;
    background-position: center 35px;
}
.our-whyus-item-jg:hover{
    background-color: #f5dc59;
    background-image: url("../images/jg_hover.png");
    color: #fff;
}
.our-whyus-item-yj{
    -webkit-transition: all 0.225s ease-in-out;
    -moz-transition: all 0.225s ease-in-out;
    -o-transition: all 0.225s ease-in-out;
    transition: all 0.225s ease-in-out;
    text-align: center;
    background-color: #fefefe;
    padding:15px 8px;
    background-image: url("../images/yj.png");
    background-repeat: no-repeat;
    background-position: center 35px;
}
.our-whyus-item-yj:hover{
    background-color: #f5dc59;
    background-image: url("../images/yj_hover.png");
    color: #fff;
}
.our-whyus-item-mj{
    -webkit-transition: all 0.225s ease-in-out;
    -moz-transition: all 0.225s ease-in-out;
    -o-transition: all 0.225s ease-in-out;
    transition: all 0.225s ease-in-out;
    text-align: center;
    background-color: #fefefe;
    padding:15px 8px;
    background-image: url("../images/mj.png");
    background-repeat: no-repeat;
    background-position: center 35px;
}
.our-whyus-item-mj:hover{
    background-color: #f5dc59;
    background-image: url("../images/mj_hover.png");
    color: #fff;
}
.our-whyus-item-pm{
    -webkit-transition: all 0.225s ease-in-out;
    -moz-transition: all 0.225s ease-in-out;
    -o-transition: all 0.225s ease-in-out;
    transition: all 0.225s ease-in-out;
    text-align: center;
    background-color: #fefefe;
    padding:15px 8px;
    background-image: url("../images/pm.png");
    background-repeat: no-repeat;
    background-position: center 35px;
}
.our-whyus-item-pm:hover{
    background-color: #f5dc59;
    background-image: url("../images/pm_hover.png");
    color: #fff;
}
.our-whyus-item-cp img,.our-whyus-item-wg img,.our-whyus-item-jg img,.our-whyus-item-yj img,.our-whyus-item-mj img,.our-whyus-item-pm img{
    width: 100%; border-radius: 5px;
}
.our-whyus-item-cp:hover > .glyphicon,.our-whyus-item-wg:hover > .glyphicon,.our-whyus-item-jg:hover > .glyphicon,.our-whyus-item-yj:hover > .glyphicon,.our-whyus-item-mj:hover > .glyphicon,.our-whyus-item-pm:hover > .glyphicon{
    color: #fff;
}
.our-whyus-item-cp .glyphicon,.our-whyus-item-wg .glyphicon,.our-whyus-item-jg .glyphicon,.our-whyus-item-yj .glyphicon,.our-whyus-item-mj .glyphicon,.our-whyus-item-pm .glyphicon{
    color: #595757;
    font-size: 60px;
    line-height: 1.5em;
}
.our-whyus-item-cp h3.title,.our-whyus-item-wg h3.title,.our-whyus-item-jg h3.title,.our-whyus-item-yj h3.title,.our-whyus-item-mj h3.title,.our-whyus-item-pm h3.title{
    padding: 0;
    margin: 0 0 15px 0;
    line-height: 1.5em;
}
.our-whyus-item-cp p,.our-whyus-item-wg p,.our-whyus-item-jg p,.our-whyus-item-yj p,.our-whyus-item-mj p,.our-whyus-item-pm p{
    line-height: 1.5em;
}


.our-whyus-item-yklp{
    -webkit-transition: all 0.225s ease-in-out;
    -moz-transition: all 0.225s ease-in-out;
    -o-transition: all 0.225s ease-in-out;
    transition: all 0.225s ease-in-out;
    text-align: center;
    background-color: #dcdddd;
    padding:15px 8px;
    background-image: url("../images/yklp.png");
    background-repeat: no-repeat;
    background-position: center 28px;
    color: #757474;
}
.our-whyus-item-yklp:hover {
    background-color: #f5dc59;
    background-image: url("../images/yklp_hover.png");
    color: #fff
}

.our-whyus-item-zkp{
    -webkit-transition: all 0.225s ease-in-out;
    -moz-transition: all 0.225s ease-in-out;
    -o-transition: all 0.225s ease-in-out;
    transition: all 0.225s ease-in-out;
    text-align: center;
    background-color: #dcdddd;
    padding:15px 8px;
    background-image: url("../images/zkp.png");
    background-repeat: no-repeat;
    background-position: center 28px;
    color: #757474;
}
.our-whyus-item-zkp:hover {
    background-color: #f5dc59;
    background-image: url("../images/zkp_hover.png");
    color: #fff
}
.our-whyus-item-blp{
    -webkit-transition: all 0.225s ease-in-out;
    -moz-transition: all 0.225s ease-in-out;
    -o-transition: all 0.225s ease-in-out;
    transition: all 0.225s ease-in-out;
    text-align: center;
    background-color: #dcdddd;
    padding:15px 8px;
    background-image: url("../images/blp.png");
    background-repeat: no-repeat;
    background-position: center 28px;
    color: #757474;
}
.our-whyus-item-blp:hover {
    background-color: #f5dc59;
    background-image: url("../images/blp_hover.png");
    color: #fff
}
.our-whyus-item-petp{
    -webkit-transition: all 0.225s ease-in-out;
    -moz-transition: all 0.225s ease-in-out;
    -o-transition: all 0.225s ease-in-out;
    transition: all 0.225s ease-in-out;
    text-align: center;
    background-color: #dcdddd;
    padding:15px 8px;
    background-image: url("../images/petp.png");
    background-repeat: no-repeat;
    background-position: center 28px;
    color: #757474;
}
.our-whyus-item-petp:hover {
    background-color: #f5dc59;
    background-image: url("../images/petp_hover.png");
    color: #fff
}
.our-whyus-item-rg{
    -webkit-transition: all 0.225s ease-in-out;
    -moz-transition: all 0.225s ease-in-out;
    -o-transition: all 0.225s ease-in-out;
    transition: all 0.225s ease-in-out;
    text-align: center;
    background-color: #dcdddd;
    padding:15px 8px;
    background-image: url("../images/rg.png");
    background-repeat: no-repeat;
    background-position: center 28px;
    color: #757474;
}
.our-whyus-item-rg:hover {
    background-color: #f5dc59;
    background-image: url("../images/rg_hover.png");
    color: #fff
}
.our-whyus-item-clp{
    -webkit-transition: all 0.225s ease-in-out;
    -moz-transition: all 0.225s ease-in-out;
    -o-transition: all 0.225s ease-in-out;
    transition: all 0.225s ease-in-out;
    text-align: center;
    background-color: #dcdddd;
    padding:15px 8px;
    background-image: url("../images/clp.png");
    background-repeat: no-repeat;
    background-position: center 28px;
    color: #757474;
}
.our-whyus-item-clp:hover {
    background-color: #f5dc59;
    background-image: url("../images/clp_hover.png");
    color: #fff
}

.our-whyus-item-yklp img,.our-whyus-item-zkp img,.our-whyus-item-blp img,.our-whyus-item-petp img,.our-whyus-item-rg img,.our-whyus-item-clp img{
    width: 100%; border-radius: 5px;
}
.our-whyus-item-yklp:hover > .glyphicon,.our-whyus-item-zkp:hover > .glyphicon,.our-whyus-item-blp:hover > .glyphicon,.our-whyus-item-petp:hover > .glyphicon,.our-whyus-item-rg:hover > .glyphicon,.our-whyus-item-clp:hover > .glyphicon{
    color: #fff;
}
.our-whyus-item-yklp .glyphicon,.our-whyus-item-zkp .glyphicon,.our-whyus-item-blp .glyphicon,.our-whyus-item-petp .glyphicon,.our-whyus-item-rg .glyphicon,.our-whyus-item-clp .glyphicon{
    color: #595757;
    font-size: 60px;
    line-height: 1.5em;
}
.our-whyus-item-yklp h3.title,.our-whyus-item-zkp h3.title,.our-whyus-item-blp h3.title,.our-whyus-item-petp h3.title,.our-whyus-item-rg h3.title,.our-whyus-item-clp h3.title{
    padding: 0;
    margin: 0 0 15px 0;
    line-height: 1.5em;
}
.our-whyus-item-yklp p,.our-whyus-item-zkp p,.our-whyus-item-blp p,.our-whyus-item-petp p,.our-whyus-item-rg p,.our-whyus-item-clp p{
    line-height: 1.5em;
}

.toggle-mask {
    height: 100%;
    position: relative
}

.toggle-mask .mask {
    height: 23.4%
}

.toggle-mask .mask>span {
    display: inline-block;
    width: 100%;
    height: 30px;
    line-height: 30px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -15px;
    font-size:16px;
}
.toggle-mask img {
    width: 100%;
}
.toggle-mask>img {
    position: relative;
    z-index: 1
}

.toggle-mask .mask {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 3;
    background-color: #9a6a3c;
    -moz-opacity: .8;
    opacity: .8;
    color: #fff;
    text-align: center
}
/*.toggle-mask .exclude-height:hover{background-color: #9a6a3c; height: 100%;}*/
#showInner{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 3;
    background-color: #9a6a3c;
    -moz-opacity: .8;
    opacity: .8;
    color: #fff;
    text-align: center;
    height: 100%;
    padding: 15px;
    line-height: 27px;
}
#showInnera{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 3;
    background-color: #9a6a3c;
    -moz-opacity: .8;
    opacity: .8;
    color: #fff;
    text-align: center;
    height: 100%;
    padding: 15px;
    line-height: 27px;
}
#showInnerb{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 3;
    background-color: #9a6a3c;
    -moz-opacity: .8;
    opacity: .8;
    color: #fff;
    text-align: center;
    height: 100%;
    padding: 15px;
    line-height: 27px;
}
.contact-banner{
    position: relative;
    overflow:hidden;
    padding:0;
    background:-webkit-linear-gradient(top,#af6c28,#c1976d);
    background:-moz-linear-gradient(top,#af6c28,#c1976d);
    background:-o-linear-gradient(top,#af6c28,#c1976d);
    background:-ms-linear-gradient(top,#af6c28,#c5a17c);
}
.contact-banner .waves{
    position: absolute;
    height: 100%;
}
.contact-banner-box{
    margin-top: 30px;
    margin-bottom: 40px;
    text-align: center;
}
.contact-banner-box h2{
    display: block;
    max-width: 10em;
    margin: 0px auto;
    line-height: 2em;
    border-bottom: 2px solid #fff;
    color: #f5f5f5;
}

.contact-banner-box h4{
    color: #f1f1f1;
}

.contact-banner-box .btn{
    font-size: 24px;
    padding-left: 30px;
    padding-right: 30px;
    margin-top: 20px;
}

.nav-tabs>li>a:hover{ color:#FFF; background-color: rgb(193, 142, 92); }
.m-latest-pro .bd{ border: solid 12px #c28e5c;background:#c28e5c}
.m-latest-pro .bd ul{ margin: 0 0 0 2px; padding: 0; }
.m-latest-pro .bd li{ float: left; position: relative;overflow: hidden;*zoom:1; float: left;}

.m-latest-pro .bd li h3{/*background: url(../images/tzym_a.jpg)!important;filter:Alpha(opacity=90);*/ background: #ec7426;color:#fff; height: 30px; line-height: 30px; text-align: center; position: absolute; bottom:50%; left:50%;margin-left:-41px;width:82px;z-index:10000; font-size: 18px;}
.m-latest-pro .bd li h3 a{color:#fff; display: block;height:30px;}
.m-latest-pro .bd li h3 a:hover{ text-decoration:none;}
.m-latest-pro .bd li img{width:100%;height:100%;}
.m-latest-pro .bd li:hover .opacity-overlay {
    opacity: 0;
    filter: alpha(opacity=0);
}
.m-latest-pro .opacity-overlay {
    display:block; width:100%; height:100%; position:absolute; top:0; left:0; cursor:pointer; background:#1a1a1a; opacity:0.5; filter:alpha(opacity=0.5); _height:expression( (this.parentElement.clientHeight) +'px');
    -webkit-transition:all 0.25s ease-in-out; -moz-transition:all 0.25s ease-in-out; -o-transition:all 0.25s ease-in-out; -ms-transition:all 0.25s ease-in-out; transition:all 0.25s ease-in-out;
}
.m-latest-pro .bd li .title {bottom: 40%;width: 100%;z-index: 10000;position:absolute;text-align:center;color:#fff;font-size:20px;}


.m-sel-choose{ border-top: solid 1px #b57e69;}


#index-hwtz .opacity{width:100%;height:300px;position:absolute;left:0;top:0;position: absolute;
    z-index: 100;
    background: url(../images/prohover.png);
    cursor: pointer;opacity: 0.1;
    /* older safari/Chrome browsers */
    -webkit-opacity: 0.3;
    /* Netscape and Older than Firefox 0.9 */
    -moz-opacity: 0.3;
    /* Safari 1.x (pre WebKit!) 鐚埀顑濅急銉傛偢寮卙tml姘撻垾鐘偓纬尾鐘呰顬ｂ檧鈧炕afari蹇欑鑱尗鎼傝棝姘撻埄鈷欙拷*/
    -khtml-opacity: 0.5;
    /* IE9 + etc...modern browsers */
    opacity: .3;
    /* IE 4-9 */
    filter:alpha(opacity=30);
    /*This works in IE 8 & 9 too*/
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    /*IE4-IE9*/
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
    filter:Alpha(Opacity=30);
}
#index-hwtz .text{position:absolute;bottom:-10px;left:0;background:#fff;padding:20px;display:none;width:100%;}

.cd-top {
    display: inline-block;
    height: 40px;
    width: 40px;
    position: fixed;
    bottom: 40px;
    right: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    /* image replacement properties */
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    background: rgba(154, 106, 60, 1.0) url(../images/cd-top-arrow.svg) no-repeat center 50%;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.cd-top.cd-is-visible {
    /* the button becomes visible */
    visibility: visible;
    opacity: 1;
}
.cd-top.cd-fade-out {
    /* 婵″倹鐏夐悽銊﹀煕缂佈呯敾閸氭垳绗呭姘З,鏉╂瑤閲滈幐澶愭尦閻ㄥ嫰鈧繑妲戞惔锔跨窗閸欐ê绶遍弴缈犵秵 */
    opacity: .5;
}
.no-touch .cd-top:hover {
    background-color: #e86256;
    opacity: 1;
}





.common_width .news_all{ overflow:hidden; }
.common_width .news_all .news_all_title{ float:left; overflow:hidden; font:300 20px "瀵邦喛钂嬮梿鍛寸拨"; text-align:left; color:#333;}
.common_width .news_all .news_hot{ width:384px; overflow:hidden;  margin-top:10px;}
.common_width .news_all .news_hot .tui_img{ width:105px; overflow:hidden;}
.common_width .news_all .news_hot .tui_info{ width:265px; overflow:hidden;}
.common_width .news_all .news_hot .tui_info h1.title{ width:265px; font:600 14px "瀵邦喛钂嬮梿鍛寸拨"; color:#000; text-align:left; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.common_width .news_all .news_hot .tui_info h1.title a{ text-decoration:none; color:#000;}
.common_width .news_all .news_hot .tui_info h1.title a:hover{ text-decoration:none; color:#c29c53;}
.common_width .news_all .news_hot .tui_info h2.summary{ width:265px; font:300 12px/18px "鐎瑰缍�"; height:36px; overflow:hidden; text-align:left; margin-top:10px;}

.common_width .news_all .news_hot .tui_info h3.more{ width:265px; text-align:right; font:300 12px "鐎瑰缍�"; color:#7b4609; margin-top:5px;}
.common_width .news_all .news_hot .tui_info h3.more a{ text-decoration:none; color:#7b4609;}
.common_width .news_all .news_acontent{ width:384px; overflow:hidden;}
.common_width .news_all .news_acontent ul{ text-decoration:none; list-style:none; overflow:hidden; padding: 0; margin: 0 auto;}
.common_width .news_all .news_acontent ul li{ overflow:hidden; font:300 14px "鐎瑰缍�"; color:#333; text-align:left; margin-bottom:15px; margin-bottom:11px;}
.common_width .news_all .news_acontent ul li a{ text-decoration:none; color:#333; width:300px; overflow:hidden; display:block; white-space:nowrap; text-overflow:ellipsis; float:left; background:url(../images/n_01.jpg) no-repeat left 6px; padding-left:10px;}
.common_width .news_all .news_acontent ul li a:hover{ text-decoration:none; color:#c29c53; width:300px; overflow:hidden; display:block; white-space:nowrap; text-overflow:ellipsis; float:left; padding-left:10px;}
.common_width .news_all .news_acontent ul li .time{}
.img-thumbnail{margin-top:21%;}
@media(min-width:1200px ){
    .common_width{width: 1200px; margin: 0 auto; padding: 50px 0;}
    .title_line{margin: 0; padding: 0;margin-left: 0;}
    .cd-top {
        height: 60px;
        width: 60px;
        right: 30px;
        bottom: 65px;
    }
    .footer_com{margin: 0 auto; overflow: hidden; width:1200px;}
}

@media(min-width:768px) and (max-width: 979px){
    .common_width{width: 100%; margin: 0 auto; padding: 30px 0;}
    .card-item {width: 50% !important;}
    .title_line{margin: 0; padding: 0;margin-left: 0;}
    .cd-top {
        right: 20px;
        bottom: 60px;
    }
    .footer_com{margin: 0 auto; overflow: hidden; width:100%;}
    .input-group img{ width:90%; height:50px;}
}

@media(max-width: 768px){
    .common_width{width: auto; margin: 0 auto; padding: 30px 0;}
    .card-item {width: 50% !important;}
    .title_line{margin: 0; padding: 0;margin-left: 0;}
    .cd-top {bottom: 60px;}
    .form-group{margin-bottom:0;}
    .footer_com{margin: 0 auto; overflow: hidden; width:100%;}
    .input-group img{ width:90%; height:50px;}
}

.common-content {
    position: relative;
    /*background: #f00;*/
}
.common-thumimg {
    max-width: 100%;
    height: auto;
    overflow: hidden;
}
.common-wrap {
    padding: 0;
    position: absolute;
    text-align: left;
    width: 100.1%;
    height: 100.1%;
    top: 0;
    bottom: 0;
    display: table-cell;
    vertical-align: middle;
    overflow: hidden;
}
.common-wrap h1.common-title {
    display: table;
    font-size: 110%;
    height: 100%;
    text-transform: uppercase;
    width: 100%;
    margin:0;
}
.common-wrap p{
    color: #FFF;font-size: 30px; font-weight: bold
}
.common-title-a,.index-title-a {
    display: table-cell;
    position: relative;
    transition: opacity .25s ease-in-out, background .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out, background .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out, background .25s ease-in-out;
    vertical-align: top;
    z-index: 1;
    color: #FFF;
    text-decoration: none;
    opacity: 0;
    padding: 10%;
    font-size: 18px;
    letter-spacing: 1px;
    vertical-align: middle;
    text-align: center;
    margin: 0 auto;

}
.common-title-a:hover {
    opacity: 0.9;
    color: #FFF;
    background: rgba(0,0,0,0.3);
    text-decoration: none;
    font-size: 18px;
    letter-spacing: 1px;
    /*background-image: url('../images/mlogo.png');*/
    /*background-repeat: no-repeat;*/
    /*background-position: right bottom;*/
}
.index-title-a:hover {
    opacity: 0.9;
    color: #FFF;
    background: rgba(255,226,81,.9);
    text-decoration: none;
    font-size: 18px;
}
.img-1-1:hover {
    background: rgba(255,229,76,.9);
}
.img-1-2:hover {
    background: rgba(255,189,221,.9);
}
.img-1-3:hover {
    background: rgba(92,227,240,.9);
}
.img-1-4:hover {
    background: rgba(183,244,146,.9);
}
.img-1-5:hover {
    background: rgba(255,170,56,.9);
}
.img-1-6:hover {
    background: rgba(203,207,214,.9);
}
.img-1-7:hover {
    background: rgba(211,90,194,.9);
}
.img-1-8:hover {
    background: rgba(72,189,255,.9);
}
.img-1-9:hover {
    background: rgba(255,114,180,.9);
}
.common-title-a:first-child {
    font-size: 14px;
}
.index-title-a:first-child {
    font-size: 18px;
}
.common-thumimg img {
    display: block;
    width: 100%;
}
.patent a{
    color: #757474;
    text-decoration: none;
}
.patent a:hover{
    color: #f5dc59;
    text-decoration: none;
}

#myTab a{ color:#333; }
#myTab a:hover{ color:#FFF; }
/*#myTab .active a{ color:#FFF; background-color: rgb(193, 142, 92); }*/
/*#myTab .active a:hover{ color:#FFF; background-color: rgb(193, 142, 92); }*/
#myTab li{ width: 14.253333%; float: left; margin: 0 9px 0 10px; }
#active_217{
    -webkit-transition: all 0.225s ease-in-out;
    -moz-transition: all 0.225s ease-in-out;
    -o-transition: all 0.225s ease-in-out;
    transition: all 0.225s ease-in-out;
    text-align: center;
    background-color: #dcdddd;
    padding:15px 8px;
    background-image: url("../images/index/index_1.png");
    background-repeat: no-repeat;
    background-position: center 28px;
    color: #757474;
    height: 117px;
}

#active_217:hover {
    background-color: #f5dc59;
    background-image: url("../images/index/index_01.png");
    color: #fff
}
#myTab .active{
    color:#FFF; background-color: #f5dc59;background-image: url("../images/index/index_01.png"); background-repeat: no-repeat;background-position: center 28px;
}
/*#myTab .active ::before{*/
/*content: "";*/
/*position: absolute;*/
/*left: 50%;*/
/*top: -30px;*/
/*width: 20px;*/
/*height: 20px;*/
/*!*border: 1px solid #ea545d;*!*/
/*transform: translate(-50%, 50%) rotateZ(45deg);*/
/*background-color: #ea545d;*/
/*}*/
#myTab #active_217 + .active{ color:#FFF; background-color: #f5dc59;background-image: url("../images/index/index_02.png"); background-repeat: no-repeat;background-position: center 28px;}
/*#myTab #active_217 + .active a:hover{ background-color: #ea545d; color:#FFF; background-image: url("../images/index/index_01.png");background-repeat: no-repeat;background-position: center 28px; }*/


#active_218{
    -webkit-transition: all 0.225s ease-in-out;
    -moz-transition: all 0.225s ease-in-out;
    -o-transition: all 0.225s ease-in-out;
    transition: all 0.225s ease-in-out;
    text-align: center;
    background-color: #dcdddd;
    padding:15px 8px;
    background-image: url("../images/index/index_2.png");
    background-repeat: no-repeat;
    background-position: center 28px;
    color: #757474;
    height: 117px;
}

#active_218:hover {
    background-color: #f5dc59;
    background-image: url("../images/index/index_02.png");
    color: #fff
}

#myTab #active_218 + .active{ color:#FFF; background-color: #f5dc59;background-image: url("../images/index/index_03.png"); background-repeat: no-repeat;background-position: center 28px;}
/*#myTab #active_218 + .active a:hover{ background-color: #ea545d; color:#FFF; background-image: url("../images/index/index_02.png");background-repeat: no-repeat;background-position: center 28px; height: 117px; }*/
#myTab #active_219 + .active{ color:#FFF; background-color: #f5dc59;background-image: url("../images/index/index_04.png"); background-repeat: no-repeat;background-position: center 28px;}
#myTab #active_220 + .active{ color:#FFF; background-color: #f5dc59;background-image: url("../images/index/index_05.png"); background-repeat: no-repeat;background-position: center 28px;}
#myTab #active_221 + .active{ color:#FFF; background-color: #f5dc59;background-image: url("../images/index/index_06.png"); background-repeat: no-repeat;background-position: center 28px;}
#myTab #active_222 + .active{ color:#FFF; background-color: #f5dc59;background-image: url("../images/index/index_07.png"); background-repeat: no-repeat;background-position: center 28px;}

/*#myTab #active_217 + .active ::before,#myTab #active_218 + .active ::before,#myTab #active_219 + .active ::before,#myTab #active_220 + .active ::before,#myTab #active_221 + .active ::before#myTab #active_222 + .active ::before{*/
/*content: "";*/
/*position: absolute;*/
/*left: 50%;*/
/*top: -30px;*/
/*width: 20px;*/
/*height: 20px;*/
/*!*border: 1px solid #ea545d;*!*/
/*transform: translate(-50%, 50%) rotateZ(45deg);*/
/*background-color: #ea545d;*/
/*}*/

#active_219{
    -webkit-transition: all 0.225s ease-in-out;
    -moz-transition: all 0.225s ease-in-out;
    -o-transition: all 0.225s ease-in-out;
    transition: all 0.225s ease-in-out;
    text-align: center;
    background-color: #dcdddd;
    padding:15px 8px;
    background-image: url("../images/index/index_3.png");
    background-repeat: no-repeat;
    background-position: center 28px;
    color: #757474;
    height: 117px;
}

#active_219:hover {
    background-color: #f5dc59;
    background-image: url("../images/index/index_03.png");
    color: #fff
}

#myTab #active_219 .active a{ color:#FFF; background-color: #dcdddd; background-image: url("../images/index/index_3.png");height: 117px;}
#myTab #active_219 .active a:hover{ background-color: #f5dc59; color:#FFF; background-image: url("../images/index/index_03.png"); height: 117px;}

#active_220{
    -webkit-transition: all 0.225s ease-in-out;
    -moz-transition: all 0.225s ease-in-out;
    -o-transition: all 0.225s ease-in-out;
    transition: all 0.225s ease-in-out;
    text-align: center;
    background-color: #dcdddd;
    padding:15px 8px;
    background-image: url("../images/index/index_4.png");
    background-repeat: no-repeat;
    background-position: center 28px;
    color: #757474;
    height: 117px;
}

#active_220:hover {
    background-color: #f5dc59;
    background-image: url("../images/index/index_04.png");
    color: #fff
}

#myTab #active_220 .active a{ color:#FFF; background-color: #dcdddd; background-image: url("../images/index/index_4.png");height: 117px;}
#myTab #active_220 .active a:hover{ background-color: #f5dc59; color:#FFF; background-image: url("../images/index/index_04.png"); height: 117px;}

#active_221{
    -webkit-transition: all 0.225s ease-in-out;
    -moz-transition: all 0.225s ease-in-out;
    -o-transition: all 0.225s ease-in-out;
    transition: all 0.225s ease-in-out;
    text-align: center;
    background-color: #dcdddd;
    padding:15px 8px;
    background-image: url("../images/index/index_5.png");
    background-repeat: no-repeat;
    background-position: center 28px;
    color: #757474;
    height: 117px;
}

#active_221:hover {
    background-color: #f5dc59;
    background-image: url("../images/index/index_05.png");
    color: #fff
}

#myTab #active_221 .active a{ color:#FFF; background-color: #dcdddd; background-image: url("../images/index/index_5.png");height: 117px;}
#myTab #active_221 .active a:hover{ background-color: #f5dc59; color:#FFF; background-image: url("../images/index/index_05.png"); height: 117px;}

#active_222{
    -webkit-transition: all 0.225s ease-in-out;
    -moz-transition: all 0.225s ease-in-out;
    -o-transition: all 0.225s ease-in-out;
    transition: all 0.225s ease-in-out;
    text-align: center;
    background-color: #dcdddd;
    padding:15px 8px;
    background-image: url("../images/index/index_6.png");
    background-repeat: no-repeat;
    background-position: center 28px;
    color: #757474;
    height: 117px;
}

#active_222:hover {
    background-color: #f5dc59;
    background-image: url("../images/index/index_06.png");
    color: #fff
}

#myTab #active_222 .active a{ color:#FFF; background-color: #dcdddd; background-image: url("../images/index/index_6.png");height: 117px;}
#myTab #active_222 .active a:hover{ background-color: #f5dc59; color:#FFF; background-image: url("../images/index/index_06.png"); height: 117px;}
.list-group-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
}
.border-top{ border-top: none;}
.bacolor{background-color:#f5dc59;}

.priv-com{padding:50px 0 40px 0;}
.priv-com h3{margin: 0 auto;text-align: center;color: #757474}
.priv-com p{width:70px;border-top:3px solid #f5dc59; text-align: center; margin: 15px auto 0 auto;}
.priva{padding: 0 0 50px 0;}
.row-mfyj{margin-left: -20px;margin-right: -20px;}
.pdc{padding: 2.5px;}
.privb{padding: 30px 20px 20px 20px;}
.privb .title{text-align:center;padding:12px 0 3px 0;}
.privb .subtitle{text-align:center;color: #9fa0a0;font-size: 13px;}
.privc{position: relative; line-height: 28px;}
.privd{position:absolute;bottom: 0;padding-bottom: 15px; font-size: 14px;}
.privh{height: 143px;}
.custo{padding: 20px 0 15px 0;}
.custol{padding-left: 0;}
.custold{padding-left: 0;}
.custoa{padding: 80px 0 0 0}
.custob{padding: 85px 0 0 0;}
.custoc{padding: 5px 0 50px 0;}
.bran{padding: 20px 0 50px 0;}
.privad{border: 1px solid #DDD;margin: 30px 0 0 0;clear: both;}
.privaa{padding: 30px 65px; line-height: 25px;}
.privab{padding: 45px 0 0 0;clear: both;}
.privac{text-align: center;border:none;}
.privax{background-color: #f5dc59; color: #FFF; font-size: 18px; text-align: center;}
.privae{padding-bottom: 0;border: 1px solid #b9b9b9; border-top: none;}
.privaf{border: none;margin-bottom:0;}
.privag{border: 1px solid #ddd; border-left: none;}
.privah{border: 1px solid #ddd;}
.privai{border: 1px solid #ddd; border-right: none;}
.privaj{padding-left:65px; }
.privak{clear: both; padding-top: 35px; }
.privam{font-size: 24px;position: relative;top:1px; margin-right: 5px;}
.privan{color:#f5dc59;}
.privay{text-align: right;}
.news_list{width: 60%; margin: 0 auto; text-align: center;}
.news_list p{width: 32%; margin: 0 auto; text-align: center; line-height: 34px;}
.news_list ._p{border-top:3px solid #f5dc59;}
.news_list a{color: #757474; text-decoration: none;}
.news_list a:hover{color: #f5dc59; text-decoration: none;}
.newsa{padding-left: 0; padding-right: 0;}
.newsb{padding: 10px 0 50px 0;}
.newsc{padding: 50px 0 50px 0; text-align: center;}
.newsd{text-align: center; font-size: 16px; padding:25px 0 15px 0; color: #f5dc59;border-bottom:1px solid #757474;}
.newse{padding: 25px 0 35px 0; text-align: left; line-height: 31px;}
.abouta{padding:60px 0 40px 0;}
.aboutb{margin: 0 auto;letter-spacing:5px;color: #757474;}
.aboutc{width:80px;border-top:3px solid #f5dc59; margin: 15px 0 0 0;}
.aboutd{font-size: 14px; padding-top: 30px;color: #757474;}
.aboute{padding:30px 0 40px 0;}
.aboutf{padding-top: 30px;color: #757474}
.abouth{font-size: 14px; padding-top: 10px;color: #757474;}
.aboutg{background: #dcdedd;}
.abouti{margin: 0 auto;text-align: center;letter-spacing:5px;color: #757474}
.abouty{width:80px;border-top:3px solid #f5dc59; text-align: center; margin: 15px auto 0 auto;}
.aboa{padding-bottom: 50px;}
.abob{padding-bottom: 20px;}
.aboc{padding:60px 0 40px 0;}
.aboc h3{margin: 0 auto;text-align: center;letter-spacing:5px;color: #757474}
.abod{width:80px;border-top:3px solid #f5dc59; text-align: center; margin: 15px auto 30px auto;}
.aboe{color: #757474; text-align: center; margin: 0 auto; font-size: 16px;}
.inda{border-bottom:2px solid #f5dc59;}
.indb{padding:60px 0 10px 0;}
.indb h3{margin: 0 auto;text-align: center;letter-spacing:5px;color: #757474}
.indb p{width:80px;border-top:3px solid #f5dc59; text-align: center; margin: 15px auto 30px auto;}
.indc{height: 587px; background: #dcdedd; position: relative; color: #757474;}
.indd{position: absolute;left: 0; right: 0;width:90%; margin: 0 auto; text-align: right;padding-top: 35px;}
.indd h3{letter-spacing: 8px;}
.inddp{border-top:1px solid #757474; text-align: center; margin: 15px auto 30px auto;}
.inde{min-height: 269px;}
.indf{border: 1px solid rgb(185, 185, 185); padding: 5px 15px; float: right;}
.indg{position:relative;top:-116px; padding: 0; margin: 0;}
.indg p{height: 117px; padding: 0; margin: 0;}
.patent1{border-top: 1px solid #b9b9b9;}
.patent2{border-left: none; border-right: none;border-top: 1px solid #b9b9b9;}
.patent3{border-top: 1px solid #b9b9b9;}
.patent5{border-left: none; border-right: none;}
.patent8{border-left: none; border-right: none;}
.indh{position: relative;top:-35px;}
.indh h3{margin: 0 auto;text-align: center;letter-spacing:5px;color: #757474}
.indh p{width:80px;border-top:3px solid #f5dc59; text-align: center; margin: 15px auto 30px auto;}
.indj{position: relative;top:-35px;}
.indk{padding: 9px 15px;color: #757474;}
.indkp{float: right; position: relative;top:14px;}
.indkpa{border: 1px solid #b9b9b9;}
.indkpb{min-height: 50px;}
.indi{padding:0; border-radius: 0;margin-bottom:0;}
.indcg{width: 80px; margin: 0 auto; text-align: center; padding: 35px 0;}
.indca{border: 1px solid #b9b9b9; padding: 5px 15px; text-decoration: none;}
.indgm{padding:25px 0 40px 0;}
.indgm h3{margin: 0 auto;text-align: center;letter-spacing:5px;color: #757474}
.indgm p{width:80px;border-top:3px solid #f5dc59; text-align: center; margin: 15px auto 0 auto;}
.indmor{width: 80px; margin: 0 auto; text-align: center; padding: 35px 0 55px 0;}
.indfw{padding:60px 0 40px 0;}
.indfw h3{margin: 0 auto;text-align: center;letter-spacing:5px;color: #757474}
.indfw p{width:80px;border-top:3px solid #f5dc59; text-align: center; margin: 15px auto 0 auto;}
.indne{padding:60px 0 50px 0;}
.indnei{background: url('../images/index_news.png') 5px 8px no-repeat}
.indnei span{margin-left: 24px; font-size: 18px; font-weight: 500;font-family: inherit;}
.indnei a{float: right; padding-top: 5px;}
.indnx{ position: inherit; padding: 4px 15px; margin-bottom: 0; background-color:inherit; border: none;  border-radius:0;}
.confot{background: #f5dc59; height: 74px; padding: 0 19px;border-radius: 0; margin: 0; position: relative;top:-4px;left: 5px;}
.foticp{padding-left: 5px;color: #757474;}
.fotcent{text-align: right;border: 1px solid #757474; border-right:none;  width: 30%;}
.fotcena{text-align: right;border: 1px solid #757474; border-left: none;}
.fotcena h4{margin-right: 15px; color: rgba(255, 255, 255, 0.75);}
.fotcenb{text-align: right;border: 1px solid #757474; border-right:none; width: 30%;}
.fotcenc{text-align: right; padding: 4px 0;border: 1px solid #757474; border-left: none;}
.fotcenc li{padding-left: 8px; font-size: 15px;}
.fotcend{text-align: left; padding-top: 12px;}
.fotcene{width:auto;margin: 2px 10px 0 0;}
.fotlink{color: #757474;}
.fotlink a{color: #757474; margin-left: 15px; text-decoration: none;}
.fotlink a:hover{color: #fff; margin-left: 15px; text-decoration: none;}
.conhe{margin-left: 14px; padding-right:0;min-width:0;}
.conhek{font-size:24px; margin-right: 5px;}
.comban{width:100%;height: auto;margin: 0 auto;}
.common-thumimgprimgon {
    max-width: 100%;
    height: auto;
    overflow: hidden;
}
.common-thumimgprimgon img{display: block; height: 590px;}
.common-thumimg-news,.common-thumimgpp {
    max-width: 100%;
    height: auto;
    overflow: hidden;
}
.common-thumimg-news img,.common-thumimgpp img {
    display: block;
}
@media(min-width:1200px ){

}

@media(min-width:768px) and (max-width: 979px){
    .custold,.fotcent,.fotcenb,.table_hover7,.tab-content,#myTab,.indb h3,.indb p{display: none;}
    .footer{
        background:#595757;
        background-size:cover;
        background-repeat:no-repeat;
        width: 100%;
        color: #fefefe;
    }
    .news_list p{width: 100%; margin: 0 auto; text-align: center; line-height: 34px;}
    .container-fluid{ margin-right: 5px; margin-left: 5px;}
    .privb{padding-bottom: 10px;padding-left: 10px;}
    .navbar-brand{padding: 15px 15px 15px 20px;}
    .nav-wrapper{ position: relative;}
    .privh{height: auto;}
    .newsc{padding: 50px 15px;}
    .news_list{width: 70%;}
    .abouta {padding: 60px 10px 40px 10px;}
    .aboute{padding: 30px 10px 40px 10px;}
    .privaj{ padding-left: 0; }
    .privay{ text-align: inherit;}
    .custol{padding-left: 10px;}
    .comban{width:100%;height: 180px;margin: 0 auto;}
    .fotcene{width: 76px;position: relative;left: -7px;top: 5px;}
    .fotcena h4 {margin-right: 0;font-size: 16px;}
    .footer ul{padding-left: 5px;}
    .common-thumimg img{ width: 100%; }
    .common-thumimgprimgon img{ width: 100%; }
}
@media(max-width: 768px){
    .custold,.fotcent,.fotcenb,.table_hover7,.tab-content,#myTab,.indb h3,.indb p{display: none;}
    .footer{
        background:#595757;
        background-size:cover;
        background-repeat:no-repeat;
        width: 100%;
        color: #fefefe;
    }
    .news_list p{width: 100%; margin: 0 auto; text-align: center; line-height: 34px;}
    .container-fluid{ margin-right: 5px; margin-left: 5px;}
    .privb{padding-bottom: 10px;padding-left: 10px;}
    .navbar-brand{padding: 15px 15px 15px 20px;}
    .nav-wrapper{ position: relative;}
    .privh{height: auto;}
    .newsc{padding: 50px 15px;}
    .news_list{width: 70%;}
    .abouta {padding: 60px 10px 40px 10px;}
    .aboute{padding: 30px 10px 40px 10px;}
    .privaj{ padding-left: 0; }
    .privay{ text-align: inherit;}
    .custol{padding-left: 10px;}
    .comban{width:100%;height: 180px;margin: 0 auto;}
    .fotcene{width: 76px;position: relative;left: -7px;top: 5px;}
    .fotcena h4 {margin-right: 0;font-size: 16px;}
    .footer ul{padding-left: 5px;}
    .common-thumimg img{ height: 100%; }
    .common-thumimgprimgon img{ height: 100%; }
}

.mfyj{border-bottom: 8px solid #c6cad0;}
.mfyj ul{display:flex;padding: 0;}
.mfyj ul li{margin: 0 10px;color: #c6cad0;}
.mfyj-details{padding: 30px 0 0 0;}
.mfyj-details ul{padding: 0;}
.mfyj-details ul li{line-height: 27px; color: #c6cad0;}
.mfyj-details ul li font{color: #3e3a39;}

.mt{margin: 8% auto 0 auto;}
.footer-nav1{
    border-top:5px solid #c6cad0;display: flex;justify-content: space-between;width: 1200px;margin-top: 8%;margin-bottom: 2%;margin-left: auto;margin-right: auto;padding-top: 3.2vw;
}
.footer-nav{
    width: 80%;
}
.footer-nav ul{
    padding: 0;
}
.footer-nav ul li{
   line-height: 2.3vw;
}
.footer-code{
    width: 20%;
    text-align: right;
}
.footer-code img{
    width: 9.5vw;
}