@charset "utf-8";
/* CSS Document */
@font-face {font-family:Arial, Helvetica, sans-serif;font-size:14px;font-weight: normal;font-style: normal;}

html,body {height: 100%;-webkit-text-size-adjust:none;}
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,dialog,div,dl,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,html,i,iframe,img,ins,kbd,label,legend,li,main,mark,menu,meter,.nav,object,output,p,pre,progress,q,rp,rt,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video,xmp,input,textarea,button{border:none;background:none;margin: 0;padding: 0;font-size: 100%;font-style: normal;font-family:Arial, Helvetica, sans-serif;font-size:14px;font-weight: normal;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,.nav,section {/*Override the default (display: inline) forbrowsers that do not recognize HTML5 tags.IE8 (and lower) requires a shiv:http://ejohn.org/blog/html5-shiv*/display: block;}
b,strong {/*Makes browsers agree.IE + Opera = font-weight: bold.Gecko + WebKit = font-weight: bolder.*/font-weight: bold;font-size:inherit;}
img {border: none;transition:all 0.3s ease-in 0s;color: transparent;font-size: 0;vertical-align: middle;/*For IE.http://css-tricks.com/ie-fix-bicubic-scaling-for-images*/-ms-interpolation-mode: bicubic;}
body{overflow-x:screen;min-width: 1200px;background-color:#f9f9f9;}
ul,ol{list-style: none;margin: 0;padding: 0;}
li {/*For IE6 + IE7:"display: list-item" keeps bullets fromdisappearing if hasLayout is triggered.*/display: list-item;}
a{text-decoration: none; color:#666; outline: 0; blr:expression(this.onFocus=this.blur()); /*按下鼠标图片周边不会出现虚线*/}
table {border-collapse: collapse;border-spacing: 0;}
th,td,caption {font-weight: normal;vertical-align: top;text-align: left;}
q {quotes: none;}
q:before,q:after {content: "";content: none;}
sub,sup,small {font-size: 75%;}
sub,sup {line-height: 0;position: relative;vertical-align: baseline;}
sub {bottom: -0.25em;}
sup {top: -0.5em;}
svg {/*For IE9. Without, occasionally draws shapesoutside the boundaries of <svg> rectangle.*/overflow: hidden;}
hr {border: 0 solid #ccc;border-top-width: 1px;clear: both;height: 0;}
textarea{resize: none;}
.wrap{width:100%;float:left;}
.container{margin:0 auto;width:1200px;}
input, textarea, button, select, radio{outline: 0;border: 0;font-size: 14px;-webkit-appearance: none;color:#9f9f9f;}
::-ms-clear, ::-ms-reveal{display: none; /*IE10 input X 去掉文本框的叉叉和密码输入框的眼睛图标 */}
:autofill,:-webkit-autofill{background-color:#FFF;}
.ellipsis{text-overflow: ellipsis;overflow: hidden;white-space: nowrap;display: block;}
.clear{clear:both;float:none}
.fl-left,.pl{float: left;}
.fl-right,.pr{float: right;}
.dl-flex{display:flex;justify-content:space-between;flex-wrap: wrap;}
.italic{font-style:italic;}
.hide{display:none;}
.show,.display{display:block;}
.container-title .title{font-size:16px;color:#333;line-height:16px;}
.container-title .subtitle,.content p.subtitle{font-size:14px;color:#999;line-height:20px;}
.verticalTop{vertical-align: top;}
.verticalRight{vertical-align: right;}
.verticalBottom{vertical-align: bottom;}
.verticalLeft{vertical-align: left;}
.border{border:1px solid #ccc;}
.bold{font-weight:bold;}
.bBottom{border-bottom:1px solid #ccc;}
.bTop{border-top:1px solid #ccc;}
.bLeft{border-left:1px solid #ccc;}
.bRight{border-right:1px solid #ccc;}
.center{text-align:center;}
.taLeft{text-align:left;}
.taRight{text-align:right;}
.transUpp{text-transform:uppercase;}
.transition03{transition:all .3s ease-in 0s;-webkit-transition:all .3s ease-in 0s;-moz-transition:all .3s ease-in 0s;-ms-transition:all .3s ease-in 0s;-o-transition:all .3s ease-in 0s;}
.EngFontFamily14{font-size:14px;font-family:Arial, Helvetica, sans-serif;}

h1{font-size: 24px;}
h2{font-size: 22px;}
h3{font-size: 20px;}
h4{font-size: 18px;}
h5{font-size: 16px;}
h6{font-size: 14px;}

.fs12{font-size:12px;}
.fs14{font-size:14px;}
.fs15{font-size:15px;}
.fs16{font-size:16px;}
.fs18{font-size:18px;}
.fs21{font-size:21px;}
.fs22{font-size:22px;}
.fs24{font-size:24px;}
.fs25{font-size:25px;}
.fs26{font-size:26px;}
.fs28{font-size:28px;}
.fs30{font-size:30px;}
.fs34{font-size:34px;}
.fs35{font-size:35px;}
.fs69{font-size:69px;}
.fs74{font-size:74px;}

.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt12{margin-top:12px;}
.mt13{margin-top:13px;}
.mt14{margin-top:14px;}
.mt15{margin-top:15px;}
.mt16{margin-top:16px;}
.mt18{margin-top:18px;}
.mt20{margin-top:20px;}
.mt24{margin-top:24px;}
.mt25{margin-top:25px;}
.mt26{margin-top:26px;}
.mt27{margin-top:27px;}
.mt30{margin-top:30px;}
.mt36{margin-top:36px;}
.mt40{margin-top:40px;}
.mt45{margin-top:45px;}
.mt50{margin-top:50px;}
.mt52{margin-top:52px;}
.mt54{margin-top:54px;}
.mt60{margin-top:60px;}
.mt64{margin-top:64px;}
.mt67{margin-top:67px;}
.mt70{margin-top:70px;}
.mt80{margin-top:80px;}
.mt90{margin-top:90px;}
.mt100{margin-top:100px;}
.mt105{margin-top:105px;}
.mt140{margin-top:140px;}
.mt170{margin-top:170px;}
.mt182{margin-top:182px;}
.mt195{margin-top:195px;}
.mt200{margin-top:200px;}
.mt210{margin-top:210px;}
.mt230{margin-top:230px;}
.mt240{margin-top:240px;}
.mt242{margin-top:242px;}
.mt270{margin-top:270px;}
.mt290{margin-top:290px;}
.mt300{margin-top:300px;}

.mtn26{margin-top:-26px;}

.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.ml40{margin-left:40px;}
.ml45{margin-left:45px;}

.mb9{margin-bottom:9px;}
.mb10{margin-bottom:10px;}
.mb13{margin-bottom:13px;}
.mb14{margin-bottom:14px;}
.mb15{margin-bottom:15px;}
.mb18{margin-bottom:18px;}
.mb20{margin-bottom:20px;}
.mb24{margin-bottom:24px;}
.mb26{margin-bottom:26px;}
.mb30{margin-bottom:30px;}
.mb36{margin-bottom:36px;}
.mb45{margin-bottom:45px;}
.mb50{margin-bottom:50px;}
.mb54{margin-bottom:54px;}
.mb60{margin-bottom:60px;}
.mb70{margin-bottom:70px;}
.mb80{margin-bottom:80px;}
.mb100{margin-bottom:100px;}
.mb130{margin-bottom:130px;}


.padTop45{padding-top:45px;}

.padBottom10{padding-bottom:10px;}
.padBottom11{padding-bottom:11px;}
.padBottom12{padding-bottom:12px;}
.padBottom13{padding-bottom:13px;}
.padBottom14{padding-bottom:14px;}
.padBottom15{padding-bottom:15px;}
.padBottom16{padding-bottom:16px;}
.padBottom17{padding-bottom:17px;}
.padBottom18{padding-bottom:18px;}
.padBottom20{padding-bottom:20px;}
.padBottom24{padding-bottom:24px;}
.padBottom28{padding-bottom:28px;}

.white{color:#FFF;}
.eeeeee{color:#eeeeee;}
.dddddd{color:#dddddd;}
.eaeaea{color:#eaeaea;}
.a3a4a4{color:#a3a4a4;}
.aca6a2{color:#aca6a2;}
.dcdcdc{color:#dcdcdc;}
.b9b9b9{color:#b9b9b9;}
.b3b3b3{color:#b3b3b3;}
.b4b4b4{color:#b4b4b4;}
.b5b7b9{color:#b5b7b9;}

.black{color:#000;}
.black1{color:#111;}
.black2{color:#222;}
.black25{color:#252525;}
.black28{color:#282828;}
.black3{color:#333;}
.black4{color:#444;}
.black5{color:#555;}
.black54{color:#545454;}
.black5e{color:#5e5e5e;}
.black6{color:#666;}
.black61{color:#616161;}
.black6e{color:#6e6a6c}
.blackb5{color:#b5b5b5}
.black7{color:#777;}
.black7d{color:#7d7d7d;}
.black8{color:#888;}
.black84{color:#848484;}
.black85{color:#858585;}
.black86{color:#868686;}
.black87{color:#878787;}
.black89{color:#898989;}
.black8f{color:#8f8f8f;}
.black8e{color:#8e8d8d;}
.black9{color:#999;}
.black9c{color:#9c9c9c;}
.black9d{color:#9d9d9d;}
.black9e{color:#9e9e9e;}
.black94{color:#908f94;}

.orangef04{color:#ffe0c4;}
.orangef78{color:#ff3300;}
.orangeff9{color:#ff9500;}

.Blue32{color:#3289ea;}
.Blue21{color:#2166e0;}

.Greenfbc{color:#deffbc;}
.Green76{color:#76c524;}
.Green69{color:#69b914;}
.Green6d{color:#6dbe16;}

.redff{color:#ff3300;}

.bgWhite{background-color:#FFF;}

.bgBlack5{background-color:#555;}
.bgBlackc{background-color:#ccc;}

.bgGreen{background-color:#acce22;}
.bgGreen81{background-color:#b9ef81;}

.bgOrangefd5{background-color:#ffd5af;}
.bgOrangef78{background-color:#ff3300;}

.bgGreenfd5{background-color:#d8ffaf;}

.bgRedff{color:#ff3300;}

.width55{width:55px;}


.lh12{line-height:12px;}
.lh14{line-height:14px;}
.lh16{line-height:16px;}
.lh18{line-height:18px;}
.lh20{line-height:20px;}
.lh21{line-height:21px;}
.lh22{line-height:22px;}
.lh24{line-height:24px;}
.lh25{line-height:25px;}
.lh26{line-height:26px;}
.lh30{line-height:30px;}
.lh31{line-height:31px;}
.lh32{line-height:32px;}
.lh33{line-height:33px;}
.lh34{line-height:34px;}
.lh35{line-height:35px;}
.lh40{line-height:40px;}
.lh42{line-height:42px;}
.lh46{line-height:46px;}
.lh50{line-height:50px;}
.lh55{line-height:55px;}
.lh60{line-height:60px;}
.lh69{line-height:69px;}
.lh74{line-height:74px;}
.lh80{line-height:80px;}

.height20{height:20px;}
.height30{height:30px;}
.height40{height:40px;}
.height50{height:50px;}
.height60{height:60px;}
.height70{height:70px;}
.height80{height:80px;}
.height90{height:90px;}
.height100{height:100px;}

.letspac5{letter-spacing:5px;}
.letspac3{letter-spacing:3px;}
.letspac2{letter-spacing:2px;}
.letspac{letter-spacing:1px;}


.headerLeft{height:141px;position:relative;}
.headerLeft h1{position:absolute;left:50%;transform:translateX(-50%);top:30px;z-index:-1;}
.headerRight ul{width:100%;display:block;float:left;margin:18px 0 28px;}
.headerRight ul li{float:right;border-left:1px solid #ccc;line-height:14px;padding:0 10px;}
.headerRight ul li:last-child{border:none;}
.headerRight ul li a{color:#777;}
.search{width:188px;height:33px;border:1px solid #aaa;border-radius:35px;}
.search input{width:136px;float:left;margin-left:20px;line-height:33px;}
.search a{float:right;margin-right:14px;}
.headerRightBotton{background-color:#f9f9f9;}
.headerRightBotton ol,.headerRightBotton ol li,.headerRightBotton ol li img{float:left;}
.headerRightBotton ol li{width:35px;height:35px;margin:0 0 0 8px;position:relative;cursor:pointer;border-radius:35px;transition:all .5s ease-in;overflow:hidden;}
.headerRightBotton ol li p{width:135px;line-height:33px;padding:0 20px;border:1px solid #ccc;border-top-right-radius:35px;border-bottom-right-radius:35px;border-left:none;color:#777;text-align:center;position:absolute;left:22px;top:0;}
.headerRightBotton ol li:hover,.headerRightBotton ol li.hover{width:199px;}
.headerRightBotton ol li:last-child:hover{width:35px;}
.headerRightBotton ol li.active:hover p{display:}

.headerRightBotton ol li.active:hover{width:264px;}
.headerRightBotton ol li.active:hover p{width:200px;}





.nav{width:100%;height:50px;background-color:#666;float:left;text-align: center;}
.nav ul{display:inline-block;width: 1200px;}
.nav ul li{width:240px;float:left;position:relative;}
.nav ul li ul{width:100%;position:absolute;left:0;top:50px;box-sizing:border-box;display:none;z-index:999;background-color:rgba(255,255,255,.9);}
.nav ul li ul li{width:100%;padding:0;float:left;text-align: left;border:1px solid #ccc;box-sizing:border-box;border-top:none;}
.nav ul li ul li ul.submenu{left:100%;top:-1px;border-left:none;display:none;}
.nav ul li a{width:100%;display:block;line-height:50px;font-size:17px;color:#FFF;box-sizing:border-box;transition:all 0.3s ease-in 0s;float:left;text-transform:capitalize;}
.nav ul li li a{padding:10px 20px;line-height:24px;font-size:15px;color:#333;}
.nav ul li.hover,.nav ul li:hover{background-color:#ccc;}
.nav ul li.hover a,.nav ul li:hover a{color:#333;}
.nav ul li.hover li.hover,.nav ul li:hover li:hover{background-color:#ddd;}
.nav ul li:hover img,.nav ul li.hover img{margin:-50px 5px 0 0 ;}
.nav ul li:hover ul.subnav{display:block;}
.nav ul ul li:hover ul.submenu{display:block;}
.nav ul li ul li:first-child{border-top:1px solid #ccc;}
.nav_scroll{position:fixed;width:100%;margin:0;left:0;top:0;box-shadow:2px 3px 3px #eee;z-index:9999999999;}

/**头部固定**/
.header_scroll{position:fixed;width:100%;margin:0;left:0;top:0;box-shadow:2px 3px 3px #eee;z-index:999999999999;}

.min-banner,.min-banner{width:100%;height:343px;float:left;}


/**动画放大**/
.ImgEnlarge{display:block;overflow:hidden;margin:0 auto;}
.ImgEnlarge img{width:100%;}
.FlashEnlarge ul li:hover img{transform:scale(1.2,1.2);}
/**延迟时间**/
.delay2,.WholeDelayTime ul li:nth-child(2),.HomeProduct ul li:nth-child(2),.HomeProduct ul li:nth-child(5),.HomeHonor ul li:nth-child(2){animation-delay:.2s;-webkit-animation-delay:.2s;}
.delay3,.WholeDelayTime ul li:nth-child(3),.HomeProduct ul li:nth-child(3),.HomeProduct ul li:nth-child(6),.HomeHonor ul li:nth-child(3){animation-delay:.3s;-webkit-animation-delay:.3s;}
.delay4,.WholeDelayTime ul li:nth-child(4),.HomeProduct ul li:nth-child(4),.HomeProduct ul li:nth-child(7),.HomeHonor ul li:nth-child(4){animation-delay:.4s;-webkit-animation-delay:.4s;}
.delay5,.WholeDelayTime ul li:nth-child(5),.HomeProduct ul li:nth-child(8),.HomeHonor ul li:nth-child(5){animation-delay:.5s;-webkit-animation-delay:.5s;}
.delay6,.WholeDelayTime ul li:nth-child(6){animation-delay:.6s;-webkit-animation-delay:.6s;}
.delay7,.WholeDelayTime ul li:nth-child(7){animation-delay:.7s;-webkit-animation-delay:.7s;}
.delay8,.WholeDelayTime ul li:nth-child(8){animation-delay:.8s;-webkit-animation-delay:.8s;}
.delay9,.WholeDelayTime ul li:nth-child(9){animation-delay:.9s;-webkit-animation-delay:.9s;}
.delay10{animation-delay:1s;-webkit-animation-delay:1s;}
.delay11{animation-delay:1.1s;-webkit-animation-delay:1.1s;}
.delay12{animation-delay:1.2s;-webkit-animation-delay:1.2s;}
.delay13{animation-delay:1.3s;-webkit-animation-delay:1.3s;}



/**页尾**/
.footer{padding:40px 0 0;border-top:1px solid #e5e5e5;background-color:#f5f5f5;}
.ProductClass,.footerAddress{width:420px;padding:28px 0;float:left;}
.ProductClass dl{width:190px;float:left;}
.ProductClass dl.active{width:210px;float:right;}
.ProductClass dl dt,.ProductClass dl dd,.ProductClass dl a{width:100%;float:left;font-size:14px;text-transform:uppercase;color:#000;line-height:13px;display:block;}
.ProductClass dl dt{margin:0 0 10px;}
.ProductClass dl dd a{color:#666;text-transform:capitalize;line-height:18px;font-size:14px;}
.ProductClass dl dd{margin:15px 0 0;}

.footerAddress{width:400px;height:220px;padding:28px 36px;margin:0 0 0 40px;border:1px solid #ccc;border-top:none;border-bottom:none;}
.footerAddress img{width:75px;float:left;}
.footerAddress .address{width:300px;float:right;}
.footerAddress h3{font-size:15px;color:#444;line-height:20px;margin:0 0 15px;font-weight:bold;}
.footerAddress p{font-size:14px;color:#787878;line-height:28px;font-weight:bold;}
.footerAddress p strong{color:#333;font-weight:bold;text-transform:capitalize;}

.footerInput{width:225px;float:right;margin:10px 0 0 0;}
.footerInput input{width:100%;height:40px;border:1px solid #ccc;padding:0 10px;margin:0 0 8px;box-sizing:border-box;border-radius:5px;}
.footerInput button{width:100%;height:40px;border:1px solid #ccc;background-color:#ccc;font-size:15px;color:#444;text-transform:uppercase;margin:0 0 30px;border-radius:5px;}
.footerInput ul li{float:left;margin:0 15px 0 0;}

.footerBottom{height:40px;text-align:center;margin:40px 0 0;border-top:1px solid #e5e5e5;background-color:#FFF;}
.footerBottom p,.footerBottom p a{font-size:14px;color:#666;line-height:40px;}
.footerBottom p a.name{margin:0 15px;}

/**在线留言**/
.OnMessage,.contactCont{width:100%;float:left;}
.OnMessage input,.OnMessage textarea{width:100%;height:35px;border:1px solid #ccc;padding-left:10px;color:#666;box-sizing:border-box;margin-bottom:10px;float:right;}
.OnMessage input{width:1100px;font-size:14px;}
.OnMessage p{width:100%;float:left;overflow:hidden;font-size:14px;color:#666;margin:0 0 10px 0;}
.OnMessage span{float:left;display:block;line-height:35px;color:red;margin-right:5px;}
.OnMessage mark{width:80px;float:left;text-transform:capitalize;display:block;color:#666;font-size:14px;line-height:35px;}
.OnMessage p.active{float:right;}
.OnMessage section{width:100%;float:left;}
.OnMessage section mark{width:100%;float:left;}
.OnMessage textarea{width:1100px;height:150px;max-height:150px;font-size:14px;line-height:35px;}
.OnMessage button{background:#ccc;border:none;width:140px;height:34px;font-size:14px;line-height:34px;text-align:center;cursor:pointer;color:#333;text-transform:uppercase;margin-top:30px;float:left;}
.OnMessage p.active span{opacity:0;}
.OnMessageBg{height:100%;width:100%;position:fixed;left:0;top:0;background-color:rgba(0,0,0,.5);z-index:9;display:none;}
.productOnMessage{width:1200px;position:fixed;left:50%;top:50%;background-color:#FFF;z-index:99;padding:20px;display:none;transform:translate(-50%,-50%);}
.productOnMessage p.end{float:left;width:300px;margin-top:30px;font-family:Arial, Helvetica, sans-serif;color:red;line-height:34px;margin-left:20px;}