@charset "utf-8";
/* CSS Document */
body, html, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, th, td, form, object, iframe, blockquote, pre, a, abbr, address, code, img, fieldset, form, label, figure{margin:0px;padding:0px}
body, html, input, button, textarea{color:rgb(105, 105, 105);font:12px/1.8 Arial, Tahoma, simsun, Verdana, Helvetica, sans-serif}
html, body{-moz-text-size-adjust:none}
html, body{width:100%;position:relative}
html{overflow-x:hidden}
body{padding-top:70px!important}
h2{font-size:20px}
h3{font-size:16px}
h4, h5{font-size:14px}
img{border:medium none;vertical-align:middle}
li{list-style:outside none none}
i, em{font-style:normal}
a{color:rgb(105, 105, 105);text-decoration:none}
a:focus{outline:medium none}
a:hover{color:rgb(12, 127, 233);text-decoration:none}
input[type="button"], input[type="reset"], input[type="submit"]{cursor:pointer}
input[type="button"], input[type="reset"], input[type="submit"], select, button, textarea{border-radius:0px;outline:0px none}
input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner{border:medium none;
    padding:0px}
input[type="text"]{border-radius:0px;outline:0px none}
:-moz-placeholder{color:rgb(153, 153, 153)}
*::-moz-placeholder{color:rgb(153, 153, 153)}
.head-layout{max-width:1200px;margin:0px auto;position:relative}
#xyz {right:0}
.clearfix{clear:both}
.clearfix::after, .head-layout::after, .floor-layout::after, .layout::after, .head-layout::after{content:"";display:block;height:0px;clear:both;visibility:hidden}
.fadeIn{animation-name:fadeIn}
.fadeInLeft{animation-name:fadeInLeft}
.fadeInRight{animation-name:fadeInRight}
.fadeInUp{animation-name:fadeInUp}
/* header */
.header{width:100%;position:fixed;left:0px;top:0px;padding:0px;background-color:#61b735;z-index: 99;transition:all 0.4s ease 0s;min-width:1100px;}
.header .logo{display:inline;float:left;padding:10px 0px}
.header .logo a{display:block}
.header .logo img{height:50px}
.head-nav{display:inline;float:right;line-height:70px;position:relative}
.head-nav, .head-nav a{color:rgb(255, 255, 255)}
.head-nav li{float:left;font-size: 14px;margin-left:3px;position:relative;}
.head-nav li a{display:inline-block;padding:0px 20px;position:relative;opacity:0.7;transition:all 0.3s ease 0s;}
.head-nav li a:hover{text-decoration:none;opacity:1}
.head-nav li a::before{content:"";display:block;width:0%;height:2px;background-color:rgb(255, 255, 255);position:absolute;left:50%;top:0px;opacity:0;transition:all 0.3s ease 0s}
.head-nav li a.inmenu_1{color:#05285b}
.head-nav li.current a::before, .head-nav li.active a::before{width:100%;left:0px;opacity:1}
.head-nav li:last-child a{padding-right:0px}
.submenu{display:none;position:absolute;top:70px;left:0;width:200%;background-color:rgba(0,0,0,.8)}
.dropdown:hover .submenu{display:block}
.submenu li{width:100%;height:auto;line-height:1.4}
.submenu li a{display:block;padding:8px 5%;font-size:12px;color:#FFF;white-space:normal;text-overflow:ellipsis;overflow:hidden}
/* foot */
.footer{width:100%;margin-top:20px;background-color:#333;overflow:hidden}
.bottom{width:1200px;margin:0 auto;padding:50px 0 40px;overflow:hidden}
.bottom .btit{font-size:22px;color:#FFF;margin-bottom:20px}
.bottom ul li{font-size:14px;color:#ccc;line-height:150%;margin-bottom:5px}
.bottom ul li span{display:inline-block}
.bottom ul li a{display:block;color:#ccc}
.bottom ul li a:hover{color:#FFF}
.bt_contact{float:left;width:360px;margin-right:20px}
.bt_nav{float:left;width:292px;margin-right:20px}
.bt_cate{float:left;width:292px;margin-right:20px}
.erweima{float:right;width:192px}
.erweima img{width:100%}
.copyright{width:100%;height:50px;background-color:#222;font-size:14px;color:#FFF;text-align:center;line-height:50px;overflow:hidden}
/* inbanner */
.inbanner{width:100%;overflow:hidden}
.inbanner img{display:block;width:100%;min-width:1200px;margin:0 auto}
/* container */
.container{width:1200px;margin:0 auto}
.container:before{display:table;content:" "}
/* seat */
.seat{padding:10px 0 10px 34px;background:url(../images/location.png) no-repeat 0 center;border-bottom:1px solid #f0f0f0;font-size:14px;color:#666;margin-bottom:20px;overflow:hidden}
.seat a{font-size:14px;color:#333;margin:0 4px}
.seat a:hover{color:#61b735}
/* sidermenu*/
.category{float:left;width:294px;margin-bottom:20px}
.catetit{width:100%;height:46px;font-size:20px;color:#FFF;text-align:center;line-height:46px;background-color:#61b735;border-top-left-radius:5px;border-top-right-radius:5px;text-transform:capitalize}
/* menu */
.category ul.sf-menu{width:100%;background-color:#333;margin-bottom:20px}
.category ul.sf-menu li{padding:8px 11%;background:url(../images/add.png) no-repeat 12px 19px;font-size:15px;line-height:1.4;border-bottom:1px solid #444}
.category ul.sf-menu li a{display:block;color:#FFF;white-space:normal;text-overflow:ellipsis;overflow:hidden;cursor:pointer}
.category ul.sub-menu{display:none;width:100%;padding-bottom:10px}
.category ul.sub-menu li{padding:8px 5%;background:url(../images/minus.png) no-repeat 0 11px;font-size:12px;line-height:1.4;border-bottom:none}
.category ul.sub-menu li a{display:block;color:#ccc;white-space:normal;text-overflow:ellipsis;overflow:hidden;cursor:pointer}
.category ul.sub-menu li a:hover{text-decoration:underline}
.category ul.sf-menu li:hover ul.sub-menu{display:block}
/* serach */
.search{width:290px;height:40px;border:2px solid #61b735;border-radius:5px;margin-top:40px}
.search-txt{float:left;width:71%;height:38px;line-height:38px;text-indent:1em;color:#999;border:none;outline:none}
.search-click{float:right;width:28%;height:40px;font-size:16px;background-color:#61b735;color:#FFF;border-radius:3px;border:none;outline:none;cursor:pointer}
/* page */
.pages{clear:both;text-align:center;font-size:12px;padding:15px 0 20px 0;color:#b2b2b2;margin:40px 0}
.pages a, .pages span{display:inline-block;margin:1px 5px;min-width:10px;height:30px;padding:0 10px;line-height:30px;border: 1px solid #ccc;}
.pages a:link, .pages a:visited{color:#666;background:#FFF}
.pages a:hover, .pages a:active, .pages span.ctxt{color:#FFF;background:#61b735;color:#FFF;text-decoration:none;border-color: #61b735;}
/* index */
.floor-inner{height:100%;vertical-align:bottom}
.floor-layout{width:1100px;margin:0px auto;padding: 90px 0px 80px;position:relative;}
.floor-title{text-align:center;font-size:36px;font-weight:bold;margin: 0 0 0.5em;line-height:130%;}
.intxt{line-height:2.2em;text-align:center;margin: 0 auto 3em;}
a{transition:color 0.3s ease-in-out 0s}
/* banner */
#banner{clear:both;background:#FFF;width:100%;min-width:1200px;margin:0px auto;position:relative;}
#banner img{display: block;}
.bdbd{z-index:2;position:absolute;bottom:2%;margin:0;padding:0;width:100%;text-align:center}
.bdbd span{margin:0 8px 20px 0;display:inline-block;text-indent:-9999px;width:112px;height:3px;background-color: #61b735;overflow:hidden;border-radius: unset;opacity: 1;}
.bdbd span.swiper-pagination-bullet-active{background-color:#FFF}
.swiper-button-prev, .swiper-button-next{width:70px;height:70px;line-height:99em;overflow:hidden;margin:-35px 0 0;display:block;background:url(../images/lr.png) no-repeat;position:absolute;top:50%;z-index:10;cursor:pointer;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s ease;border-radius:35px}
.swiper-button-next{background-position:-48px 0;right:120px}
.swiper-button-prev{left:120px}
#banner:hover .swiper-button-next{opacity:0.8;filter:alpha(opacity=25)}
#banner:hover .swiper-button-prev{opacity:0.8;filter:alpha(opacity=25)}
#banner:hover .swiper-button-next:hover, #bannerhover .swiper-button-prev:hover{opacity:1;filter:alpha(opacity=50)}
.bannerinner{width:100%;height:286px;overflow:hidden}
/* index about us */
.index-about{width:100%;overflow:hidden}
.index-about ul{overflow:hidden}
.index-about ul li{float:left;width:248px;margin-right:36px;font-size:16px;line-height:150%;text-align:center;color:#333}
.index-about ul li:nth-child(4n){margin-right:0}
.index-about ul li a{display:block;width:97%;border: 2px solid #cfcfcf;}
.index-about ul li img{max-width:100%;}
/* index case */
.index-case{width:100%;overflow:hidden;background:#f5f5f5}
.index-case ul{overflow:hidden}
.index-case ul li{float:left;width:33.3333%}
.index-case ul li a{display:block;margin:10px;height:280px;position:relative;overflow:hidden}
.index-case ul li a img{max-width:100%;max-height:280px;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto}
.index-case ul li a span{display:block;width:100%;height:42px;line-height:42px;text-align:center;background-color:rgba(0, 0, 0, 0.7);color:rgb(255, 255, 255);font-size:14px;position:absolute;left:0px;bottom:0px;z-index:9;transition:all 0.4s ease-in-out 0s}
.index-case ul li a:hover > span{height:60%;padding:40% 0px 0px;font-size:18px}
/* index show */
.index-show{width:100%;overflow:hidden}
.demo{width:1100px;height: 800px;font-size:14px;position:relative;}
.demo a.control{position:absolute;display:block;top:50%;margin-top:-78px;width:76px;height:112px;cursor:pointer;z-index:2;background:url(../images/buttons.png) no-repeat}
.demo a.prev{left:0;background-position:0 0}
.demo a.next{right:0;background-position:-76px 0}
.demo a.prev:hover{background-position:0 -112px}
.demo a.next:hover{background-position:-76px -112px}
.slider{display:none}
.desc{line-height:1em}
/* index partner */
.index-partner{width:100%;background-color: #1c5f97;padding-bottom:60px;overflow:hidden;}
.index-partner h2,.index-partner p{color:#FFF}
.partner-list{width:100%;position:relative}
.partner-list ul{padding:0px}
.partner-list li{width:33.3333%;float:left}
.partner-list li .partner-item{display:block;position:relative;background-color:rgb(255, 255, 255);transition:all 0.3s ease 0s;outline-offset:0px;outline:1px solid transparent;overflow:hidden;margin:6px;height: 0;padding: 0 0 72% 0;}
.partner-list li .partner-item img{display:block;width:100%;height:auto;transition:all 0.5s ease-in-out 0s;position: absolute;top: 50%;left: 50%;transform: translate(-50% , -50%);}
.partner-list li:hover .partner-item{outline-color:rgb(77, 174, 230);outline-offset:5px}
.partner-list li:hover .partner-item img{transform: translate(-50% , -50%) scale(1.1)}
/* index news*/
.index-news{width:100%;padding-bottom:60px;overflow:hidden}
.floor-news-list{
    margin-top: 60px;
}
.floor-news-list li{width:46%;margin:0px 2% 0px 2%;position:relative;float:left;font-size:14px}
.floor-news-list li .news-img{
    position: relative;
    height: 0;
    padding: 0 0 75%;
    overflow: hidden;
    outline: 1px solid #61b735;
}
.floor-news-list li .news-img img{
    display: block;
    max-width: 96%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50% , -50%);
}
.floor-news-list li .news-title{height: 40px;line-height: 40px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.floor-news-list li a{display:block;padding:0px 0px 0px 18px}
.floor-news-list li a::before{font-size:10px;color:rgb(181, 181, 181);position:absolute;left:0px;top:0px;}
.floor-news-more{text-align:right;line-height:28px;border-bottom:1px solid rgb(215, 215, 215);margin-top:8px;font-family:Arial;font-size:10px;font-weight:bold}
.floor-news-more a{display:inline-block;padding:0px 0px 0px 10px;background:transparent url('../images/ico_more.png') no-repeat scroll 0px 11px;text-transform:uppercase}
.floor-news-more a:hover{text-decoration:none}
.floor-news-more a{}
/* index contact*/
.index-contact{width:100%;height:800px;background-color:yellow;overflow:hidden}
/* footer */
.floor-foot{background:rgb(29, 43, 58) url('../images/floor_foot_bg.jpg') repeat-x scroll center bottom;text-align:center;position:relative}
.floor-foot, .floor-foot a{color:rgb(255, 255, 255)}
.floor-foot .floor-hd{padding:0px 0px 30px}
.floor-foot .floor-hd, .floor-foot .floor-hd .floor-title, .floor-foot .floor-hd .floor-title a{color:rgb(255, 255, 255)}
.floor-foot .floor-hd .floor-title{font-size:24px}
.floor-foot .foot-contact-info{font-size:20px;line-height:2.4em;padding:40px 0px 0px}
.floor-foot .foot-contact-btn{padding-top:30px}
.floor-foot .foot-qrcode{margin:60px 0px 0px;padding:0px 0px 30px}
.floor-foot .foot-qrcode dt{display:block}
.floor-foot .foot-qrcode dt{margin:0px auto;border:3px solid rgb(0, 73, 120);border-radius:4px;width:170px;box-shadow:3px 3px 1px rgba(0, 0, 0, 0.2)}
.floor-foot .foot-qrcode dt img{width:100%;border-radius:4px;display:block}
.floor-foot .foot-qrcode dd{display:block;font-size:14px;padding:8px 0px 0px}
.floor-foot{overflow:hidden}
.floor-foot::before{background:rgba(255, 255, 255, 0.4) none repeat scroll 0% 0%;content:"";height:150%;left:-30%;position:absolute;top:-15%;transform:rotate(45deg);width:80px;z-index:2;animation:3s linear 0s normal forwards infinite running lightLine}
.gotop{display:none;width:50px;height:36px;line-height:1.8;padding-top:14px;text-align:center;background-color:rgb(17, 17, 17);color:rgb(255, 255, 255) !important;font-size:12px;position:fixed;right:30px;bottom:85px;z-index:10000;font-weight:bold;cursor:pointer;opacity:0;animation:0.4s linear 0s normal none 1 running fadeOut}
.gotop:hover{background-color:rgb(0, 0, 0);opacity:1}
.gotop i{display:block;width:0px;height:0px;overflow:hidden;border-style:dashed dashed solid;border-color:transparent transparent rgb(255, 255, 255);border-width:0px 7px 7px;margin:0px auto}
/* fp-nav */
#fp-nav{display:inline;position:fixed;left:50px;top:30%;z-index:1001}
#fp-nav li{padding:11px 0px;position:relative}
#fp-nav li a{display:block;width:14px;height:14px;background-image:url('../images/page_nav_dots.png');background-repeat:no-repeat;background-position:0px -36px}
#fp-nav li a.floor-active, #fp-nav li.floor-active a{background-position:0px 0px}
#fp-nav li a.floor-active + .fp-tooltip, #fp-nav li.floor-active a + .fp-tooltip{opacity:0.9;transform:translateX(0px)}
#fp-nav li .fp-tooltip{position:absolute;left:20px;top:50%;margin-top:-10px;line-height:20px;color:rgb(221, 221, 221);white-space:nowrap;transform:translateX(-8px);transition:all 0.3s ease-in-out 0s;opacity:0}
#fp-nav li .fp-tooltip::before{content:"...";font-weight:bold;padding:0px 4px 0px 0px;font-size:14px;vertical-align:middle;position:relative;top:-5px;letter-spacing:1px}
#fp-nav li:hover .fp-tooltip{opacity:0.6;transform:translateX(0px)}
#fp-nav li:first-child::before{content:"";display:none}
/* about */
.about{float:right;width:878px;margin-bottom:20px;overflow:hidden}
.about h2{font-size:28px;color:#61b735;padding-bottom:15px}
.about p{width:100%;font-size:14px;color:#333;line-height:180%;table-layout:fixed;word-wrap:break-word;word-break:normal;text-align:justify;text-justify:inter-ideograph}
/* news */
.news{float:right;width:878px;margin-bottom:20px;overflow:hidden}
.news ul{width:100%;padding-top:20px;overflow:hidden}
.news ul li{height:45px;padding:0 15px;border-bottom:1px dotted #EEE}
.news ul li a{display:block;float:left;width:78%;font-size:16px;line-height:45px;color:#666;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.news ul li span{display:block;float:right;width:18%;font-size:12px;line-height:45px;color:#999;text-align:right}
.news ul li a:hover{color:#61b735}
/* newscontent */
.container:after {content:'';display:block;visibility:hidden;height:0;clear:both}
.news_main{float:right;width:878px;margin-bottom:20px;overflow:hidden}
.newscontent{width:100%;margin-bottom:20px;overflow:hidden}
.newscontent h1{width:100%;margin:0 auto;font-size:28px;padding-bottom:15px;color:#333;border-bottom:2px solid #61b735}
.newscontent .ncdate{display:block;text-align:center;font-size:16px;color:#666;padding:20px 0}
.newscontent p{width:100%;font-size:14px;color:#333;line-height:180%}
.flip{width:100%;color:#333;font-size:16px;margin:20px 0;*zoom:1}
.flip a{color:#61b735;text-decoration:underline;padding-bottom:4px;margin-left:8px}
.flip a:hover{text-decoration:none}
.flip .prev{margin-bottom:10px}
.flip .next{}
.relatednews{width:100%;overflow:hidden}
.relatednews h2{font-size:18px;color:#333;text-transform:uppercase;margin:20px 0 10px}
.relatednews ul{overflow:hidden}
.relatednews ul li{width:48%;height:32px;border-bottom:1px dashed #EEE}
.relatednews ul li:nth-child(odd){float:left}
.relatednews ul li:nth-child(even){float:right}
.relatednews ul li a{display:block;font-size:14px;color:#666;line-height:32px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.relatednews ul li a:hover{color:#61b735}
/* productlist */
/*keywords*/
.proCateTags{clear:both;padding:0 10px 8px 10px;margin:0 10px;border:1px solid #EEE;border-radius:5px}
.proCateTagsh3{font-size:14px;line-height:32px;margin:0;padding:0}
.keywords{margin:12px auto}
.keywords a{margin-right:10px;color:#2e66b5;line-height:1.8;text-decoration:underline;display:inline-block;white-space:nowrap;text-overflow:ellipsis}
.keywords a:hover{text-decoration:none}
.plist{float:left}
.product_main{float:right;width:878px;margin-bottom:20px;overflow:hidden}
.product_main h1{font-size:20px;color:#333;margin-bottom:20px}
/*proIntro*/
.proIntro{color:#999;padding:15px 15px;margin:20px 0;border:1px solid #EEE;border-radius:5px}
/* productlist */
.pro_lb0{width:100%;overflow:hidden}
.pro_lb0 ul{width:100%;overflow:hidden}
.pro_lb0 ul li{width:96%;padding:10px 2%;border-bottom:1px solid #EEE;position:relative;margin-bottom:10px;overflow:hidden}
.pro_lb0 ul li .proimg{float:left;width:26.5%}
.pro_lb0 ul li .proimg a{display:block;padding:10px 0}
.pro_lb0 ul li .proimg a img{width:100%}
.pro_lb0 ul li dl{float:right;width:71%;padding-top:15px;overflow:hidden}
.pro_lb0 ul li dl dt{font-size:16px;color:#333;line-height:150%;margin-bottom:10px;overflow:hidden}
.pro_lb0 ul li dl dt a{display:block;color:#333}
.pro_lb0 ul li dl dt a:hover{color:#61b735}
.pro_lb0 ul li dl dd{font-size:12px;color:#999;line-height:150%;margin-bottom:10px;overflow:hidden}
/* productnine */
.pro_lb1{width:100%;overflow:hidden}
.pro_lb1 ul{width:100%;overflow:hidden}
.pro_lb1 ul li{float:left;width:31.2%;margin-right:2.4%;padding:10px 0;margin-bottom:20px;border:2px solid #61b735;border-radius:3px}
.pro_lb1 ul li:nth-child(3n){margin-right:0}
.pro_lb1 dl{width:90%;margin:0 auto;font-size:12px;line-height:150%;overflow:hidden}
.pro_lb1 dt{padding-bottom:15px}
.pro_lb1 dt a{display:block;width:100%;height:260px;position:relative;margin:0 auto}
.pro_lb1 dt a img{max-width:100%;max-height:260px;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto}
.pro_lb1 dd{height:48px;font-size:16px;line-height:150%;text-align:center;margin-bottom:10px;overflow:hidden}
.pro_lb1 dd a{display:block;color:#0f0f0f;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.pro_lb1 dd a:hover{color:#61b735}
.pro_more{display:block;width:160px;height:36px;font-size:18px;color:#FFF;line-height:36px;text-align:center;margin-top:30px}
.mmo{background-color:#61b735;vertical-align:middle;display:inline-block;position:relative;box-shadow:0px 0px 1px rgba(0, 0, 0, 0);transform:translateZ(0px);transition-property:color;transition-duration:0.5s;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transition-duration:0.5s;-webkit-transition-property:color;-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden}
.mmo::before{background-color:#192634;transform-origin:0% 50%;left:0px;top:0px;right:0px;bottom:0px;position:absolute;z-index:-1;content:"";transform:scaleX(0);transition-property:transform;transition-duration:0.5s;transition-timing-function:ease-out;-webkit-transition-timing-function:ease-out;-webkit-transition-duration:0.5s;-webkit-transition-property:transform;-webkit-transform:scaleX(0);-webkit-transform-origin:0 50%}
.mmo:hover{color:white;text-decoration:underline}
.mmo:hover::before{transform:scaleX(1);transition-timing-function:cubic-bezier(0.52, 1.64, 0.37, 0.66);-webkit-transition-timing-function:cubic-bezier(0.52, 1.64, 0.37, 0.66);-webkit-transform:scaleX(1)}
.pro-body{border:1px solid #EEE;padding:10px;font-size:14px;border-radius:3px;margin-bottom:5px}
/* productcontent */
.table{border-collapse:collapse}
.table td, .table th{border:1px solid #cdcdcd;padding:5px}
.table p{padding:0;margin:0}
/*jsshare*/
.pshare{float:left;padding:8px 0 0 0}
.pshareli{float:left;width:48%;height:28px;line-height:28px}
.pshare li img{vertical-align:middle;margin-right:12px}
.jsshare{text-align:center;padding-top:8px}
.jsshare span.stxt{display:inline-block;font-size:14px;line-height:24px;padding:0 8px 0 0;position:relative}
.jsshare a, .jsshare a img{width:35px;vertical-align:middle}
.addthis_sharing_toolbox{display:inline-block}
span.at-icon-wrapper, .at-icon-wrapper svg{width:24px!important;height:24px!important;line-height:24px!important}
.procont_main{float:right;width:878px;margin-bottom:20px}
.productshow{width:100%}
.pcon_l{float:left;width:380px}
.pcon_r{float:right;width:478px}
.pcon_r h1{font-size:18px;font-weight:600;color:#333;line-height:24px;padding-top:15px;border-top:1px solid #E4E2E2;margin-bottom:20px}
.pcon_r p{font-size:14px;color:#666;line-height:180%}
.pconmore{width:200px;height:47px;font-size:18px;line-height:47px;text-align:center;display:block;color:#FFF;margin-top:43px}
.mmv{background-color:#61b735;vertical-align:middle;display:inline-block;position:relative;box-shadow:0px 0px 1px rgba(0, 0, 0, 0);transform:translateZ(0px);transition-property:color;transition-duration:0.5s;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transition-duration:0.5s;-webkit-transition-property:color;-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden}
.mmv::before{background-color:#192634;transform-origin:0% 50%;left:0px;top:0px;right:0px;bottom:0px;position:absolute;z-index:-1;content:"";transform:scaleX(0);transition-property:transform;transition-duration:0.5s;transition-timing-function:ease-out;-webkit-transition-timing-function:ease-out;-webkit-transition-duration:0.5s;-webkit-transition-property:transform;-webkit-transform:scaleX(0);-webkit-transform-origin:0 50%}
.mmv:hover{color:white;text-decoration:underline}
.mmv:hover::before{transform:scaleX(1);transition-timing-function:cubic-bezier(0.52, 1.64, 0.37, 0.66);-webkit-transition-timing-function:cubic-bezier(0.52, 1.64, 0.37, 0.66);-webkit-transform:scaleX(1)}
.proinfo{width:100%;padding-top:40px;overflow:hidden}
.proinfo h3{height:40px;line-height:40px;padding-left:20px;margin-bottom:20px;background:#f3efec;color:#333;font-size:18px}
.proinfo , .proinfo p{font-size:14px;color:#666;line-height:180%}
.productsTags{margin-top:20px}
.rollPro1{width:100%;margin:10px auto;overflow:hidden}
.rollPro1 li{width:30%;float:left;margin-right:5%;text-align:center}
.rollPro1 li:nth-of-type(3){margin-right:0%}
.rollPro1 li:nth-of-type(6){margin-right:0%}
.rollPro1 li:nth-of-type(9){margin-right:0%}
.rollPro1 li:nth-of-type(12){margin-right:0%}
.rollPro1 li .pbox{border:1px solid #EEE;padding:4px;height:150px}
.rollPro1 li .pbox img{max-width:100%;max-height:150px}
.rollPro1 li p{height:40px;line-height:20px;overflow:hidden;margin:10px auto}


/*download*/
.pdown1 #A_DownLoadProduct{display:inline-block;clear:both;height:32px;margin:16px 0 0 0;line-height:32px;background:url(../images/down1_2.png) right top no-repeat;padding-right:50px}
.pdown1 #A_DownLoadProduct span{display:inline-block;height:32px;background:url(../images/down1_1.png)no-repeat;padding:0 0 0 16px}
.pdown2 #A_DownLoadProduct,.pdown3 #A_DownLoadProduct,.pdown4 #A_DownLoadProduct{display:inline-block;clear:both;height:45px;margin:16px 0 0 0;line-height:45px;padding-right:45px}
.pdown2 #A_DownLoadProduct span,.pdown3 #A_DownLoadProduct span,.pdown4 #A_DownLoadProduct span{display:inline-block;height:45px;background:url(../images/down2_1.png)no-repeat;padding:0 12px 0 16px}
.pdown2 #A_DownLoadProduct{background:url(../images/down2_2.png) right top no-repeat}
.pdown3 #A_DownLoadProduct{ background:url(../images/down2_3.png) right top no-repeat}
.pdown4 #A_DownLoadProduct{background:url(../images/down2_4.png) right top no-repeat}
.head-nav{display:flex;justify-content:space-between}
#xyz *{box-sizing:border-box}
#xyz{position:relative;z-index:99999;width:120px;height:27px;line-height:27px;margin-left:20px;top:20px}
.xyz12{width:100%;background:#448df9;position:absolute}
.xyz12 li{margin-left:0;width:100%;position:relative;height:100%;padding:0 8px;z-index:1;text-align:left}
.xyz12 li a{color:#FFF;font-size:12px;padding:0;display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.xyz12 li.selected{border-top:0}.xyz12 li.selected a{color:#8550d9}
.xyz12 span{position:absolute;right:6px;top:0;background:url(../images/amore.png) center no-repeat;display:block;width:27px;height:27px;cursor:pointer;z-index:100}
.xyz12 span.dp{background:url(../images/amore1.png) center no-repeat}
.xyz12 li img { vertical-align:middle;margin:-2px 7px 0 0;width:16px }
.xyz12 li:hover{background:#F2F2F2}
.xyz12 li:hover a{color:#333}


.foot-navlist li {display:inline-block;line-height:46px}
.foot-navlist li a {font-size:18px;display:inline-block;padding:0 15px}
.foot-navlist {padding-bottom:10px;border-bottom:1px solid #CCC;margin-bottom:20px}
.floor-foot {background-size:cover}
.proinfo a,.proinfo p,.proinfo td,.proinfo{color:#333}
.ptit {height:40px;line-height:40px;padding-left:20px;margin-bottom:20px;background:#f3efec;color:#333;font-size:18px}
.proIntro {font-size:13px;color:#555}
.proIntro a {color:#555}


.news li.flex{background:#f7f7f7;transition:all .3s;margin-bottom:42px;display:flex;height:auto}
.news li.flex .news-img{padding:2.33% 1.33%;display:block;width:16.667%}
.news li.flex .news-img img{width:100%;object-fit:contain;height:120px;display:flex;align-items:center;justify-content:center}
.news li.flex .news-text{margin-left:3.5%;width:80%}
.news li.flex .new-title{font-size:1.25rem;color:#373737;display:block;font-weight:600;padding-bottom:15px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width:100%}
.news li.flex .news-intro{line-height:1.6;font-size:.9375rem;color:#909093}
.news li.flex .news-date{margin-left:auto;padding-right:4%;flex:0 0 auto;display:none}
.news li.flex .news-date .m-d{font-size:1.75rem;color:#909093;white-space:nowrap}
.news li.flex .news-date .y{font-size:.875rem;color:#909093;padding-bottom:10px;white-space:nowrap}
.news li.flex .news-detail{border-radius:50%;height:36px;width:36px;box-sizing:border-box;border:1px solid #cacaca;display:block;line-height:36px;text-align:center}
.news ul li.flex:hover{box-shadow:5px 5px 15px #e5e5e5}
.news ul li.flex:hover .news-img{background:#034d7e}
.news ul li.flex:hover .new-title{color:#034d7e}
.news ul li.flex:hover .news-detail{border-color:#034d7e;background:#034d7e}

/*product detail*/
#tags:after{content:'';display:block;clear:both;visibility:hidden;height:0}
#tags li {margin-bottom:10px;float:left}
#tags li a {text-decoration:none;display:block;line-height:40px;padding:0 18px;margin-right:8px;background:#efefef;color:#222;font-size:18px}
ul#tags li.selectTag a {color:#FFF;background:#61b735}
.tagContent{ display:none;width:100%;color:#333;padding-top:10px;font-size:14px;line-height:28px}
#tagContent div.selectTag{display:block}
h4.cate-h4, h4.pro-h4 {clear:both;font-weight:bold}
ul.cate-ulli, ul.pro-ulli {clear:both;padding:10px 0px 10px 20px}
ul.cate-ulli li, ul.pro-ulli li {list-style-type:disc;line-height:1.7}
ol.cate-ulli, ol.pro-ulli {clear:both;padding:10px 0px 10px 30px}
ol.cate-ulli li, ol.pro-ulli li {list-style-type:decimal;line-height:1.7}
.ck-widget-toc{display:table;border:1px solid #a2a9b1;background-color:#f8f9fa;padding:10px 20px 10px 10px;font-size:95%;margin:15px 0px;min-width:300px;max-width:100%}
.ck-widget-toc ol{padding:0px 0px 0px 30px;counter-reset:item}
.ck-widget-toc ol li{display:block;position:relative;list-style:none}
.ck-widget-toc ol li:before{content:counters(item, ".");counter-increment:item;position:absolute;margin-right:100%;right:10px}
.ck-widget-toc-title{text-align:left;font-weight:700;margin:0px 0px 5px 0px;padding:0px 0px 0px 5px}
.ck-widget-pt{padding-top:100px;margin-top:-100px}
.ck-widget-toc1{display:table;border:1px solid #a2a9b1;background-color:#f8f9fa;padding:10px 20px 10px 10px;font-size:95%;margin:15px 0px;min-width:300px;max-width:100%}
.ck-widget-toc1 ol{padding:0px 0px 0px 30px;counter-reset:item}
.ck-widget-toc1 ol li{display:block;position:relative;list-style:none}
.ck-widget-toc1 ol li:before{content:counters(item, ".");counter-increment:item;position:absolute;margin-right:100%;right:10px}
#feedbackForm .select-menu .select-menu-div{width:82% !important}
#feedbackForm .select-menu .select-menu-div .select-menu-input{width:97% !important}