/*init*/
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, and, 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, *:after, *:before{margin: 0;padding: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;outline: 0;border: 0;background: transparent;vertical-align: baseline;}
ul, ol, li {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;}
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;max-width:100%}
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: content-box;-webkit-box-sizing: content-box;box-sizing: content-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;}}
/*public*/
.clear:after{content: '';display: block;clear: both;}
.tran{transition: all .3s ease;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;}
.main{margin: 0 auto;width: 1200px;}
.main:after{content: '';display: block;clear: both;}
.ellipsis{display: -webkit-box !important;word-break: break-all;overflow:hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp:2;}
/*header*/
.head{position: fixed;left: 0;top: 0;z-index:2;width: 100%;}
.head-main{position:relative;background-color: #fff;}
.head-main.active{box-shadow: 0 0 30px 1px rgba(0,0,0,.1);}
.head-logo{float: left;}
.head-logo a{padding:0 20px;display: table-cell;width:200px;height:70px;background-color: #2b73c6;vertical-align: middle;}
.head-logo img{margin:0 auto;display: block;width: 100%;}
.head-ul{float: left;}
.head-li{position:relative;margin-left:50px;float: left;}
.head-li-a{display: block;line-height: 70px;font-size: 15px;color: #595959;}
.head-li-a:hover{color: #2b73c6;}
.head-li-pull{position: absolute;left: 50%;margin-left: -70px;width: 140px;background: repeat;border-top: 1px solid #2b73c6;opacity: 0;visibility: hidden;transform: translatey(15px);-webkit-transform: translatey(15px);}
.head-li-pull a{display: block;text-align: center;color: #666;line-height: 35px;border-bottom: 1px dotted #ddd;}
.head-li-pull a:hover{color: #2b73c6;}
.head-li:hover .head-li-pull{opacity: 1;visibility: visible;transform: none;-webkit-transform: none;}
.head-li:hover .head-li-a{color: #2b73c6;}
.head-lang{position: absolute;right: 20px;bottom: 20px;padding:0 10px;line-height: 25px;background-color: #4887e8;color: #fff;font-size: 12px;}
.head-lang a{color: #fff;}
.head-ser-icon{float: right;width: 100px;height: 70px;background-repeat: no-repeat;background-position: center;background-image: ;cursor: pointer;}
.head-ser{position: absolute;right: 0;top: 100%;display:none;padding: 15px;width:300px;background-color: #fff;}
.head-ser-inp{float: left;width:75%;height: 40px;line-height: 40px;border: 1px solid #2b73c6;text-indent: 10px;}
.head-ser-btn{float: left;width: 25%;height: 40px;background:#2b73c6 no-repeat center;}
.foot{position: relative;}
.foot:before{content: '';position: absolute;left: 0;top: 0;width: 50%;height: 3px;background-color: #14c45d;}
.foot:after{content: '';position: absolute;right: 0;top: 0;width: 50%;height: 3px;background-color: #2d57b6;}
.foot-top{position:relative;z-index:1;padding: 60px 0;border-top: 3px solid #2d57b6;}
.foot-nav{float: left;}
.foot-dl{float: left;width: 125px;}
.foot-dt{margin-bottom:10px;font-size: 16px;font-weight: bold;color: #333;}
.foot-dd{line-height: 24px;}
.foot-dd a{color: #898989;}
.foot-contact{padding-left:36px;float: right;border-left: 1px solid #e3e3e3;}
.foot-contact-cont{float: left;width: 240px;}
.foot-contact-num{padding-bottom:10px;margin-bottom:15px;font-size: 12px;border-bottom: 1px solid #e3e3e3;}
.foot-contact-cont .tit{margin-bottom:10px;font-size: 16px;font-weight: bold;color: #333;}
.foot-contact-cont .num{margin-top:5px;font-size: 32px;font-weight: bold;color: #14c45d;}
.foot-share{}
.foot-share-tit{margin-bottom:10px;font-weight: bold;color: #333;}
.jiathis_style_32x32 .jtico_weixin{margin-left: 10px;}
.jiathis_style_32x32 .jtico_tqq{margin-left: 10px;}
.foot-contact-chat{margin-left:20px;float: left;width: 152px;}
.foot-contact-chat img{display: block;width: 100%;}
.foot-bot{padding: 10px 0 20px 0;border-top: 1px solid #e3e3e3;}
.foot-bot-lf{float: left;}
.foot-link{position:relative;z-index:1;float: left;width: 170px;height: 35px;border: 1px solid #e3e3e3;text-indent: 10px;color: #898989;}
.foot-link-tit{line-height: 33px;cursor: pointer;}
.foot-link-tit:before{content: '';position: absolute;right: 10px;top: 15px;width: 0;height: 0;border-top: 6px solid #666;border-left: 6px solid transparent;border-right: 6px solid transparent;}
.foot-link-a{position: absolute;left: 0;bottom: 100%;width: 100%;display:none;border: 1px solid #e3e3e3;border-bottom: none;background-color: #fff;}
.foot-link-a a{display:block;line-height: 30px;color: #898989;}
.foot-bot-a{margin-left:12px;float: left;line-height: 35px;color: #898989;}
.foot-bot-a a{float: left;color: #898989;}
.foot-bot-a span{margin:0 6px;float: left;}
.foot-bot-p{float: right;line-height: 35px;color: #898989;}
/*index*/
.banner{}
.banner-ul{}
.banner-li{}
.banner-li a{position:relative;display: block;height: 864px;background-repeat: no-repeat;background-position: center;background-size: auto 100%;}
.banner-li-tit{position: absolute;right: 50%;margin-right:-600px;top: 20%;color: #fff;text-align: right;text-shadow:2px 2px 2px rgba(0,0,0,.5);}
.banner-li-tit p{font-size: 60px;font-weight: bold;}
.banner-li-tit span{font-size: 20px;text-transform: uppercase;text-transform: uppercase;}
.ind-num-ul{position: relative;z-index:1;margin-top: -73px;}
.ind-num-li{padding-left:65px;float: left;width: 33.3333%;height:145px;color:#fff;background-color: #2b73c6;}
.ind-num-li.bkg1{background-color: #266cbc;}
.ind-num-li.bkg2{background-color: #2166b5;}
.ind-num-li .num{float: left;font-size: 70px;line-height: 145px;}
.ind-num-li-desc{padding-left:20px;padding-top:45px;float: left;line-height: 30px;}
.ind-num-li-desc p{font-size: 20px;}
.ind-num-li-desc span{color: #82a5d8;}
.ind-num-li .tit{margin:0 10px;padding-top:60px;float: left;font-size: 20px;}
.ind-tit{padding-top:55px;padding-bottom:25px;text-align: center;}
.ind-tit p{font-size: 28px;color: #272727;}
.ind-tit span{text-transform: uppercase;color: #cecece;}
.ind-top{background-color: #fbfbfb;}
.ind-prod{padding-bottom: 60px;}
.ind-prod-nav{position:relative;margin-bottom:50px;text-align: center;}
.ind-prod-nav:before{content: '';position: absolute;left: 0;top: 50%;width: 100%;height: 1px;background-color: #e7e7e7;}
.ind-prod-nav a{position:relative;margin:0 6px;display: inline-block;padding-left: 45px;padding-right: 20px;background-color:#fff;line-height: 38px;border: 1px solid #e7e7e7;color: #adadad;border-radius: 20px;background-repeat: no-repeat;background-position: 20px center;}
.ind-prod-nav a.icon1{background-image: ;}
.ind-prod-nav a.icon2{background-image: ;}
.ind-prod-nav a.icon3{background-image: ;}
.ind-prod-nav a.icon4{background-image: ;}
.ind-prod-nav a.icon5{background-image: ;}
.ind-prod-nav a.icon6{background-image: ;}
.ind-prod-nav a:hover{background-color: #2b73c6;color: #fff;border-color: #2b73c6;}
.ind-prod-nav a.icon1:hover{background-image: ;}
.ind-prod-nav a.icon2:hover{background-image: ;}
.ind-prod-nav a.icon3:hover{background-image: ;}
.ind-prod-nav a.icon4:hover{background-image: ;}
.ind-prod-nav a.icon5:hover{background-image: ;}
.ind-prod-nav a.icon6:hover{background-image: ;}
.ind-prod-menu{margin-bottom:55px;text-align: center;}
.ind-prod-menu a{margin:0 25px;display: inline-block;text-align: center;line-height: 28px;color: #6b6b6b;}
.ind-prod-menu a:hover{color: #0172cd;}
.ind-prod-menu img{margin:0 auto;display: block;}
.ind-prod-ul{}
.ind-prod-li{padding:13px;float: left;width: 100%;}
.ind-prod-li a{display: block;transition: all .3s ease;-webkit-transition: all .3s ease;background-color: #fff;}
.ind-prod-li-img{overflow: hidden;}
.ind-prod-li-img img{display: block;width: 100%;}
.ind-prod-li-desc{padding:10px;text-align: center;color: #898989;line-height: 30px;}
.ind-prod-li-desc p{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.ind-prod-li-desc .tit{font-size: 16px;color: #292929;}
.ind-prod-li a:hover{box-shadow: 0 0 30px 3px rgba(0,0,0,.1);}
.ind-prod-li a:hover .tit{color: #2b73c6;}
.ind-prod .owl-theme .owl-controls .owl-buttons div{position: absolute;top: 50%;margin-top: -24px;width: 26px;height: 48px;background-repeat: no-repeat;background-position: center;background-size: contain;background-color: transparent;opacity: 1;border-radius: 0;}
.ind-prod .owl-theme .owl-controls .owl-buttons div.owl-prev{left:-40px;background-image: ;}
.ind-prod .owl-theme .owl-controls .owl-buttons div.owl-next{right:-40px;background-image: ;}
.ind-about{}
.ind-about-img{float: left;width: 50%;}
.ind-about-img img{display: block;width: 100%;}
.ind-about-desc{padding:40px 50px;float: left;width: 50%;color: #686868;box-shadow: 0 -1px 6px 1px rgba(0,0,0,.1);}
.ind-about-tit{position: relative;margin-bottom:15px;font-size: 30px;font-weight: bold;}
.ind-about-tit:before{content: '';position: absolute;left: 0;top: -15px;width: 49px;height: 5px;background-color: #14c45d;}
.ind-about-p{line-height: 30px;text-indent: 30px;}
.ind-about-btn{margin-top:20px;display: block;width: 160px;line-height: 45px;text-align: center;color: #fff;font-size: 16px;background-color: #14c45d;border-radius: 20px;}
.ind-news{padding-bottom: 60px;}
.ind-news .ind-prod-nav a{padding: 0 20px;}
.ind-news-cont{float: left;width: 590px;}
.ind-news-img{}
.ind-news-img img{display: block;width: 100%;}
.ind-news-desc{line-height: 24px;color: #898989;}
.ind-news-tit{margin-bottom:10px;line-height: 50px;border-bottom: 1px solid #ccc;color: #333;}
.ind-news-tit p{float: left;width:70%;font-size: 18px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.ind-news-tit span{float: right;color: #999;}
.ind-news-cont:hover .ind-news-tit{color: #2b73c6;}
.ind-news-ul{float: right;width: 578px;}
.ind-news-li{margin-bottom: 20px;}
.ind-news-li a{display: block;}
.ind-news-li a:after{content: '';display: block;clear: both;}
.ind-news-li-num{float: left;font-size: 95px;color: #e6e6e6;font-weight: bold;font-family: arial;}
.ind-news-li-cont{padding-left:20px;float: right;width: 450px;border-left: 1px solid #e7e7e7;line-height: 24px;color: #999;}
.ind-news-li-tit{font-size: 16px;line-height: 24px;color: #333;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.ind-news-li-p{margin-top: 5px;height: 48px;display: -webkit-box !important;word-break: break-all;overflow:hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp:2;}
.ind-news-li a:hover .ind-news-li-tit{color: #2b73c6;}
.ind-news-li a:hover .ind-news-li-num{color: #2b73c6;}
.ind-social{padding-bottom: 60px;}
.ind-social-ul{margin: 0 -10px;}
.ind-social-li{padding:0 10px;float: left;width: 25%;}
.ind-social-li a{position: relative;display: block;transition: all .3s ease;-webkit-transition: all .3s ease;}
.ind-social-li img{display: block;width: 100%;}
.ind-social-li-tit{position: absolute;left: 20px;top: 20px;color: #fff;}
.ind-social-li-tit p{font-size: 20px;}
.ind-social-li-tit span{text-transform: uppercase;font-size: 12px;}
.ind-social-li a:hover{box-shadow: 0 0 20px 10px rgba(0,0,0,.1);}
/*产品中心*/
.banner-img{height: 473px;background-repeat: no-repeat;background-position: center;background-size: auto 100%;}
.content{position: relative;padding-bottom: 35px;margin-top: -100px;}
.about-nav{position:relative;z-index:1;float: left;width: 200px;background-color: #727272;}
.about-nav-dl{position: relative;}
.about-nav-dt{position: relative;line-height: 100px;color: #fff;text-align: center;font-size: 24px;background-color: #2b73c6;}
.about-nav-dt:before{content: '';position: absolute;top:50%;right: 30px;width: 0;height: 0;border-top: 4px solid #fff;border-left: 4px solid transparent;border-right: 4px solid transparent;}
.about-nav-dd{}
.about-nav-dd a{display: block;text-align: center;color: #fff;font-size: 18px;line-height: 94px;border-bottom: 1px solid #858585;}
.about-nav-dd a:hover{background-color: #3b94dc;}
.about-nav-dd a.active{background-color: #3b94dc;}
.matter{position:relative;float: left;width: 1000px;background-color: #fff;box-shadow: 0 0 20px 1px rgba(0,0,0,.1);}
.matter:before{content: '';position: absolute;left: -200px;width: 200px;height: 100%;background-color: #727272;}
.matter-top{padding-left:45px;padding-right:20px;border-bottom: 1px solid #e5e5e5;}
.matter-tit{padding-left:35px;float: left;line-height: 100px;font-size: 24px;font-weight: bold;color: #000;background: no-repeat left center;}
.matter-page{margin-top:60px;padding-left:20px;float: right;color: #595959;line-height: 20px;background: no-repeat left center;}
.matter-page a{float: left;color: #595959;}
.matter-page span{float: left;}
.matter-page p{float: left;color: #2b73c6;}
.matter-main{padding: 25px;}
.matter-main .ind-prod-li{width: 50%;padding:20px 40px;}
/*产品详细*/
.prod-details{}
.prod-details-tit{text-align: center;font-size: 20px;font-weight: bold;color: #000;}
.prod-details-img{padding: 30px;}
.prod-details-img img{display: block;width: 100%;}
.prod-details-desc{font-size: 16px;line-height: 30px;color: #000;}
.prod-details-desc .tit{margin-bottom:20px;width: 130px;line-height: 45px;text-align: center;color: #fff;background-color: #2b73c6;border-radius: 20px;}
/*新产品中心*/
.product{}
.prod-nav{position: relative;top: -65px;z-index:1;padding:0 50px;background-color: #fff;box-shadow: 0 0 20px 2px rgba(0,0,0,.1);}
.prod-nav-ul{}
.prod-nav-li{padding: 30px 0;border-bottom: 3px solid transparent;}
.prod-nav-li a{display: block;text-align: center;color: #666;border-right: 1px solid #eee;}
.prod-nav-li img{margin:0 auto 10px auto;display: block;}
.prod-nav-li:hover{border-color: #2e74b7;}
.prod-nav-li a:hover{color: #2e74b7;}
.prod-nav .owl-theme .owl-controls .owl-buttons div{position: absolute;top: 50%;margin-top: -10px;width: 20px;height: 20px;background-repeat: no-repeat;background-position: center;background-size: contain;background-color: transparent;opacity: 1;border-radius: 0;}
.prod-nav .owl-theme .owl-controls .owl-buttons div.owl-prev{left:-30px;background-image: ;}
.prod-nav .owl-theme .owl-controls .owl-buttons div.owl-next{right:-30px;background-image: ;}
.prod-nav .owl-theme .owl-controls{margin-top: 0;}
.prod-desc{line-height: 28px;color: #8c8c8c;}
.prod-tit{padding-bottom:10px;margin-bottom:20px;font-size: 24px;line-height: 36px;border-bottom: 1px solid #eee;color: #000;}
.prod-desc .tit{margin-top:20px;font-weight: bold;color: #000;}
.prod-list{padding: 60px 0;}
.prod-list .prod-tit{border-bottom: none;}
.prod-list-ul{margin: 0 -12px;}
.prod-list-li{padding:12px;float: left;width: 100%;}
.prod-list-li a{display: block;text-align: center;font-size: 16px;color: #353535;}
.prod-list-li-img{margin-bottom: 10px;}
.prod-list-li-img img{display: block;width: 100%;}
.prod-list .owl-theme .owl-controls .owl-buttons div{position: absolute;top: 50%;margin-top: -15px;width: 30px;height: 30px;background-repeat: no-repeat;background-position: center;background-size: contain;background-color: transparent;opacity: 1;border-radius: 0;}
.prod-list .owl-theme .owl-controls .owl-buttons div.owl-prev{left:-40px;background-image: ;}
.prod-list .owl-theme .owl-controls .owl-buttons div.owl-next{right:-40px;background-image: ;}
.prod-list .owl-theme .owl-controls .owl-buttons div.owl-prev:hover{left:-40px;background-image: ;}
.prod-list .owl-theme .owl-controls .owl-buttons div.owl-next:hover{right:-40px;background-image: ;}
.ind-more{padding:40px 0;text-align: center;}
.ind-more a{position:relative;display: inline-block;width:150px;line-height:45px;color: #fff;background-color: #0172cd;border-radius: 20px;text-align: left;}
.ind-more img{float: left;margin-top: 17px;margin-right: 5px;margin-left: 40px;}
.ind-more a:before{content: '';position: absolute;left: -30px;top: 50%;width: 20px;height: 2px;background-color: #0172cd;}
.ind-more a:after{content: '';position: absolute;right: -30px;top: 50%;width: 20px;height: 2px;background-color: #0172cd;}
/*分页*/
.page{padding-top:40px;text-align: center;}
.page-ctr{display: inline-block;line-height: 30px;font-size: 12px;color: #333;}
.page-a{float: left;}
.page-a a{margin:0 3px 8px 3px;padding:0 10px;float: left;border: 1px solid #e2e2e2;color: #333;}
.page-a a:hover{background-color: #2b73c6;color: #fff;}
.page-a a.active{background-color: #2b73c6;color: #fff;}
.page-com{float: left;}
.page-com p{float: left;margin:0 3px;}
.page-com-inp{margin:0 3px;float: left;width: 42px;height: 30px;line-height: 28px;border: 1px solid #e2e2e2;text-align: center;}
.page-com-btn{float: left;width: 60px;height: 30px;line-height: 28px;border: 1px solid #e2e2e2;}
/*关于我们*/
.about-intro{line-height: 30px;color: #000;text-indent: 30px;}
.about-intro p{margin-bottom: 20px;}
.about-intro img{display: block;width: 100%;}
/*联系我们*/
.contact{}
.contact-map{margin-bottom:20px;height: 416px;background-color: #f1f1f1;}
.contact-intro{font-size: 16px;line-height: 35px;color: #000;}
.contact-intro .tit{font-size: 20px;font-weight: bold;}
/*职业生涯*/
.career{font-size: 16px;line-height: 30px;text-indent: 30px;}
.career img{margin-right:20px;float: left;max-width: 100%;}
/*社会责任*/
.duty{}
.duty-ul{}
.duty-li{}
.duty-li a{display: block;}
.duty-li a:after{content: '';display: block;clear: both;}
.duty-li-cont{padding:40px;float: left;width: 50%;text-align: center;line-height: 24px;color: #898989;font-size: 12px;}
.duty-li-tit{font-size: 20px;font-weight: bold;color: #464646;text-align: center;line-height: 40px;}
.duty-li-time{margin: 10px 0;}
.duty-li-p{text-align: left;font-size: 14px;}
.duty-li-more{margin-top:20px;display: inline-block;width: 130px;text-align:left;line-height:35px;text-indent:30px;border-bottom: 2px solid #464646;color: #464646;background: no-repeat 76% center;}
.duty-li-img{float: left;overflow: hidden;}
.duty-li-img img{display: block;width: 100%;transition: all .4s ease;-webkit-transition: all .4s ease;}
.duty-li.odd .duty-li-img{float: left;}
.duty-li.odd .duty-li-cont{float: right;}
.duty-li a:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);}
/*新闻资讯*/
.news{}
.news-ul{}
.news-li{}
.news-li a{padding:10px;display:block;line-height: 24px;color: #898989;}
.news-li-tit{margin-bottom:10px;font-size: 16px;font-weight: bold;color: #595959;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.news-li-p{height: 72px;display: -webkit-box !important;word-break: break-all;overflow:hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp:3;}
.news-li a:hover{color: #3b94dc;box-shadow: 0 0 20px 1px rgba(0,0,0,.1);}
.news-li a:hover .news-li-tit{color: #2b73c6;}
.news-top{padding-bottom: 45px;margin-bottom:20px;border-bottom: 1px solid #ccc;}
.news-top-ul{}
.news-top-li{}
.news-top-li a{display: block;}
.news-top-li a:after{content: '';display: block;clear: both;}
.news-top-li-img{position:relative;float: left;width: 493px;}
.news-top-li-img img{display: block;width: 100%;}
.news-top-li-time{position: absolute;right: -23px;bottom:0;width: 80px;padding:10px 0;color: #fff;background-color: #2b73c6;text-align: center;font-size: 25px;font-weight: bold;font-family: arial;}
.news-top-li-desc{float: right;width: 430px;}
.news-top-li-tit{margin-bottom:20px;font-size: 20px;font-weight: bold;color: #000;line-height: 35px;}
.news-top-li-p{line-height: 24px;color: #898989;}
.news-top .owl-theme .owl-controls{position: absolute;right: 48px;bottom: 20px;}
.news-top .owl-theme .owl-controls .owl-page.active span, .news-top .owl-theme .owl-controls.clickable .owl-page:hover span{background-color: #2b73c6;}
.news-top .owl-theme .owl-controls .owl-page span{width: 11px;height: 11px;opacity: 1;border-radius: 0;}
.news-top .owl-theme .owl-controls .owl-buttons div{position: absolute;top: 50%;margin-top: -12px;width: 12px;height: 20px;background-repeat: no-repeat;background-position: center;background-size: contain;background-color: transparent;opacity: 1;border-radius: 0;}
.news-top .owl-theme .owl-controls .owl-buttons div.owl-prev{left:-30px;background-image: ;}
.news-top .owl-theme .owl-controls .owl-buttons div.owl-next{right:-30px;background-image: ;}
/*新闻详情*/
.news-details{}
.news-details-top{margin-bottom:30px;line-height: 30px;}
.news-details-top h1{font-size: 20px;text-align: center;}
.news-details-com{text-align: center;font-size: 12px;}
.news-details-ctr{display: inline-block;}
.news-details-com p{margin:0 5px;float: left;}
.news-details-com span{color: #3471b8;}
.news-share{margin-top:8px;float: left;color: #999;}
.news-details-cont{min-height:300px;line-height: 24px;text-indent: 30px;color: #898989;}
.news-details-cont img{margin: 0 auto;display: block;max-width: 100%;}
.news-details-btn{padding: 30px 0;}
.news-details-btn a{float: left;width: 33.333%;background-color: #727272;text-align: center;color: #fff;line-height: 50px;border: 1px solid #fff;}
.news-details-btn span{display: inline-block;}
.news-details-btn img{float: left;margin-right: 5px;margin-top: 18px;}
.news-details-btn .next img{float: right;margin-left: 5px;}
.news-details-btn a:hover{background-color: #2b73c6;}
/*董事长致辞*/
.leader{text-indent: 30px;line-height: 30px;color: #000;}
.leader img{margin-right:20px;margin-bottom:20px;float: left;max-width: 100%;}
.leader p{margin-bottom: 20px;}
/*社会招聘*/
.join{}
.join-top{margin-bottom:20px;padding: 20px;background-color: #f1f1f1;}
.join-top-dl{margin-bottom: 10px;}
.join-top-dt{float: left;width:80px;min-height:1px;text-align:right;line-height: 35px;}
.join-top-dd{float: left;}
.join-top-dd-inp{float: left;width: 385px;height: 35px;line-height: 35px;background-color: #fff;border: 1px solid #e5e5e5;text-indent: 10px;}
.join-top-dd-p{margin-left:10px;float: left;line-height: 35px;}
.join-top-sel .join-top-dl{float: left;}
.join-top-sel .join-top-dd-inp{width: 153px;}
.join-top-dd-btn{margin-top:20px;width: 100px;height: 38px;color: #fff; background:#2b73c6 no-repeat 25% center;text-indent: 20px;}
.join-main{}
.join-ul{}
.join-li{}
.join-list{padding:15px 0;line-height:20px;text-align:center;border-bottom: 1px solid #f2f2f2;cursor: pointer;}
.join-list.tit{font-size: 16px;font-weight: bold;color: #333;background-color: #f1f1f1;cursor: default;}
.join-list-a{float: left;}
.join-list-a.wid1{width: 40%;text-align: left;text-indent: 20px;}
.join-list-a.wid2{width: 15%;}
.join-list-a.wid3{width: 15%;}
.join-list-a.wid4{width: 15%;}
.join-list-a.wid5{width: 15%;}
.join-li-main{padding: 20px;display:none;line-height: 30px;color: #666;border-bottom: 1px solid #f2f2f2;}
.join-li-cont{margin-bottom: 20px;}
.join-li-btn{width: 110px;height: 38px;color: #fff;background-color: #2b73c6;}
.shade{position: fixed;left: 0;top: 0;z-index:2;display:none;width: 100%;height: 100%;background-color: #000;opacity: .6;filter: alpha(opacity=60);}
.join-form{position: absolute;left: 50%;top: 10%;z-index:2;margin-left: -600px;display:none;padding:35px;width: 1200px;background-color: #fff;}
.join-form-top{margin-bottom:25px;color: #787878;}
.join-form-top .tit{margin-bottom:20px;text-align: center;font-size: 30px;color: #494949;}
.join-form-top-cont{padding-top: 20px;}
.join-form-top-inp{float: left;width: 315px;height: 38px;text-indent:10px;line-height: 38px;border: 1px solid #a2a2a2;}
.join-form-top-upload{position: relative;float: left;height: 38px;width: 93px;line-height: 38px;background-color: #a2a2a2;color: #fff;text-align: center;}
.join-form-top-upload input{position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 0;filter: alpha(opacity=0);}
.join-form-top-btn{margin-left:10px;float: left;height: 38px;width: 93px;color: #fff;background-color: #2b73c6;}
.join-form-main{}
.join-form-item{}
.join-form-tit{margin-bottom:10px;padding: 10px;font-size: 16px;font-weight: bold;background-color: #f2f2f2;}
.join-form-cont{position: relative;}
.join-form-dl{margin-bottom:10px;float: left;width: 33.3333%;}
.join-form-dt{float: left;width: 105px;text-align: right;line-height: 35px;}
.join-form-dd{float: left;}
.join-form-dd-inp{float: left;width: 248px;height: 35px;line-height: 35px;text-indent: 10px;border: 1px solid #e1e1e1;}
.join-form-btn{margin: 40px auto;display: block;width: 110px;height: 38px;color: #fff;background-color: #2b73c6;}
.join-form-notice{padding: 20px;line-height: 24px;background-color: #f2f2f2;}
.join-form-add{position: absolute;right: 0;top: 50px;width: 21px;height: 21px;background-repeat: no-repeat;background-position: center;background-image: ;cursor: pointer;}
.join-form-add.del{background-image: ;}
/*组织架构*/
.about-img{}
.about-img img{margin: 0 auto;display: block;max-width: 100%;}
/*企业文化*/
.culture{}
.culture-nav{margin-bottom: 20px;}
.culture-nav a{margin-bottom:10px;margin-right:10px;display: inline-block;line-height: 42px;width: 126px;color: #fff;border-radius: 20px;background-color: #727272;text-align: center;}
.culture-nav a:hover{background-color: #2b73c6;}
.culture-nav a.active{background-color: #2b73c6;}
.culture-main{line-height: 30px;color: #595959;}
.culture-item{margin-bottom: 30px;}
.culture-tit{position: relative;padding-left:10px;font-size: 16px;font-weight: bold;}
.culture-tit:before{content: '';position: absolute;left: 0;top: 50%;margin-top: -8px;width: 5px;height: 16px;background-color: #2b73c6;}
/*大事记*/
.things{position: relative;padding-bottom: 42px;padding-left: 30px;padding-right: 30px;}
.things:before{content: '';position: absolute;left: 50%;bottom: 0;margin-left: -16px;width: 32px;height: 32px;background: no-repeat center;}
.things:after{content: '';position: absolute;left: 50%;bottom: 42px;margin-left:-10px;width: 20px;height: 3px;background-color: #c1c1c1;}
.things-ul{position: relative;padding-bottom: 150px;}
.things-ul:before{content: '';position: absolute;left: 50%;top: 0;height: 100%;width: 1px;background-color: #c1c1c1;}
.things-ul:after{content: '';position: absolute;left: 50%;top: 0;margin-left:-5px;width: 0;height: 0;border-bottom: 6px solid #838383;border-left: 6px solid transparent;border-right: 6px solid transparent;}
.things-li{position: relative;}
.things-li:before{content: '';position: absolute;right: 0;bottom:0;width: 75%;height: 1px;background-color: #a2a2a2;}
.things-li-lf{padding:25px;float: left;width: 50%;}
.things-li-rg{padding:25px;float: left;width: 50%;line-height: 24px;float:left;color: #464646;}
.things-li-img{float: left;width: 160px;height: 160px;overflow: hidden;border-radius: 50%;}
.things-li-img img{display: block;width: 100%;}
.things-li-time{float: left;width:225px;text-align:center;font-size: 50px;font-weight: bold;color: #2b73c6;line-height: 160px;}
.things-li.odd .things-li-lf{float: right;}
.things-li.odd .things-li-img{float: right;}
.things-li.odd:before{right: auto;left: 0;}
/*动画效果*/
.ani-up{visibility: hidden;-webkit-opacity: 0;opacity: 0;}
.fadeinup{visibility: visible;animation: fadeinup ease-out .6s forwards;-webkit-animation: fadeinup ease-out .6s forwards;-moz-animation: fadeinup ease-out .6s forwards;}
.ani-rig{visibility: hidden;-webkit-opacity: 0;opacity: 0;}
.faderight {visibility: visible;animation: faderight ease-out .6s forwards;-webkit-animation: faderight ease-out .6s forwards;-moz-animation: faderight ease-out .6s forwards;}
.ani-left{visibility: hidden;-webkit-opacity: 0;opacity: 0;}
.fadeleft {visibility: visible;animation: fadeleft ease-out .6s forwards;-webkit-animation: fadeleft ease-out .6s forwards;-moz-animation: fadeleft ease-out .6s forwards;}
.scalew{animation: scalew .8s 1s both;-moz-animation: scalew .8s 1s both;-webkit-animation: scalew .8s 1s both;}
.scaleh{animation: scaleh .8s 1s both;-webkit-animation: scaleh .8s 1s both; -moz-animation: scaleh .8s 1s both;}
.fadedown{-webkit-animation:fadeindown .8s .3s both;-moz-animation:fadeindown .8s .3s both;animation:fadeindown .8s .3s both;}
.fadeup{-webkit-animation: fadeinup .8s .3s both;-moz-animation: fadeinup .8s .3s both;animation: fadeinup .8s .3s both;}
.ostar{animation: ostar 1s 0s infinite linear both;-webkit-animation: ostar 1s 0s infinite linear both; -moz-animation: ostar 1s 0s infinite linear both;}
@keyframes ostar{
0%{opacity:0}50%{opacity:1}100%{opacity:0}
}
@-webkit-keyframes ostar{
0%{opacity:0}50%{opacity:1}100%{opacity:0}
}
@-moz-keyframes ostar{
0%{opacity:0}50%{opacity:1}100%{opacity:0}
}
@keyframes scalew{
0%{transform:scalex(0)}100%{transform:scalex(1)}
}
@-webkit-keyframes scalew{
0%{-webkit-transform:scalex(0)}100%{-webkit-transform:scalex(1)}
}
@-moz-keyframes scalew{
0%{-moz-transform:scalex(0)}100%{-moz-transform:scalex(1)}
}
@keyframes scaleh{
0%{transform:scaley(0)}100%{transform:scaley(1)}
}
@-webkit-keyframes scaleh{
0%{-webkit-transform:scaley(0)}100%{-webkit-transform:scaley(1)}
}
@-moz-keyframes scaleh{
0%{-moz-transform:scaley(0)}100%{-moz-transform:scaley(1)}
}
@keyframes fadeindown {
0% { opacity: 0; transform: translate3d(0,-100%,0)} 100% { opacity: 1;transform: none;}
}
@-webkit-keyframes fadeindown {
0% { opacity: 0; -webkit-transform: translate3d(0,-100%,0);}100% { opacity: 1; -webkit-transform: none;}
}
@-moz-keyframes fadeindown {
0% { opacity: 0; -moz-transform: translate3d(0,-100%,0);}100% { opacity: 1; -moz-transform: none;}
}
@keyframes fadeinup {
0% {opacity: 0;transform: translate3d(0, 50%, 0);}100% {opacity: 1;transform: none;}
}
@-webkit-keyframes fadeinup {
0% {opacity: 0;-webkit-opacity: 0;-webkit-transform: translate3d(0, 50%, 0);}100% {opacity: 1;-webkit-opacity: 1;-webkit-transform: none;}
}
@-moz-keyframes fadeinup {
0% {opacity: 0;-moz-transform: translate3d(0, 50%, 0);}100% {opacity: 1;-moz-transform: none;}
}
@keyframes faderight {
0% {opacity: 0;transform: translate3d(-50%, 0, 0);}100% {opacity: 1;transform: none}
}
@-webkit-keyframes faderight {
0% {opacity: 0;-webkit-opacity: 0;-webkit-transform: translate3d(-50%, 0, 0);}100% {opacity: 1;-webkit-opacity: 1;-webkit-transform: none;}
}
@-moz-keyframes faderight {
0% {opacity: 0;-moz-transform: translate3d(-50%, 0, 0);}100% {opacity: 1;-moz-transform: none;}
}
@keyframes fadeleft {
0% {opacity: 0;transform: translate3d(50%, 0, 0);}100% {opacity: 1;transform: none}
}
@-webkit-keyframes fadeleft {
0% {opacity: 0;-webkit-opacity: 0;-webkit-transform: translate3d(50%, 0, 0);}100% {opacity: 1;-webkit-opacity: 1;-webkit-transform: none;}
}
@-moz-keyframes fadeleft {
0% {opacity: 0;-moz-transform: translate3d(50%, 0, 0);}100% {opacity: 1;-moz-transform: none;}
}
@media screen and (max-width: 1200px) {
.main{width: 740px;}
.head-logo a{padding:0 10px;width: 140px;}
.head-li{margin-left: 10px;}
.head-li-pull{display: none;}
.head-ser-icon{width: 66px;}
.foot-nav{margin-bottom:20px;width: 100%;}
.foot-dl{width: 16.6666%;text-align: center;}
.foot-contact{padding-left: 0;width: 100%;}
.foot-contact-cont{width: 100%;}
.foot-contact-num{margin-right:60px;float: left;}
.foot-share{float: left;}
.foot-contact-chat{float: none;margin: 0 auto;}
.foot-bot-lf{display: none;}
.foot-bot-p{width: 100%;text-align: center;}
/*index*/
.banner-li a{height: 530px;}
.ind-num-ul{display: none;}
.ind-prod-nav:before{display: none;}
.ind-prod-nav a{margin-bottom: 10px;padding-left:40px;padding-right: 14px;background-position: 13px center;}
.ind-prod .owl-theme .owl-controls .owl-buttons div.owl-prev{left: 0;}
.ind-prod .owl-theme .owl-controls .owl-buttons div.owl-next{right: 0;}
.ind-about-img{width: 100%;}
.ind-about-desc{width: 100%;}
.ind-news{padding-bottom: 0;}
.ind-news-cont{width: 100%;margin-bottom: 30px;}
.ind-news-ul{width: 100%;}
.ind-news-li-cont{width: 605px;}
/*产品中心*/
.banner-img{height: 290px;}
.content{margin-top: 30px;}
.matter{width: 540px;}
.matter-main .ind-prod-li{padding: 10px;}
.banner-li-tit{margin-right: -370px;}
.prod-list{padding: 60px 40px;}
/*社会责任*/
.duty-li-cont{width: 100%;}
.duty-li-img{width: 100%;}
/*新闻资讯*/
.news-top-li-img{margin-bottom:20px;width: 100%;}
.news-top-li-time{right: 0;}
.news-top-li-desc{width: 100%;}
.news-top .owl-theme .owl-controls{position: relative;right: auto;bottom: auto;}
.news-top .owl-theme .owl-controls .owl-buttons div.owl-prev{left:0;}
.news-top .owl-theme .owl-controls .owl-buttons div.owl-next{right:0;}
/*社会招聘*/
.join-form{margin-left: -350px;width: 700px;}
.join-form-dl{width: 50%;}
.join-form-dd-inp{width: 200px;}
.join-top-dd-inp{width: 196px;}
/*大事记*/
.things{padding-left: 0;padding-right: 0;}
.things-li-time{width: 160px;}
.things-li.odd .things-li-time{float: right;}
.ind-prod-menu a{margin: 0 10px;}
}
@media screen and (max-width: 740px) {
.main{width: 100%;}
.head-logo a{height: 45px;}
.head-ser-icon{height: 45px;background-size: 20px;}
.head-ul{position: absolute;left: 0;top: 100%;display:none;width: 100%;background-color: #fff;}
.head-ul.active{display: block;}
.head-li{margin-left: 0;width: 100%;padding: 0 20px;}
.head-li-a{line-height: 40px;border-bottom: 1px dotted #e6e4e4;}
.head-btn{float: left;padding:15px 15px 0 0;height:45px;display:block;float: right;}
.head-btn:before{content: '';display: block;width: 14px;height: 2px;background-color: #02529b;transition: all .3s ease;-webkit-transition: all .3s ease;}
.head-btn:after{content: '';display: block;width: 20px;height: 2px;background-color: #02529b;transition: all .3s ease;-webkit-transition: all .3s ease;}
.head-btn i{margin:5px 0;display: block;width: 25px;height: 2px;background-color: #02529b;}
.head-btn.active:before{width: 25px;}
.head-btn.active:after{width: 25px;}
.head-ser{width: 100%;padding: 10px;}
.foot{padding:0 15px;}
.foot-top{padding:10px 0;}
.foot-dl{padding:10px 0;width: 100%;text-align: left;}
.foot-dt{margin-bottom:0;}
.foot-dt:after{content: ' ';float: right;font-size: 24px;line-height: 16px;font-weight: normal;transition: all .3s ease;-webkit-transition: all .3s ease;}
.foot-dt.active:after{transform: rotate(45deg);-webkit-transform: rotate(45deg);}
.foot-dd{padding-top:10px;line-height: 35px;display: none;}
.foot-dd.active{display: block;}
.foot-contact{border-left: none;}
.foot-contact-num{width: 100%;}
.foot-share{margin-bottom:15px;width: 100%;}
.foot-bot{padding: 10px;}
.foot-bot-p{line-height: 20px;font-size: 12px;}
/*index*/
body{padding-top: 45px;}
.banner-li a{height: 220px;}
.ind-tit{padding-top: 35px;}
.ind-prod{padding-bottom: 0;}
.ind-about-p{height: 200px;overflow: hidden;}
.ind-prod-nav{margin-bottom: 10px;}
.ind-about-desc{padding: 30px 15px;}
.ind-about-tit{font-size: 20px;}
.ind-news{padding: 0 15px;}
.ind-news-li-cont{width: 60%;}
.ind-social-ul{margin: 0;padding: 0 5px;}
.ind-social-li{padding:5px;width: 50%;}
.ind-social-li a{height: 275px;}
/*产品中心*/
.banner-img{height: 120px;}
.content{padding-left: 15px;padding-right: 15px;}
.about-nav{width: 100%;}
.about-nav-dt{line-height: 40px;text-align: left;text-indent: 15px;font-size: 20px;font-weight: bold;}
.about-nav-dd{position: absolute;left: 0;top: 100%;display:none;width: 100%;text-align: left;text-indent: 15px;background-color: #727272;}
.about-nav-dd.active{display: block;}
.about-nav-dd a{line-height: 35px;font-size: 14px;text-align: left;}
.matter{width: 100%;box-shadow: none;}
.matter:before{display: none;}
.matter-page{display: none;}
.matter-top{padding: 10px 0;}
.matter-main{padding: 20px 0;}
.matter-tit{line-height: 40px;font-size: 18px;}
.matter-main .ind-prod-li{padding:5px 0;width: 100%;}
.ind-prod-nav a{width: 140px;font-size: 12px;}
.banner-li-tit{margin-right: 0;right: 5%;}
.banner-li-tit p{font-size: 20px;}
.banner-li-tit span{font-size: 16px;}
/*产品详细*/
.prod-details-img{padding: 30px 0;}
.product{padding: 0 15px;}
.prod-nav{margin:20px 0;top: 0;}
.prod-nav-li a{border: none;}
/*联系我们*/
.contact-map{height: 300px;}
/*社会责任*/
.duty-li-cont{padding: 20px 0;}
/*社会招聘*/
.join-top-dd{width: 65%;}
.join-top-dd-inp{width: 100%;}
.join-top-dd-p{line-height: 20px;margin-top: 10px;}
.join-list-a.wid1{width: 40%;text-indent: 0;padding-left: 10px;}
.join-list-a.wid2{display: none;}
.join-list-a.wid3{width: 30%;}
.join-list-a.wid4{display: none;}
.join-list-a.wid5{width: 30%;}
.join-form{padding:15px;margin-left: 0;left: 5%;width: 90%;}
.join-form-top-inp{margin-bottom:10px;width: 100%;}
.join-form-dl{width: 100%;}
.join-form-dd{width: 59%;}
.join-form-dd-inp{width: 100%;}
.join-form-add{right: -16px;bottom: 0;}
/*大事记*/
.things{}
.things:before{display: none;}
.things-ul{padding-bottom: 0;}
.things-ul:after{display: none;}
.things-ul:before{display: none;}
.things:after{display: none;}
.things-li{padding: 15px 0;}
.things-li-lf{margin-bottom:20px;padding:0;width: 100%;}
.things-li-rg{padding:0;width: 100%;}
.things-li:before{width: 100%;}
.things-li-time{font-size: 20px;width: 120px;}
.things-li.odd .things-li-time{float: left;}
.things-li.odd .things-li-img{float: left;}
/*企业文化*/
.culture-nav:after{content: '';display: block;clear: both;}
.culture-nav a{margin: 5px 1%;width: 31.333%;float: left;}
.ind-prod-menu a{width: 25%;margin: 5px 0;float: left;}
}
@media screen and (max-width: 390px ){
.ind-social-li a{height: 247px;}
}
@media screen and (max-width: 350px ){
.ind-social-li a{height: 207px;}
}