body{font-family: "Amphion","Microsoft YaHei";}
header{background: #000000;padding-top: 0px;height: 75px;}
header.scroll .nav-top>li>a{color: #fff;}
header.scroll{background: #000000;}
header .nav-top>li>a{color: #fff;}
header .nav-top>li:hover>a .catname_cn{display: none}
header .nav-top>li:hover>a .catname_en{display: block}
header .nav-top>li>a .catname_en{display: none}
header .nav-top>li>a .catname_en{font-family: "Amphion","Microsoft YaHei";}
.acc{ display:none;}
.menu-open .nav-button:hover .icon-bar{background-color: #fff;}
.scroll .nav-button .icon-bar{background-color: #fff;}
.nav-button:hover .icon-bar {background-color: #fff;}
.nav-top>li{width: 80px;    margin-right: 2vw;text-align: center}
.nav-top>li:hover, .nav-top>li.on{border-bottom:2px solid #ccba91;text-align: center;}
.nav-top>li:hover>a, .nav-top>li:hover>.nav-text, .nav-top>li.on>a, .nav-top>li.on>.nav-text, header.scroll .nav-top>li:hover>a, header.scroll .nav-top>li:hover>.nav-text, header.scroll .nav-top>li.on>a, header.scroll .nav-top>li.on>.nav-text{color: #ccba91}
.nav-sub li:hover a, header.scroll .nav-sub li:hover a{background: #ccba91}
.carousel-indicators li.active{background:#ccba91 }
header.scroll{border-bottom: none}
.carousel-indicators li{width: 30%;height: 2px;background: #000}
.carousel-indicators li.active{width: 30%;height: 2px}
.plan-1{overflow:hidden}
.plan-1 .content{width: 100%;height: 100%}
.plan-1 .wenzi{height: 100%;}
.plan-1 .wenzi .fp-tableCell{flex-direction: column;    padding: 100px;}
.plan-1 .wenzi h3{color:#000;font-size: 53px;font-family: "Amphion", Tahoma, "Helvetica Neue", Helvetica, Arial, sans-serif;text-transform: uppercase;font-weight: lighter}
.plan-1 .wenzi p{color:#000;text-indent: 2em;line-height: 30px}
.plan-1 .wenzi .banner-btn-box{position: relative;bottom:auto;left:auto;margin-top: 100px;}
.plan-1 .banner-btn-box a{display: block;color:#545454;    border: 1px solid #545455;text-transform: uppercase;font-size: 12px;}
.plan-1 .wenzi h4{color: #000;padding: 14px 0 90px;    letter-spacing: 9px;}
.plan-1 .banner-btn-box a::before{background:#ccba91;color: #fff}
.plan-1 .banner-btn-box a:hover{border: none}
.plan-2 .plan-title{font-family: "Amphion","Microsoft YaHei";font-size: 53px;text-transform: uppercase;      font-weight: lighter }
.plan-2 .plan-title-fu{padding: 14px 0 90px; letter-spacing:2px;color: #fff;text-align: center;font-size: 24px; letter-spacing: 9px;}
.plan-2 .banner-btn-box{position: relative;bottom:auto;left:auto;margin-top: 100px;}
.plan-2 .banner-btn-box a{display: block;color:#fff;    border: 1px solid #fff;text-transform: uppercase;margin: 0 auto;font-size: 13px;}
.plan-2 .banner-btn-box a::before{background:#ccba91}
.plan-2 .banner-btn-box a:hover{border: none}
.plan-2  .plan-text{    line-height: 20px;font-size: 14px;}

.plan-3  .content{width: 80%}
.plan-3 .pic{padding: 25px;}
.plan-3 .plan-title{font-family: "Amphion","Microsoft YaHei";font-size: 53px;text-transform: uppercase; color: #000;  font-weight: lighter }
.plan-3 .plan-line-fu{padding: 14px 0 50px; letter-spacing:2px;color: #fff;text-align: center;font-size: 24px; color: #000; letter-spacing: 9px;}
.plan-3 .canshu{padding: 40px 20px 20px;background: #fafafa}
.plan-3 .canshu .tit{font-size: 16px;color: #000}
.plan-3 .canshu .tit_en{font-size: 14px;color: #000}
.plan-3 .canshu a.more{color: #999999;display: block;margin-top: 45px;}
.plan-3 .canshu a.more{background: url("../image/arrow.png") no-repeat right center;}
.plan-3 .owl-theme .owl-controls .owl-pagination{display: none}
.modal.in .modal-dialog{    top: 50%;transform: translateY(-50%);}

.plan-3 .banner-btn-box{position: relative;bottom:auto;left:auto;margin-top: 20px;}
.plan-3 .banner-btn-box a{display: block;color:#000;    border: 1px solid #000;text-transform: uppercase;margin: 0 auto;font-size: 12px;}
.plan-3 .banner-btn-box a::before{background:#ccba91}
.plan-3 .banner-btn-box a:hover{border: none;color: #fff}

.section-footer{background: #000;}
footer .nav-footer{display: none}
footer {padding-bottom: 50px;}
.footer{background: #000;align-items: flex-start;-webkit-align-items: flex-start;justify-content: space-between;-webkit-justify-content: space-between;padding-top: 60px;padding-bottom: 90px;}
footer  .code-contact ul li{line-height: 30px;color:#fff;}
footer .copyright-box{padding: 25px 0px 15px;margin-right: 20px;}
footer .code-erweima{margin-left: 20px;}
footer .footer-title{ margin-bottom: 13px;font-family: "Amphion","Microsoft YaHei";text-align: center;}
footer .footer-title a{color: #fff;}
footer .code-contact{float: left;    padding: 30px 0px;}
footer .code-erweima{float: right}


/*内页banner*/
.innerbanner{background: #191919;}
#carousel-example-generic.innerbanner{position: relative;bottom: -100px;    padding-top: 50px;}
.single img{max-width:100%}

/*品牌展示*/
.innerPro{padding-top: 50px}
.innerPro .about{line-height: 24px;color: #7f7f7f;}
.innerPro .about p{margin-bottom: 40px;line-height: 30px}
.innerPro .tit{font-size: 22px;}
.innerPro #owl-pro{margin-top: 60px}
#swipebox-title{height: 50px;line-height: 50px;}
.innerPro .owl-theme .owl-controls .owl-pagination{display: none}
@media screen and (min-width: 800px) {  #swipebox-close {right: 29px;}  }
.innerPro  .categorylist li h3{padding: 150px 0 80px;}
.innerPro .owl-pro .pic{padding: 10px;}
.owl-pro  .owl-controls{height: 100%;position: relative}
.owl-pro  .owl-controls .owl-buttons{position: absolute;top: 0px;width: 100%;height: 10px;}
.owl-pro  .owl-controls .owl-buttons div.owl-prev{width: 120px;left: 0px}
.owl-pro   .owl-controls .owl-buttons div.owl-next{width: 120px;right: 0px}
    /*内页发展历程导航*/
.innerhtml{padding-top: 190px;padding-bottom: 50px}
.innerhtml ul.innernav{margin-top: 45px;}
.innerhtml ul.innernav li{line-height: 30px;}
.innerhtml ul.innernav li a{color: #999;font-family: "Amphion","Microsoft YaHei";}
.innerhtml ul.innernav li a.on,.innerhtml ul.innernav li:hover a{font-size: 16px;color:#000;transition: .2s all;}


/*关于我们*/
.swiper-factory {width: 100%;height: 100%;overflow: hidden;position: relative;}
.swiper-factory .swiper-slide {text-align: center;font-size: 18px;background: #fff;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.swiper-factory .swiper-pagination-bullet {width: 120px;height: 50px;text-align: center;line-height: 50px;font-size: 13px;color: #000;opacity: 1;background: rgba(255, 255, 255, 1);border-radius: 0px;margin: 0px!important;}
.swiper-factory .swiper-pagination-bullet-active {color: #fff;background: #000;margin: 0px!important;font-size: 13px;}
.swiper-factory>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {bottom: 0px;}


.list ul li{float: left;width:calc(100%/2 - 10px); margin-right: 20px;}
.list ul li:nth-of-type(2n){ margin-right: 0px;}
.list ul li .pic{position: relative}
.list ul li .pic a{display: inline-block}
.list ul li .pic a:after{ position: absolute;content: '';height: 100%;width: 100%;background:rgba(0, 0, 0, 0.6)  url("../images/play.png") no-repeat center;top: 0px;}
.list ul li .cn_name{font-size: 14px;line-height: 40px;margin: 0px;}
.list ul li .en_name{font-size: 12px;color: #999999;padding-bottom: 10px;font-family: "Amphion","Microsoft YaHei";}


/*在线留言*/
.form .desc{padding: 0 10%;margin: 0 auto;}
.form .desc h3{text-align: center;margin-bottom: 30px}
.form .desc p{    text-align: center;line-height: 24px;font-size: 14px;color: #666666;margin-bottom: 25px;}
.form .desc p span{color: #000;    font-weight: bold;}
.form  input,  .form  textarea{display: inline-block;margin-bottom: 20px;height: 35px;border: 1px solid #999}
.form  .formtit{height: 35px;line-height: 35px;margin-left: 32%;}
.form  textarea {    resize: none;padding: 10px;height: 150px;}
.form .liuyan{    display: inline-block;width: 150px;height: 40px;background: #000;line-height: 40px;text-align: center;color: #fff;font-size: 16px;}
.baidumap{margin: 90px 0px 40px;}

/*其他*/
.modal-header .close{    line-height: 10px;margin-top: 2px;width: 20px;z-index: 9999;position: relative;background: white;color: #140202;opacity: .9;}
.modal-header .close:hover{opacity: 1;animation: turn 500s linear infinite;transition: 1s all}
/*移动端*/
@media screen and (max-width: 900px) {
    header{height: 50px;}
    .nav-top>li{width: 40%;}
    .nav-btnbox{left: 0px}
    .innerhtml {padding-top: 70px;}
    #innernav-nav{background: black;width: 100%;text-align: left;padding: 10px;color: #fff;margin-bottom: 10px}
    .innerhtml ul.innernav{margin-top: 0px;display: none;}
    #innernav-nav .fa-arrow-right{transition: .5s all}
    #innernav-nav.on .fa-arrow-right{transform: rotate(90deg);transition: .5s all}
    header.scroll .nav-sub {background: #1d2726;}
    .single img{max-width: 100%}
    .plan-1 .wenzi h3{color: #fff;font-size: 24px;}
    .plan-1 .wenzi h4{color: #fff;padding: 14px 0 10px;}
    .plan-1 .wenzi p{color: #fff}
    .plan-1 .wenzi .fp-tableCell{padding: 30px}
    .plan-1 .banner-btn-box a{margin: 0 auto;color: #fff;}
    .plan-1 .wenzi .banner-btn-box{margin-top: 20px;}
    .plan-2 .plan-title{font-size: 24px;}
    .plan-2 .section-img {background: url(../images/plan_2.jpg) repeat-y center center;background-size: 200%;}
    .plan-3 .plan-title{font-size: 24px;}
    .plan-3 .plan-line-fu{padding: 14px 0 30px}
    .plan-3 .pic{padding: 0px}
    .footer-title{color: #fff}
    footer .code-erweima{float: left;width: 50%;margin: 0px}
    .code-footer-pic{text-align: center;}
    .footer{padding-bottom: 20px;}
    .nav-f-part:last-of-type{border:none}
    .form .formtit{margin-left: 0%;text-align: left;}
    .innerhtml .miaintitle{margin: 20px 0px}
    .innerPro{padding-top: 50px}
    .innerPro .tit{margin: 10px 0px}
    .innerPro .categorylist li h3{padding: 20px 0px}
    .list ul li .pic a:after{background-size: 20%}
    .footer-title:after{display: none}
    footer .footer-title{margin-bottom: 0px}
    #contactForm .row{margin: 0px}
    .liuyanp {text-align: center}
}








@font-face {
    font-family: 'Amphion';
    src: url('./Amphion.eot');
    src: local('../font/Amphion Regular'),
    local('../font/Amphion'),
    url('../font/Amphion.woff') format('woff'),
    url('../font/Amphion.ttf') format('truetype'),
    url('../font/Amphion.svg#fontName') format('svg');
    font-weight: normal;
    font-style: normal;
}
@keyframes turn{
    0%{-webkit-transform:rotate(0deg);}
    25%{-webkit-transform:rotate(90deg);}
    50%{-webkit-transform:rotate(180deg);}
    75%{-webkit-transform:rotate(270deg);}
    100%{-webkit-transform:rotate(360deg);}
}