*{box-sizing: border-box;}



.case1 {position: relative;}
.case1 i{display: block;padding-bottom: 100%;}
.case1 img{position: absolute;top: 0;left: 0;right: 0;display: block;max-width: 100%;max-height: 100%;margin:auto;}
.case2 {position: relative;}
.case2 i{display: block;padding-bottom: 103.23%;}
.case2 img{position: absolute;top: 0;left: 0;right: 0;display: block;max-width: 100%;max-height: 100%;margin:auto;}
.case {position: relative;}
.case i{display: block;padding-bottom: 82.5%;}
.case img{position: absolute;top: 0;left: 0;right: 0;display: block;max-width: 100%;max-height: 100%;margin:auto;}

.top .container-fluid{padding: 0;height: 100px;}
.top .t-left{width: 33.4%;float: left;background-image: url(../image/ddd02_udec.jpg);position: relative;height: 120px;}
.top .t-right{overflow: hidden;background-color: #f7f8fa;}
.t-right .r-top{height: 40px;line-height: 40px;
    color: #e8e8e8;background-color: #20242d}
.r-top p,.r-nav{max-width: 944px;text-align: right}
.r-top p span{padding: 0 40px;}
.t-right .r-nav{height: 80px;line-height: 80px;}
.r-nav ul li{display: inline-block;height: 80px;
    line-height: 80px;padding:0 20px }
.r-nav ul li:hover{background-color: #20242d;transition:all 0.5s ease-out;}
.r-nav ul li:hover a {color: #f7f8fa;}
.r-nav a{color: #20242d;}
.t-left img{max-height: 100px;max-width: 550px;width: 100%;padding: 0 15px;vertical-align: top;position: absolute;top:50%;right: 0;left: 0;transform: translateY(-50%);margin: 0 auto;}

.banner .swiper-container {
    width: 100%;
    height: 100%;
}
.banner .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;
}
.banner img{max-width: 100%;}
.swiper-slide img{max-width: 100%;width: 100%;}
.banner .swiper-pagination-bullet-active{background:#fed501;opacity: 0.7;}

.search{height: 100px;}
.search .s-left{height: 100px;text-align: right;background-color: #20242d;}
.s-left h2{font-family: 'Microsoft YaHei';font-size: 14px;color: rgb(117, 123, 138);line-height: 130%;}
.s-left p{font-family: 'Microsoft YaHei';font-size: 28px;color: rgb(255, 255, 255);line-height: 130%;}
.s-left .search-img{float: right;width: 50px;height: 50px;margin: 25px 10px 25px 30px;background-image: url("../image/tel1.png");    background-size: 100%;}
.search .s-right{overflow: hidden;height: 100px;background-image: url(../image/di00001_1dc0.jpg)}
.s-rightdw{max-width: 720px;width:100%;float: left;}
.s-rightdw input{outline: none;max-width: 500px;width: 100%;height: 52px;margin: 30px 80px ;float: right;background-color: transparent;border: none;border-bottom: 1px solid #000000;color: #000000;}
.s-rightdw input:focus{border-bottom:2px solid #000000; } 

.title-frame{width: 312px;margin:0 auto;text-align: center;padding-top: 100px;padding-bottom:50px; }
.title-frame span{display: block;line-height: 150%;}
.title-en{font-size: 16px;font-family: 'Microsoft YaHei';color: rgb(136, 136, 136);}
.title-cn{font-size: 24px;font-family: Arial, Helvetica, sans-serif;color: rgb(32, 36, 45);}
.title-frame .title-border{width: 37px;height: 2px;background-color: #e94c2f; display: inline-block;}

.pro-title{width: 100%;}

.product{padding-bottom: 60px;}
.pro-iteam{margin-bottom: 15px;transition: all 0.7s ease-out;}
.pro-iteam:hover{background-color:#fed501;border-radius: 10px;}
.pro-iteam:hover a{color: #000;text-shadow: 2px 1px #ead6d3;}

    
.pro-iteam p{text-align: center;line-height: 40px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.pro-iteam a{color: #44474f;font-size: 16px;}
.pro-frame .case1{margin: 15px 0;overflow: hidden;}

.aboutus{width: 100%;padding-bottom: 60px;}
.ab-title{max-width: 312px;margin:0 auto;text-align: center;padding: 60px 0 30px;}
.ab-title span{display: block;line-height: 150%;}
.ab-title .title-border{width: 37px;height: 2px;background-color:#e94c2f; display: inline-block;}
.ab-detail{display: flex;padding-bottom: 15px;flex-direction: row;flex-wrap: nowrap;align-items: center;}
.ab-img img{transition: 0.3s all;max-width: 100%;}
.ab-img:hover img{transform: scale(0.9);}
.ab-frame{border: 1px solid #414248;margin: 0 auto;text-align: center;}
.ab-frame p{display:inline-block;padding: 15px 30px;max-width: 1200px;overflow: hidden;padding-bottom: 60px;
    color: #fff;text-align: left;font-size: 15px;}

.npro-title{background-color: #f7f8fa}

.nproduct{background-color: #f7f8fa}
.npro-frame{padding-bottom: 50px;}
.nproduct .swiper-container {
    width: 100%;
    padding-top: 50px;
    padding-bottom: 50px;
}
.nproduct .swiper-slide {max-width: 300px;}
.nproduct .case1 {background-image: url("../image/yuan.png");background-position: 50% 50%;background-repeat:no-repeat;margin: 15px 0;}
.nproduct .case1 img:hover{opacity: 0.7;}
.nproduct .case1 img{transition: all 1s ease-out;}

.add-img3 img{width: 100%;max-width: 100%;}

.news{padding-bottom: 50px;}
.news-frame{display: flex;flex: 1;flex-wrap: wrap;}
.news-right{display: flex;align-items: center;margin: 15px 0;max-width: 100%;}
.news-image img{max-width: 100%;}
.news-content .title_text1{font-family: 微软雅黑;font-size: 14px;font-weight: 400;line-height: 1.3;color: #333333;}
.title_text1 span{color: #d75032;}
.news-content .title_text{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news-content .title_text a{font-family: 微软雅黑;font-style: normal;font-weight: 400;font-size: 17px;color: #333333;width: 100%;}
.abstractd{line-height: 24px;font-family: 微软雅黑;font-style: normal;font-weight: 400;font-size: 12px;color: #888888;  }
.news-image{max-height: 150px;}
.news-right img{transition: .3s all ease-in-out;}
.news-right:hover img{transform: scale(1.1);}
.news-right:hover .title_text a{color: #d75032;}
.news-right .title_text a{transition: .3s all ease-in-out;}
.news-right:hover .news-content{padding-left: 20px;}
.news-right .news-content{transition: 0.3s all ease-in-out;}
.news .ab-btn {
    color: rgb(206, 206, 206);
    transition: 0.3s all ease-in-out;
    cursor: pointer;
    float: right;
}
.news .ab-btn:hover{
    color: #d75032;
}

.youlian{line-height: 15px;padding: 15px;}
.youlian .lianjie{padding: 0 5px 0 5px;font-size: 16px;color:#de8100;}
.youlian .links a{color:#000;padding-right: 15px;transition: 0.5s all ease-in-out;}
.youlian .links a:hover{color:#de8100;}

.footer{overflow:hidden; overflow:hidden; padding:30px 0 10px;background-image: url(../image/di00001_1dc0.jpg);text-align: center;}


.foot_right{overflow:hidden;}
.foot_right ul{ overflow:hidden;}
.foot_right li{float:left; overflow:hidden; margin-right:55px;}
.foot_right li.r{margin-right:0px;}
.foot_right strong a{display:inline-block; font-weight:500; font-size:14px; color:#3b210c; line-height:50px;margin-bottom:12px;-webkit-transition: all 0.5s ease-in-out;padding-right: 40px;}
.foot_right .foot_info{display: inline-block;padding: 0 20px;color: #3b210c;}

.foot_right li p a:hover,.footer strong a:hover{ color:#de8100;}

.beian{overflow:hidden; height:40px; line-height:40px; vertical-align:middle;background:#1b1e23;text-align: center;}
.beian {font-size:12px; color:#d8d8d8;}
.beian  a{font-size:12px; color:#d8d8d8; padding-left:5px; }
.beian  a:hover {color:#fff;}
.tech-support{padding-left: 15px;}

.main-title{width: 100%;height: 130px;background-color: #f6f6f6;background-image: url(../image/di00001_1dc0.jpg);}
.main-title-l{float: left;height: 100%;background-color: #252830;word-wrap: break-word;padding: 0px;height: 130px;display: block;}
.main-title-l .main-cn{color: rgb(255, 255, 255); font-family: 'Microsoft YaHei'; font-size: 18px; font-style: normal; font-variant: normal; font-weight: normal; line-height: 140%;}
.main-title-l .main-en{color: rgb(90, 90, 90); font-family: Arial, Helvetica, sans-serif; font-size: 20px; font-style: normal; font-variant: normal; font-weight: normal; line-height: 140%;}
.main-title-r{height: 130px;overflow: hidden;position: relative;}
.main-title-r .swiper-container{max-width: 828px;width: 100%;padding: 0 20px;height: 60px;position: absolute;bottom: 0;line-height: 60px;z-index: 1;background-color:#2a2c33;border-left: 3px dotted #fed501;border-right:  3px dotted #fed501;border-top-right-radius: 20px;}
.main-title-r .swiper-slide:hover{background-image: url(../image/di00001_1dc0.jpg);}
.main-title-r .swiper-slide:hover a{color:#000;}
.main-title-r .swiper-wrapper{padding: 0 20px;margin-right: 20px;}
.main-title-r .swiper-slide{padding: 0 10px;margin-right: 20px;text-align: center;min-width: 100px;}
.main-title-r .swiper-slide a{color: #fff;}
.main-title-r .swiper-button-next,.main-title-r .swiper-button-prev{    width: 10px;
    height: 25px;background-size: 10px 25px;margin-top: -12px;}
.main-cen{margin: auto 0;padding: 35px 30px;text-align: left;}
.zong_nr{overflow:hidden; background:#fff; padding:50px 50px 80px 50px;}
.zong_nr_nr{overflow:hidden;}
.zong_right{overflow:hidden; max-width:100%;min-height: 300px;}
.zong_right h2 {border-bottom:1px solid #e5e5e5; overflow:hidden; height:58px;text-align:left; margin-bottom:25px;}
.p2-h2{display: none;padding-right: 15px;padding-top: 0;padding-bottom: 0;margin-bottom: 0!important;}
.zong_right h2 span{padding:5px 15px;}
.zong_right .btn-group .dropdown-menu{border: none;
    border-radius:0; width: 219px;background-color: #f8f8f8}
.breadcrumb {font-size: 15px;padding-left: 20px;overflow: hidden;text-align: right;line-height: 30px;vertical-align: middle;background-color: transparent;margin-bottom: 0;}
.breadcrumb a {color: #4d4c4c;font-size: 13px;padding: 0 10px;margin-right: 5px;}
.ntitle-frame{width: 312px;height: 130px;margin:0 auto;text-align: center;background-image: url("../image/bt_unhl1.png");background-position: 2% 0;background-repeat: no-repeat;background-size: auto 80%;padding-top: 35px;padding-bottom:61px; overflow: hidden;}
.ntitle-frame span{display: block;line-height: 150%;}
.ntitle-cn{font-size: 16px;font-family: 'Microsoft YaHei';color: #f7f8fa;}
.ntitle-en{font-size: 22px;font-family: Arial, Helvetica, sans-serif;color: #f7f8fa;}
.ntitle-frame .ntitle-border{width: 37px;height: 2px;background-color:#fed501; display: inline-block;}

.btn-inquiry{border-radius: 3px;padding: 3px 15px;line-height: 30px;color: #fff;border: 1px solid #fed501;background-color: #fed501;transition: .5s;}
.btn-inquiry:hover{border-color: #f08300;background-color: #f08300;}
.product-properies-groups{text-align: center;padding-top: 20px;}

.orange:hover, .orange:focus {background-color: #fec04e;border-color: #fec04e;}
.orange {background-color: #FEAE1B;border-color: #FEAE1B;color: #fff;}
.pink:hover, .pink:focus {background-color: #EF6DA7;border-color: #EF6DA7;}
.pink {border-color: #FB90B7;background-color: #FB90B7;color: #fff;}
.blue:hover, .blue:focus {background-color: #4cb0f9;border-color: #4cb0f9;color: #FFF;}
.blue {background-color: #1B9AF7;border-color: #1B9AF7;color: #FFF;}
.button {display: inline-block;padding: 0 30px;margin-right: 5px;line-height: 30px;border: 0;border-top-color: currentcolor;border-right-color: currentcolor;border-bottom-color: currentcolor;border-left-color: currentcolor;border-radius: 4px;border-color: #d9534f;color: #fff;text-align: center;-webkit-transition-property: all;transition-property: all;-webkit-transition-duration: .3s;transition-duration: .3s;cursor: pointer;}

.aboutus-page{overflow: hidden;padding: 80px 0px 140px 0px;background: #f7f8fa;}

.products-page{overflow: hidden;padding: 80px 0px 140px 0px;background: #f7f8fa;}
.product-list img{max-width: 100%;
    width: 100%;}
.product-list h4{font-size: 16px;color: #443f3c;padding-top: 20px;padding-bottom: 5px;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-top: 20px;}
.product-list .case1 {background-image: url("../image/yuan.png");background-position: 50% 50%;background-repeat:no-repeat;}
.product-list .case1 img{padding: 15px;}
.product-list .case1:hover img{opacity: 0.1;transition: all 1s ease-out;}
.product-list .case1:hover h4{color:#e94c2f;}

.product-page{overflow: hidden;padding: 80px 0px 140px 0px;background: #f7f8fa;}
.pro_left{ max-width: 500px;float: left;overflow: hidden;}
.pro_left .jqzoom{float:right;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block; max-width:400px;overflow:hidden; border:1px solid #e0e0e0;}
.pros_right{width:515px; float:right; overflow:hidden;}
.pros_right_top{overflow:hidden; padding-bottom:25px;}
.pros_right_top h1{overflow:hidden;display:block; font-weight:500; font-size:24px; color:#443f3c; padding-bottom:5px;}
.pros_right_top p{font-size:14px; color:#a19e9a;}

.pros_right_ny{overflow:hidden;border-top:1px solid #e5e5e5; padding:20px 0px;}
.pros_right_ny p{font-size:12px; color:#787878; line-height:30px;}
.pros_right_ny p em{display:block; float:left;}
.pros_right_ny p span{display:block; float:left; width:460px;}
.pros_share{margin-top:20px; padding:20px 0px; width:100%;}
.pros_share p{float:left; font-size:12px; color:#909090;}
.pros_share a{display:block; float:left; margin:2px 5px 0px 5px;}
.pros_right h3{background:#fed501; width:260px; height:40px; line-height:40px; text-align:center; vertical-align:middle;margin-top:35px;-webkit-transition: all 0.5s ease-in-out;}
.pros_right h3 a{display:block; font-size:14px; color:#ffffff;}
.pros_right img{max-width: 100%;}
.products .xq {background: #eeeeee;margin-bottom: 40px;height: 44px;line-height: 44px;vertical-align: middle;text-align: left;border-left: 4px solid #fed501;font-size: 16px;color: #646464;font-weight: bold;padding-left: 15px;}
.pro_left .swiper-pagination-bullet-active{background:#fed501;opacity: 0.7;}

.news-page{overflow: hidden;padding: 80px 0px 140px 0px;background: #f7f8fa;}
.media .media-main{overflow:hidden;border-bottom: 1px solid #f0f2f5;padding: 15px 0}
.media-main .media-left{vertical-align: middle;padding-right: 20px;}
.media-main .media-object{max-width: 160px;}
.media-body {overflow: hidden;display: table-cell;vertical-align: top;width: auto;}
.media-body a{color: #2a333c;}
.media-main:hover a{color: #e94c2f;transition: 0.5s all ease-out;}
.font-weight-300 {font-weight: 300!important;}
.glyphicon-fire{padding-right: 5px;}

.new-page{overflow: hidden;padding: 80px 0px 140px 0px;background: #f7f8fa;}
.n_right{text-align:center; overflow:hidden; padding-top:20px;}
.news_line{padding-bottom:10px; text-align:center; overflow:hidden; padding-bottom:10px; margin-bottom:10px;}
.n_right .news p.tit{font-size:24px;color:#e94c2f;}
.news_top{overflow:hidden; padding-top:8px; margin:auto; text-align:center;}
.news_top p{font-size:12px;color:#aaa;}
.intro p{line-height:24px;font-size:12px;color:#666; text-align:left;}
.intro img{padding:20px 0px;max-width: 100%;}

.albums-page{overflow: hidden;padding: 80px 0px 140px 0px;background: #f7f8fa;}
.albums-page .row{-webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    -webkit-padding-start: 0;
}
.albums-page li h4 {font-size: 16px;color: #443f3c;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin: 0;padding: 10px 0;}
.albums-page .row li:hover h4{color:#e94c2f;}
.albums-page .row li:hover .album-li{opacity: 0.9;}

.album-page{overflow: hidden;padding: 80px 0px 140px 0px;background: #f7f8fa;}
.album-main {text-align: center;}
.album-main .gallery-target{max-width: 550px;width: 100%;border: 1px solid #e0e0e0;}
.album-name{
    display: block;
    height: 49px;
    line-height: 49px;
    cursor: pointer;
    overflow: hidden;
    font-size: 15px;
    color: #1e1e1e;
    -webkit-transition: all 0.5s ease-in-out;}

.page{padding: 15px 0;}

.czlybs{overflow:hidden; margin:10px auto 0px auto;clear:both;}
.czlybs input{float:left; border:2px solid #e6eded;margin-bottom:25px;background:#fff;color:#92a9ac; font-size:14px;
    outline: medium none;padding:10px 12px; -webkit-transition: all 0.5s ease-in-out;width: 48%}
.czlybs input.r{margin-right:4%;}
.czlybs input:hover{border:2px solid #fed501;}
.czlybs textarea:hover{border:2px solid #fed501;}
.czlybs textarea{height:120px;width:100%; border:2px solid #e6eded;margin-bottom:20px;background:#fff;color:#92a9ac; font-size:14px;font-family:"Microsoft YaHei";
    outline: medium none; padding:15px;-webkit-transition: all 0.5s ease-in-out;}
.czlybs button{width:100%;height:40px;outline:medium none;border:none; color:#ffffff;font-size:14px; text-align:center;
    text-align:center;cursor:pointer;background:#3ec0a3;font-family:"Microsoft YaHei";-webkit-transition: all 0.5s ease-in-out;}
#form_submit .btn_submit{width: 100%;
    height: 40px;
    outline: medium none;
    border: none;
    color: #ffffff;
    font-size: 14px;
    text-align: center;
    text-align: center;
    cursor: pointer;
    background:  #fed501;
    font-family: "Microsoft YaHei";
    -webkit-transition: all 0.5s ease-in-out;}
#form_submit a.yanzhengma{line-height: 44px;}

.PageJump{text-align: center;padding-top: 50px;}
.PageJump .pagination .page_jump{background: #fb836d;color: #fff;}
.pagination>li>a, .pagination>li>span{
  color:#fb836d;
  border: 1px solid #fb836d;
}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover{
    color: #eee;
    background-color: #fb836d;
  border-color: #fb836d;
}

.nav-mini{display: none;z-index: 99}
.navbar-toggle .icon-bar {
    display: block;
    width: 25px;
    height: 3px;
    border-radius: 1px;
}
.icon-bar {
    background-color: #2b3141;
}
.nav-mini:hover .icon-bar{background-color: #e94c2f}
.mm-menu.mm-offcanvas.mm-current{background-color: #fdca04;}
.mm-listview>li:not(.mm-divider):after{border-color: #fbb305;}

bottom#dLabel:focus, bottom#dLabel:hover {opacity: 0.5;}
.zuo img{max-height: 47px;margin-bottom: 3px;padding: 12px 15px;line-height: 30px;}
.zuo{display: none;}

@media (max-width:1200px) {
    .pro_left{float: none;margin: 0 auto;}
    .pros_right{float: none;width: 100%;}
}
@media (max-width:1056px) {
    
    .s-rightdw input{margin: 20px 0;float: none;}
}
@media (max-width:992px) {
    
    .top .t-right{display: none;}
    .top .t-left{width: 100%;}
    .top .nav-mini {
        display: block;
        position: absolute;
        font-size: 32px;
        top: 50%;
        transform: translateY(-50%);
        left: 1em;
        color: #233876;
    }
    .nav-mini .navbar-toggle{display: block;}
    
    .s-rightdw input{margin: 20px 0;float: none;}
    
    .news-left{max-width: 100%;}
    
    .pro_left{max-width: 100%;float: none;}
    
    .ab-detail{flex-direction: column;}
    .ab-frame p{padding: 30px 30px 15px;}
}
@media (max-width:768px) {
    
    .top .t-left{height: 80px;}
    .top .container-fluid{height: 80px;}
    .t-left img{padding-left: 50px;}
    .top .nav-mini{left: 5px;}
    
    .s-left{display: none;}
    .search,.search .s-right{height: 35px;margin: 0;}
    .s-rightdw input{height: 33px;margin: 0;max-width: 100%;padding: 0 10px;}
    
    .add-img3{overflow: hidden;}
    .add-img3 img{transform: scale(1.15);}
    
    .news-right:hover img{transform: scale(1);}
    
    .title-frame{padding-bottom: 15px}
    .aboutus{padding-bottom: 0;}
    
    .foot_right strong a{padding-right: 20px;line-height: 25px;}
    
    .zong_right .media{padding: 0;}

}
@media (max-width:500px) {
    
    
    
    
    .main-title{display: none;}
    
    .ab-frame p {padding: 30px 0 15px;}
    
    .news-right{flex-direction: column;padding: 0;}
    .news-image{max-height: unset;width: 100%;padding: 0;}
    .news-content{width: 100%;padding: 15px 0;}
    
    .products-page,.product-page,.aboutus-page,.news-page,.new-page,.albums-page,.album-page,.page{padding:30px 0px;}
    .zong_nr{padding: 15px;}
    
    .zong_right .media
    .media-main .media-object{max-width: 350px;width: 100%;}
    .media-main .media-body{display: block;}
    .media-main .media-left{display: block;padding: 0;}
    .zong_right .media .media-main .media-object{margin: 0 auto;}
    .zuo{display: block}
    .PageJump{padding-top: 0;}
}
@media(min-width: 768px){
    .right .zuo{display: none}
}