body,h1,h2,h3,h4,h5,h6,hr,a,blockquote,dl,div,dt,dd,ul,ol,li,img,select,fieldset,pre,form,fieldset,legend,button,input,textarea,th{ margin:0; padding:0;}

*{word-wrap:break-word;}

body { font: 12px/1.232  Arial, Tahoma,'微软雅黑', Helvetica, sans-serif;}

a { text-decoration:none; outline:none;display:inline-block;}

a,input,select,textarea { outline:none; vertical-align:middle;}

ul,dl { list-style-type:none;}

img { border:0;}

small,em,i {font-weight:normal; font-style:normal;}

li { list-style:none;}

label input { vertical-align:middle;margin-right:5px;}

img {border:0;}

.clear { clear: both; padding:0; margin:0; line-height:0; font-size:0; height:0;}

.clear-fix { *overflow: hidden; *zoom: 1; }  

.clear-fix:after { display: table; content: ""; clear: both; padding:0; margin:0; line-height:0; font-size:0; height:0;} 





.nybanner{}

.nybanner a{width:100%; background-position:center center; background-size:cover; background-repeat:no-repeat; padding-bottom:22.859%;}



.nydh{ max-width:1100px; margin:0 auto;}

.nydbt{ height:58px; float:right;}

.nydbt p{ font-size:14px; color:#777; float:left; line-height:58px; margin:0 5px;}

.nydbt a{font-size:14px; color:#777;float:left; line-height:58px;}



.abcontainer{ padding:27px 15px 58px; background-color:#f9f9f9; max-width:1100px; margin:0 auto;}

.abcontainer h1{ border-bottom:solid 1px #ccc; padding-bottom:9px; margin-left:15px; margin-right:15px;}

.abcontainer h1 a{ font-size:18px; color:#101010;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s; text-decoration:none;font-weight:bold;}

.abcontainer h1 a:hover{color:#ffd100;}

.abtxt{padding-left:15px; padding-right:15px; font-size:12px; color:#555; line-height:20px; margin-bottom:50px;}

.abtxt p{font-size:12px; color:#555; line-height:20px;margin-top:20px;}

.abimg{ margin:30px 0;padding-left:15px; padding-right:15px;}

.abimg img{ width:100%;}

.abtxt h3{ font-size:16px; color:#555; margin-top:20px; font-weight:bold;}

.nyanzs{ margin-top:20px;}

.nyanzs a{ padding-left:15px;padding-right:15px; float:left;}

.nyanzs a img{ width:100%;border: solid 1px #cdcdcd;}



.contact_container{ padding:27px 15px 58px; background-color:#f9f9f9; max-width:1100px; margin:0 auto;}

.contact_container h1{ font-size:24px; color:#2b3a63;}

.contact_xnxi{}

.contact_xnxi li{ margin-top:15px; float:left; width:100%;}

.contact_xnxi li p{ float:left; font-size:14px; color:#555;}

.contact_xnxi li a{ float:left; font-size:14px; color:#555; text-decoration:none;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s;}

.contact_xnxi li a:hover{color:#ffd100;}

.contact_container h3{ font-size:16px; color:#555; margin-top:20px; font-weight:bold;}

.nyinputnr{ margin-top:20px;}

.nyinput{ width:44.02%; position:relative; margin-top:10px;}

.nyinput i{ position:absolute;top:10px; left:75px; font-size:12px; color:#2b3a63;}

.nyinput input{ width:100%;height:46px; background-color:#e4e4e4; line-height:46px; padding:0 15px; color:#000;border:0;}

.nybqq{width: 84.58%; margin-top:10px;}

.nybqq textarea{padding:15px; width:100%;color:#333;word-wrap: break-word;resize: none;font: 14px/1.232 Arial, Helvetica, sans-serif; height:217px; background-color:#e4e4e4;}

.nybutton{ margin-top:10px;}

.nybutton button{ width:97px; height:32px; background-color:#5c5c5cl; text-transform:uppercase; line-height:32px; text-align:center; color:#FFF; font-size:16px; margin-right:10px;}

.nybutton button:hover{ background-color:#333333;}



.news_container{padding:0px 30px 58px; background-color:#f9f9f9; max-width:1100px; margin:0 auto;}

.newsnr{}

.newsnr li{ float:left; width:100%; padding-bottom:45px; border-bottom:solid 1px #b0b0b0; margin-top:40px;}

.news_tup{ padding-left:0px;}

.news_tup a{ width:100%;}

.news_tup img{ width:100%; max-width:269px; max-height:170px;}

.news_txt{padding-left:35px; padding-right:0px;}

.news_txt h1{}

.news_txt h1 a{ font-size:16px; color:#333; font-weight:bold;text-decoration:none;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s;}

.news_txt h1 a:hover{color:#ffd100;}

.news_txt>p{ font-size:12px; color:#b0b0b0; line-height:20px; margin-top:25px; margin-bottom:18px;}

.nyfax{ margin-top:25px;}

.nyfany{ float:right;}

.nyfany>a{ font-size:18px; color:#6f6f6f; background-color:#ededed; text-decoration:none; float:left;width:40px; height:40px; line-height:40px; text-align:center; margin-right:5px;text-decoration:none;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s; margin-top:17px;}

.nyfany>a:hover,.nyfany>a.cars{ background-color:#6f6f6f; color:#fff;}

.fayelr{ float:left; margin-left:5px;}

.fayelr a{ float:left; font-size:18px; height:73px; line-height:73px; width:88px; text-align:center; color:#555; margin-right:12px; background-color:#CCC;text-decoration:none;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s;}

.fayelr a:hover{ background-color:#6f6f6f; color:#fff;}



.newsxq_container{padding:27px 15px 58px; background-color:#f9f9f9; max-width:1100px; margin:0 auto;}

.newsxq_container h1{ text-align:center; font-size:16px; color:#333; font-weight:bold; margin-bottom:30px;}

.newsxq_container p{ font-size:12px; color:#555; line-height:20px;}

.nysjcl{}

.nysjclnr{ float:right;}

.nysjclnr a{ text-decoration:none;}

.nysjclnr .nysj{ float:left; font-size:12px; color:#ccc; padding-left:20px; background:url(../images/sjcl1.png) 0 0 no-repeat; line-height:20px; margin-left:15px;}

.nyck{float:left; font-size:12px; color:#ccc; padding-left:20px; background:url(../images/sjcl2.png) 0 0 no-repeat; line-height:20px; margin-left:15px;}

.liuyan{float:left; font-size:12px; color:#ccc; padding-left:20px; background:url(../images/sjcl3.png) 0 0 no-repeat; line-height:20px; margin-left:20px;}

.liuyan:hover{color:#ccc;}



.xzbt{ font-size:16px; color:#2b3a63; padding-left:66px; padding-right:15px; background: url(../images/xztb.png) 25px 16px no-repeat #f9f9f9; border-bottom:solid 3px #ededed; max-width:1100px; margin:0 auto; line-height:57px;}

.catalog_container{padding:0px 15px 58px; background-color:#f9f9f9; max-width:1100px; margin:0 auto;} 

.catalognr{}

.catalognr li{float:left; width:100%; padding-bottom:30px; border-bottom:solid 1px #b0b0b0; margin-top:31px;}

.xztm{ font-size:12px; color:#555; background:url(../images/xzwztb1.png) 11px 0 no-repeat; line-height:18px; padding-left:49px;float:left;text-decoration:none;}

.catalognr li:hover .xztm{ color:#2b3a63; background:url(../images/xzwztb2.png) 11px 0 no-repeat;text-decoration:none;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s;}

.xzannu{ float:right;}

.xzannu a{ background:url(../images/xzan.png) 7px 0px no-repeat; float:left; padding-left:35px; padding-right:10px; line-height:24px; height:24px; color:#ededed; font-size:12px; background-color:#5c5c5c;}

.catalognr li:hover .xzannu a{ background-color:#2b3a63;text-decoration:none;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s;}

.xzannu span{ float:left; font-size:12px; background:url(../images/xzdjl1.png) 0px 0px no-repeat; color:#5c5c5c; padding-left:20px; line-height:15px; margin-left:15px; margin-top:4px;}

.catalognr li:hover span{background:url(../images/xzdjl2.png) 0px 0px no-repeat; color:#2b3a63;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s;}



.porduct_container{ max-width:1440px; margin:0 auto;}

.porduct_container strong{ font-weight:100;}

.desktop #primary-navigation{position: static;width:32.014%;height:100%;;right: -12.5rem;float: left;}

.desktop .porduc_nr{padding-top:50px;}

.desktop .porduc_nr>ul{position: relative;}

.desktop .porduc_nr>ul:before, .desktop .porduc_nr ul:after{content: "";display: block;}

.desktop .porduc_nr>ul:after{clear: both;}

.desktop .porduc_nr>ul>li{width:100%; border-bottom:solid 1px #e1e1e1;line-height: 35px;}

.desktop .porduc_nr>ul>li .pordh{text-align:left;padding: 0 0px 0 10px; text-decoration: none;color: #666666;-webkit-transition: background-color0.3s ease-in-out, color 0.3s ease-in-out;-moz-transition: background-color0.3s ease-in-out, color 0.3s ease-in-out;-o-transition: background-color0.3s ease-in-out, color 0.3s ease-in-out;-ms-transition: background-color0.3s ease-in-out, color 0.3s ease-in-out;transition: background-color0.3s ease-in-out, color 0.3s ease-in-out; width:100%;line-height:32px; font-size:14px;}

.desktop .porduc_nr>ul>li a:hover{}
#primary-navigation{width:18%;float:left;margin-left: 10%}

.desktop .porduc_nr>ul>li ul{display: block;position: relative;}

.porduc_nr{float:left;    font-size: 16px;  color: #333;}

.porduc_nr h1{ font-size:25px;text-align:left;padding-left: 10px; text-transform:uppercase;line-height: 50px;border-bottom: 1px #666666 solid;}

.sub-wrapper{}

.sub-wrapper ul{}

.sub-wrapper ul li{padding-left: 30px;}

.sub-wrapper ul li i{ float:left; margin-right:10px; width:2px; height:2px; display:inline-block; background-color:#596483;margin-top: 15px;}

.sub-wrapper ul li a{line-height:32px; float:left; font-size:12px; color:#000; -webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s; text-decoration:none;}

.sub-wrapper ul li a:hover{ color:#596483;}



.ma-infinitypush-open{display: block;position: fixed;overflow: hidden;height: 100%;width: 100%;}

.ma-infinitypush-wrapper{background-color: #f9f7f6;position: fixed;width: 250px;height: 100%;z-index:1;}

.ma-infinitypush-wrapper.ma-infinitypush-active-button{position: absolute;}

.ma-infinitypush-wrapper.ma-infinitypush-active-button.ma-infinitypush-button-left .ma-infinitypush-button{margin: 0 0 0 22px;right: -44px;}

.ma-infinitypush-wrapper.ma-infinitypush-active-button.ma-infinitypush-button-right .ma-infinitypush-button{margin: 0 22px 0 0;left: -44px;}

.ma-infinitypush-wrapper .ma-infinitypush-button{display: block; background-image:url(../images/dh.png); background-position:center center; background-size:31px 31px; background-repeat:no-repeat; position: absolute;text-indent: -9999px;width:40px;height: 31px; border:solid 1px #2b3a63; border-radius:5px; padding:5px 10px;top: 89px;cursor: pointer;z-index: 0;}

.ma-infinitypush-wrapper.ma-infinitypush-left .ma-infinitypush ul li ul, .ma-infinitypush-wrapper.ma-infinitypush-left .ma-infinitypush ul li ol, .ma-infinitypush-wrapper.ma-infinitypush-left .ma-infinitypush ol li ul, .ma-infinitypush-wrapper.ma-infinitypush-left .ma-infinitypush ol li ol{border-left: 1px solid rgba(0, 0, 0, 0.1);}

.ma-infinitypush-wrapper.ma-infinitypush-right .ma-infinitypush ul li ul, .ma-infinitypush-wrapper.ma-infinitypush-right .ma-infinitypush ul li ol, .ma-infinitypush-wrapper.ma-infinitypush-right .ma-infinitypush ol li ul, .ma-infinitypush-wrapper.ma-infinitypush-right .ma-infinitypush ol li ol{border-right: 1px solid rgba(0, 0, 0, 0.1);}

.ma-infinitypush-wrapper .ma-infinitypush{background-color: transparent !important;position: relative;height: 100%;overflow-x: hidden;overflow-y: auto;z-index: 5000;}

.ma-infinitypush-wrapper .ma-infinitypush ul, .ma-infinitypush-wrapper .ma-infinitypush ol{background-color: #f9f7f6;list-style-type: none;width: 250px;overflow-x: hidden;}

.ma-infinitypush-wrapper .ma-infinitypush ul li, .ma-infinitypush-wrapper .ma-infinitypush ol li{height: 32px;width: 100%;padding-left: 25px; line-height:32px;}

.ma-infinitypush-wrapper .ma-infinitypush ul li a, .ma-infinitypush-wrapper .ma-infinitypush ol li a{color: #404d5b;display: block;font-size: 13px;text-decoration: none;height: 100%;margin: 0;}

.ma-infinitypush-wrapper .ma-infinitypush ul li ul, .ma-infinitypush-wrapper .ma-infinitypush ul li ol, .ma-infinitypush-wrapper .ma-infinitypush ol li ul, .ma-infinitypush-wrapper .ma-infinitypush ol li ol{display: none;position: absolute;height: 100%;top: 0;overflow-y: auto;}

.ma-infinitypush-wrapper .ma-infinitypush ul li.ma-infinitypush-active-item, .ma-infinitypush-wrapper .ma-infinitypush ol li.ma-infinitypush-active-item{background-color: #ccc;}

.ma-infinitypush-wrapper .ma-infinitypush ul li.ma-infinitypush-active-item > a, .ma-infinitypush-wrapper .ma-infinitypush ol li.ma-infinitypush-active-item > a{color: #252324 !important;text-decoration: none !important;}

.ma-infinitypush-wrapper .ma-infinitypush > ul, .ma-infinitypush-wrapper .ma-infinitypush > ol{border-bottom: 1px solid #e9e9e9;}

.ma-infinitypush-wrapper .ma-infinitypush.ma-infinitypush-sub-open{overflow-y: hidden;}

.ma-infinitypush-wrapper .ma-infinitypush .ma-infinitypush-inactive{border-right: none !important;border-left: none !important;overflow-y: hidden !important;}

.ma-infinitypush-wrapper .ma-infinitypush .ma-infinitypush-close-subnav{position: absolute;background-color: rgba(0, 0, 0, 0.5);width: 250px;height: 100% !important;top: 0;left: 0;padding: 0 !important;}

.porductnr{ float:left;padding-right:29px; width:70%; padding-bottom:60px;}

.porductnr .nydh{ margin:0; max-width:100%; width:100%;}

.porduct_cp{}

.porduct_cp ul{}

.porduct_cp ul li{ margin-top:35px;}

.porduct_cp ul li .cportup{ width:100%; overflow:hidden; position:relative;}
/*20171116*/
.canopy{
    background: rgba(113,113,113,.75);
    font-size:14px;
    color:#ccc;
    text-align: center;
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    z-index:9999;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    min-height:64px;
}
.canopy>p{
    margin:auto;
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    z-index:999999;
}
.canopy a{
    width:100%;
}
.canopy a p{
    width:100%;
    text-align: center;
    line-height: 20px;
    color: #efefef;
	overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
}
.canopy a p.canopy1{
	height:45px;
}
.canopy:hover {
    padding:32% 0;
    height:100%;
}
.canopy .canopy2{
     color:#cf0018;
     display:none;
 }
.canopy:hover .canopy2{
    display:block;
}

/*20171116*/
.porduct_cp ul li .cportup .portp{ width:100%;}
.porduct_cp ul li .cportup .portp{ width:100%;}

.porduct_cp ul li .cportup .portp>img{ width:100%;}

.cpzeza{ width:100%; height:100%; background-color:#000; position: absolute; top:100%; left:100%;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s;opacity:0.5;}

.porduct_cp ul li .cportup:hover .cpzeza{top:0px; left:0px;}

.cpzatxt{padding-top: 30%;  width:100%; height:100%;position: absolute; bottom:100%; right:100%;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s;}

.porduct_cp ul li .cportup:hover .cpzatxt{bottom:0px; right:0px;}

.cpzatxt h3{ text-align:center;}

.cpzatxt h3 a{ font-size:18px; color:#FFF; text-decoration:none;}

.gzf{ text-align:center;margin-top: 13%;}

.gzf a{ width:100%; height:40px;line-height: 40px;color:#FFF;}

.gzf a img{ width:100%;}

.porduct_bt{ width:100%; background-color:#FFF; text-align:center;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s; margin-top:2px;}

.porduct_bt a{ font-size:14px; color:#131723; height:33px; line-height:33px; overflow:hidden;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s;}

.porduct_cp ul li:hover .porduct_bt{background-color:#2b3a63;}

.porduct_cp ul li:hover .porduct_bt a{ color:#FFF; width:100%; text-decoration:none;}





.hout_porducts{ margin-top:55px;}

.hout_porducts h1{ padding-left:23px;}

.hout_porducts h1 a{ font-size:25px; color:#000; text-transform:uppercase;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s; text-decoration:none;}

.hout_porducts h1 a:hover{ color:#ffd100;}

.team{ margin-top:40px;}

.team .cportup{ position:relative; overflow:hidden;}

.team .cportup .portp{ width:100%;}

.team .cportup .portp img{ width:100%;}

.team .cportup:hover .cpzatxt{bottom:0px; right:0px;}

.team .cportup:hover .cpzeza{top:0px; left:0px;}

.team .porduct_bt{ width:100%; background-color:#FFF; text-align:center;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s; margin-top:2px;}

.team .porduct_bt a{ font-size:14px; color:#131723; height:33px; line-height:33px; overflow:hidden;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s;}

#owl-demo .item:hover .porduct_bt{background-color:#2b3a63;}

#owl-demo .item:hover .porduct_bt a{ color:#FFF; width:100%; text-decoration:none;}

#owl-demo .item{margin:3px auto;}

#owl-demo .item{width:100%;}

#owl-demo .item img{display: block;height: auto; width:100%;}

.owl-theme .owl-controls{margin-top: 0px;text-align: center;}

/* Styling Next and Prev buttons*/

.owl-theme .owl-controls .owl-buttons div{color: #FFF;display: inline-block;zoom: 1;font-size: 12px;width: 12px;height: 12px;top:-59px;}

.owl-prev{background-image: url(../images/cplb1.png); background-repeat:no-repeat;position: absolute;right:30px;}

.owl-next{ background-image:url(../images/cplb2.png); background-repeat:no-repeat;position: absolute;right:0;}

/* Clickable class fix problem with hover on touch devices*//* Use it for non-touch hover action*/.owl-theme .owl-controls.clickable .owl-buttons div:hover{filter: Alpha(Opacity=100);/*IE7 fix*/opacity: 1;text-decoration: none;}

/* Styling Pagination*/.owl-theme .owl-controls .owl-page{display: inline-block;zoom: 1;*display: inline;/*IE7 life-saver*/}

.owl-theme .owl-controls .owl-page span{display: block;width: 12px;height: 12px;margin: 5px 7px;filter: Alpha(Opacity=50);/*IE7 fix*/opacity: 0.5;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;background: #3A3A3A;}

.owl-theme .owl-controls .owl-page.active span,

.owl-theme .owl-controls.clickable .owl-page:hover span{filter: Alpha(Opacity=100);/*IE7 fix*/opacity: 1;}

/* If PaginationNumbers is true*/.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;}

/* preloading images*/

/* *Core Owl Carousel CSS File *v1.24*//* clearfix*/.owl-carousel .owl-wrapper:after{content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}

/* display none until init*/.owl-carousel{display: none;position: relative;width:97.596%;-ms-touch-action: pan-y;margin: 0 auto;}

.owl-carousel .owl-wrapper{display: none;position: relative;-webkit-transform: translate3d(0px, 0px, 0px);}

.owl-carousel .owl-wrapper-outer{overflow: hidden;position: relative;width: 100%;}

.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;}

.owl-carousel .owl-item{float: left; padding:0 8px;}

.owl-controls .owl-page,

.owl-controls .owl-buttons div{cursor: pointer;}

.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);}

/* mouse grab icon*/.grabbing{cursor:url(grabbing.png) 8 8, move;}

/* fix*/.owl-carousel .owl-wrapper,

.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);}

/* CSS3 Transitions*/.owl-origin{-webkit-perspective: 1200px;-webkit-perspective-origin-x : 50%;-webkit-perspective-origin-y : 50%;-moz-perspective : 1200px;-moz-perspective-origin-x : 50%;-moz-perspective-origin-y : 50%;perspective : 1200px;}

/* fade*/.owl-fade-out{z-index: 10;-webkit-animation: fadeOut .7s both ease;-moz-animation: fadeOut .7s both ease;animation: fadeOut .7s both ease;}

.owl-fade-in{-webkit-animation: fadeIn .7s both ease;-moz-animation: fadeIn .7s both ease;animation: fadeIn .7s both ease;}

/* backSlide*/.owl-backSlide-out{-webkit-animation: backSlideOut 1s both ease;-moz-animation: backSlideOut 1s both ease;animation: backSlideOut 1s both ease;}

.owl-backSlide-in{-webkit-animation: backSlideIn 1s both ease;-moz-animation: backSlideIn 1s both ease;animation: backSlideIn 1s both ease;}

/* goDown*/.owl-goDown-out{-webkit-animation: scaleToFade .7s ease both;-moz-animation: scaleToFade .7s ease both;animation: scaleToFade .7s ease both;}

.owl-goDown-in{-webkit-animation: goDown .6s ease both;-moz-animation: goDown .6s ease both;animation: goDown .6s ease both;}

/* scaleUp*/.owl-fadeUp-in{-webkit-animation: scaleUpFrom .5s ease both;-moz-animation: scaleUpFrom .5s ease both;animation: scaleUpFrom .5s ease both;}

.owl-fadeUp-out{-webkit-animation: scaleUpTo .5s ease both;-moz-animation: scaleUpTo .5s ease both;animation: scaleUpTo .5s ease both;}

/* Keyframes*//*empty*/@-webkit-keyframes empty{0%{opacity: 1}}

@-moz-keyframes empty{0%{opacity: 1}}

@keyframes empty{0%{opacity: 1}}

@-webkit-keyframes fadeIn{0%{opacity:0;}

100%{opacity:1;}}

@-moz-keyframes fadeIn{0%{opacity:0;}

100%{opacity:1;}}

@keyframes fadeIn{0%{opacity:0;}

100%{opacity:1;}}

@-webkit-keyframes fadeOut{0%{opacity:1;}

100%{opacity:0;}}

@-moz-keyframes fadeOut{0%{opacity:1;}

100%{opacity:0;}}

@keyframes fadeOut{0%{opacity:1;}

100%{opacity:0;}}

@-webkit-keyframes backSlideOut{25%{opacity: .5;-webkit-transform: translateZ(-500px);}

75%{opacity: .5;-webkit-transform: translateZ(-500px) translateX(-200%);}

100%{opacity: .5;-webkit-transform: translateZ(-500px) translateX(-200%);}}

@-moz-keyframes backSlideOut{25%{opacity: .5;-moz-transform: translateZ(-500px);}

75%{opacity: .5;-moz-transform: translateZ(-500px) translateX(-200%);}

100%{opacity: .5;-moz-transform: translateZ(-500px) translateX(-200%);}}

@keyframes backSlideOut{25%{opacity: .5;transform: translateZ(-500px);}

75%{opacity: .5;transform: translateZ(-500px) translateX(-200%);}

100%{opacity: .5;transform: translateZ(-500px) translateX(-200%);}}

@-webkit-keyframes backSlideIn{0%, 25%{opacity: .5;-webkit-transform: translateZ(-500px) translateX(200%);}

75%{opacity: .5;-webkit-transform: translateZ(-500px);}

100%{opacity: 1;-webkit-transform: translateZ(0) translateX(0);}}

@-moz-keyframes backSlideIn{0%, 25%{opacity: .5;-moz-transform: translateZ(-500px) translateX(200%);}

75%{opacity: .5;-moz-transform: translateZ(-500px);}

100%{opacity: 1;-moz-transform: translateZ(0) translateX(0);}}

@keyframes backSlideIn{0%, 25%{opacity: .5;transform: translateZ(-500px) translateX(200%);}

75%{opacity: .5;transform: translateZ(-500px);}

100%{opacity: 1;transform: translateZ(0) translateX(0);}}

@-webkit-keyframes scaleToFade{to{opacity: 0;-webkit-transform: scale(.8);}}

@-moz-keyframes scaleToFade{to{opacity: 0;-moz-transform: scale(.8);}}

@keyframes scaleToFade{to{opacity: 0;transform: scale(.8);}}

@-webkit-keyframes goDown{from{-webkit-transform: translateY(-100%);}}

@-moz-keyframes goDown{from{-moz-transform: translateY(-100%);}}

@keyframes goDown{from{transform: translateY(-100%);}}

@-webkit-keyframes scaleUpFrom{from{opacity: 0;-webkit-transform: scale(1.5);}}

@-moz-keyframes scaleUpFrom{from{opacity: 0;-moz-transform: scale(1.5);}}

@keyframes scaleUpFrom{from{opacity: 0;transform: scale(1.5);}}

@-webkit-keyframes scaleUpTo{to{opacity: 0;-webkit-transform: scale(1.5);}}

@-moz-keyframes scaleUpTo{to{opacity: 0;-moz-transform: scale(1.5);}}

@keyframes scaleUpTo{to{opacity: 0;transform: scale(1.5);}}

/*----responsive-mediaquries-----*/@media (max-width:1024px){#owl-demo .item img{width: 100%;}}

@media (max-width:768px){.owl-carousel{width: 100%;}}

@media (max-width:320px){.owl-carousel{width: 100%;}

.owl-prev{top: 35%;}

.owl-next{top: 35%;}

}





.porduct_xq{float:left; background-color:#FFF; width:85%; padding-bottom:36px; padding-top:76px; padding-left:13%;}

#MagnifierWrap2{ float:left;}



.right-extra .mt{height:28px;line-height:28px;padding:0 10px 8px;border-top:1px solid #EED97C;background:url(../images/bg_hotsale.gif) repeat-x 0 -552px;color:#c00;}

.right-extra .tab{margin-bottom:10px;text-align:center;}

.right-extra .tab li{ cursor:pointer;width: 100%; display:inline-block;position:relative;height:50px;overflow:hidden;margin:0px 2px;line-height:50px;font-size:20px;color:#000; text-align:center; background-color:#ededed;}

.right-extra .tab span{position:absolute;left:0;top:0;z-index:1;width:10px;height:27px;}

.right-extra .tab a{float:none;color:#c30;}

.right-extra .tab .curr{}

/*评论列表*/

#comment .item{border:1px solid #FFFFFF;padding:8px 15px;}

#comment .odd{background: none repeat scroll 0 0 #F4F9FF;border: 1px solid #EDF0F1;border-radius:10px 10px 10px 10px;}

#comment .user{color:#999999;text-align: right;}

#comment .user span{margin-left: 20px;}

#comment .user .u-level{color:#088100;}

#comment dl{margin-bottom:5px;overflow:hidden;}

#comment dt{float:left;text-align:right;width:80px;}

#comment dd{float:right;overflow:hidden;width:649px;}

#comment .content{float:left;width:510px;}

#comment .date-answer{color:#999999;float:right;text-align:right;width:130px;}

#comment .useful{color:#999999;text-align:right;}

#comment .useful a{color: #005AA0;}

#comment dt b{background-image: url("../images/icon_clubs.gif");background-repeat: no-repeat;float:left;height:13px;margin:2px 3px 0 0;width:14px;}

#comment .ask b{background-position:-72px -14px;}

#comment .answer{color:#D75509;}

#comment .answer b{background-position:-57px -14px;}



/*图片放大镜样式*/

/*
.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}
.jqzoom img{ width:366px; height:366px;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:350px;height:350px;
    background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
.zoomdiv img{ width:800px; height:800px;}
.jqZoomPup{
    z-index:10;
    visibility:hidden;
    position:absolute;
    top:0px;
    left:0px;
    width:20px;
    height:20px;
    border:1px solid #aaa;
    background:#ffffff;
    opacity: 0.5;
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    filter: alpha(Opacity=50);
}
*/

/*图片放大镜样式*/
.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:350px;height:350px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{
    z-index:10;
    visibility:hidden;
    position:absolute;
    top:0px;
    left:0px;
    width:180px;
    height:180px;
    border:1px solid #aaa;
    background:#ffffff /*url(../images/zoom.png) 50% center no-repeat*/;
    opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}
.spec-preview img{
    max-width:600%;
}
/*图片小图预览列表*/
.spec-preview{width:350px;height:350px;border:1px solid #DFDFDF;}
.spec-scroll{clear:both;margin-top:5px;width:352px;}
.spec-scroll .prev{float:left;margin-right:4px;}
.spec-scroll .next{float:right;}
.spec-scroll .prev,.spec-scroll .next{display:block;font-family:"宋体";text-align:center;width:10px;height:54px; line-height:54px;border:1px solid #CCC;background:#EBEBEB;cursor:pointer;text-decoration:none;}
.spec-scroll .items{float:left;position:relative;width:322px;height:56px;overflow:hidden;}
.spec-scroll .items ul{position:absolute;width:999999px;height:56px;}
.spec-scroll .items ul li{float:left;width:64px;text-align:center;}
.spec-scroll .items ul li img{border:1px solid #CCC;padding:2px;width:50px;height:50px;}
.spec-scroll .items ul li img:hover{border:2px solid #FF6600;padding:1px;}

/*图片小图预览列表*/
/*
.spec-preview{width:350px;height:350px;border:1px solid #DFDFDF;}
.spec-scroll{clear:both;margin-top:5px;width:352px;}
.spec-scroll .prev{float:left;margin-right:4px;}
.spec-scroll .next{float:right;}
.spec-scroll .prev,.spec-scroll .next{display:block;font-family:"宋体";text-align:center;width:10px;height:54px; line-height:54px;border:1px solid #CCC;background:#EBEBEB;cursor:pointer;text-decoration:none;}
.spec-scroll .items{float:left;position:relative;width:322px;height:56px;overflow:hidden;}
.spec-scroll .items ul{position:absolute;width:999999px;height:56px;}
.spec-scroll .items ul li{float:left;width:64px;text-align:center;}
.spec-scroll .items ul li img{border:1px solid #CCC;padding:2px;width:50px;height:50px;}
.spec-scroll .items ul li img:hover{border:2px solid #FF6600;padding:1px;}
*/



/*图片小图预览列表*/

.spec-preview{width:368px;height:368px;border:1px solid #ccc;}

.spec-scroll{clear:both;margin-top:47px;width:368px;}

.spec-scroll .prev{float:left;margin-right:4px;}

.spec-scroll .next{float:right;}

.spec-scroll .prev,.spec-scroll .next{display:block;font-family:"宋体";text-align:center;width:10px;height:65px; line-height:65px;border:1px solid #CCC;background:#EBEBEB;cursor:pointer;text-decoration:none;}

.spec-scroll .items{ margin:0 auto;position:relative;width:344px;height:65px;overflow:hidden;}

.spec-scroll .items ul{position:absolute;width:999999px;height:65px;}

.spec-scroll .items ul li{float:left;width:68px;text-align:center;}

.spec-scroll .items ul li img{border:1px solid #CCC;padding:2px;width:65px;height:65px; border-radius:5px;}

.spec-scroll .items ul li img:hover{border:2px solid #2B3A63;padding:1px; border-radius:5px;}




.porduc_cpjg{ float:left;margin-left:20px;}

.porduc_btjg{ padding-bottom:15px; border-bottom:solid 1px #ccc;}

.porduccp_bt{ font-size:24px; color:#333;}

.porduccp_fbt{ font-size:12px; color:#999; margin-top:10px;}

.porduccp_yj{ margin-top:10px;}

.porduccp_yj i{ float:left; display:inline-block; font-size:14px; color:#555; line-height:24px;}

.porduccp_yj span{ float:left; display:inline-block; font-size:20px; color:#555; line-height:24px;}

.porduccp_yh{ margin-top:5px;}

.porduccp_yh i{ float:left; display:inline-block; font-size:14px; color:#555; line-height:29px;}

.porduccp_yh span{ float:left; display:inline-block; font-size:24px; color:#db0900; line-height:29px;}

.color_change{ margin-top:13px;}

.corder_mz{ float:left; font-size:14px; color:#555; line-height:65px;}

.color_change .items{ float:left;}

.color_change .items ul{}

.color_change .items ul li{float:left;width:65px;text-align:center; margin:0 5px;}

.color_change .items ul li img{border:1px solid #CCC;padding:2px;width:65px;height:65px;}

.color_change .items ul li img:hover{border:2px solid #2B3A63;padding:1px;}

.porduc_jajn{ margin-top:20px;}

.jajn_mz{float:left; font-size:14px; color:#555; line-height:26px;}

.jajn_sz{ float:left;margin-left:15px;}

.fen_xiang{ margin-top:15px;}

.fen_xiang a{ float:left; width:18px; height:18px; margin-right:5px;}

.fen_xiang a img{ width:100%; height:100%;}

.porduc_goum{ margin-top:15px;}

.porduc_by{ float:left; width:170px; height:43px; color:#fff; font-size:18px; line-height:43px; text-align:center; text-transform:uppercase; background-color:#e60012; border-radius:5px;}

.porduc_by:hover{ color:#fff;text-decoration:none;}

.porduc_gm{ margin-left:17px; float:left; width:170px; height:43px; color:#fff; font-size:18px; line-height:43px; text-align:center; text-transform:uppercase; background-color:#ff6600; border-radius:5px;}

.porduc_gm:hover{ color:#fff;text-decoration:none;}

.porduc_hzhb{ margin-top:10px;}

.hzhb_mz{float:left; font-size:14px; color:#555; line-height:28px;}

.porduc_hzhb a{ float:left; width:92px; height:28px; margin-left:10px;}

.porduc_hzhb a img{ width:100%; border:solid 1px #CCC;}

.porduc_now{ margin-top:25px;}

.porduc_now a{width:170px; height:43px; color:#fff; font-size:18px; line-height:43px; text-align:center; text-transform:uppercase; background-color:#2b3a63; border-radius:5px;}

.porduc_now a:hover{ color:#fff;text-decoration:none;}



.porduc_xqjs{ padding-left:37px; padding-right:32px; background-color:#f9f9f9;width:90%;margin-left: 5%; float:left; padding-bottom:70px;}

.porduc_xqjs .m{margin-top: 20px;}

.porduc_txtox{}

.porduc_txtox p{ font-size:12px; color:#555; line-height:25px; margin-top:20px;}



.porduc_inpot{ margin-top:50px;}

.porduc_inpot h1{font-size:25px; color:#2b3a63; text-transform:uppercase;}

.porduc_inpot h1 a{ font-size:25px; color:#2b3a63; text-transform:uppercase;}

.porduc_inpot h1 a:hover{ text-decoration:line-through;}

.porinpot_fbt{ font-size:14px; color:#181818; margin-top:25px;}

.porduc_inpot .nyinputnr{ margin-top:10px;}











































@media (max-width:768px){

.nyinput{ width:100%; position:relative; margin-top:10px;}

.nybqq{width:100%; margin-top:10px;}

.nybutton{ text-align:center;}

.nydh{ margin:10px auto;}

.nydbt{ height: auto;line-height:30px;}

.nydbt p{line-height:20px;}

.nydbt a{line-height:20px;}

.news_tup{ padding:0; width:100%;}

.news_tup img{ max-width:100%; max-height:100%;}

.news_txt{padding-left:0; padding-right:0px; margin-top:10px;}

.nyfany>a{ width:20px; height:20px; font-size:12px; line-height:20px; margin-top:10px;}

.fayelr a{ width:60px; height:40px; font-size:12px; line-height:40px;}

.xzbt{ line-height:20px;font-size: 14px;}

.porductnr{ padding:0 15px;}

.porduc_nr h1{ font-size:20px;}

.porduc_nr{float:left;margin-left:0;width:100%;}

.porduct_cp ul li .cportup:hover .cpzeza{top:100%; left:100%;}

.porduct_cp ul li .cportup:hover .cpzatxt{bottom:100%; right:100%;}

.porduct_cp ul li{ padding:0;}

.porduct_cp ul li .cportup.animated.flip:hover{-webkit-backface-visibility: hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;-webkit-animation-name: none;animation-name:none;}

.hout_porducts h1{ padding:0px; text-align:center;}

.owl-theme .owl-controls .owl-buttons div{top: -29px;}

.desktop #primary-navigation{ height:100%;}

.porductnr{ width:100%;}

#MagnifierWrap2{ width:100%;}

.bigimg{display:none;}

.zoomdiv{border:0px solid #CCCCCC;}

.jqZoomPup{display:none;}

.porduct_xq{ width:100%; padding:76px 15px 0;}

.jqzoom{ width:100%;}

.spec-preview{ width:100%;height:290px;}

.jqzoom img{ width:100%; height:288px;}

.spec-scroll{width:100%;}

.spec-scroll .items{ width:74%;}

.porduc_cpjg{ width:100%; margin-left:0px; margin-top:10px;}

.porduc_by{width:47%;}

.porduc_gm{width:47%;}

.porduc_xqjs{ width:100%; margin-top:20px;}

#cur>li{border-bottom: 1px solid #ddd;}
#cur>li>a{    font-size: 18px;padding-left: 29px;}
.porduc_nr:last-child{display: none;}
#primary-navigation{width:100%;}
}


/*20171114*/
/*产品中心详情页左侧边栏*/
.clears:before,
.clears:after {
    content: '';
    display: table;
    clear: both;
}
.prdtDetailBox{
    width:1200px;
    margin:0 auto;
    text-align: left;
}

.lftNavContact{
    display:inline-block;
    width:21.5%;
    margin:0;
    padding:0;
}
.lftNavContact p{
    font-size:18px;
    text-transform: capitalize;
    line-height: 30px;
    background:#2b3a63;
    color:#fff;
}
.firstNav{
    margin-bottom:20px;
}
.firstNav li{
    width:100%;
}
.firstNav li a{
    width:96%;
    padding:0 2%;
    font-size: 15px;
    line-height: 40px;
    color: #595757;
    border-bottom:1px solid #000;
}
.firstNav li a:hover{
    color:#fff;
    background:#fe7800;
}
.prdtDetailBox .rightBox{
    display:inline-block;
    width:76%;
    float:right;
    margin:0;
    padding:0;
}
.contactWay img{
    width:100%;
}
.contactWay a{
    width:100%;
    line-height: 40px;
    font-size: 15px;
    color: #595757;
}
.porduct_xq {
    width: 100%;
    padding-bottom: 36px;
    padding-top: 76px;
     padding-left: 0;
}
.porduc_xqjs {
    padding-left: 0;
    padding-right: 0;
    background-color: #f9f9f9;
    width: 98%;
    margin-left: 0;
    float: left;
    padding-bottom: 70px;
}
@media screen and (max-width: 767px) {
    .prdtDetailBox{
        width:100%;
    }
    .prdtDetailBox .rightBox,
    .lftNavContact{
        width:100%;
        float:none;
        padding:0;
        margin:5px 0;
    }
}
@media screen and (min-width:768px) and (max-width: 1200px) {
    .prdtDetailBox{
        width:100%;
    }
}
/*20171114*/



/*20171116*/
/*翻页条*/
.nyfax>a {
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 6px;
    margin: 0 4px;
}
.nyfax>a:hover{
    border:1px solid #333;
}
/*20171116*/