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 {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: 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;}}

.main{margin: 0 auto;width: 1200px;}
.wid{margin: 0 auto;width:900px;}
.main:after{content: '';display: block;clear: both;}
.clear:after{content: '';display: block;clear: both;}
.transition{transition: all .3s ease;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;-ms-transition: all .3s ease;}

/*header footer css begin*/
.head{position: fixed;left: 0;top: 0;z-index:3;width: 100%;background: url("../img/bkg1.png") repeat;border-bottom: 1px solid #e9e9e9;}
.head-logo{float: left;display: table;height:120px;width: 453px;}
.head-logo a{display: table-cell;vertical-align: middle;}
.head-logo img{display: inline-block;width: 100%;}
.head-cont{float: right;}
.head-top{padding-top: 25px;font-family: "宋体";}
.head-top-cont{float: right;}
.head-ser{float: left;font-size: 12px;}
.head-ser-inp{float: left;width: 165px;height: 28px;line-height: 28px;border: 1px solid #ddd;text-indent: 10px;}
.head-ser-btn{float: left;width: 42px;height: 30px;background-color: #479a04;color: #fff;}
.head-lang{margin-left:15px;float: left;line-height: 30px;font-family: arial;font-size: 18px;}
.head-lang a{float: left;color: #000100;}
.head-lang span{margin:0 10px;float: left;}
.head-bot{}
.head-ul{}
.head-li{position:relative;margin-left:65px;float: left;}
.head-li-a{position:relative;line-height: 65px;color: #010101;}
.head-li-a:before{content: "";position: absolute;left: 0;bottom: -8px;width: 0;height: 2px;background-color: #004a96;transition: all .3s ease;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;-ms-transition: all .3s ease;}
.head-li-a:after{content: "";position: absolute;right: 0;bottom: -8px;width: 0;height: 2px;background-color: #0fb100;transition: all .3s ease;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;-ms-transition: all .3s ease;}
.head-li-pull{position: absolute;left: 0;top: 100%;width: 140px;background-color: #fff;line-height: 35px;font-size: 12px;font-family: "宋体";opacity:0;-webkit-opacity:0;visibility:hidden;transform: translate3d(0,15px,0);-webkit-transform: translate3d(0,15px,0);-moz-transform: translate3d(0,15px,0);-ms-transform: translate3d(0,15px,0);-o-transform: translate3d(0,15px,0);}
.head-li-pull a{padding:0 10px;display: block;border-bottom: 1px solid #dadada;color: #222;background-position:80% center;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-li-pull a:hover{background-color: #f2f2f2;background-repeat:no-repeat;background-image: url("../img/icon6.png");background-position:90% center;text-indent: 10px;color: #004a96;}
.head-li:hover .head-li-a:before{width: 50%;}
.head-li:hover .head-li-a:after{width: 50%;}
.head-li:hover .head-li-pull{opacity:1;-webkit-opacity:1;visibility:visible;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-li.active .head-li-a:before{width: 50%;}
.head-li.active .head-li-a:after{width: 50%;}

.foot{background-color: #f3f3f3;}
.foot-top{position:relative;padding:42px;text-align: center;}
.foot-top:before{content: '';position: absolute;left: 0;top: 50%;width: 100%;height: 1px;background-color: #222;}
.foot-tit{position:relative;z-index:1;padding:0 20px;display:inline-block;font-size: 30px;font-weight: bold;color: #222;background-color: #f3f3f3;}
.foot-tit-en{font-size: 18px;text-transform: uppercase;}
.foot-mid{padding-bottom: 25px;}
.foot-lf{float: left;}
.foot-dl{margin-right:100px;float: left;line-height: 24px;}
.foot-dt{position:relative;padding-left:10px;margin-bottom:10px;font-weight: bold;font-size: 18px;color: #222;}
.foot-dt:before{content: '';position:absolute;left:0;top:50%;margin-top:-7px;width:3px;height:14px;background-color:#213752;}
.foot-dd{}
.foot-dd a{color: #222;}
.foot-dd a:hover{color: #004A96;}
.foot-rg{float: left;font-size: 12px;color: #222;}
.foot-contact{font-size: 18px;line-height: 30px;color: #222;font-weight: bold;}
.foot-img{padding: 5px;width:116px;background-color: #fff;}
.foot-img img{display: block;width: 100%;}
.foot-bot{padding: 10px;background-color: #000;font-size: 12px;text-align: center;color: #fff;line-height: 20px;}

/*index*/
.banner{}
.banner img{display: block;width: 100%;}
.banner-ul{overflow: hidden;}
.banner-li{display: none;}
.banner-li:first-child{display: block;}
.banner-li a{display: block;height: 666px;background-size:auto 100%;background-position: center;background-repeat: no-repeat;}
.banner .owl-theme .owl-controls .owl-buttons div{position: absolute;top: 50%;margin: -37px 0 0 0;padding:0;opacity:1;width: 75px;height: 75px;background-repeat: no-repeat;background-position: center;border-radius: 0;background-color: transparent;transition: all .3s ease;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;-ms-transition: all .3s ease;}
.banner .owl-theme .owl-controls .owl-buttons div.owl-prev{left:-5%;background-image: url("../img/icon7.png");}
.banner .owl-theme .owl-controls .owl-buttons div.owl-next{right:-5%;background-image: url("../img/icon8.png");}
.banner .owl-theme .owl-controls .owl-page span{margin:5px;opacity: 1;background-color: #004a96;width: 15px;height: 15px;}
.banner .owl-theme .owl-controls .owl-page.active span, .banner .owl-theme .owl-controls.clickable .owl-page:hover span{background-color: #0fb100;}
.banner .owl-theme .owl-pagination{position: relative;margin-top: -38px;bottom: 10px;}
.banner:hover .owl-theme .owl-controls .owl-buttons div.owl-prev{left: 5%;}
.banner:hover .owl-theme .owl-controls .owl-buttons div.owl-next{right: 5%;}
.ind-about{padding-bottom: 35px;}
.ind-top{padding-top: 45px;padding-bottom: 30px;}
.ind-tit{float: left;font-size: 24px;font-weight: bold;line-height: 40px;color: #343434;}
.ind-tit-a{font-size: 36px;font-weight: bold;color: #0fb100;text-transform: uppercase;font-family: arial;}
.ind-tit-a span{color: #004a96;}
.ind-top-rg{float: right;}
.ind-about-nav{}
.ind-about-nav-a{position:relative;margin-left:20px;float: left;width: 100px;line-height: 30px;text-align: center;cursor:pointer;background-color: #d8d8d8;}
.ind-about-nav-a:before{content: '';position: absolute;left: 50%;margin-left:-3px;bottom: -6px;display:none;width: 0;height: 0;border-top: 6px solid #004a96;border-left: 6px solid transparent;border-right: 6px solid transparent;}
.ind-about-nav-a.active{background-color: #004a96;color: #fff;}
.ind-about-nav-a.active:before{display: block;}
.ind-about-cont{}
.ind-about-ul{}
.ind-about-li{display: none;}
.ind-about-desc{float: left;width: 800px;line-height: 30px;color: #343434;font-weight: bold;}
.ind-about-img{float: right;width: 369px;}
.ind-about-img img{display: block;width: 100%;}
.ind-prod{padding-bottom:35px;background-color: #f3f3f3;}
.ind-prod-ser{margin-right:20px;float: left;}
.ind-prod-ser-inp{float: left;height: 40px;width: 223px;line-height: 40px;border-bottom: 1px solid #bebebe;}
.ind-prod-ser-btn{float: left;width: 75px;height: 40px;color: #fff;background-color: #004a96;}
.ind-more{float: left;}
.ind-more-p{padding-right:10px;margin-right:10px;float: left;font-size: 12px;font-weight: bold;color: #004a96;border-right: 1px dotted #222;}
.ind-more-p span{display: block;}
.ind-more-span{font-size: 24px;font-family: arial;color: #222;}
.ind-more-i{float: left;width: 46px;height: 46px;background: url("../img/icon5.png") no-repeat center center;}
.ind-prod-cont{}
.ind-prod-ul{margin: 0 -6px;}
.ind-prod-li{padding:6px;float: left;box-sizing: border-box;box-sizing: border-box;}
.ind-prod-li-a{padding:25px 20px;display: block;background-color: #ebebeb;border: 1px solid #c9c9c9;}
.ind-prod-li-top{padding-bottom:10px;line-height: 24px;color: #222;}
.ind-prod-li-time{font-size: 12px;}
.ind-prod-li-tit{font-weight: bold;}
.ind-prod-li-img{margin-bottom:10px;border: 1px solid #dedede;background-color: #fff;overflow: hidden;}
.ind-prod-li-img img{display: block;max-width: 100%;max-height: 100%;transition: all 1s ease;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-ms-transition: all 1s ease;-o-transition: all 1s ease;}
.ind-prod-li-p{margin-bottom:10px;height:40px;font-size: 12px;line-height: 20px;color: #212121;display: -webkit-box !important;overflow: hidden;text-overflow: ellipsis;word-break:break-all;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.ind-prod-li-btn{width: 95px;line-height: 26px;border: 1px solid #DEDEDE;font-size: 12px;color: #222;background-color: #fff;text-align: center;}
.ind-prod-li-a:hover{background-color: #004a96;}
.ind-prod-li-a:hover .ind-prod-li-top{color: #fff;}
.ind-prod-li-a:hover .ind-prod-li-p{color: #fff;}
.ind-prod-li-a:hover img{transform: scale(1.2);-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-ms-transform: scale(1.2);}
.ind-news{padding-bottom: 40px;}
.ind-news-cont{}
.ind-news-desc{float: left;width: 756px;}
.ind-news-ul{}
.ind-news-li{margin-bottom: 20px;}
.ind-news-li-a{display: block;}
.ind-news-li-time{float: left;width: 70px;border-right:1px solid #E1E1E1;font-family: arial;font-size: 18px;color: #222;}
.ind-news-li-time-a{font-size: 36px;color: #004a96;font-weight: bold;}
.ind-news-li-desc{padding-left:20px;float: left;width: 683px;box-sizing: border-box;color: #000;line-height: 20px;}
.ind-news-li-tit{margin-bottom:10px;font-size: 18px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.ind-news-li-desc p{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.ind-news-li-a:hover .ind-news-li-desc{color: #004a96;}
.ind-news-li-a:hover .ind-news-li-tit{color: #004a96;}
.ind-news-img{float: right;width: 365px;}
.ind-news-img-ul{}
.ind-news-img-li{display: none;}
.ind-news-img-li:first-child{display: block;}
.ind-news-img-li img{display: block;width: 100%;}
.ind-news-img .owl-theme .owl-controls{position: relative;margin-top: -34px;text-align: right;}
.ind-news-img .owl-theme .owl-controls .owl-page span.owl-numbers{margin:0 3px;opacity: 1;border-radius: 0;-webkit-border-radius: 0;-moz-border-radius: 0;font-size: 12px;}
.ind-news-img .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span{background-color: #f00;}

/*右侧固定菜单*/
.fix{position: fixed;right: 60px;top: 50%;z-index: 1;}
.fix-ul{}
.fix-li{position:relative;}
.fix-li-a{display: block;width: 45px;height: 45px;border-bottom: 1px solid #e1e1e1;}
.fix-li-a img{vertical-align: middle;}
.fix-li-num{position: absolute;top:-1px;right: 0;height:100%;padding-left:45px;width:120px;visibility:hidden;opacity:0;background-position:left center;background-repeat: no-repeat;line-height:45px;color:#fff;background-color: #0273ba;}
.fix-li-num.icona{background-image:url("../img/icon1.png");}
.fix-li-num.iconb{background-image:url("../img/icon2.png");}
.fix-li-num.iconc{background-image:url("../img/icon3.png");}
.fix-li:hover .fix-li-num{visibility: visible;opacity: 1;}
#back_top{display: none;}

/*产品中心*/
.content{padding-top: 120px;padding-bottom: 50px;}
.prod{}
.prod-nav{position:relative;padding-top:48px;margin-bottom:33px;text-align: center;border-bottom: 1px solid #f4f4f4;}
.prod-nav-ul{}
.prod-nav-li{padding-bottom:30px;display: inline-block;;}
.prod-nav-li-a{position:relative;display: block;width: 120px;line-height: 36px;border-radius: 5px;color: #646464;}
.prod-nav-li-a:before{content: '';position: absolute;left: 50%;top: 100%;margin-top:5px;display:none;height: 15px;width: 1px;background-color: #9e9e9e;}
.prod-nav-li-a:after{content: '';position: absolute;left: 50%;top:100%;margin-top:28px;margin-left: -2px;display:none;width: 4px;height: 4px;background-color: #9e9e9e;}
.prod-nav-pull{position: absolute;left: 0;top: 90%;z-index:2;display:none;padding-top:20px;width: 100%;}
.prod-nav-main{position:relative;padding-bottom:40px;border-top: 5px solid #004a96;border-bottom: 5px solid #004a96;background-color: #fff;}
.prod-nav-tit{padding-top:30px;padding-bottom:10px;text-align: center;border-bottom: 1px solid #ccc;color: #004a96;}
.prod-nav-close{position:absolute;right:10px;top:10px;padding-right: 30px;display:none;cursor:pointer;background: url("../img/icon9.png") no-repeat right center;line-height: 25px;color: #004A96;}
.prod-nav-cont{height: 330px;overflow-y: auto;}
.prod-nav-menu{}
.prod-nav-sec{}
.prod-nav-dl{padding:20px;float: left;width: 100%;box-sizing: border-box;}
.prod-nav-dl a{color: #004a96;line-height: 30px;}
.prod-nav-dl a:hover{color: #000;}
.prod-nav-dl p{float:left;width:25%;}
.prod-nav-li:hover .prod-nav-li-a{background-color: #004a96;color: #fff;}
.prod-nav-li:hover .prod-nav-li-a:before{display: block;}
.prod-nav-li:hover .prod-nav-li-a:after{display: block;}
.prod-nav-li:hover .prod-nav-pull{display: block;}
.prod-nav-li.active .prod-nav-li-a{background-color: #004a96;color: #fff;}
.prod-nav-li.active .prod-nav-li-a:before{display: block;}
.prod-nav-li.active .prod-nav-li-a:after{display: block;}
.prod-main{}
.prod-ser{margin: 0 auto;width: 340px;}
.prod-ser-inp{float: left;width: 248px;height: 42px;line-height: 42px;text-indent: 10px;border: 1px solid #004a96;}
.prod-ser-btn{float: left;height: 44px;width:88px;background-color: #004a96;color: #fff;}
.prod-cont{padding:20px 0;}
.prod-cont .ind-prod-li{width: 20%;}

/*分页*/
.page{text-align: center;}
.page-ctr{padding-top: 30px;display: inline-block;}
.page-a{}
.page-a a{margin:0 2px;padding:0 15px;float: left;color: #000;line-height: 40px;border: 1px solid #cfcfcf;}
.page-a a:hover{background-color: #004a96;border: 1px solid #81a6cb;color: #fff;}
.page-a a.active{background-color: #004a96;border: 1px solid #81a6cb;color: #fff;}

/*产品详情*/
.prod-detail{}
.prod-detail{}
.prod-detail-tit{position:relative;padding:15px 15px 15px 60px;text-align:center;font-size: 20px;font-weight: bold;color: #fff;background: #004a96;}
.prod-back{position: absolute;left: 10px;top: 0;width: 43px;height: 100%;background: url("../img/icon10.png") no-repeat center center;background-size: contain;}
.prod-back:hover{transform: translateX(-10px);-webkit-transform: translateX(-10px);-moz-transform: translateX(-10px);-ms-transform: translateX(-10px);-o-transform: translateX(-10px);}
.prod-detail-cont{padding-top: 20px;}
.prod-detail-sec{margin-bottom:20px;line-height: 20px;color: #222;}
.prod-detail-a{margin-bottom:10px;padding-left:25px;font-size: 16px;font-weight: bold;color: #004a96;background: url("../img/icon11.png") no-repeat left center;}
.prod-detail-sec img{display: block;max-width: 100%;}

/*关于我们*/
.banner-img{margin-bottom: 30px;}
.banner-img img{display: block;width: 100%;}
.about{line-height: 30px;color: #343434;}
.about img{float: right;max-width: 100%;}

/*联系我们*/
.contact{}
.contact-ul{}
.contact-li{margin-bottom:30px;padding:10px 10px 10px 90px;background: url("../img/icon12.png") no-repeat left center;font-size: 18px;line-height: 30px;color: #323232;}
.contact-map{height: 410px;overflow: hidden;}
.contact-map img{display: block;width: 100%;}
#dituContent{width: 100% !important;}

/*人才招聘*/
.recruit-ul{}
.recruit-li{border-bottom: 1px solid #e0e0e0;}
.recruit-li-a{padding:15px 40px 15px 10px;color: #333;background: url("../img/icon13.png") no-repeat 99% center;cursor: pointer;}
.recruit-li-tit{float: left;font-weight: bold;}
.recruit-li-time{float: right;font-size: 12px;}
.recruit-li-cont{padding: 20px;display: none;}
.recruit-li-dl{margin-bottom: 20px;line-height: 24px;color: #333;}
.recruit-li-dl dt{font-weight: bold;}
.recruit-li.active .recruit-li-a{background:#004A96 url("../img/icon14.png") no-repeat 99% center;color: #fff;}
.recruit-li.active .recruit-li-cont{display: block;}

/*在线留言*/
.message{padding-left: 135px;}
.messa-dl{margin-bottom: 20px;line-height: 62px;}
.messa-dt{float: left;width: 85px;min-height: 1px;font-size: 16px;font-weight: bold;}
.messa-dd{float: left;}
.messa-dd-inp{float:left;width: 775px;height: 60px;line-height: 60px;text-indent: 10px;border: 1px solid #b8b8b8;box-sizing: border-box;}
.messa-dd p{margin-left:10px;float: left;color: #ff0000;}
.messa-dd-area{padding: 10px;float: left;border: 1px solid #b8b8b8;width: 775px;line-height:24px;box-sizing: border-box;resize: none;}
.messa-dd-btn{float: left;width: 775px;height: 60px;background-color: #004a96;color: #fff;font-size: 16px;font-weight: bold;}

/*新闻中心*/
.news{}
.news-ul{}
.news-li{border-bottom: 1px solid #f0f0f0;}
.news-li-a{position:relative;padding:40px;display: block;}
.news-li-img{float: left;width: 265px;}
.news-li-img img{display: block;width: 100%;}
.news-li-cont{padding:0 30px;float: left;width: 800px;box-sizing: border-box;}
.news-li-time{float: left;width: 120px;color: #525252;}
.news-li-time-a{font-size: 30px;}
.news-li-desc{padding-left:60px;float: left;width: 593px;box-sizing: border-box;line-height: 24px;}
.news-li-tit{margin-bottom:10px;font-size: 18px;color: #525252;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.news-li-p{height:48px;font-size: 12px;color: #858585;font-family: "宋体";display: -webkit-box !important;overflow: hidden;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.news-li-i{position: absolute;right: 15px;top: 50%;margin-top: -20px;width: 40px;height: 40px;border: 1px solid #e0e0e0;background: url("../img/icon6.png") no-repeat center;}
.news-li-a:hover{background-color: #f6f6f6;}
.news-li-a:hover .news-li-time{text-indent: 20px;}
.news-li-a:hover .news-li-i{right: 60px;background: #004a96 url("../img/icon15.png") no-repeat center;}
.news-li-a:hover .news-li-tit{color: #004a96;}

/*新闻详情弹出*/
.frame{position: fixed;left: 0;top: 0;z-index:3;padding-left:80px;display:none;width: 100%;height: 100%;background: url("../img/bkg2.png") repeat;overflow: hidden;overflow-y: auto;box-sizing: border-box;}
.frame-close{position: fixed;left: -80px;top: 50%;z-index:1;margin-top: -40px;padding-top:20px;width: 80px;height: 80px;cursor:pointer;background-color: #004a96;color: #fff;box-sizing: border-box;text-align: center;font-weight: bold;line-height: 20px;}
.frame-main{position: relative;width: 100%;min-height:100%;left: 100%;min-height: 100%;background-color: #fff;}
.frame-tit{padding: 60px 10px;background:#004a96 url("../img/bkg3.png") no-repeat center;background-size: contain;text-align: center;color: #fefefe;font-size: 12px;}
.frame-tit-a{margin-bottom:10px;font-size: 30px;}
.frame-cont{padding: 40px;}
.frame-desc{padding-bottom:40px;font-size: 12px;font-family: "宋体";line-height: 30px;text-indent: 20px;}
.frame-desc img{display: block;max-width: 100%;}
.frame-cont-bot{padding: 10px 0;border-top: 1px solid #ececec;border-bottom: 1px solid #ececec;}
.frame-cont-bot p{padding: 5px 0;}
.frame-cont-bot a{color: #333;line-height: 20px;}
.frame-cont-bot a:hover{color: #004A96;}
body.open{overflow: hidden;}
body.open .frame-close{left: 0;}
body.open .frame-main{left: 0;}


@media screen and (max-width: 1200px) {
	.main{width: 740px;}
	.wid{width:740px;}
	.head-logo{width: 230px;}
	.head-li{margin-left: 29px;}
	.head-li:hover .head-li-a:before{width: 0;}
	.head-li:hover .head-li-a:after{width: 0;}
	.head-li:hover .head-li-pull{display: none;}
	.head-li.active .head-li-a:before{width: 50%;}
	.head-li.active .head-li-a:after{width: 50%;}
	.foot-dl{margin-right: 50px;}
	.foot-rg{padding-top:20px;text-align: center;width: 100%;}
	.foot-img{margin: 0 auto;}
	
	/*index*/
	.banner-li a{height: 480px;}
	.ind-tit{font-size: 18px;}
	.ind-tit-a{font-size: 26px;}
	.ind-prod-ul{margin: 0;}
	.ind-about-desc{width: 366px;}
	.ind-news-desc{width: 430px;}
	.ind-news-li-desc{width: 350px;}
	.ind-news-img{width: 290px;}
	.fix-li-num{display: none;}
	
	/*产品中心*/
	.prod-cont .ind-prod-li{width: 33.333%;}
	.prod-nav-li:hover .prod-nav-li-a{background-color: transparent;color: #646464;}
	.prod-nav-li:hover .prod-nav-pull{display: none;}
	.prod-nav-li.active .prod-nav-li-a{background-color: #004a96;color: #fff;}
	.prod-nav-li.active .prod-nav-pull{display: none;}
	.prod-nav-close{display: block;}
	
	/*在线留言*/
	.message{padding-left: 60px;}
	.messa-dd-inp{width: 560px;}
	.messa-dd-area{width: 560px;}
	.messa-dd-btn{width: 560px;}
	
	/*新闻中心*/
	.news-li-img{width: 220px;}
	.news-li-cont{width: 430px;}
	.news-li-time{width: 105px;}
	.news-li-desc{padding-left: 20px;width: 264px;}
	.news-li-a:hover .news-li-i{right: 15px;}
	.news-li-a:hover .news-li-time{text-indent: 0;}	
}
@media screen and (max-width: 740px) {
	.main{width: 100%;}
	.wid{width:100%;}
	.head{padding: 0 10px;box-sizing: border-box;}
	.head-logo{height: 45px;}
	.head-cont{position: absolute;left: 0;top: 100%;display:none;width: 100%;background:url("../img/bkg1.png");}
	.head-li.active .head-li-a:before{width: 0;}
	.head-li.active .head-li-a:after{width: 0;}
	.head-top{padding:10px;}
	.head-top-cont{float: none;opacity:0;-webkit-opacity:0;animation: head-ani .4s ease-in forwards;-webkit-animation: head-ani .4s ease-in forwards;}
	.head-li{padding:0 20px;margin-left: 0;width: 100%;box-sizing: border-box;opacity:0;-webkit-opacity:0;animation: head-ani .4s ease-in forwards;-webkit-animation: head-ani .4s ease-in forwards;}
	.head-li-a{display:block;line-height: 45px;border-bottom: 1px solid #e2e2e2;}
	.head-btn{padding-top:14px;float: right;}
	.head-btn i{margin:5px 0;display: block;width: 25px;height: 3px;background-color: #999;}
	.head-btn:before{content: "";display: block;width: 25px;height: 3px;background-color: #999;transition: all .3s ease;-webkit-transition: all .3s ease;}
	.head-btn:after{content: "";display: block;width: 25px;height: 3px;background-color: #999;transition: all .3s ease;-webkit-transition: all .3s ease;}
	.head-btn.active i{opacity: 0;-webkit-opacity: 0;}
	.head-btn.active:before{transform-origin: left top;-webkit-transform-origin: left top;transform: translate3d(0,0,0) rotate(45deg);-webkit-transform: translate3d(0,0,0) rotate(45deg);}
	.head-btn.active:after{transform-origin: left bottom;-webkit-transform-origin: left bottom;transform: translate3d(0,0,0) rotate(-45deg);-webkit-transform: translate3d(0,0,0) rotate(-45deg);}
	.head-li:nth-child(1){animation-delay: .1s;-webkit-animation-delay: .1s;}
	.head-li:nth-child(2){animation-delay: .2s;-webkit-animation-delay: .2s;}
	.head-li:nth-child(3){animation-delay: .3s;-webkit-animation-delay: .3s;}
	.head-li:nth-child(4){animation-delay: .4s;-webkit-animation-delay: .4s;}
	.head-li:nth-child(5){animation-delay: .5s;-webkit-animation-delay: .5s;}
	.head-li:nth-child(6){animation-delay: .6s;-webkit-animation-delay: .6s;}
	.head-li:nth-child(7){animation-delay: .7s;-webkit-animation-delay: .7s;}
	.head-li:nth-child(8){animation-delay: .8s;-webkit-animation-delay: .8s;}
	@keyframes head-ani{
		from{opacity:0;-webkit-opacity:0;transform: translate3d(0,20%,0);-webkit-transform: translate3d(0,20%,0);}
		to{opacity:1;-webkit-opacity:1;transform: translate3d(0,0,0);-webkit-transform: translate3d(0,0,0);}
	}
	@-webkit-keyframes head-ani{
		from{opacity:0;-webkit-opacity:0;transform: translate3d(0,20%,0);-webkit-transform: translate3d(0,20%,0);}
		to{opacity:1;-webkit-opacity:1;transform: translate3d(0,0,0);-webkit-transform: translate3d(0,0,0);}
	}
	.foot-top{display: none;}
	.foot-mid{padding: 20px;}
	.foot-lf{width: 100%;}
	.foot-dl{margin-right:0;width: 100%;border-bottom: 1px solid #e1e1e1;}
	.foot-dt{margin:0;padding: 10px 0;font-weight: normal;font-size: 16px;}
	.foot-dt:before{display: none;}
	.foot-dt:after{content: "+";float: right;transition: all .3s ease;-webkit-transition: all .3s ease;}
	.foot-dd{display:none;line-height: 40px;}
	.foot-dd p{opacity:0;-webkit-opacity:0;animation: foot-ani .4s ease-in-out forwards;-webkit-animation: foot-ani .4s ease-in-out forwards;}
	.foot-dd p:nth-child(1){animation-delay: .1s;-webkit-animation-delay: .1s;}
	.foot-dd p:nth-child(2){animation-delay: .2s;-webkit-animation-delay: .2s;}
	.foot-dd p:nth-child(3){animation-delay: .3s;-webkit-animation-delay: .3s;}
	.foot-dd p:nth-child(4){animation-delay: .4s;-webkit-animation-delay: .4s;}
	.foot-dd p:nth-child(5){animation-delay: .5s;-webkit-animation-delay: .5s;}
	.foot-dd p:nth-child(6){animation-delay: .6s;-webkit-animation-delay: .6s;}
	.foot-dl.active .foot-dd{display: block;}
	.foot-dl.active .foot-dt:after{transform: rotate(120deg);-webkit-transform: rotate(120deg);transform-origin: center;-webkit-transform-origin: center;}
	@keyframes foot-ani{
		from{opacity: 0;-webkit-opacity: 0;transform: translateX(-5%);}
		to{opacity: 1;-webkit-opacity: 1;transform: translateX(0);}
	}
	@-webkit-keyframes foot-ani{
		from{opacity: 0;-webkit-opacity: 0;transform: translateX(-5%);}
		to{opacity: 1;-webkit-opacity: 1;transform: translateX(0);}
	}
	
	/*index*/
	.banner-li a{height: 220px;}
	.banner .owl-theme .owl-controls .owl-buttons div{display: none;}
	.ind-tit{margin-bottom:10px;line-height: 24px;font-size: 14px;}
	.ind-tit-a{font-size: 18px;}
	.ind-about, .ind-prod, .ind-news{padding-left: 10px;padding-right: 10px;}
	.ind-about-desc{width: 100%;}
	.ind-about-nav{text-align: center;}
	.ind-about-nav-a{margin: 5px;font-size: 12px;display: inline-block;float: none;}
	.ind-about-img{width: 100%;}
	.ind-prod-li{width: 100%;}
	.ind-prod-ser{display: none;}
	.ind-more-p{padding-right:0;margin-right:0;font-weight: normal;border: none;}
	.ind-more-span{font-size: 18px;}
	.ind-more-i{display: none;}
	.ind-news-li-time{font-size: 14px;width: 45px;}
	.ind-news-li-time-a{font-size: 24px;}
	.ind-news-desc{width: 100%;}
	.ind-news-li-desc{width: 83%;}
	.ind-news-li-tit{font-size: 16px;}
	.ind-news-img{width: 100%;}
	.fix{right: 0;}
	.fix-li:nth-child(1){display: none;}
	.fix-li:nth-child(3){display: none;}
	
	/*产品中心*/
	.content{padding-top:46px;padding-left: 10px;padding-right: 10px;}
	.prod-cont .ind-prod-li{width: 50%;}
	.prod-cont .ind-prod-li-a{padding:15px 10px;}
	.prod-cont .ind-prod-li-img{height:127px;}
	.page-a a{padding:0 8px;font-size: 12px;line-height: 30px;}
	.prod-ser{width: 300px;}
	.prod-ser-inp{width: 209px;}
	.prod-nav{padding-top: 15px;}
	.prod-nav-li:hover .prod-nav-li-a:before{display: none;}
	.prod-nav-li:hover .prod-nav-li-a:after{display: none;}
	.prod-nav-li.active .prod-nav-li-a:before{display: none;}
	.prod-nav-li.active .prod-nav-li-a:after{display: none;}
	.prod-nav-li{padding-bottom: 10px;}
	.prod-nav-dl{width: 100%;}
	.prod-nav-cont{height: 260px;}
	
	/*产品详情*/
	.prod-detail-tit{font-size: 16px;}
	
	/*联系我们*/
	.contact-li{padding: 40px 0 0 0;background-position: left top;background-size: 30px;font-size: 14px;}
	.contact-map{height: 300px;}
	
	/*在线留言*/
	.message{padding-left: 0;}
	.messa-dl{line-height: 40px;}
	.messa-dt{width: 55px;font-size: 14px;}
	.messa-dd{width: 80%;}
	.messa-dd-inp{width: 93%;height: 40px;line-height: 40px;}
	.messa-dd-area{width: 93%;}
	.messa-dd-btn{width: 93%;height: 40px;}
	
	/*新闻中心*/
	.news-li-a{padding: 20px 0;}
	.news-li-img{width: 100%;}
	.news-li-cont{width: 100%;padding: 0;}
	.news-li-time{width: 100%;line-height: 40px;}
	.news-li-time-a{margin-right:10px;float: left;}
	.news-li-i{display: none;}
	.news-li-desc{padding-left: 0;width: 100%;}
	
	/*新闻详情弹出*/
	.frame{padding-left: 0;}
	.frame-close{left: 100%;top: 100%;margin-top: -80px;}
	.frame-cont{padding: 20px 10px 90px 10px;}
	.frame-tit-a{font-size: 20px;}
	body.open .frame-close{left: 100%;margin-left: -80px;}
}
@media screen and (max-width: 390px) {
	.prod-cont .ind-prod-li-img{height:111px;}
}
@media screen and (max-width: 390px) {
	.prod-cont .ind-prod-li-img{height:90px;}
}

@media screen and (max-width: 1024px) {
.ind-about-desc p{display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 6;
overflow: hidden;}

}


@media screen and (max-width: 768px) {
.ind-about-desc p{display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 6;
overflow: hidden;}

}