/*css初始化*/
*{margin: 0;padding: 0;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
html {font-family: "微软雅黑", arial, 'Open Sans', sans-serif;-webkit-font-smoothing: antialiased;font-size: 14px;}html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, input, textarea, select {box-sizing:border-box;margin: 0;padding: 0;outline: 0;border: 0;background: transparent;vertical-align: baseline;}ul, ol {list-style: none;}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {display: block;}audio,canvas,progress,video {display: inline-block;vertical-align: baseline;}audio:not([controls]) {display: none;height: 0;}[hidden],template {display: none;}
a {background: transparent;}a:active,a:hover {outline: 0;}abbr[title] {border-bottom: 1px dotted;}b,strong {font-weight: bold;}dfn {font-style: italic;}h1 {font-size: 2em;margin: 0.67em 0;}mark {background: #ff0;color: #000;}small {font-size: 80%;}sub,sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}sup {top: -0.5em;}sub {bottom: -0.25em;}img {border: 0;}svg:not(:root) {overflow: hidden;}figure {margin: 1em 40px;}hr {-moz-box-sizing: content-box;box-sizing: content-box;height: 0;}pre {overflow: auto;}
code,kbd,pre,samp {font-family: monospace, monospace;font-size: 1em;}button,input,optgroup,select,textarea {color: inherit;font: inherit;margin: 0;}button {overflow: visible;}button,select {text-transform: none;}button,html input[type="button"],input[type="reset"],input[type="submit"] {-webkit-appearance: button;cursor: pointer;}button[disabled],html input[disabled] {cursor: default;}button::-moz-focus-inner,input::-moz-focus-inner {border: 0;padding: 0;}input {line-height: normal;}input[type="checkbox"],input[type="radio"] {box-sizing: border-box;padding: 0;}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {height: auto;}
input[type="search"] {-webkit-appearance: textfield;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}fieldset {border: 1px solid #c0c0c0;margin: 0 2px;padding: 0.35em 0.625em 0.75em;}legend {border: 0;padding: 0;}textarea {overflow: auto;}optgroup {font-weight: bold;}table {border-collapse: collapse;border-spacing: 0;}td,th {padding: 0;}a{text-decoration: none;color: #005fb4;}.copyrights{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;}
@media print {* {text-shadow: none !important;color: #000 !important;background: transparent !important;box-shadow: none !important;} a, a:visited {text-decoration: underline;}a[href]:after {content: " (" attr(href) ")";} abbr[title]:after {content: " (" attr(title) ")";} a[href^="javascript:"]:after,a[href^="#"]:after {content: "";} pre,  blockquote {border: 1px solid #999;page-break-inside: avoid;}thead {display: table-header-group;}tr,img {page-break-inside: avoid;}img {max-width: 100% !important;}p, h2, h3 {orphans: 3;widows: 3;} h2,h3 {page-break-after: avoid;}select {background: #fff !important;}}
a{color: #444;}body{color: #444;}

.main{width:1200px;margin: 0 auto;}
.main:after{content:"";clear:both;display:block;}
.clear:after{content:"";clear:both;display:block;}
.fl{float:left;}
.fr{float:right;}
.one{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.lin{display:-webkit-box !important;word-break:break-all;text-overflow:ellipsis;overflow:hidden;-webkit-box-orient: vertical;}

/*head*/
.head{}
.head-logo{}
.head-rg{line-height: 74px;}
.head-li{position:relative;float: left;width: 137px;text-align: center;}
.head-a{display:block;color: #444;transition: all .3s ease;}
.head-pull{position:absolute;z-index: 10;left:0;width: 140px;visibility:hidden;opacity:0;transform: translate3d(0,20%,0);-webkit-transform: translate3d(0,20%,0);-moz-transform: translate3d(0,20%,0);-ms-transform: translate3d(0,20%,0);-o-transform: translate3d(0,20%,0);transition: all .3s ease;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;}
.head-puli{border-bottom: 4px solid transparent;line-height: 30px;}
.head-puli a{display: block;color: #fff;background: #2b6eba;}
.head-li:hover .head-a,.head-li.active .head-a{color: #fff;background: url(../img/bg.png) no-repeat center;}
.head-li:hover .head-pull{visibility:visible;opacity:1;transform: translate3d(0,0,0);-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);-o-transform: translate3d(0,0,0);}
.head-ser{position:relative;width: 140px;text-align: center;z-index: 3;}
.head-ser i{display: inline-block;width: 16px;height: 17px;background: url(../img/icon.png) no-repeat center;}
.head-ser-pull{position:absolute;z-index: 2;padding: 0 8px;width: 150px;visibility:hidden;opacity:0;height: 0;line-height: 40px;background: #2b6eba;}
.head-ser-pull,.head-ser-inp{transition: all .6s ease;-webkit-transition: all .6s ease;-moz-transition: all .6s ease;-ms-transition: all .6s ease;-o-transition: all .6s ease;}
.head-ser-inp{visibility: hidden;opacity:0;width:100%;padding-right: 15px;border: 1px solid #fff;text-indent: 12px;color:#fff;line-height:24px;}
.head-ser-btn{position:absolute;right: 14px;top: 12px;width: 16px;height: 17px;background: url(../img/icon13.png) no-repeat center;}
.head-ser:hover{background-image:url(../img/bg.png);background-repeat: no-repeat;background-size: contain;background-position: center;}
.head-ser:hover i{background: url(../img/icon13.png) no-repeat center;}
.head-ser:hover .head-ser-pull{visibility: visible;opacity:1;height: 40px;}
.head-ser:hover .head-ser-inp{visibility: visible;opacity:1;}
.head-lan span{margin: 0 4px;}
/*fixed*/
.fixed{position: fixed;z-index: 10;top: 50%;right:0;}
.fixed-ul{position: relative;z-index: 10;}
.fixed-li{width: 43px;}
.fixed-box{position:absolute;z-index: 3;top:0;right: 120%;width:100px;border: 1px solid #bfbfbf;background: #fff;transition: all .6s ease;}
.fixed-box.active{right:-200px;}
.fixed-tit{position:relative;padding: 0 8px;line-height: 24px;font-size: 12px;color: #fff;background: #777;}
.fixed-close{position:absolute;top:0;right: 8px;width: 6px;height: 24px;background-image: url(../img/icon14.png);background-position: center;background-repeat: no-repeat;background-size: contain;transition: all .6s linear;-webkit-transition: all .6s linear;-moz-transition: all .6s linear;-ms-transition: all .6s linear;-o-transition: all .6s linear;}
.fixed-box-puli{display: inline-block;padding: 4px;text-align: center;line-height: 40px;}
.fixed-close:hover{transform: rotateZ(360deg);-webkit-transform: rotateZ(360deg);-moz-transform: rotateZ(360deg);-ms-transform: rotateZ(360deg);-o-transform: rotateZ(360deg);}

/*foot*/
.foot{width:100%;min-width: 1200px;}
.infoot{background: #dddddd;}
.foot-tp{padding: 54px 0 46px 0;text-align: center;}
.foot-tel{padding: 0 12px 0 0;display:inline-block;font-size: 15.96px;color: #444;line-height: 34px;}
.foot-ul{display: inline-block;border-right: 1px solid #787573;border-left:1px solid #787573;}
.foot-li{float: left;padding: 0 50px;font-size: 14px;}
.foot-a{display: block;line-height: 26px;}
.foot-a:hover{color: #e64d3b;}
.foot-wx{display: inline-block;padding: 0 20px;vertical-align: bottom;}
.foot-bt{line-height: 50px;background: #2c2c2c;text-align: right;color: #fff;}
/*banner*/
.banner{width: 100%;min-width: 1200px;}
.banner .owl-theme .owl-controls .owl-buttons div{position: absolute;margin:0;padding: 0;top: 50%;margin-top:-22px;width: 44px;height: 90px;border-radius: 0;background-color:none;background-position: center;background-repeat: no-repeat;background-size: contain;}
.banner .owl-theme .owl-controls .owl-buttons .owl-prev{left:0;background-image: url(../img/prev.png);}
.banner .owl-theme .owl-controls .owl-buttons .owl-next{right:0;background-image: url(../img/next.png);}
.banner .owl-theme .owl-controls .owl-buttons div:hover{background-color: none;}

.ind-step-ul{padding: 20px 0;text-align: center;}
.ind-step-li{display: inline-block;padding: 0 40px;width: 290px;}
.ind-step-li h3{position:relative;padding-bottom: 6px;line-height: 40px;}
.ind-step-li h3:after{position: absolute;content:"";clear:both;display: block;bottom:0;left:50%;margin-left: -17px;width: 34px;height: 6px;}
.pro-one:after{background: #27ae61;}
.ser-two:after{background: #e77e22;}
.comp-three:after{background: #2b6eba;}
.ind-step-li p{padding: 10px 0;line-height: 24px;}
.ind-ab,.ind-conta{width: 100%;min-width: 1200px;padding: 40px 0;background: #ecf0f1;}
.ind-abtit{margin-bottom: 40px;font-size: 20px;font-weight: bold;text-align: center;color: #444;}
.ind-abtit p{position:relative;display: inline-block;line-height: 80px;}
.ind-abtit i{font-size: 14px;text-transform: uppercase;}
.ind-abtit p:after{position: absolute;content:"";clear:both;display: block;bottom: 0;left:0;width: 100%;height: 13px;background:url(../img/icon15.png) no-repeat center;}
.ind-ab-cont{padding: 0 128px 40px 128px;}
.ind-ab-cont p{line-height: 24px;text-indent: 24px;}
.ind-ab-a{text-align: center;}
.ind-ab-a a{display: inline-block;width: 160px;height: 44px;border-radius: 5px;font-size: 16px;line-height: 44px;color:#fff;background: #e64d3b;}
.ind-comp{padding: 0 0 20px 0;}
.ind-comp-li{padding: 0 45px;text-align: center;}
.ind-comp-li a{display: block;}
.ind-comp-cont h3{font-size: 16px;line-height: 40px;}
.ind-comp-cont p{font-size: 12px;}
.ind-comp  .owl-theme .owl-controls{margin-top: 40px;}
.ind-comp .owl-theme .owl-controls .owl-page span{margin:0 5px;width: 9px;height: 9px;border-radius: 50%;}
.ind-comp .owl-theme .owl-controls .owl-page.active span,.ind-comp .owl-theme .owl-controls.clickable .owl-page:hover span{border: 2px solid #869791;background: #fff;}
.ind-hist{padding: 30px 0 50px 0;width: 100%;min-width: 1200px;height: 598px;background-image: url(../img/bg1.png);background-repeat: no-repeat; background-position: center;background-size: auto 100%; }
.ind-hist .ind-abtit p{color: #fff;}
.ind-hist .ind-abtit p:after{background: none;}
.ind-hist-scroll{height: 366px;}
.ind-hist-li{width:1200px;}
.ind-hist-li.le .ind-hist-cont{padding-bottom: 30px;}
.ind-hist-li:after{content: "";clear:both;display: block;}
.ind-hist-cont{position:relative;width: 50%;line-height: 24px;color: #fff;}
.ind-hist-li.active .ind-hist-cont{float: right;padding-left: 20px;text-align: left;}
.ind-hist-li.active .ind-hist-cont:before,.ind-hist-li.activeo .ind-hist-cont:before{position: absolute;content: "";clear: both;display: block;top:0;width:16px;height: 16px;background: #fff;border-radius: 50%;}
.ind-hist-li.active .ind-hist-cont:after,.ind-hist-li.activeo .ind-hist-cont:after{position:absolute;content:"";clear: both;display: block;top:0;width:1px;height: 100%;background: #fff;}
.ind-hist-li.active .ind-hist-cont:before{left:-8px;}
.ind-hist-li.active .ind-hist-cont:after{left:0;}
.ind-hist-li.activeo .ind-hist-cont{float: left;padding-right: 20px;text-align: right;}
.ind-hist-li.activeo .ind-hist-cont:before{right:-8.5px;}
.ind-hist-li.activeo .ind-hist-cont:after{right:-1px;}
.ind-pro{padding-bottom: 50px;}
.ind-pro-ul{margin-bottom: 45px;}
.ind-pro-li{float:left;width: 33.3333%;padding: 0 32px;}
.ind-pro-li a{display: block;}
.ind-pro-img{position:relative;height: 230px;overflow: hidden;}
.ind-pro-img img{display:block;max-width:100%;max-height: 100%;}
.ind-pro-bg{position: absolute;width: 100%;height: 100%;top:-100%;left:0;background: url(../img/bg2.png) repeat center;transition: all .6s ease;-webkit-transition: all .6s ease;-moz-transition: all .6s ease;-ms-transition: all .6s ease;-o-transition: all .6s ease;}
.ind-pro-bgimg{position: absolute;top:50%;left:50%;margin-top: -23px;margin-left: -23px;width: 46px;height: 46px;background: url(../img/icon8.png) no-repeat center;}
.ind-pro-cont h3{position: relative;padding-bottom: 10px;text-align: center;line-height: 44px;}
.ind-pro-cont h3:after{position: absolute;content: "";clear:both;display:block;bottom:0;left: 50%;margin-left: -17.5px;width: 35px;height: 6px;background: #e64d3b;}
.ind-pro-cont p{padding: 10px 0;line-height: 24px;}
.ind-pro-li:hover .ind-pro-bg{top: 0;}
.ind-conta-li{float:left;padding: 0 20px;width: 33.3333%;}
.ind-conta-cont{padding: 33px 0;text-align: center;background: #fff;}
.ind-conta-cont h3{position:relative;margin-bottom: 42px;padding: 18px 0 27px 0;font-size: 16px;color: #e64d3b;}
.ind-conta-cont h3:after{position: absolute;content: "";clear:both;display:block;bottom:0;left:50%;margin-left: -17px;width: 34px;height: 6px;background:#e64d3b;}
/*关于我们*/
.ban{width: 100%;min-width: 1200px;}
.ban img{display: block;width:100%;}
.about{padding: 30px 0 90px 0;}
.about-fl{width:260px;}
.about-tit{margin-bottom: 40px;}
.about-head{padding: 20px 0;text-align: center;color:#fff;background: #2b6eba;}
.about-head h3{font-size: 26px;font-weight:normal;}
.about-head p{position: relative;display: inline-block;text-transform: uppercase;}
.about-head p:before,.about-head p:after{position: absolute;content: "";clear:both;display: block;top:50%;width: 40px;height:1px;background: #fff;}
.about-head p:before{left: -100%;}
.about-head p:after{right:-100%;}
.about-li{border: 1px solid #eee;border-top:none;}
.about-a{position:relative;display:block;padding: 0 12px;line-height: 50px;}
.about-a:after{position: absolute;content: "";clear: both;display: block;top:0;right: 12px;width: 17px;height: 50px;background: url(../img/icon17.png) no-repeat center;}
.about-li:hover,.about-li.active{border: 1px solid #9ba1a8;border-top:none;}
.about-li:hover .about-a,.about-li.active .about-a{color:#fff;background: #9ba1a8;}
.about-li:hover .about-a:after,.about-li.active .about-a:after{background: url(../img/icon16.png) no-repeat center;}
.about-img{position: relative;}
.about-cover{position: absolute;top: 0;left: 0;padding: 10px;width: 100%;font-size: 18px;color: #fff; font-family: arial;line-height: 30px;}
.about-fr{width: 910px;}
.about-nav{line-height: 30px;border-bottom: 1px solid #ebebeb;}
.about-nav-tit{font-size: 16px;color: #2b6eba;}
.about-nav-link{font-size: 12px;color: #999;}
.about-nav-link a{color: #999;}
.about-nav-link a:hover{color: #2b6eba;}
.about-nav-link span{margin: 0 4px;}
.about-cont{padding: 20px 0 0 0;}
.about-desc h3{font-size: 16px;text-align: center;line-height: 40px;}
.about-desc img{display: block;margin-bottom: 10px;width:100%;}
.about-desc p{margin-bottom: 24px;}
/*联系我们*/
.contact-cont{float:left;margin-bottom: 20px;width: 50%;line-height: 30px;}
.contact-tit{line-height: 40px;}
/*留言反馈*/
.feedback p{font-size: 18px;color: #333;text-align: center;}
.feedback-inp{padding: 40px 0;}
.feedback-dl{float:left;display: table;margin-bottom: 20px;width: 50%;line-height: 40px;}
.feedback-dt,.feedback-dd{display: table-cell;}
.feedback-dt{width: 90px;color: #666;vertical-align: top;}
.feedback-text{width: 310px;border: 1px solid #c4c4c4;height: 40px;line-height: 38px;text-indent: 10px;}
.feedback-text.w802{width: 765px;height: 180px;}
.feedback-dd span{display:inline-block;margin-left: 14px;font-size: 18px;color: #ff0000;vertical-align: top;}
.feedback-btn{width: 450px;line-height: 44px;font-family:"宋体";font-size: 18px;color: #fff;background: #2b6eba;}
.feedback-dd img{vertical-align: middle;}
/*产品分类*/
.pro-li{border:1px solid #eee;border-top:none;}
.pro-p{position:relative;display:block;padding-left: 30px;line-height: 50px;font-size: 16px;cursor: pointer;}
.pro-p:before{position: absolute;content: "";clear: both;display:block;top:0;left: 10px;width: 6px;height: 50px;background:url(../img/icon19.png) no-repeat center;}
.pro-pull{display: none;border: 1px solid #eee;}
.pro-pull-a{position:relative;display:block;padding-left: 50px;line-height: 30px;color: #666;}
.pro-pull-a:before{position: absolute;content: "";clear: both;display:block;top:0;left: 32px;width: 6px;height: 30px;background:url(../img/icon21.png) no-repeat center;}
.pro-li.active .pro-pull{display: block;}
.pro-li.active{border:none;}
.pro-li.active .pro-p{background: #9ba1a8;color: #fff;}
.pro-li.active .pro-p:before{width: 10px;background: url(../img/icon20.png) no-repeat center;}
.pro-puli:hover .pro-pull-a,.pro-puli.active .pro-pull-a{color: #2b6eba;}
.pro-puli:hover .pro-pull-a:before,.pro-puli.active .pro-pull-a:before{background: url(../img/icon22.png) no-repeat center;}
.pro-cateul{margin: 0 -55px;margin-bottom: 40px;}
.pro-cateli{float:left;margin-bottom: 20px;padding: 0 55px;width: 33.3333%;overflow: hidden;}
.pro-cateli .ind-pro-img{height: 140px;}
.pro-cateli .ind-pro-cont,.pro-bg{transition:all .6s ease;-webkit-transition:all .6s ease;-moz-transition:all .6s ease;-ms-transition:all .6s ease;-o-transition:all .6s ease;}
.pro-cateli .ind-pro-cont{position:relative;border-bottom: 4px solid #2b6eba;}
.pro-cateli .ind-pro-cont p{text-align: center;}
.pro-bg{position: absolute;z-index:-1;width: 100%;height: 100%;bottom:-100%;left:0;background: #2b6eba;}
.pro-cateli:hover .ind-pro-bg{top:0;}
.pro-cateli:hover .pro-bg{bottom:0;}
.pro-cateli:hover .ind-pro-cont{color: #fff;}
.pro-link{text-align: center;}
.pro-link a{display: inline-block;margin: 0 2px;padding: 0 12px;line-height: 40px;border: 1px solid #ccc;}
.pro-link a:hover,.pro-link a.active{border: 1px solid #2b6eba;color: #fff;background: #2b6eba;}
/*产品详情*/
.about-det{position: relative;}
.about-det img{display: block;width:100%;}
.about-det .about-nav-tit{line-height: 44px;}
.about-det p{line-height: 30px;}
.pro-det-a{display: block;font-style: italic;font-weight:bold;color: #2b6eba;line-height: 30px;text-decoration: underline;}
.pro-det-img{position: absolute;z-index: -1;right:0;bottom: 100px;width: 420px;}
.pro-det-link{text-align: right;}
.pro-det-link a{padding: 0 12px;border: 1px solid #ccc;border-radius: 5px;line-height: 24px;font-size: 12px;}
.pro-det-link a:hover{color: #2b6eba;border: 1px solid #2b6eba;}
