﻿.banner,.ny_banner,.header-m,.i-banner,footer,header,main{transition:all .5s;-webkit-transition:all .5s}
body{padding-top:97px}
body{padding-top:70px}
.header{display:none}
.header-m{display:block!important;z-index:999;position:fixed;left:0;top:0;width:100%;height:70px;background:#fff;box-shadow:1px 1px 10px rgba(0,0,0,.1)}
.header-m::after{display:none;position:fixed;content:'';top:70px;left:0;width:100%;height:100%;background:rgba(0,0,0,.5)}
.header-m .logo{position:absolute;left:50%;line-height:70px;transform:translateX(-50%);-webkit-transform:translateX(-50%)}
.header-m .logo img{max-height:52px}
.header-m .m-menu-b{display:block;position:absolute;top:0;left:0;width:60px;height:70px;cursor:pointer}
.header-m .m-menu-b::after,.header-m .m-menu-b::before{position:absolute;top:50%;left:calc(35px / 2);content:'';width:25px;height:1px;z-index:9999;transition:all .3s ease-out .3s;-webkit-transition:all .3s ease-out .3s;background:#222}
.header-m .m-menu-b::before{transform:translateY(-4px) rotate(0);-webkit-transform:translateY(-4px) rotate(0)}
.header-m .m-menu-b::after{transform:translateY(4px) rotate(0);-webkit-transform:translateY(4px) rotate(0)}
.header-m .m-menu{display:none;z-index:888;position:fixed;width:100%;width:260px;height:100%;top:0;left:-260px;opacity:1;background:#fafafa;text-align:left;padding-top:70px}
.header-m .m-menu::after{position:absolute;top:70px;content:'';width:100%;height:1px;background:#ebebeb}
.header-m .nav{height:100%;overflow-x:hidden;overflow-y:auto}
.header-m .nav>li{border-bottom:1px solid #ebebeb;animation:resize .5s both;-webkit-animation:resize .5s both}
.header-m .nav>li>a{position:relative;display:block;width:100%;font-size:15px;padding:0 40px;color:#666;vertical-align:middle;text-overflow:ellipsis;white-space:nowrap;word-wrap:break-word;overflow:hidden;height:50px;line-height:50px}
.header-m .nav>li>a::after{position:absolute;left:20px;top:50%;margin-top:-5px;content:'';width:8px;height:8px;border:1px solid #999;border-radius:50%;background:0 0;transition:all .3s;-webkit-transition:all .3s}
.header-m .nav>li .sub-nav{display:none}
.header-m .nav>li .sub-nav a{position:relative;display:block;line-height:24px;padding:12px 40px;background:#f2f2f2;color:#4e4e4e}
.header-m .nav>li .sub-nav a::after,.header-m .nav>li .sub-nav a::before{position:absolute;content:'';width:0;height:0;left:20px;top:20px;border:5px solid transparent;overflow:hidden;transition:all .3s;-webkit-transition:all .3s}
.header-m .nav>li .sub-nav a::before{left:21px;border-left:5px solid #555}
.header-m .nav>li .sub-nav a::after{border-left:5px #ebebeb solid}
.header-m .nav>li.cur{position:relative}
.header-m .nav>li.cur::after,.header-m .nav>li.cur::before{position:absolute;content:'';background:#999;transition:all .5s;-webkit-transition:all .5s}
.header-m .nav>li.cur::before{top:19px;right:25px;width:2px;height:12px}
.header-m .nav>li.cur::after{top:24px;right:20px;width:12px;height:2px}
.header-m .nav>li.active::after{background:#fff}
.header-m .nav>li.active::before{height:0}
.header-m .nav>li.active>a{color:#fff;background:#ff6000}
.header-m .nav>li.active>a::after{border-color:#fff;background:#fff}
.header-m .nav>li.active .sub-nav li{animation:ReturnToNormal .5s both;-webkit-animation:ReturnToNormal .5s both}
.header-m .m-language{position:absolute;left:0;bottom:0;width:100%;text-align:center}
.header-m .m-language a{color:#666;height:40px;line-height:40px;font-size:16px;display:block;border-bottom:1px solid #ebebeb;animation:slideInUp 1.5s both;-webkit-animation:slideInUp 1.5s both}
.header-m .m-search-b{display:block;position:absolute;top:0;right:0;width:40px;height:70px;cursor:pointer;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAAAVFBMVEUAAABVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVW+WkCdAAAAG3RSTlMA86cS1Qd0zb+G48R+W0E4lVIhm5BKLeppGrQHXWddAAABjklEQVRIx6VV2XLDIAzkBgdf8d3o//+zg6GtB5DiTPfNi1cCrTRiV8i1Fc5aJ0yv2R30gsMv9mV7K9hekGGWtMJACf6kFOLnLyvGWShIaHCFgxOu+4rfk7GRWegcqr9y3X6SLfUOkbHSn3RfU0zx2khyrrGHiFowhcQaznewGuTpraynH4hXmpzVIZJnCELZbE6uIRBqcxNOv0oyVAXBUAsostTFtUs7fVHhos5zxoVmGunuE/+XuHcXKyOKzPvC/9LLNlYeQZ+KXFb+wCRztclCakXZ4gp6DIG6umSpn02AtswWj5Dhs+i4HNiFQZQKhQ/fEwLslJVyD+xDElMB3OhLisBRLi/x/NH0Mm6AmUOCwmxuIYEr7xWHC3ZsBawPKJAoPmBGNzwTdHqBiBXtWmP/9oTrdKpLbAAU07MdxdyYVWZr52D3cQBQGwD3GRl2asrKjqKxpVK+PtBMySCv72ukSs0j72u0T/ZO7D5eyWKk4bCtja5bakDQhUcPiGcfwMQSsE/QVbctjcFZw74Bhtc3xlH5qhwAAAAASUVORK5CYII=) no-repeat left center;background-size:23px}
html.active{height:100%;overflow:hidden}
html.active body{height:100%;overflow:hidden}
html.active .header-m{left:260px}
html.active .header-m::after{display:block}
html.active .header-m .m-menu-b::after,html.active .header-m .m-menu-b::before{background:#000}
html.active .header-m .m-menu-b::before{transform:translateY(0) rotate(225deg);-webkit-transform:translateY(0) rotate(225deg)}
html.active .header-m .m-menu-b::after{transform:translateY(0) rotate(-225deg);-webkit-transform:translateY(0) rotate(-225deg)}
html.active .header-m .m-menu{display:block;left:0}
html.active .banner,html.active .i-banner,html.active footer,html.active main{transform:translateX(260px);-webkit-transform:translateX(260px)}



.i-banner .sm-db{display:block!important}
.i-banner .slick-arrow{display:none!important}
.i-banner .slick-dots{bottom:.25rem}
.i-about{padding:.5rem 0}
.i-about h3{font-size:17px}
.i-about .edit{font-size:13px}
.i-about .list .item{float:left;width:50%;margin:.15rem 0;transform:translateY(0);-webkit-transform:translateY(0)}
.i-application{padding-bottom:.2rem}
.i-pro{padding:.5rem 0}
.i-pro .list1,.i-pro .list2{padding:0}
.i-pro .list1 .item,.i-pro .list2 .item{padding:0}

i-tt1{padding-bottom:10px}
.i-tt1::after{position:absolute;content:'';left:50%;bottom:0;width:30px;height:3px;background:#ff6000;transform:translateX(-50%);-webkit-transform:translateX(-50%)}
.i-tt1 em{font-size:.3rem;color:#666}
.i-tt1 span{font-size:20px}
.i-news{padding:.5rem 0}
.i-news ul{margin-top:.5rem}
.i-news li{margin-bottom:.5rem}
.i-news .date::after{display:none}
.i-application h2 em{font-size:19px}
.i-application h2 em i{font-size:13px}
.main-nav-p{display:none}
.main-nav-m{display:block;position:relative;z-index:555;cursor:pointer}
.main-nav-m .title{position:relative;height:45px;line-height:45px;padding:0 10px;background:#ff6000}
.main-nav-m .title strong{color:#fff;font-size:16px;font-weight:700}
.main-nav-m .title i{position:absolute;content:'';width:45px;height:100%;right:0}
.main-nav-m .title i::after,.main-nav-m .title i::before{position:absolute;top:50%;content:'';width:12px;height:1px;background:#fff;transition:all .3s;-webkit-transition:all .3s}
.main-nav-m .title i::before{left:46%;transform:rotate(40deg) scaleY(1.5);-webkit-transform:rotate(40deg) scaleY(1.5)}
.main-nav-m .title i::after{right:46%;transform:rotate(-40deg) scaleY(1.5);-webkit-transform:rotate(-40deg) scaleY(1.5)}
.main-nav-m .title.active i::before{transform:rotate(-40deg) scaleY(1.5);-webkit-transform:rotate(-40deg) scaleY(1.5)}
.main-nav-m .title.active i::after{transform:rotate(40deg) scaleY(1.5);-webkit-transform:rotate(40deg) scaleY(1.5)}
.main-nav-m ul{display:none;position:absolute;top:45px;width:100%;padding:0 10px;background:#ff6000;color:#fff}
.main-nav-m ul li{animation:ReturnToNormal .5s both;-webkit-animation:ReturnToNormal .5s both}
.main-nav-m ul li a{display:block;height:45px;line-height:45px;border-bottom:1px solid rgba(255,255,255,.55)}
.banner{height:3rem}
.ny_banner{height:2rem}
.pro-info .head .img{padding-bottom:0}
.pro-info .head .img,.pro-info .head .img img{position:inherit}
.dow-list .head li,.dow-list .list li{width:22%}
.dow-list .head li:nth-child(3),.dow-list .head li:nth-child(4),.dow-list .list li:nth-child(3),.dow-list .list li:nth-child(4){display:none}
.dow-list .head li:first-child,.dow-list .list li:first-child{width:56%;padding:0 .1rem}
.contact .add{height:3rem}
.fix-video .video-wrap{max-width:90%}
.fix-search{padding:0 15px}
.fix-search .search{height:65px;padding-left:0;background:0 0}
.fix-search .txt{font-size:20px;text-align:left;padding:0 10px}
.fix-search .btn{font-size:22px;color:#777}



	
.ind-prod-nav{padding-bottom:40px;text-align: center;}
.ind-prod-nav a{position:relative;padding:0 25px;display: inline-block;line-height:36px;color: #616161;transition: all .3s ease;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;}
.ind-prod-nav a:hover{background-color: #ff6000;color: #fff;}
.ind-prod-nav a.active{background-color: #ff6000;color: #fff;}
.ind-prod-list{ padding-top:40px;}
.ind-prod-ul{}
.ind-prod-li{float: left;padding:5px;width:50%; margin-top:5px;}
.ind-prod-li:nth-child(2n){animation-delay: .1s;-webkit-animation-delay: .1s;-moz-animation-delay: .1s;}
.ind-prod-li:nth-child(3n){animation-delay: .2s;-webkit-animation-delay: .2s;-moz-animation-delay: .2s;}
.ind-prod-li:nth-child(4n){animation-delay: .3s;-webkit-animation-delay: .3s;-moz-animation-delay: .3s;}
.ind-prod-li-a{position:relative;overflow:hidden;box-shadow: 0 0px 20px rgba(0,0,0,.16);-webkit-box-shadow: 0 22px 40px rgba(0,0,0,.16);}
.ind-prod-li-img{position: relative;/*height:225PX;*/overflow: hidden;padding:10%; margin:0 auto}

/*.ind-prod-li-img:before{content: '';position: absolute;left: -10px;top: -10px;z-index:1;width: calc(100% + 20px);height: calc(100% + 20px);border: 1px solid rgba(255,255,255,.6);transition: all .3s ease;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;}*/
.ind-prod-li-img img{display: block;width:90%;  margin:0 auto;transition: all .3s ease;-webkit-transition: all .3s ease;-moz-transition: all .3s ease; }
/*.ind-prod-li-img i{position: absolute;right: 30px;bottom:-40px;z-index:1;width: 46px;height: 40px;background: #ff6000 url("../Images/icon1.png") no-repeat center;}*/
.ind-prod-li-cont{position:relative;padding:15px 20px;height:105px;background-color: #fff;}
.ind-prod-li-desc{height: 130px;font-size: 12px;line-height: 20px;color: #6e6e6e;overflow: hidden}
.ind-prod-li-tit{margin-bottom:10px;display:block;color:#333;font-size: 14px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; text-align:center; font-weight:bold}

.ind-prod-li-tit a:hover{color: #ff6000;}
.ind-prod-li-desc p{text-align:center; }
.ind-prod-li-nav{}
.ind-prod-li-nav a{float: left;padding: 0 10px; color: #8D8D8D;font-size: 12px;border: 1px solid #e0e0e0;line-height: 26px;margin-right: 2px;transition: all .3s ease;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;}
.ind-prod-li-nav a:hover{background-color: #ff6000;border-color: #ff6000;color: #fff;}
.ind-prod-li-more{position: absolute;left: 0;bottom: -40px;width: 100%;height: 40px;background-color: #ff6000;text-align: center;line-height: 40px;}
.ind-prod-li-more i{display: inline-block;width: 16px;height: 7px;background: url("../Images/icon4.png") no-repeat 0 -7px;}
.ind-prod-li-a:hover .ind-prod-li-tit{color: #ff6000;}
.ind-prod-li-a:hover .ind-prod-li-img:before{left:10px;top:10px;width: calc(100% - 20px);height: calc(100% - 30px);}
.ind-prod-li-a:hover .ind-prod-li-img i{bottom: 10px;}
.ind-prod-li-a:hover .ind-prod-li-img img{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);}
.ind-prod-li-a:hover .ind-prod-li-cont{transform: translateY(-10px);}
.ind-prod-li-a:hover .ind-prod-li-desc{height: 110px;}
.ind-prod-li-a:hover .ind-prod-li-more{bottom: 0;}
.ind-more{padding-top: 80px;padding-bottom: 80px;}
.ind-more a{position:relative;margin:0 auto;display: block;width: 260px; height: 50px;background-color: #fff; -webkit-box-shadow: 0 22px 40px rgba(0,0,0,.16); -moz-box-shadow: 0 22px 40px rgba(0,0,0,.16);box-shadow: 0 22px 40px rgba(0,0,0,.16);text-align: center;}
.ind-more span{position: absolute;left:50%;top:18px;margin-left:-20px;width:40px;height:15px;background-repeat: no-repeat;background-image: url("../Images/icon5.png");background-position: center 0px;}
.ind-more a:hover{box-shadow: 0 8px 30px rgba(161, 161, 161, 0.2);-webkit-box-shadow: 0 8px 30px rgba(161, 161, 161, 0.2);-moz-box-shadow: 0 8px 30px rgba(161, 161, 161, 0.2);}
.ind-more a:hover span{background-position: center -15px;}
.i-news{padding-top:.85rem;padding-bottom:.7rem;background:#f7f7f7}
.i-news ul{margin-top:.8rem;margin-left:-.55rem}
.i-news li{padding-left:.55rem;margin-bottom:.9rem}
.i-news li a:hover h3{color:#ff6000;text-decoration:underline}


/*about us*/

.aboutcontent{ margin:0 auto;}
.aboutcontent h1{ font-size:24px; font-weight:bold;}
.aboutcontent h5{ font-size:14px; font-weight:bold; margin-top:15px; line-height:20px}
.aboutcontent p{ font-size:12px; line-height:25px}

.fusion_img{margin-top: 0px;margin: 20px 0px ; width:100%}
.fusion_img ul li{ padding-top:.5rem}
.fusion_img ul li img{ width:100%}

.fusion_img ul li h1{ font-size:.5rem; font-weight:bold; text-align: center; width:100%;  margin-top:.2rem;}
.fusion_img ul li p{ font-size:.25rem; text-align: center;width:100%; margin-top:.2rem;}


.prodetial .imgarea{margin:0 auto;float: none; height: auto;}
.prodetial .textarea{width: 100%;  overflow: hidden; float: none;}
.prodetial .textarea h1{ font-size:.3rem; font-weight:bold}
.prodetial p{ line-height:.8rem}

.container {padding-top:10px;padding-bottom: 80px;position: relative;width:100%; line-height:.8rem}
.container h1{ font-size:.3rem; font-weight:bold}
.container img{max-width: 100%;}
.container span{width:100%; margin:0 auto }


/*��������*/
.news_show{width:100%;padding-bottom: 52px;}
.news_box{width:100%;margin-top:95px;}
.news_box .news_one{display:block;width:30%;margin:0 1.6%;padding:1.65%;float:left;}
.news_box .news_one:hover{transform: translateY(-30px);box-shadow: 0 0 20px #ddd; border:2px solid #ff6000; }
.news_one .news_T{font-size: 16px;color:#333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
/*.news_one:hover .news_T{color:#fff;}*/
.news_one .news_time{color:#bbb;font-size: 14px;line-height: 40px;margin-bottom: 15px;}
/*.news_one:hover .news_time{color:#fff;}*/
.news_one .news_TT{
    font-size: 12px;color:#999;line-height: 22px;height:66px;
    overflow: hidden;text-overflow: ellipsis;display: -webkit-box;
    -webkit-line-clamp:3;-webkit-box-orient: vertical;
}

.news_one .news_img{width:100%;overflow: hidden;margin-top: 48px;}
.news_one .news_img img{width:100%;transition: all .3s;}
.news_one:hover .news_img img{transform: scale(1.1);}

.video-fix{z-index:5;position:fixed;right:0;bottom:0;width:28%}
.video-fix video{object-fit:cover}
.video-fix .btn{top:-30px;right:0;cursor:pointer;background:#fff;height:30px;line-height:30px;padding-left:12px}
.banner{height:100%;background-size:cover;background-repeat:no-repeat;background-position:center}
.banner h2{font-size:26px}
.ny_banner{background-size:cover;background-repeat:no-repeat;background-position:center}
.ny_banner h2{font-size:.5rem}
.main-nav-p ul{font-size:0}
.main-nav-p li{display:inline-block;margin:.12rem 6px 0 6px}
.main-nav-p li.cur a,.main-nav-p li:hover a{color:#fff;background:#ff6000}
.main-nav-p a{display:block;height:48px;line-height:48px;padding:0 .41rem;font-size:14px;transition:all .3s;-webkit-transition:all .3s;color:#666;background:#fff}
.content{min-height:400px}
.honor-list ul{margin-left:-.3rem}
.honor-list li{margin-top:.4rem;padding-left:.3rem}
.honor-list li a{background:url("../Images/honorbg.png") no-repeat bottom center;background-size:100% auto;}

.honor-list li a .img{height:250px}
.honor-list li a .img img{position:absolute;right:0;bottom:60px;left:0;margin:auto;max-width:75%;max-height:82%;}
.honor-list li a:hover{ -o-transition-property: background-color;
  -webkit-transition-property: background-color;
  transition-property: background-color;
  -o-transition-duration: 4s;
  -webkit-transition-duration: 4s;
  transition-duration: 4s;}

.in-tt1{padding-bottom:25px;font-size:29px}
.in-tt1::after{position:absolute;content:'';left:50%;bottom:0;width:100px;height:4px;background:#ff6000;transform:translateX(-50%);-webkit-transform:translateX(-50%)}
.message{background:#f1f1f1}
.message .row{margin-left:-.53rem}
.message .lg-3{padding-left:.53rem;margin-bottom:.2rem}
.message .txt{width:100%;height:55px;line-height:53px;padding:0 .2rem;border:2px solid #e3e3e3}
.message textarea{width:100%;height:230px;padding:.2rem;border:2px solid #e3e3e3}
.message .btn{display:block;width:220px;height:56px;line-height:56px;margin:0 auto;background:#ff6000}
@media (max-width:991px){
.honor-list li{margin-top:0;margin-bottom:.2rem}
.honor-list li a{background-position:bottom center;background-size:100% auto}
.honor-list li a .img{height:2.1rem}
.honor-list li a .img img{bottom:22%}
}

.news-list li a{padding:.3rem 0;border-bottom:1px dashed #bdbdbd}
.news-list li a:hover h3{color:#ff6000;text-decoration:underline}
.news-list li .imgs,.news-list li .info{height:193px}
.news-list li .imgs{width:335px}
.news-list li .info{width:calc(100% - 335px);padding-left:4.6%;align-items:inherit;-webkit-align-items:inherit}
.news-list li .info .date,.news-list li .info h3{height:25px;line-height:25px}
.news-list li .info h3{width:calc(100% - 120px);font-size:18px}
.news-list li .info .date{font-size:22px;color:#999}
.news-list li .info .els2{height:54px;line-height:27px;font-size:13px;color:#666}
.news-info h3{font-size:24px}
.news-info .date{color:#999;}
.news-info .page{border-top:1px dashed #e9e9e9}
.news-info .page a{height:32px;line-height:32px}
.news-info .page a:hover{text-decoration:underline;color:#ff6000}
.news-info .page em{color:#333}
.return-btn{height:30px;line-height:30px;color:#009de6}
.return-btn a img{vertical-align:-8px;margin-right:.14rem}
.pro .con-l{width:224px}
.pro .con-l li{margin-bottom:2px}
.pro .con-l li.cur a,.pro .con-l li:hover a{color:#fff;background:#ff6000}
.pro .con-l li a{padding:.13rem .35rem .13rem .25rem;background:#f7f7f7}
.pro .con-l li a::after{position:absolute;content:'';top:0;right:.25rem;width:10px;height:100%;background:url(../Images/pro_nav_icon.png) no-repeat center}
.pro .con-r{width:calc(100% - 224px);padding-left:5.4%}
/*.pro-list ul{margin-left:-.35rem}*/
.pro-list li{padding-left:.35rem;margin-bottom:.32rem}
.pro-list li a:hover h3{background:#ff6000}
.pro-list .imgs{padding-bottom:93%}
.pro-list h3{left:0;bottom:0;padding:.14rem .1rem;line-height:22px;background:rgba(0,0,0,.5); color:#fff}
.pro-info .head .img{width:41%;padding-bottom:41%}
.pro-info .head .info{width:59%;padding-left:6.1%}
.pro-info .head .info h3{font-size:24px}
.pro-info .head .info .edit{height:245px;overflow:auto}
.pro-info .tab-head{border-bottom:1px solid #ff6000}
.pro-info .tab-head li{font-size:16px;height:42px;line-height:42px;margin-right:5px;padding:0 .41rem;background:#f7f7f7}
.pro-info .tab-head li.cur{color:#fff;background:#ff6000}
.dow-list .head li,.dow-list .list li{float:left;width:15.5%;text-align:center}
.dow-list .head li:nth-child(1),.dow-list .list li:nth-child(1){width:38%}
.dow-list .head{background:-webkit-linear-gradient(#fff,#f6f6f6);background:linear-gradient(#fff,#f6f6f6);border:1px solid #f6f6f6;height:52px;line-height:52px}
.dow-list .list{border-bottom:1px dashed #ccc}
.dow-list .list li{height:57px;line-height:57px}
.dow-list .list li:first-child{font-size:15px;color:#666;font-weight:700}

.contact h2{font-size:26px}
.contact .add{height:5.13rem}
.contact .add img{max-width:inherit}
.contact .main-nav-p a{background:#ededed}
.slick-dots div.slick-active,.slick-dots div:focus,.slick-dots div:hover{background:#ff6000}
.in-page{color:#888}
.in-page a,.in-page span{padding:.08rem .15rem;border:1px solid #e8e8e8}
.in-page a{margin-bottom:5px}
.in-page a.cur,.in-page a:hover{color:#fff;border-color:#ff6000;background:#ff6000}
.tab-head li{cursor:pointer}
.tab-body li{visibility:hidden;opacity:0;height:0;overflow:hidden;transition:all .3s;-webkit-transition:all .3s}
.tab-body li.cur{visibility:visible;opacity:1;height:inherit}
.edit{overflow:hidden}
.edit span{display:inline}
.edit img{width:auto!important;height:auto!important}
.fix-wrap{display:none;z-index:9999;position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.8)}
.fix-wrap .hide{position:fixed;top:5%;right:5%;width:25px;height:25px;padding:25px;border-radius:50%;background:#090908;cursor:pointer;transition:all .8s;-webkit-transition:all .8s}
.fix-wrap .hide::after,.fix-wrap .hide::before{position:absolute;top:50%;left:50%;content:'';width:1px;height:55%;margin-top:-27.5%;background:#fff}
.fix-wrap .hide::before{transform:rotate(45deg);-webkit-transform:rotate(45deg)}
.fix-wrap .hide::after{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}
.fix-wrap .hide:hover{transform:rotate(180deg);-webkit-transform:rotate(180deg)}
.fix-video .video-wrap{min-width:55%;max-width:55%;padding:10px;border-radius:5px;border:1px solid #3a3a3a;box-shadow:0 0 5px rgba(0,0,0,.5);background:#2d2d2d}
.fix-video video{width:100%;height:100%;object-fit:cover;animation:ReturnToNormal .5s both;-webkit-animation:ReturnToNormal .5s both}
.fix-pic{overflow:auto}
.fix-pic img{max-height:100%;animation:zoomIn .5s both;-webkit-animation:zoomIn .5s both}
.fix-pics{background:rgba(0,0,0,.7)}
.fix-pic-slider .item{position:relative;width:100%;height:100vh;cursor:grab;cursor:-webkit-grab;background-color:transparent}
.fix-pic-slider .item::after{position:absolute;content:'';z-index:-1;top:0;right:0;bottom:0;left:0;margin:auto;width:50px;height:50px;border-radius:5px;box-shadow:0 0 10px rgba(255,255,255,.1);background:rgba(255,255,255,.9)}
.fix-pic-slider img{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;max-width:100%;max-height:85%;width:auto;height:auto;object-fit:inherit}
.fix-pic-slider em{position:absolute;left:0;bottom:0;width:100%;font-size:16px;line-height:25px;color:#fff;font-weight:700;text-align:center;padding:10px;box-shadow:0 0 10px rgba(255,255,255,.1);background:rgba(0,0,0,.7)}
.fix-pic-slider .slick-arrow{width:45px;height:45px;line-height:45px;text-align:center;color:#fff;font-size:28px;font-family:SimSun,NSimSun,Serif,Georgia;box-shadow:0 0 5px rgba(255,255,255,.1);border-radius:5px;background:rgba(0,0,0,.3);transform:translateY(-50%);-webkit-transform:translateY(-50%);transition:all .5s;-webkit-transition:all .5s}
.fix-pic-slider .slick-arrow:hover{background:rgba(0,0,0,.9)}
.fix-pic-slider .slick-prev{left:1%}
.fix-pic-slider .slick-next{right:1%}
.fix-pic-slider .slick_page{position:absolute;top:0;left:0;font-size:16px;font-weight:700;color:#fff;padding:15px}
.fix-pic-slider .slick_page i{font-size:22px}
.fix-pic-slider .slick_page div{display:none}
.fix-pic-slider .slick_page div.slick-active{display:block}
.fix-search{padding:0 2.5%;background:#222}
.fix-search:hover .search::after{transform:scale(1);-webkit-transform:scale(1)}
.fix-search .search{position:relative;width:100%;height:125px;color:#555;padding-left:88px;font-size:66px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAYAAACpF6WWAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozNEE5NEZGREQ0QUQxMUU2OUVGNjk4Qzg2RjZCRDdENiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozNEE5NEZGRUQ0QUQxMUU2OUVGNjk4Qzg2RjZCRDdENiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjM0QTk0RkZCRDRBRDExRTY5RUY2OThDODZGNkJEN0Q2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjM0QTk0RkZDRDRBRDExRTY5RUY2OThDODZGNkJEN0Q2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+/Hs+IwAAAVlJREFUeNpi+P//PwMaFgLiJiC+/x8VHATiCCzqMTC6QBKSIc+AeC0QzwXiA0jiT4DYmFhDS6CaNgGxOg4NIUD8E6rOipChcVCFZUR4jwWIj0PVq+EylA2q4AAx4YWEQeAxLkMroAqESTS0D6rPAZuhL4H4NYkGgrAG1NDl2AwFgRVkGMqClBpQ5JgYIOAdA+ngL5TmR5eAGapKhqE8UPo1NkNvAbEtGYaaQOmDGDLAMIiGho0niWEKy2UWuBL/VyD+RYKBFlAD9+PLUTZQRUeAWICAgU5QB4CAIaG8745UaHQCsRkQ8wIxOxCLA7EfEG9HK7kuArEsoVLKHIgf/McPQF72RioaXwGxCD5DYdgXiBcC8S0gfgvEV4B4OhA7IqmRh+ZGELgJxFyEDCUWSwLxVSSDZalhKAhzogWFLiPYZMqBJBBfBGJRIH5ALUNBQBGI5wPxVIAAAwAoIUyRNtFOOQAAAABJRU5ErkJggg==) no-repeat 35px center}
.fix-search .search::after,.fix-search .search::before{position:absolute;content:'';left:0;bottom:0;width:100%;height:1px;transition:all 1s;-webkit-transition:all 1s}
.fix-search .search::before{background:#515151}
.fix-search .search::after{background:rgba(255,255,255,.5);transform:scale(0,1);-webkit-transform:scale(0,1)}
.fix-search .btn,.fix-search .txt{color:#555;background:0 0}
.fix-search .txt{width:100%;text-align:center;font-size:66px;padding-right:2%}
.fix-search .btn{font-size:24px}

@media (max-width:1440px){
.i-main .mauto,footer .mauto{max-width:100%;padding-left:6.2%;padding-right:6.2%}
}
@media (max-width:1439px){
.header .logo{width:250px}
.header nav ul li{margin:0 10px}
footer .footer-head .txt{display:none}
}
@media (max-width:1200px){
.mauto{max-width:92%}
.header .bdsharebuttonbox{display:none}
}
@media (max-width:1024px){

@media (max-width:767px){

.i-pro{padding:.5rem 0}
.i-pro .list1,.i-pro .list2{padding:0}
.i-pro .list1 .item,.i-pro .list2 .item{padding:0}

.pro-info .head .img{padding-bottom:0}
.pro-info .head .img,.pro-info .head .img img{position:inherit}

}
@keyframes resize{
60%,75%,90%,from,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}
0%{opacity:0;transform:scale(5,5)}
100%{opacity:1;transform:scale(1,1)}
}
@-webkit-keyframes resize{
60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1)}
0%{opacity:0;-webkit-transform:scale(5,5)}
100%{opacity:1;-webkit-transform:scale(1,1)}
}
@keyframes ReturnToNormal{
from{opacity:0;transform-origin:right bottom;transform:rotate3d(0,0,1,45deg)}
to{opacity:1;transform-origin:right bottom;transform:none}
}
@-webkit-keyframes ReturnToNormal{
from{opacity:0;-webkit-transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg)}
to{opacity:1;-webkit-transform-origin:right bottom;-webkit-transform:none}
}





/*��������*/
@media (max-width: 801px) {
    .news_box{margin-top: 10px;}
    .news_one .news_time{margin-bottom: 0;}
    .news_one .news_img{margin-top: 10px;}
}
@media (max-width:701px) {
    .news_box .news_one{width:90%;margin:0 auto;padding:2.5%;float:none;}
    .news_box .news_one:hover{transform: translateY(0);}

}

@media (max-width:767px){

}
@keyframes resize{
60%,75%,90%,from,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}
0%{opacity:0;transform:scale(5,5)}
100%{opacity:1;transform:scale(1,1)}
}
@-webkit-keyframes resize{
60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1)}
0%{opacity:0;-webkit-transform:scale(5,5)}
100%{opacity:1;-webkit-transform:scale(1,1)}
}
@keyframes ReturnToNormal{
from{opacity:0;transform-origin:right bottom;transform:rotate3d(0,0,1,45deg)}
to{opacity:1;transform-origin:right bottom;transform:none}
}
@-webkit-keyframes ReturnToNormal{
from{opacity:0;-webkit-transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg)}
to{opacity:1;-webkit-transform-origin:right bottom;-webkit-transform:none}
}


.develop_pic_box{width: 50%;padding: 33px 0;}
.develop_pic{display: inline-block;width: auto;}
.develop_pic dd{width: 160px;height: 96px;border: 1px solid #c9c9c9;padding: 2px;float: left;margin: 0 8px;display: inline-block;}
.develop_pic dd img{width: 100%;height: 100%;}
.develop_tex{width: 50%;border-bottom: 1px solid #cccccc;min-height: 170px;padding-bottom: 30px;}
.delelop_ul {width: 100%;padding-bottom: 60px;background: url(../Images/icon_dot03.jpg) repeat-y center top;margin-top: 60px;}
.delelop_ul li{position:relative;width: 100%;top: 100px;transition: all 1s linear; color:#000}
.delelop_ul li i{position: absolute;left: 50%;margin-left: -6px;top: 60px;width: 12px;height: 12px;background: url(../Images/icon_dot04.png) no-repeat center center;}
.develop_tex dd a{display: block;width: 100%;line-height: 24px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.develop_tex dt{font-size: 24px;color: #666666;font-weight: bold;line-height: 36px;margin-top: 5px;}
.develop_tex dd{margin-top: 22px;}
.delelop_ul {width: 100%;padding-bottom: 60px;background: url(../Images/icon_dot03.jpg) repeat-y center top;margin-top: 60px;}
.delelop_ul li{position:relative;width: 100%;top: 100px;transition: all 1s linear;}
.delelop_ul li i{position: absolute;left: 50%;margin-left: -6px;top: 60px;width: 12px;height: 12px;background: url(../Images/icon_dot04.png) no-repeat center center;}
.develop_tex dd a{display: block;width: 100%;line-height: 24px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.develop_tex dt{font-size: 24px;color: #666666;font-weight: bold;line-height: 36px;margin-top: 5px;}
.develop_tex dd{margin-top: 22px;}
.clear{
	clear:both;
	}
@media (max-width: 768px) {
.delelop_ul li i{display: none;}
.delelop_ul{background: none;padding-bottom: 60px;}
.develop_pic{display: none;}
.develop_tex{width: 100%;min-height: 100px;padding-bottom: 10px;}
.develop_tex dd{margin-top: 10px;}
.develop_pic_box{padding: 0;}
.delelop_ul li{padding: 10px 0 0 0;}
.develop_tex dt{font-size: 16px;line-height: 20px;}

}

  
/* ==========================================================================
   product
   ========================================================================== */
   .prolist{margin-left:-30px;margin-top: 30px;}
   .prolist li{width:25%;height:270px;overflow: hidden; float: left;}
   .prolist li .warp{width: 215px; height: 270px; margin:0 auto;}
   .prolist li .picbox{width:215px;height:215px; text-align: center; line-height: 215px;}
   .prolist li .picbox img{max-width:215px;max-height:215px;}
   .prolist li .tit{width:215px;height:30px;font: 300 16px/30px microsoft yahei;text-align: center;}

   .prolist li{ -webkit-transition: all 0.7s;
    -moz-transition: all 0.7s;
    -o-transition: all 0.7s;
    -ms-transition: all 0.7s;
    transition: all 0.7s;}
   .prolist li:hover {
    -webkit-transform: translate(0, -10px);
    -moz-transform: translate(0, -10px);
    -o-transform: translate(0, -10px);
    -ms-transform: translate(0, -10px);
    transform: translate(0, -10px);
  }




.single_add_to_cart_button{   
    background: #fe641c;
    text-transform: uppercase;
    color: #ffffff;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#a0ce4e, endColorstr=#a0ce4e);
    transition: all .2s;
    border-width: 0px;
    border-style: solid;
    border-color: #ffffff;
    border-radius: 2px;
	margin-top:25px;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    -webkit-border-radius: 2px;
	padding: 13px 29px;
    line-height: 17px;
    font-size: 14px;
}


#ad{
height: 350px;
    position: relative;
    background-size: cover;
    background-attachment: fixed;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #fff;
	}
	
	
	
	
	#back-to-top{
		position:fixed;
		bottom:100px;
		right:10px;
	}
	#back-to-top a{
		text-align:center;
		text-decoration:none;
		color:#d1d1d1;
		display:block;
		width:40px;
		/*使用CSS3中的transition属性给跳转链接中的文字添加渐变效果*/
		-moz-transition:color 1s; 
		-webkit-transition:color 1s;
		-o-transition:color 1s;
	}
	#back-to-top a:hover{
		color:#979797;
	}
	#back-to-top a span{
		background:#d1d1d1;
		border-radius:6px;
		display:block;
		height:40px;
		width:40px;
		background:#d1d1d1 url(../Images/arrow-up.png) no-repeat center center;
		margin-bottom:5px;
		-moz-transition:background 1s;
		-webkit-transition:background 1s;
		-o-transition:background 1s;
	}
	#back-to-top a:hover span{
		background:#979797 url(../Images/arrow-up.png) no-repeat center center;
	}	

	