

@font-face {
  font-family: "Haettenschweiler";
  src: url("../font/Haettenschweiler.woff2") format("woff2"),
       url("../font/Haettenschweiler.woff") format("woff"),
       url("../font/Haettenschweiler.ttf") format("truetype"),
       url("../font/Haettenschweiler.eot") format("embedded-opentype"),
       url("../font/Haettenschweiler.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}



@font-face {
  font-family: "庞门正道标题体";
  src: url("../font/庞门正道标题体.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}







.m_img{display:none;}
.m_nav{display:none;}
/*移动端导航*/

.th-head {position:relative !important;border-bottom: 4px solid #ff6000;}


   .msgNum{display: none;}
   .slider{margin-top: 64px;}
   .head{display:none}
   .m_img{display:block;height:64px;position:relative;top:25px;left:0px;width:100%;z-index:9999;overflow: hidden;}
   .m_img .headlf{padding-top:2px;padding-left:5px;float: left;}
   .m_img .headlf .m_logo{height:60px;display: block}
   .m_img .headrg{padding-right:5%;padding-top:14px;float: right;}
   .m_img .headrg a .m_menuimg{height:16px;vertical-align:top;display: block}
   .m_nav {display:block;position:fixed;top:0px;left:0px;width:0px;height:0px;overflow:hidden;z-index:10000}
   .m_nav .closecover{position:absolute;width:100%;height:100%;background:#0b0d19;filter:alpha(opacity=0);opacity:0;left:0px;top:0px;z-index:1}
   .m_nav .closeicon{position:absolute;width:20%;left:30px;top:5%;z-index:100;text-align:center;filter:alpha(opacity=0);opacity:0}
   .m_nav .m_navList{position:absolute;width:80%;right:0px;top:0px;background:#0b0d19;height:100%;z-index:100;right:-80%;overflow-y: scroll;}
   .m_nav .m_navList ul{padding-left:5%;padding-right:5%}
   .m_nav .m_navList ul li{border-bottom:1px solid #232530}
   .m_nav .m_navList ul li a{display:block;height:45px;color:#fff;line-height:45px;padding-left:5%;font-size:16px}
   .m_nav .m_navList ul li .m_f_a{display: flex;align-items: center;justify-content: space-between; width: 100%}
   .m_nav .m_navList ul li .m_f_a a{flex: 1;}
   .m_nav .m_navList ul li .m_f_a i{width: 40px;height:35px;box-sizing: border-box; padding:0 5px; display: block;}
   .icon{ background:url(../images/plus.png) 100% no-repeat;background-position: 50% 50%; -webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
   .icon_on{background:url(../images/reduce.jpg) 50% no-repeat!important;background-position: 50% 50%;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
   .m_nav .m_navList ul li .m_s_nav{display:none;width: 100%;}
   .m_nav .m_navList ul li .m_s_nav a{display: block; height:40px;line-height:40px;font-size:14px;padding-left:10%;overflow: hidden; white-space: nowrap;width: 90%;text-overflow: ellipsis;}
   
.col-md-9 {width: 72% !important;float:left;}
.col-md-3 {width: 23% !important;float:left}   
.col-md-1 {width: 5% !important;float:right}    
@media (max-width:768px){

#container{width:100%;padding:10px}
}

@media (max-width:990px){
.col-md-9{display:none;}
.col-md-3:nth-child(2){float:right !important;}
.col-md-3 {width: 50% !important;}


}





@media (min-width:991px) and (max-width:1280px){
.col-md-9 {width: 70% !important;float:left;}
.col-md-3 {width: 15% !important;float:left}
}


.container2{width:90%;height:auto;clear:both;margin:0 auto;position:relative; overflow: visible}

.navbar-brand img{max-width: 100%;max-height: 100%;}
.top{width:100%;color:#a1a1a1;line-height:35px;background:#dcdcdc}
.logo{display:block; margin-top:18px;}
.logo img{max-height:100px;width:auto;}
.k1{line-height:35px;font-size:12px;color:#a1a1a1}
.k1 a{color:#a1a1a1}
.k2{float:left;line-height:35px;font-size:12px;color:#a1a1a1;}
.k2 a{color:#a1a1a1}
.k3{float:right}

.th-head{position:relative;left: 0;top: 0;z-index: 999999;right: 0;height: auto;}
.thHeadBox{position:relative;left:0;top:0;width:100%;}


@media(max-width:950px){.enc{}
.k2{display:none !important}
}.k3 .k3a{display:block;background:url(../images/ss.png)no-repeat;width:18px;height:18px;margin-top:9px;outline:none;}
.k4{float:right}
.k4 .yya{background:url(../images/xiala.png) 180px center no-repeat;text-align:center;color:#fff;cursor:pointer;font-size: 14px;}
.k4 .yya2{display:block;text-align:center}
.search{text-align:left;padding:30px;position:relative;height:300px}
.hotSearch{height:30px;line-height:30px;font-weight:normal;margin-top:20px;font-size:14px}
.hotSearch a{display:block;color:#a1a1a1}
#formsearch input{background:#fff;border:1px solid #c8c8c8;outline:none}
#formsearch input#keyword{height:28px;line-height:28px;padding-left:4px;color:#666;width:430px}
#formsearch input#s_btn{width:70px;height:30px;line-height:30px;text-align:center;background-color:#035cac;color:#fff;border:none;cursor:pointer}
.k4{float:right;text-align:right;position:relative;z-index:9999;width:100%;top:40px;color:#fff;}



@media(max-width:768px){
.slideBox{margin-top:20%}

}
@media(max-width:425px){.slideBox{margin-top:12%}
}
@media(max-width:375px){.slideBox{margin-top:14%}
}
@media(max-width:320px){.slideBox{margin-top:17%}
}


@media(max-width:990px){
.slideBox .bd ul li .firtxt{width:70%;overflow:hidden; position: absolute;    top: 50%;  transform: translateY(-50%);left:15%;}

.slideBox .bd ul li .firtxt h1{font-size:1.4rem !important;}
.slideBox .bd ul li .firtxt h1 font{font-size:1.4rem !important;}
.slideBox .bd ul li .firtxt h2{font-size:1.2rem !important;line-heiht:6.3rem;color:#fff;letter-spacing:0px;text-shadow:1px 2px 1px #666;}
.slideBox .bd ul li .firtxt .more{display:none !important}
.bsb2{display:none !important}
.logo img {max-height: 70px;}
.m_img { top: 10px;}

}


.slideBox{width:100%;height:auto;overflow:hidden;position:relative;margin-top:0%}
.slideBox .bd{width:100%;height:100%;z-index:0}
.slideBox .bd ul{margin:0;padding:0}
.slideBox .bd .neban{display:none}
.slideBox .bd ul li{zoom:1;vertical-align:middle;list-style:none}
.slideBox .bd ul li .ballon{width:100%;display:block}

.slideBox .bd ul li .firtxt{width:50%;overflow:hidden; position: absolute;    top: 50%;  transform: translateY(-50%);left:50%;}
.slideBox .bd ul li .firtxt h1{font-size:4.8rem;line-heiht:4.8rem;color:#fff;font-weight:normal;letter-spacing:2px;text-shadow:1px 2px 1px #666;}
.slideBox .bd ul li .firtxt h2{font-size:2.2rem;line-heiht:2.2rem;color:#b7b7b7;}
.slideBox .bd ul li .firtxt .more{display:block;width:135px;height:45px;line-height:45px;text-align:center;color:#fff;font-size:1.6rem;border:solid #fff 1px;}


.slideBox .bd ul li .b5{height:60px;width:64px;position:absolute;bottom:2rem;left:45%;}
.slideBox .bd ul li .b5 img{max-width:100%;height:auto;display:block;margin:0 auto;animation:move 2s 0s infinite;-webkit-animation:move 2s 0s infinite;transform-origin:bottom;-webkit-transform-origin:bottom;}



@keyframes scaleDraw {  /*¶¨Òå¹Ø¼üÖ¡¡¢scaleDrewÊÇÐèÒª°ó¶¨µ½Ñ¡ÔñÆ÷µÄ¹Ø¼üÖ¡Ãû³Æ*/
            0%{
                transform: scale(1);  /*¿ªÊ¼ÎªÔ­Ê¼´óÐ¡*/
            }
            25%{
                transform: scale(1.1); /*·Å´ó1.1±¶*/
            }
            50%{
                transform: scale(1);
            }
            75%{
                transform: scale(1.1);
            }
        }
    .ballon{
            -webkit-animation-name: scaleDraw; 
            -webkit-animation-timing-function: ease-in-out; 
            -webkit-animation-iteration-count: infinite;  
            -webkit-animation-duration: 60s; /
        }





















.slideBox .prev{position:absolute;top:50%;left:2%;display:block;width:40px;height:60px;background:url(../images/l.png) top center no-repeat}
.slideBox .next{position:absolute;top:50%;right:2%;display:block;width:40px;height:60px;background:url(../images/r.png) top center no-repeat}
.slideBox .bsb{position:absolute;bottom:5%;right:0;display:block;width:100%;height:80px;text-align:center;}
.slideBox .bsb img{display:block;width:65px;height:80px;margin:0 auto;}

            @keyframes bsb
{
from  {top: 5px;}
to  {top: -5px;}
}
 
@-moz-keyframes bsb /* Firefox */
{
from  {top: 5px;}
to  {top: -5px;}
}
 
@-webkit-keyframes bsb /* Safari 和 Chrome */
{
from  {top: 5px;}
to  {top: -5px;}
}
 
@-o-keyframes bsb /* Opera */
{
from  {top: 5px;}
to  {top: -5px;}
}

.bsb2 {
float: left;
position:absolute;
width: 100%;
height: 80px;
/* Opera 
animation: bsb 1s linear 0s infinite alternate;
-moz-animation: bsb 1s linear 0s infinite alternate;
-webkit-animation: bsb 1s linear 0s infinite alternate;
-o-animation: bsb 1s linear 0s infinite alternate;*/
left: 0%;
bottom: 7%;
text-align: center;
z-index:9999;
}



















@media (max-width:768px){.slideBox .prev,.slideBox .next{top:25%}
}

.innbj{width:100%;height:55px;background:#e8e8e8}
.m_wnews{position:relative;zoom:1;overflow:hidden}
.m_wnews strong{display:block;float:left;overflow:hidden;text-align:center;font-weight:normal;font-size:16px;color:#333333;line-height:55px}
.m_wnews div{padding-left:5px;font-size:14px;color:#666666;line-height:55px;height:55px}
.m_wnews div a{float:left;background:url(../images/dhln.png)right center no-repeat;padding:0px 10px 0px 10px}
.m_wnews div span{font-size:14px;color:#c0c0c0;padding-left:15px;line-height:55px}
@media (max-width:768px){.m_wnews div span{display:none}
}.m_wnews .pagesize{position:absolute;right:0px;top:17px}
.m_wnews .pagesize a.prev{display:block;background:url(../images/up.png) center no-repeat;width:29px;height:17px;float:left}
.m_wnews .pagesize a.next{display:block;background:url(../images/down.png) center no-repeat;width:29px;height:17px;float:left;margin-left:4px}
.slideTxtBox{margin-top:18px;display:block}
.slideTxtBox .hd{}
.slideTxtBox .hd ul{margin:0;padding:0}
.slideTxtBox .hd ul li{list-style:none;font-size:18px;cursor:pointer;color:#666666;text-align:center;background:url(../images/tab2.png)left 25px no-repeat;line-height:80px;position:relative}
.slideTxtBox .hd ul li span{position:absolute;display:none;width:17px;height:10px;left:50%;margin-left:-8px;bottom:-9px;background:url(../images/san.png)center no-repeat}
.slideTxtBox .hd ul li:first-child{background:none}
@media (max-width:767px){.slideTxtBox .hd ul li:nth-child(4){background:none}
}.slideTxtBox .hd ul li.on{background:url(../images/probac.png) no-repeat center center;color:#fff}
.slideTxtBox .hd ul li.on span{display:block}
.slideTxtBox .bd{width:100%;background:#f1f1f1}
.slideTxtBox .bd .container{padding:45px 35px 40px 35px}
.slideTxtBox .bd .bdl{text-align:left}
.slideTxtBox .bd .bdl p{font-size:14px;color:#7b7b7b;line-height:24px}
.slideTxtBox .bd .bdl p:nth-child(1){font-size:28px;color:#035cac;line-height:28px;display:block}
.slideTxtBox .bd .bdl p:nth-child(2){font-size:28px;color:#7b7b7b;line-height:28px;display:block;margin-top:17px;margin-bottom:40px}
.slideTxtBox .bd .bdl a{display:block;width:167px;height:44px;border:1px solid #dcdcdc;text-align:center;line-height:44px;font-size:14px;color:#7b7b7b;margin-top:35px;margin-bottom:10px}
.slideTxtBox .bd .bdr{overflow:hidden;text-align:right}
.slideTxtBox .bd .bdr img{width:100%}
.injssl{margin-top:61px}
.injssl ul{margin:0;padding:0}
.injssl li{list-style:none;text-align:center;margin-bottom:10px}
.injssl li div{padding:59px 0px;background:url(../images/hui.png)repeat;transition:all 2s;cursor:pointer;height:374px}
.injssl li div .img{display:block;width:93px;height:93px;margin:0 auto;overflow:hidden;position:relative}
.injssl li div .img img{position:absolute;top:0;left:0}
.injssl li div h3{display:block;font-size:30px;font-weight:normal;margin-top:12px;color:#333333}
.injssl li div span{display:block;width:80%;margin:0 auto;font-size:14px;color:#333333;line-height:24px;margin-top:22px}
.injssl li:hover div{background:url(../images/lan.png)repeat}
.injssl li:hover div h3 a{color:#fff}
.injssl li:hover div span{color:#fff}
.injssl li:hover div img{position:absolute;top:-93px;left:0}
.c3{width:100%;background:url(../images/c3.jpg)no-repeat;background-size:cover;margin-top:93px;padding-bottom:140px}
.c3l h3{display:block;padding-top:95px;font-size:24px;color:#ffffff}
.c3l span{display:block;width:86%;font-size:16px;color:#ffffff;line-height:28px;margin-top:25px}
.c3l .c3more{display:block;width:176px;height:53px;text-align:center;line-height:53px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.27);font-size:14px;color:#ffffff;text-transform:uppercase;margin-top:60px}
.slideBox2{width:100%;height:100%;position:relative;margin-top:40px}
.slideBox2 .bd{z-index:0;width:100%;height:100%;overflow:hidden}
.slideBox2 .bd ul{margin:0;padding:0}
.slideBox2 .bd li{zoom:1;vertical-align:middle}
.slideBox2 .bd img{width:100%;height:100%;display:block;cursor:pointer;transition:all 2s}
.slideBox2 .bd img:hover{transform:scale(1.2)}
.slideBox2 .prev{display:block;width:65px;height:58px;background:url(../images/l2.png)center no-repeat;position:absolute;bottom:-30px;right:95px}
.slideBox2 .next{display:block;width:65px;height:58px;background:url(../images/r2.png)center no-repeat;position:absolute;bottom:-30px;right:52px}
#footer1{display:block;width:100%;background:#1b1f24;padding-bottom:40px}
#footer2{display:block;width:100%;background:#1b1f24;height:auto;border-top:1px solid #333333}
#footer3{display:block;width:100%;background:#1b1f24;height:auto;border-top:1px solid #333333;padding-top:40px;padding-bottom:50px}
.ft1{font-size:16px;color:#cacaca;float:left;padding-top:64px}
.ft1 a{color:#cacaca}
#gotop{display:block;background:url(../images/gtop.png)left center no-repeat;cursor:pointer;font-size:14px;color:#cacaca;padding-left:22px;width:85px;float:right;margin-top:57px}
.ft2{text-align:center;height:auto;padding-top:58px}
.ft2 p:nth-child(1){font-size:28px;color:#ffffff;font-family:Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif}
.ft2 p:nth-child(2){font-size:16px;color:#ffffff}
.ft22{width:950px;margin:0 auto;text-align:center;height:auto;padding-top:58px}
.ft22 p:nth-child(1){font-size:28px;color:#ffffff;font-family:Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif}
.ft22 p:nth-child(2){font-size:16px;color:#ffffff}
.ft3{text-align:center;padding-top:80px;padding-bottom:90px}
.ft32{width:950px;margin:0 auto;text-align:center;padding-top:80px;padding-bottom:90px}
.ft4{}
.ft4 li{float:left;padding:0 3%;text-align:left;border-right:1px solid #333333;width:12%}
.ft4 li:last-child{border-right:none}
.ft4 li h3{font-size:1.6rem;color:#ffffff;font-weight:normal}
.ft4 li h3 a{font-size:1.6rem;color:#ffffff;font-weight:normal;line-height:2}
.ft4 li .fsec{padding-top:7px}
.ft4  .pp2{width:30%}
.ft4  .pp2 .pp201{width:50%;float:left}
.ft4  .pp2 p{line-height:2;position:relative;top:1rem}
.ft4 li .fsec a{display:block;font-size:12px;color:#929496;line-height:28px}
.ft42 ul{text-align:center}
.ft42 li{display:inline-block;height:255px;padding:0 45px;text-align:left;border-right:1px solid #333333;vertical-align:top}
.ft42 li:last-child{border-right:none}
.ft42 li h3{font-size:14px;color:#ffffff;font-weight:normal}
.ft42 li .fsec{padding-top:7px}
.ft42 li .fsec a{display:block;font-size:12px;color:#838383;line-height:28px}
.ft5{height:auto}
.ft5 img{width:100%;height:100%}
.ft6{font-size:12px;color:#666666}
.ft6 a{color:#666666}
.ft6 p{display:inline}
.ft62{width:100%;margin:0 auto;text-align:center;font-size:12px;color:#666666;line-height:20px}
.ft62 p{display:inline}
.mfooter{display:block;text-align:center;background:#1b1f24;width:100%;padding-top:35px;border-top:3px solid #0055AC;padding-bottom:35px}
.mfooter ul{width:95%;margin:0 auto}
.mfooter ul li{font-size:16px;line-height:45px;border-bottom:1px solid #333333}
.mfooter ul li:last-child{margin-bottom:35px}
.gs{text-align:center}


.more{width:100%;height:auto;clear:both;overflow:hidden;text-align:center;margin-top: 5rem;}
.more a{background:#0052a7;text-align:center;width:210px;height:55px;line-height:55px;margin:0 auto;color:#fff;font-size:1.4rem;letter-spacing:1px;display:block;transition: all 1s;}
.more:hover a{color:#fff;transition: all 1s;letter-spacing:3px;}
 .more{
animation: more 1.3s ease-in-out 2.7s infinite alternate;
}

@keyframes more{
from{margin-top:0px;}
to{margin-top:-6px;}
}

@keyframes more{
from{transform:translate(0,0)}
to{transform:translate(0,6px)}
}






.fl{float:left}

/*产品系列*/
.product2{width:100%;height:auto;clear:both;position:relative;float:left;background:url(../images/case.jpg) no-repeat center top;background-size:cover;}
.product2 .mm{width:100%;height:auto;float:left;position:relative;overflow: hidden}
.product2 .prc{width:20%;float:right;position:absolute;right:0px;top:5%;height:auto;overflow:hidden;z-index:999;}


.product2 .tit3{padding-top: 5rem;}
#pro-demo .item{position:relative;}
#pro-demo .item .lazyOwl{display: block;	width: 100%;	height: auto;}

#pro-demo .item .proinfo{width:100%;height:auto;clear:both;position:relative;z-index: 888;}
#pro-demo .item .proinfo .pl{width:550px;height:105px;float:left;position:absolute;top:60%;right:0px;background:#fff;}
#pro-demo .item .proinfo .plimg {width:195px;height:105px; position:relative;float:left;}
#pro-demo .item .proinfo .plimg  img{width:auto;height:103px;border:solid #fff 1px; clear:both;position:relative;z-index:6;}
#pro-demo .item .proinfo .pltext {width:350px;float:right;height:105px; position:relative;}
#pro-demo .item .proinfo .pltext  p {clear:both;width:100%;font-size:1.4rem;letter-spacing:1px;color:rgba(12,12,12,0.4);max-height:30px;overflow:hidden;}
#pro-demo .item .proinfo .pltext  p a{font-size:1.4rem;letter-spacing:1px;color:rgba(12,12,12,0.4);line-height:30px;}
#pro-demo .item .proinfo .pltext h1{font-size:1.8rem;color:#000000;letter-spacing:1px;margin-top:2rem;line-height:40px;max-height:40px;overflow:hidden;}
#pro-demo .item .proinfo .pltext h1 a{font-size:1.8rem;color:#000000;letter-spacing:1px;line-height:40px;max-height:40px;overflow:hidden;display:block}


#pro-demo .item .proinfo .pr{width:77%;overflow:hidden;}
#pro-demo .item .proinfo .pr img{width:100%;;height:auto; max-height: 905px;}



.product2 .owl-theme .owl-controls{text-align: center;width: 100%;clear: both;display: block !important;}
.product2 .owl-theme .owl-controls .owl-buttons div{color: #FFF;display: inline-block;zoom: 1;*display: inline;width:35px;height:70px;font-size:0px;}
.product2 .owl-theme .owl-controls .owl-buttons .owl-prev{background:url(../images/cl.png) no-repeat center top;background-size:cover;left:10%;position: absolute;}
.product2 .owl-theme .owl-controls .owl-buttons .owl-next{background:url(../images/cr.png) no-repeat center top;background-size:cover;right:20px;position: absolute;}

.product2 .owl-theme .owl-controls .owl-buttons{position: absolute;left: 10%;top: 62%;width: 90%;}

.product2 .owl-theme .owl-controls .owl-pagination{display:block;position: absolute;top:90%;left:0%;text-align:center;width: 100%;}


.product2 .owl-theme .owl-controls.clickable .owl-buttons div:hover{filter: Alpha(Opacity=100);/*IE7 fix*/opacity: 1;text-decoration: none;}
.product2 .owl-theme .owl-controls .owl-page{display: inline-block;zoom: 1;*display: inline;/*IE7 life-saver*/}
.product2 .owl-theme .owl-controls .owl-page span{display: block;width: 12px;height: 12px;margin: 5px 7px;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;background: #fff;}
.product2 .owl-theme .owl-controls .owl-page.active span,.product2 .owl-theme .owl-controls.clickable .owl-page:hover span{background: #ff6000;}
.product2 .owl-theme .owl-controls .owl-page span.owl-numbers{height: auto;width: auto;color: #FFF;padding: 2px 10px;font-size: 12px;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;}
.product2  .owl-item.loading{min-height: 150px;background: url(../images/AjaxLoader.gif) no-repeat center center}
.product2 .owl-carousel .owl-wrapper:after{content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.product2 .owl-carousel{display: none;position: relative;width: 100%;-ms-touch-action: pan-y;margin: 0 auto;}
.product2 .owl-carousel .owl-wrapper{display: none;position: relative;-webkit-transform: translate3d(0px, 0px, 0px);}
.product2 .owl-carousel .owl-wrapper-outer{position: relative;width: 100%;}
.product2 .owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition: height 500ms ease-in-out;-moz-transition: height 500ms ease-in-out;-ms-transition: height 500ms ease-in-out;-o-transition: height 500ms ease-in-out;transition: height 500ms ease-in-out;}
.product2 .owl-carousel .owl-item{float: left;}
.product2 .owl-controls .owl-page,
.product2 .owl-controls .owl-buttons div{cursor: pointer;}
.product2 .owl-controls{-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.product2 .grabbing{cursor:url(../images/grabbing.png) 8 8, move;}
.product2 .owl-carousel .owl-wrapper,
.product2 .owl-carousel .owl-item{-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden;-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);}




@media (max-width:768px){
.product2 .mm{width:100%;}
.product2 .prc{width:100%;position:relative;top:0px;right:0px;}
#pro-demo .item .proinfo .pl{width:100%;height:105px;float:left;position:relative;top:0px;right:0px;}
#pro-demo .item .proinfo .plimg {display:none}
#pro-demo .item .proinfo .pltext {width:100%;float:left;padding:0% 5%}

#pro-demo .item .proinfo .pr {width: 100%;}


.product2 .owl-theme .owl-controls .owl-buttons .owl-next { right: 10%;}

.product2 .owl-theme .owl-controls .owl-pagination{display:none}

.tit3 .amore {display:none}
}

@media (min-width:469px) and (max-width:768px){
.product2 .mm{width:100%;}
.product2 .prc{width:100%;position:relative;top:0px;right:0px;}
#pro-demo .item .proinfo .pl{width:100%;height:105px;float:left;position:relative;top:0px;right:0px;}
#pro-demo .item .proinfo .plimg {display:none}
#pro-demo .item .proinfo .pltext {width:100%;float:left;padding:0% 5%}

#pro-demo .item .proinfo .pr {width: 100%;}


.product2 .owl-theme .owl-controls .owl-buttons .owl-next { right: 10%;}

.product2 .owl-theme .owl-controls .owl-pagination{display:none}

.tit3 .amore {display:none}
}

@media (min-width:769px) and (max-width:990px){

.product2 .mm{width:100%;}
.product2 .prc{width:100%;position:relative;top:0px;right:0px;}
#pro-demo .item .proinfo .pl{width:100%;height:105px;float:left;position:relative;top:0px;right:0px;}
#pro-demo .item .proinfo .plimg {display:none}
#pro-demo .item .proinfo .pltext {width:100%;float:left;padding:0% 5%}

#pro-demo .item .proinfo .pr {width: 100%;}


.product2 .owl-theme .owl-controls .owl-buttons .owl-next { right: 10%;}

.product2 .owl-theme .owl-controls .owl-pagination{display:none}

.tit3 .amore {display:none}
}
@media (min-width:991px) and (max-width:1200px){

}
@media (min-width:1201px) and (max-width:1440px){

}










/*新闻*/



/*产品系列*/
.news{width:100%;height:auto;clear:both;position:relative;float:left;background:url(../images/news.jpg) no-repeat center top;background-size:cover;padding-top: 5rem;}
.news .mm{width:100%;margin:0 auto;height:auto;clear:both;position:relative;position:relative;}

#new-demo .item{position:relative;overflow:hidden;}
#new-demo .item .lazyOwl{display: block;	width: 100%;	height: auto;}

#new-demo .item .proinfo{width:100%;height:auto;clear:both;overflow:hidden;position:relative;padding-top: 6rem;}
#new-demo .item .proinfo .pl{background:#ff6000;width:28%;float:left;overflow:hidden;position: absolute;left: 0px;bottom: 0px;}
#new-demo .item .proinfo .pl .pbei{max-width:100%;width:auto;height:auto;float:right;}


#new-demo .item .proinfo .pltext {width:100%; position:relative;padding:5%;position: absolute;top: 0px;left:0px;}

#new-demo .item .proinfo .pltext  .pinfo{clear:both;width:100%;max-height:80px;overflow:hidden;margin-top: 3rem;}
#new-demo .item .proinfo .pltext  p{clear:both;width:100%;font-size:1.4rem;letter-spacing:1px;color:rgba(255,255,255,0.8);line-height:20px;}
#new-demo .item .proinfo .pltext h1{font-size:1.6rem;color:#fff;letter-spacing:1px;margin-top:2rem;line-height:30px;overflow:hidden;position:relative;max-height:80px;}
#new-demo .item .proinfo .pltext h1 a{font-size:1.6rem;color:#fff;letter-spacing:1px;}
#new-demo .item .proinfo .pltext h1:after { top: 0px;position: absolute;left: 0px;display: block;  content: '';  float: left;  width: 20px;  height: 2px;  background-color: #fff;   transition: all 0.7s ease-in-out 0s;}
#new-demo .item .proinfo .pltext h1:hover:after{width:50px;transition: all 0.7s ease-in-out 0s;}
#new-demo .item .pmore{font-size:1.6rem;color:#fff;text-align:left;margin-top:4rem;float: left;position: absolute;bottom: 5%;left:5%;transition: all 1s;}
#new-demo .item:hover .pmore{letter-spacing:4px;transition: all 1s;}


#new-demo .item .proinfo .pr{width:70%;overflow:hidden;position:relative;float: right; max-height: 333px; min-height: 333px;}
#new-demo .item .proinfo .pr img{width:100%;height:auto;transform: scale(1.0);transition: all 1s;}
#new-demo .item:hover .proinfo .pr img{transform: scale(1.1);transition: all 1s;}


.news .owl-carousel .owl-item:nth-child(even) .proinfo .pl{background:#010101 !important;}
.news .owl-carousel .owl-item:nth-child(even) .proinfo .pl{right:0px !important;left: unset !important;}
.news .owl-carousel .owl-item:nth-child(even) .proinfo .pr{float:left !important}



.news .owl-carousel .owl-item .item {margin:1rem;}


.news .owl-theme .owl-controls{text-align: center;position: absolute;left:0px;top:30%;width: 100%;clear: both;}
.news .owl-theme .owl-controls .owl-buttons div{color: #FFF;display: inline-block;zoom: 1;*display: inline;width:30px;height:30px;font-size:0px;}
.news .owl-theme .owl-controls .owl-buttons .owl-prev{background:url(../images/nel.png) no-repeat center top;background-size:cover;position: absolute;left:0px;top:35%;}
.news .owl-theme .owl-controls .owl-buttons .owl-next{background:url(../images/ner.png) no-repeat center top;background-size:cover;position: absolute;right:0px;top:35%;}







.news .owl-theme .owl-controls .owl-pagination{display:none;}

.news .owl-theme .owl-controls.clickable .owl-buttons div:hover{filter: Alpha(Opacity=100);/*IE7 fix*/opacity: 1;text-decoration: none;}
.news .owl-theme .owl-controls .owl-page{display: inline-block;zoom: 1;*display: inline;/*IE7 life-saver*/}
.news .owl-theme .owl-controls .owl-page span{display: block;width: 12px;height: 12px;margin: 5px 7px;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;background: #ccc;}
.news .owl-theme .owl-controls .owl-page.active span,.news .owl-theme .owl-controls.clickable .owl-page:hover span{background: #0052a7;}
.news .owl-theme .owl-controls .owl-page span.owl-numbers{height: auto;width: auto;color: #FFF;padding: 2px 10px;font-size: 12px;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;}
.news  .owl-item.loading{min-height: 150px;background: url(../images/AjaxLoader.gif) no-repeat center center}
.news .owl-carousel .owl-wrapper:after{content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.news .owl-carousel{display: none;position: relative;width: 100%;-ms-touch-action: pan-y;margin: 0 auto;}
.news .owl-carousel .owl-wrapper{display: none;position: relative;-webkit-transform: translate3d(0px, 0px, 0px);}
.news .owl-carousel .owl-wrapper-outer{overflow: hidden;position: relative;width: 100%;}
.news .owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition: height 500ms ease-in-out;-moz-transition: height 500ms ease-in-out;-ms-transition: height 500ms ease-in-out;-o-transition: height 500ms ease-in-out;transition: height 500ms ease-in-out;}
.news .owl-carousel .owl-item{float: left;}
.news .owl-controls .owl-page,.news .owl-controls .owl-buttons div{cursor: pointer;}
.news .owl-controls{-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.news .grabbing{cursor:url(../images/grabbing.png) 8 8, move;}
.news .owl-carousel .owl-wrapper,
.news .owl-carousel .owl-item{-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden;-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);}



@media (max-width:468px){
#new-demo .item .proinfo .pl{width:100%;position:relative}
#new-demo .item .proinfo .pr{width:100%;}
.news .owl-theme .owl-controls {top: 0%;}
.news .owl-theme .owl-controls .owl-buttons .owl-prev { position: static;}
.news .owl-theme .owl-controls .owl-buttons .owl-next{ position: static;}

.news .mm {  padding-top: 0rem !important;}
}

@media (min-width:469px) and (max-width:768px){
.news .owl-theme .owl-controls {top: 0%;}
.news .owl-theme .owl-controls .owl-buttons .owl-prev { position: static;}
.news .owl-theme .owl-controls .owl-buttons .owl-next{ position: static;}

.news .mm {  padding-top: 0rem !important;}
}

@media (min-width:769px) and (max-width:990px){

.news .owl-theme .owl-controls {top: 0%;}
.news .owl-theme .owl-controls .owl-buttons .owl-prev { position: static;}
.news .owl-theme .owl-controls .owl-buttons .owl-next{ position: static;}

.news .mm {  padding-top: 0rem !important;}
}
@media (min-width:991px) and (max-width:1200px){

}
@media (min-width:1201px) and (max-width:1440px){

}

















/*关于我们*/
.about{width:100%;background:url(../images/about.jpg)no-repeat left bottom;background-size:cover;clear: both;float: left;}
.about .mm{width:100%;height:auto;overflow:hidden;position: relative;height: 100%;}
.about .left{width:60%;float:left;overflow:hidden;z-index:10;height: 100%;position: relative;position:absolute;left:0px;top:0px;padding: 5rem 0rem;}
.about .left .aboutc{ width:100%;height:auto;clear:both;overflow:hidden;position:relative;margin-top: 5rem;}
.about .left .ainfo{width:80%;height:auto;float:left;padding: 4rem 4rem 8rem 4rem;position: absolute;top: 50%;transform: translateY(-50%);left:150px;}

.about .left .atc{width:150px;float:left;height:auto}

.about .left .atc li{width:90px;float:left;height:90px;overflow:hidden;position:relative}
.about .left .atc li img{width:100%;height:auto;position:absolute;left:0px;top:-90px;transition:all 1s;}
.about .left .atc li:hover img{top:0px;transition:all 1s;}

.about .left .atc li:first-child img{top:-90px;}
.about .left .atc li:first-child:hover img{top:0px;}

.about .left .atc li:nth-child(odd){margin-left:45px;}

.about .left .ainfo p{color:#333;font-size:1.4rem;letter-spacing:1px;line-height:2;clear:both;}
.about .left .ainfo .antit{width:100%;height:auto;clear:both;color:#000;font-size:3rem;letter-spacing:1px;line-height:7rem;}


.about .right{width:37%;float:right;overflow:hidden;z-index:8;}
.about .right img{width:100%;height:auto;transform:scale(1.0);transition:all 1s;}
.about .right img:hover {transform:scale(1.08);transition:all 1s;}


.tit2 .amore{width:30%;height:100%;float:left;position:relative;overflow:hidden;position: absolute;top: 0px;right: 0px;}
.tit2 .amore a{float:right;width:110px;height:30px;line-height:30px;text-align:center;color:#fff;text-align:center;background:#ff6000;display:block;font-size:1.4rem;transition:all 1s}




@media (max-width:468px){
.about .left{width:100%;position:static}
.about .left .atc{width:100%}
.about .left .atc li{width:70px;float:left;margin:1%;}
.about .left .atc li img { top: -70px;}
.about .left .atc li:first-child img { top: -70px;}


.about .left .atc li:nth-child(odd) { margin-left: 1%;}



.about .left .ainfo { width: 100%;position:static; transform: translateY(0%);padding: 1rem 1rem 1rem 1rem;}
.about .left .aboutc { margin-top: 1rem;}
.about .right { width: 100%;}

}


@media(min-width:469px) and (max-width:768px){
.about .left{width:100%;position:static}
.about .right { width: 100%;}
.about .left .atc li{width:70px;float:left;margin:1%;}
.about .left .atc li img { top: -70px;}
.about .left .atc li:first-child img { top: -70px;}
}



@media(min-width:769px) and (max-width:990px){
.about .left{width:100%;position:static}
.about .right { width: 100%;}
}

@media(min-width:991px) and (max-width:1080px){
.about .left .aboutc {margin-top: 2rem;}

.about .left .atc li {width: 60px;height: 60px}
.about .left .atc li img {top: -60px;}
.about .left .atc li:first-child img { top: -60px;}
.about .left .ainfo {   width: 80%;   height: auto;   float: left;   padding: 1rem;   position: absolute;   top: 50%;   transform: translateY(-50%);   left: 150px;   max-height: 100%;    overflow: hidden;}
.about .tit2 p{display:none}
.about .left { padding: 2rem 0rem;}

}

@media(min-width:1081px) and (max-width:1200px){
.about .left .aboutc {margin-top: 2rem;}

.about .left .atc li {width: 60px;height: 60px}
.about .left .atc li img {top: -60px;}
.about .left .atc li:first-child img { top: -60px;}
.about .left .ainfo {   width: 80%;   height: auto;   float: left;   padding: 1rem;   position: absolute;   top: 50%;   transform: translateY(-50%);   left: 150px;   max-height: 100%;    overflow: hidden;}
.about .tit2 p{display:none}
.about .left { padding: 2rem 0rem;}
}
@media(min-width:1201px) and (max-width:1440px){
.about .left .aboutc {margin-top: 2rem;}

.about .left .atc li {width: 70px;height: 70px}
.about .left .atc li img {top: -70px;}
.about .left .atc li:first-child img { top: -70px;}
.about .left .ainfo {   width: 80%;   height: auto;   float: left;   padding: 1rem;   position: absolute;   top: 50%;   transform: translateY(-50%);   left: 150px;   max-height: 100%;    overflow: hidden;}
.about .left { padding: 3rem 0rem;}
}

@media(min-width:1201px) and (max-width:1600px){
.about .left .aboutc {margin-top: 2rem;}

.about .left .atc li {width: 75px;height: 75px}
.about .left .atc li img {top: -75px;}
.about .left .atc li:first-child img { top: -75px;}
.about .left .ainfo {   width: 80%;   height: auto;   float: left;   padding: 1rem;   position: absolute;   top: 50%;   transform: translateY(-50%);   left: 150px;   max-height: 100%;    overflow: hidden;}
.about .left { padding: 3rem 0rem;}
}


.bei{float:right}
@media (max-width:767px){.ft4 li{width:100%}
.ft4 li .fsec{width:100%}
.ft4 li .fsec p{text-align:center;color:#fff;font-size:1.6rem;position:relative;top:0rem}
.ft4 li .fsec a{width:33.33333%;float:left}
.ft4 .pp2{width:100%}
.ft4 .pp2 .pp201{width:33.33333%;float:left}
.ft4 .f3{width:33.33333%;float:left}
.ft5{height:auto;width:80%;margin:0 auto;clear:both;padding-top:2rem}
.ft6 p{text-align:center}
}








/*产品详情*/
.product{width:100%;height:auto;clear:both;position:relative;overflow:hidden;background:#f4f7fe;padding: 5rem 0rem;}
.product .mm{width:100%;height:auto;clear:both;position:relative;overflow:hidden;margin-top:5rem;float: left;}
.mr20{margin-right:20px}
.zq-icon{display:inline-block;background:url(../images/plogo.png) no-repeat;}
.icon40x40{width:110px;height:45px}
.card-area{height: auto;width: 100%;position:relative;}
.card-area .card-item{z-index:4;transition:all .3s cubic-bezier(.4,0,.2,1),z-index 0s .12s;position:relative;float:left;width:23%;margin:1%;height:570px;background-color:transparent}
.card-area .card-item .card-item{margin-left:-1px}
.card-area .card-item .card{transition:all .3s cubic-bezier(.4,0,.2,1),z-index 0s .12s;width:100%;height:100%;text-align:center;background:#fff}
.card-area .card-item .card .card-content{width:100%;line-height:2;}
.card-area .card-item .card .card-title{display:block;transition:all .3s cubic-bezier(.4,0,.2,1),z-index 0s .12s;height:430px;line-height:26px;font-size:14px;top:0;background: url(../images/probei.jpg) no-repeat center top;position:relative;}
.card-area .card-item .card .card-title .content{position:absolute;width:100%;position: absolute;top: 50%;transform: translateY(-50%);left: 0%;}
.card-area .card-item .card .card-title .content img{max-height: 350px;height:auto;width:auto;}
.card-area .card-item .card .card-title h1{width:135px;height:40px;line-height:40px;border-radius:20px;text-align:center;color:#fff;font-size:1.4rem;font-weight:normal;background:#0052a7;   position: absolute;  right: 10px; bottom: -20px;}
.card-area .card-item .card .card-title .zq-product-img{width:110px;height:45px;position:absolute ;left: 0px;top: 10px;}
.card-area .card-item .card .card-content{height:140px;position:absolute;top:450px;width: 100%;left: 0px;font-size: 14px;color: #a9b0b4;text-align: left;padding-top: 0px;}
.card-area .card-item .card .content-second{width:100%;left:0px;font-size:14px;color:#a9b0b4;text-align:left;padding-top:26px;background:#fff;padding:2rem;height: 140px;}
.card-area .card-item .card .content-second .main-head{color:#2d3b49;font-size:1.6rem;font-weight:bold;line-height:4rem;}
.card-area .card-item .card .content-second p{margin:5px 0;color:rgba(0,0,0,0.7);max-height: 60px;overflow: hidden;}
.card-area .card-item.active{z-index:6;width:48%;margin:1%;height:430px}
.card-area .card-item.active .card .card-title{background:url(../images/probei.jpg) no-repeat center top;height: 430px;border:none}
.card-area .card-item.active .card .card-content.content-first{transition:all .12s cubic-bezier(.4,0,.2,1) 0s;z-index:2;opacity:0;filter:alpha(opacity=0);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(0))}
.card-area .card-item.active .card .card-content.content-second{transition:all .12s cubic-bezier(.4,0,.2,1) .18s;z-index:3;opacity:1;filter:alpha(opacity=100);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(100))}

.left{width:50%;float:left}
.right{width:50%;float:right;}


.product .right  ul{width:100%;height:auto;clear:both;text-align:right;margin-top:3rem;}
.product .right  a{color:#000;font-size:1.6rem;display:inline-block;margin:0 10px;padding:10px 15px;transition:all 1s}
.product .right  a:hover{background:#2a65bd;color:#fff;transition:all 1s;border-radius:10px;}
.product .right  a:first-child{background:#2a65bd;color:#fff;transition:all 1s;border-radius:10px;}






/*荣誉资质*/
.honor{width:100%;height:auto;clear:both;position:relative;overflow:hidden;padding:8rem 0rem 5rem 0rem;background: #f4f7fe;display:none}
.honor .left{width:100%;}
.honor .right{width:100%;}
.honor .right  ul{width:100%;height:auto;clear:both;text-align:right;margin-top:3rem;}
.honor .right a{color:#000;font-size:1.6rem;display:inline-block;margin:0 10px;padding:10px 15px;transition:all 1s}
.honor .right  a:hover{background:#2a65bd;color:#fff;transition:all 1s;border-radius:10px;}
.honor .right  a:first-child{background:#2a65bd;color:#fff;transition:all 1s;border-radius:10px;}

.honor-le{width:25%;float:left;position:relative;overflow:hidden}
.honor-le h3{color:#000;font-size:3rem}
.honor-le h3 span{display:block;color:#dde0ed;font-size:3.6rem;font-weight:bold;line-height:1.8}
.honor-le p{color:#000;font-size:1.4rem;line-height:2;}
.honor-le b{color:#fff;font-size:30px;position:absolute;bottom:30%;left:10%}
.honor-cont{float:left;width:100%;position:static!important;clear:both;}

.honor .owl-carousel,.honor .owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative;float: left;}
.honor .owl-carousel{display:none;width:100%;z-index:1}
.honor .owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}
.honor .owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.honor .owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}
.honor .owl-carousel .owl-item,.honor .owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}

.honor .owl-carousel .owl-wrapper-outer{width:100%;overflow:hidden;}

.honor .owl-theme .owl-controls{margin-top: 2rem;text-align: center;display: block !important;}
.honor .owl-theme .owl-controls .owl-pagination{display:block;}
.honor .owl-theme .owl-controls .owl-buttons{display:none}
.honor .owl-theme .owl-controls.clickable .owl-buttons div:hover{filter:Alpha(Opacity=100);opacity:1;text-decoration:none}
.honor .owl-theme .owl-controls .owl-page{display: inline-table;}
.honor .owl-theme .owl-controls .owl-page span{display:block;width:12px;height:12px;margin:5px 7px;background:#f1f1f1}
.honor .owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span{background:#0052a7}
.honor .owl-theme .owl-controls .owl-page span.owl-numbers{height:auto;width:auto;color:#FFF;padding:2px 10px;font-size:12px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}
.honor .owl-carousel .owl-item .item{padding:5% 3%}
.honor .owl-carousel .owl-item .item .card{transition:all .3s cubic-bezier(.4,0,.2,1),z-index 0s .12s;width:100%;height:100%;text-align:center;background:#fff}
.honor .owl-carousel .owl-item .item .card .card-title{background-size:cover !important;display:block;transition:all .3s cubic-bezier(.4,0,.2,1),z-index 0s .12s;height:430px;line-height:26px;font-size:14px;top:0;background:url(../images/probei.jpg) no-repeat center top;position:relative}
.honor .owl-carousel .owl-item .item .card .card-title .zq-product-img{width:110px;height:45px;position:absolute;left:0px;top:10px}
.icon40x40{width:110px;height:45px}
.zq-icon{display:inline-block;background:url(../images/plogo.png) no-repeat}
.honor .owl-carousel .owl-item .item .card .card-title .content{position:absolute;width:100%;position:absolute;top:50%;transform:translateY(-50%);left:0%}
.honor .owl-carousel .owl-item .item .card .card-title .content img{max-height:350px;height:auto;width:auto;margin: 0 auto;}
.honor .owl-carousel .owl-item .item .card .card-title h1{width:135px;height:40px;line-height:40px;border-radius:20px;text-align:center;color:#fff;font-size:1.4rem;font-weight:normal;background:#0052a7;position:absolute;right:10px;bottom:-20px}
.honor .owl-carousel .owl-item .item .card .content-second{width:100%;left:0px;font-size:14px;color:#a9b0b4;text-align:left;padding-top:26px;background:#fff;padding:2rem;height:140px}
.honor .owl-carousel .owl-item .item .card .content-second .main-head{color:#2d3b49;font-size:1.6rem;font-weight:bold;line-height:4rem}
.honor .owl-carousel .owl-item .item .card .content-second p{margin:5px 0;color:rgba(0,0,0,0.7);max-height:60px;overflow:hidden}

.honor .owl-carousel .owl-dots.disabled,.honor .owl-carousel .owl-nav.disabled{display:none}
.no-js .honor .owl-carousel,.honor .owl-carousel.owl-loaded{display:block}
.honor .owl-carousel .owl-dot,.honor .owl-carousel .owl-nav .owl-next,.honor .owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.honor .owl-carousel .owl-nav button.owl-next,.honor .owl-carousel .owl-nav button.owl-prev,.honor .owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}
.honor .owl-carousel.owl-loading{opacity:0;display:block}
.honor .owl-carousel.owl-hidden{opacity:0}
.honor .owl-carousel.owl-refresh .owl-item{visibility:hidden}
.honor .owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.honor .owl-carousel.owl-grab{cursor:move;cursor:grab}
.honor .owl-carousel.owl-rtl{direction:rtl}
.honor .owl-carousel.owl-rtl .owl-item{float:right}
.honor .owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}
.honor .owl-carousel .owl-animated-in{z-index:0}
.honor .owl-carousel .owl-animated-out{z-index:1}
.honor .owl-carousel .fadeOut{animation-name:fadeOut}

.honor .owl-carousel .owl-item:hover img{display:block;width:100%;transition: all 1s;transform:scale(1.05); -ms-transform:scale(1.05); -webkit-transform:scale(1.05); -o-transform:scale(1.05);-moz-transform:scale(1.05);}



@keyframes fadeOut{
0%{opacity:1}
100%{opacity:0}
}

.owl-height{transition:height .5s ease-in-out}
.honor .owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}
.honor .owl-carousel .owl-item .owl-lazy:not([src]),.honor .owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}
.honor .owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}
.honor .owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}
.honor .owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}
.honor .owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}
.honor .owl-carousel .owl-video-playing .owl-video-play-icon,.honor .owl-carousel .owl-video-playing .owl-video-tn{display:none}
.honor .owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}
.honor .owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}

@media(max-width:768px){
.honor .owl-carousel .owl-item .item a{margin-top:0rem;}
.honor{padding:3rem 0rem;}
.honor .owl-carousel .owl-item .item{border: solid #ccc 1px;padding:2% 2%}
.product{display:none}
.honor{display:block}
.left{width:100%;}
.right{width:100%;}
}
@media (min-width:769px) and (max-width:990px){
.product{display:none}
.honor{display:block}
.left{width:100%;}
.right{width:100%;}
}
@media (min-width:991px) and (max-width:1080px){
.product{display:none}
.honor{display:block}
}



.tit{width:100%;height:auto;clear:both;position:relative;overflow:hidden;}
.tit h1 a{display:block;width:100%;height:auto;clear:both;position:relative;overflow:hidden;font-size:3.6rem;line-height:4rem;text-align:center;color:#000;font-family:"庞门正道标题体";font-weight:bold;letter-spacing:-2px;transition:all 1s}
.tit h2 a{display:block;width:100%;height:auto;clear:both;position:relative;overflow:hidden;font-size:2.4rem;line-height:4rem;text-align:center;color:#000;font-weight:normal;letter-spacing:2px;transition:all 1s}
.tit:hover h1 a{letter-spacing:2px;transition:all 1s}
.tit:hover h2 a{letter-spacing:4px;transition:all 1s}
.tit p{display:block;width:100%;height:auto;clear:both;position:relative;overflow:hidden;font-size:1.4rem;line-height:2;text-align:center;color:#8b8a8a;font-weight:normal;transition:all 1s}



.tit2{width:100%;height:auto;margin:0 auto;position:relative;overflow:hidden;}
.tit2 .tc{width:70%;height:auto;float:left;position:relative;overflow:hidden;}
.tit2 h1 a{display:block;width:100%;height:auto;clear:both;position:relative;overflow:hidden;font-size:3.6rem;line-height:4rem;text-align:left;color:#000;font-family:"庞门正道标题体";font-weight:bold;letter-spacing:-2px;transition:all 1s}
.tit2 h2 a{display:block;width:100%;height:auto;clear:both;position:relative;overflow:hidden;font-size:2.4rem;line-height:4rem;text-align:left;color:#000;font-weight:normal;letter-spacing:2px;transition:all 1s}
.tit2 p{display:block;width:100%;height:auto;clear:both;position:relative;overflow:hidden;font-size:1.4rem;line-height:2;text-align:left;color:#000;font-weight:normal;transition:all 1s}
.tit2:hover h1 a{letter-spacing:2px;transition:all 1s}
.tit2:hover h2 a{letter-spacing:4px;transition:all 1s}



.tit3{width:100%;height:auto;margin:0 auto;position:relative;overflow:hidden;}
.tit3 .tc{width:100%;height:auto;float:left;position:relative;overflow:hidden;}
.tit3 h1 a{display:block;width:100%;height:auto;clear:both;position:relative;overflow:hidden;font-size:3.6rem;line-height:4rem;text-align:right;color:#000;font-family:"庞门正道标题体";font-weight:bold;letter-spacing:-2px;transition:all 1s}
.tit3 h2 a{display:block;width:100%;height:auto;clear:both;position:relative;overflow:hidden;font-size:2.4rem;line-height:4rem;text-align:right;color:#000;font-weight:normal;letter-spacing:2px;transition:all 1s}
.tit3 p{display:block;width:100%;height:auto;clear:both;position:relative;overflow:hidden;font-size:1.4rem;line-height:2;text-align: right;color:#000;font-weight:normal;transition:all 1s}
.tit3:hover h1 a{letter-spacing:2px;transition:all 1s}
.tit3:hover h2 a{letter-spacing:4px;transition:all 1s}

.tit3 .amore{width:100%;height:auto;float:left;position:relative;overflow:hidden;margin-top:5rem;;}
.tit3 .amore a{float:right;width:110px;height:30px;line-height:30px;text-align:center;color:#fff;text-align:center;background:#ff6000;display:block;font-size:1.4rem;transition:all 1s}











@media(max-width:768px){
.tit h1 a{font-size:2.4rem}
.tit h2 a{font-size:1.6rem}
.tit2 h1 a{font-size:2.4rem}
.tit2 h2 a{font-size:1.6rem}
.tit3 h1 a{font-size:2.4rem}
.tit3 h2 a{font-size:1.6rem}
}

@media (min-width:769px) and (max-width:990px){

.tit h1 a{font-size:2.6rem}
.tit h2 a{font-size:1.8rem}
.tit2 h1 a{font-size:2.6rem}
.tit2 h2 a{font-size:1.8rem}
.tit3 h1 a{font-size:2.6rem}
.tit3 h2 a{font-size:1.8rem}

}
@media (min-width:991px) and (max-width:1080px){

.tit h1 a{font-size:2.8rem}
.tit h2 a{font-size:1.8rem}
.tit2 h1 a{font-size:2.8rem}
.tit2 h2 a{font-size:1.8rem}
.tit3 h1 a{font-size:2.8rem}
.tit3 h2 a{font-size:1.8rem}
}


@media (min-width:1081px) and (max-width:1320px){
.tit h1 a{font-size:3rem}
.tit h2 a{font-size:2rem}
.tit2 h1 a{font-size:3rem}
.tit2 h2 a{font-size:2rem}
.tit3 h1 a{font-size:3rem}
.tit3 h2 a{font-size:2rem}
}



@media (min-width:1321px) and (max-width:1440px){
.tit h1 a{font-size:3.2rem}
.tit h2 a{font-size:2rem}
.tit2 h1 a{font-size:3.2rem}
.tit2 h2 a{font-size:2rem}
.tit3 h1 a{font-size:3.2rem}
.tit3 h2 a{font-size:2rem}
}


@media (min-width:1441px) and (max-width:1600px){
.tit h1 a{font-size:3.4rem}
.tit h2 a{font-size:2.2rem}
.tit2 h1 a{font-size:3.4rem}
.tit2 h2 a{font-size:2.2rem}
.tit3 h1 a{font-size:3.4rem}
.tit3 h2 a{font-size:2.2rem}
}


















.cen{width:100%;height:100%;position:relative;overflow:hidden;display: inline-block;}
.cen2{position: absolute;top: 50%;transform: translateY(-50%);left: 0%;width:100%;height:auto;}
.cen3{position: absolute;top: 50%;transform: translateY(-50%);right: 5%;width:auto;height:auto;}


.product3{width:100%;height:auto;clear:both;overflow:hidden;position:relative;background:#e5e5e5;padding:5rem 0rem;}
.product3 .p1{width:100%;height:auto;clear:both;overflow:hidden;position:relative;}

.product3 .p1 .img{width:75%;float:left;height:auto;}
.product3 .p1 .img img{width:100%;height:auto;display:block;transform:scale(1.0);transition:all 1s;}
.product3 .p1:hover .img img{transform:scale(1.1);transition:all 1s;}


.product3 .p1 .text{width:25%;height:100%;background:#fff;position:absolute;right:0px;top:0px;}
.product3 .p1 .text  .t1{width:115px;height:35px;line-height:35px;color:#fff;font-size:1.4rem;display:block;margin:2rem auto;background:#ff6000;border-radius:25px;text-align:center;}

.product3 .p1 .text ul{width:100%;height:auto;clear:both;position:relative;text-align:center;margin:3rem 0rem;}
.product3 .p1 .text ul li{display:inline-table;}
.product3 .p1 .text ul li a{color:#666666;font-size:1.4rem;margin:1rem;}
.product3 .p1 .text ul li:hover a{color:#ff6000}
.product3 .p1 .text .more{margin:0 auto;width:110px;height:30px;line-height:30px;text-align:center;color:#666;text-align:center;border:solid #666666 1px;display:block;font-size:1.4rem;}


.product3 .p2{width:100%;height:auto;clear:both;overflow:hidden;position:relative;}
.product3 .p2 ul{width:100%;height:auto;clear:both;overflow:hidden;position:relative;}
.product3 .p2 ul li{width:32%;float:left;overflow:hidden;margin-top:1%;}
.product3 .p2 ul li:nth-child(2){margin:1% 2%;}
.product3 .p2 ul li.img{width:100%;float:left;height:auto;}
.product3 .p2 ul li .img img{width:100%;height:auto;display:block;transform:scale(1.0);transition:all 1s;}
.product3 .p2 ul li:hover .img img{transform:scale(1.1);transition:all 1s;}


.product3 .p2 ul li .text{width:100%;height:100%;background:#fff;padding:5%;clear: Both;float: left;position:relative}
.product3 .p2 ul li .text .info{width:70%;height:100%;float:left}
.product3 .p2 ul li .text .more2{float:left;width:110px;height:30px;line-height:30px;text-align:center;color:#666;text-align:center;border:solid #666666 1px;display:block;font-size:1.4rem;transition:all 1s}
.product3 .p2 ul li .text h1 a{height:25px;overflow:hidden;display:block;width:100%;height:auto;clear:both;position:relative;overflow:hidden;font-size:1.8rem;line-height:1;color:#000;font-family:"庞门正道标题体";font-weight:bold;transition:all 1s}
.product3 .p2 ul li .text h2 a{height:25px;overflow:hidden;display:block;width:100%;height:auto;clear:both;position:relative;overflow:hidden;font-size:1.8rem;line-height:1.6;color:#000;font-weight:normal;letter-spacing:2px;transition:all 1s}
.product3 .p2 ul li .text:hover h1 a{letter-spacing:2px;transition:all 1s}
.product3 .p2 ul li .text:hover h2 a{letter-spacing:4px;transition:all 1s}
.product3 .p2 ul li .text:hover .more2{background:#ff6000;color:#fff;border:solid #ff6000 1px;transition:all 1s}


@media(max-width:768px){
.product3 .p1 .img{width:100%;}
.product3 .p1 .text{width:100%;position: unset;padding:1rem 0rem;}
.product3 .p1 .text .cen2{width:100%;position: unset;transform: translateY(0%);}
.product3 .p2 ul li{width:48%;float:left;margin:1%;}
.product3 .p2 ul li:nth-child(2){margin:1%;}
.product3 .p2 ul li .text .info{width:100%}
.product3 .p2 ul li .text .more2{clear:both;float:left;display:none;}
.product3 .p2 ul li:nth-child(3){width:100%;}
.product3 .p2 ul li .text h1 a{font-size:1.4rem;}
.product3 .p2 ul li .text h2 a{font-size:1.4rem;}
}

@media (min-width:769px) and (max-width:990px){
.product3 .p1 .img{width:70%;}
.product3 .p1 .text{width:30%;}
.product3 .p2 ul li .text .info{width:100%}
.product3 .p2 ul li .text .more2{clear:both;float:left;display:none;}
..product3 .p2 ul li .text h1 a{font-size:1.4rem;}
.product3 .p2 ul li .text h2 a{font-size:1.4rem;}
}
@media (min-width:991px) and (max-width:1080px){
.product3 .p1 .img{width:60%;}
.product3 .p1 .text{width:40%;}
}


/*布局*/
.bj{width:100%;height:auto;clear:both;position:relative;float:left;background:#ffffff;padding:10rem 0rem;}
.bj .crc{width:30%;float:right;overflow:hidden;height:auto;position: absolute;right: 0px;top: 50%;transform: translateY(-50%);}
.bj .crc .bjn{width:100%;height:auto;position:relative;overflow:hidden;margin-top:5rem;}
.bj .crc .bjn p{color:rgba(0,0,0,0.7);font-size:1.6rem;letter-spacing:1p;text-align:justify}
.bj .mm{width:60%;float:left;overflow:hidden;height:auto;position:relative}
.bj .mm .di{float:right;max-width:100%;width:auto;height:auto}

@media(max-width:990px){
.bj .crc{width:100%}
.bj .mm{width:100%}
.bj .crc{position:static;right: 0px;top: 0%;transform: translateY(0%);}
.bj { padding: 2rem 0rem;}
.bj .crc .bjn p { font-size: 1.4rem;text-align:justify}

}
@media (min-width:769px) and (max-width:990px){

}
@media (min-width:991px) and (max-width:1080px){

}


