@font-face { font-family: iconfont; src: url(../fonts/iconfont.eot); src: url(../fonts/iconfont.eot) format('embedded-opentype'), url(../fonts/iconfont.woff) format('woff'), url(../fonts/iconfont.ttf) format('truetype'), url(../fonts/iconfont.svg) format('svg') }
.iconfont { font-family: iconfont!important; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }
.icon-caidan:before { content: "\e601" }
.icon-shangyiye:before { content: "\e604" }
.icon-kefu:before { content: "\e606" }
.icon-chengche:before { content: "\e608" }
.icon-chuanzhen:before { content: "\e650" }
.icon-xiayiye:before { content: "\e60c" }
.icon-dianhua:before { content: "\e607" }
.icon-xyxiayige01:before { content: "\e610" }
.icon-tucexiayige:before { content: "\e616" }
.icon-tuceshangyige:before { content: "\e617" }
.icon-iconfonttrophy:before { content: "\e61b" }
.icon-youjiantou-copy:before { content: "\e61c" }
.icon-xiaohuojian:before { content: "\e61d" }
.icon-a881:before { content: "\e686" }
.icon-hezuogongying:before { content: "\e627" }
.icon-houtuishangyige:before { content: "\e625" }
.icon-qianjinxiayige:before { content: "\e626" }
.icon-home:before { content: "\e653" }
.icon-shangyige:before { content: "\e62a" }
.icon-caizhi:before { content: "\e62f" }
.icon-xiayige:before { content: "\e633" }
.icon-ditu:before { content: "\e61e" }
.icon-liulan:before { content: "\e63b" }
.icon-xiayiye1:before { content: "\e63c" }
.icon-jungongzhang:before { content: "\e63d" }
.icon-youxiang-copy:before { content: "\e63e" }
.icon-xiangxiajiantou:before { content: "\e64c" }
.icon-xiangxiajiantou-copy:before { content: "\e64d" }
.icon-pinpai:before { content: "\e642" }
.icon-zhuanshufuwu:before { content: "\e62c" }
.icon-zhuanzhu:before { content: "\e634" }
body { font-family: '', Arial, Helvetica, sans-serif; color: #2f2f2f }
a { transition: .5s; -webkit-transition: .5s; -moz-transition: .5s }
ul { list-style: none }
.clear { clear: both }
.img-thumbnail { transition: opacity .7s }
.img-thumbnail:hover, .opacity_img:hover { opacity: .75 }
.top_menu { font-size: 12px; background: #0ba754; color: #fff; width: 100%; height: 48px; line-height: 48px }
.language { float: right; height: 48px; color: #fff }
.language a { color: #fff }
.top_name { display: inline-block }
.navbar { margin: 0; background-color: #fff; border: none; box-shadow: 0 3px 4px rgba(0,0,0,.1) }
#app_menudown { position: absolute; top: 0; right: 0; font-size: 16px }
#app_menudown:hover { background-color: #0ba754 }
.flash img { width: 100% }
.flash ul.bxslider { list-style: none }
.flash div.bx-pager { bottom: 4% }
.flash div.bx-controls-direction { display: none }
.about_us { margin: 80px 0 0 0 }
.product_index { margin-top: 65px; margin-bottom: 65px }
.process_col { border: 1px #ddd solid; padding: 20px 0 20px 0; margin-bottom: 20px }
.page_img { padding-top: 10px; margin: 15px; background: #fff }
.page_img img { -moz-transition: -moz-transform .8s; -o-transition: -o-transform .8s; transition: transform .8s }
.page_img img:hover { -webkit-transform: scale(1.06); -moz-transform: scale(1.06); -ms-transform: scale(1.06); -o-transform: scale(1.06); transform: scale(1.06) }
.services_icon h2 { font-size: 24px; font-weight: 700; color: #fff }
.services_content h4 { font-size: 16px; color: #fff; margin-top: 18px }
.services_icon { font-size: 54px; font-weight: 700; color: #fff; margin-top: 18px }
.search_group { float: right; margin: 8px 0 0 0; border: 1px solid #dfe1e3; border-radius: 20px }
.search_group input.form-control { border-radius: 0; box-shadow: none; color: #585a5a; padding: 0 0 0 15px; height: 26px; background: 0 0; border: none }
.search_group input.form-control:focus { box-shadow: none; border-color: #b2e0fb }
#search_submit { color: #c3c4c5; height: 26px; font-size: 16px; margin-top: -14px }
#search_submit:hover { color: #0067b6; cursor: pointer }
ul.left_snav_ul { list-style: none; padding: 0 }
ul.left_snav_ul>li { margin: 0 }
ul.left_snav_ul>li>a { display: block; text-decoration: none; color: #fff; padding: 5px 0 5px 30px; background: url(../images/left_tree.gif) 20px 8px no-repeat #028ae6; border-radius: 25px; margin-bottom: 8px }
ul.left_snav_ul>li>a:hover { color: #fff; background-color: #03b29c }
.left_h3 { font-size: 20px; font-weight: 400; color: #545454; line-height: 50px; border-bottom: 1px solid #ebebeb }
.left_h3 span { display: inline-block; height: 50px; border-bottom: 1px solid #0ba754 }
.left_column ul.left_nav_ul { list-style: none; padding: 0; margin: 15px 0 0 0; padding-bottom: 10px }
.left_column ul.left_nav_ul>li { margin-bottom: 5px; border-bottom: 1px solid #f2f2f2; background: url(../images/left_li.gif) 6px 12px no-repeat }
.left_column ul.left_nav_ul>li>a { display: block; text-decoration: none; color: #000; font-size: 14px; background: 0 0; border-radius: 0; padding: 6px 0 6px 18px; margin-bottom: 8px }
.left_column ul.left_nav_ul li a.left_active, .left_column ul.left_nav_ul>li>a:hover { color: #03b29c; background: 0 0 }
.left_column ul.left_snav_ul { list-style: none; padding: 0 }
.left_column ul.left_snav_ul>li { margin-bottom: 7px; border-bottom: 1px solid #f2f2f2; background: url(../images/left_sli.gif) 15px 11px no-repeat }
.left_column ul.left_snav_ul>li>a { display: block; text-decoration: none; color: #000; padding: 5px 0 5px 25px; background: 0 0; border-radius: 25px; margin-bottom: 8px }
.left_column ul.left_snav_ul>li>a:hover { color: #03b29c; background: 0 0 }
.left_news { clear: both; list-style: none; margin: 0; padding: 0 }
.left_news li { color: #545455; border-bottom: 1px dotted #ddd; background: url(../images/li.png) no-repeat left 15px; line-height: 21px; padding: 10px 0; padding-left: 14px }
.left_news li a { color: #2f2f2f }
.left_news li a:focus, .left_news li a:hover { text-decoration: none; color: #03b29c }
.left_contact { margin: 30px 0 35px 0 }
.left_contact p { clear: both;font-size:13px; }
.product_head h2 { text-align: center; margin-top: 60px; font-size: 38px; color: #333; font-weight: 700 }
.product_head span { display: block; height: 10px; background: url(../images/untitled-1.png) center center no-repeat }
.product_head p { text-align: center; font-size: 18px; color: #555; margin-top: 8px }
.product_list { clear: both; padding: 25px 0 0 0; margin-right: -15px; margin-left: -15px }
.product_list2 { padding-top: 20px }
.product_img { padding-left: 15px; padding-right: 15px; min-height: 270px }
.product_img img { margin-right: auto; margin-left: auto; display: block; /*max-height: 200px; max-width: 100%;*/ width:200px; height:150px; /*height: auto;*/ margin-bottom: 10px; padding: 0 }
.product_list2 div.product_img { min-height: 260px }
.product_title { text-align: center; height: 40px }
.product_title a { color: #2f2f2f }
.product_title a:hover { text-decoration: none; color: #0071bf }
.case_bg, .sevices_bg { padding-bottom: 30px }
.case_head h2 { text-align: center; margin-top: 60px; font-size: 38px; color: #fff; font-weight: 700 }
.case_head span { display: block; height: 10px; background: url(../images/untitled-1.png) center center no-repeat }
.case_head p { text-align: center; font-size: 18px; color: #fff; margin-top: 8px }
.case_list { clear: both; padding: 25px 0 0 0; margin-right: -15px; margin-left: -15px }
.case_list2 { padding-top: 20px }
.case_img { padding-left: 15px; padding-right: 15px; min-height: 270px }
.case_img img { margin-right: auto; margin-left: auto; display: block; max-height: 270px; max-width: 100%; height: auto; margin-bottom: 10px; padding: 0 }
.case_list2 div.case_img { min-height: 220px }
.case_title { text-align: center; height: 40px }
.case_title a { color: #fff; font-weight: 700 }
.case_title a:hover { text-decoration: none; color: #0ba754 }
.case_title2 a { color: #2f2f2f; font-weight: 400 }
.case_title2 a:hover { text-decoration: none; color: #0071bf }
.news_bg { background-color: #f7f7f7 }
.news_head { margin-bottom: 20px }
.news_head h2 { text-align: center; margin-top: 50px; font-size: 38px; color: #333; font-weight: 700 }
.news_head span { display: block; height: 10px; background: url(../images/untitled-1.png) center center no-repeat }
.news_head p { text-align: center; font-size: 18px; color: #555; margin-top: 8px }
.news_p { text-align: center; color: #333; font-size: 13px; padding: 0; margin-top: 8px }
.news_img { min-height: 430px; margin-top: 25px; margin-bottom: 50px; background-repeat: no-repeat }
.news_index { clear: both; list-style: none; margin: 0; padding: 0; padding-left: 15px; margin-bottom: 25px }
.news_index li { padding: 22px 0 22px 0; border-bottom: 1px dotted #dbd4cd }
.news_index li span { display: inline-block; width: 60px; height: 60px; text-align: center; background-color: #f5f5f5; color: #db0f30; float: left; padding: 0 2px; margin-right: 15px }
.news_index li span strong { display: block; font-size: 23px; padding-top: 5px }
.news_index li span i { display: block; font-size: 12px; font-style: normal; font-family: Arial }
.news_index li a { color: #333 }
.news_index li a:hover { text-decoration: none; color: red }
.news_index li em { font-style: normal; display: inline-block; line-height: 18px; color: #999; padding-top: 8px; font-size: 12px }
.about_head { margin-bottom: 60px }
.about_head h2 { text-align: center; margin-top: 50px; font-size: 38px; color: #333; font-weight: 700 }
.about_head span { display: block; height: 3px; background: url(../images/h2_line.jpg) center center no-repeat }
.about_head p { text-align: center; font-size: 18px; color: #555; margin-top: 8px }
.about_h3 { font-family: Arial; color: #db0f30; font-size: 42px; font-weight: 700; margin: 0 }
.about_p { font-size: 16px; color: #000; padding-bottom: 20px; border-bottom: 1px solid #dadada }
.about_content { line-height: 30px; color: #555; margin-top: 20px }
.about_btn { display: block; text-align: center; width: 140px; padding: 7px 0; color: #fff; text-decoration: none; border-radius: 15px; background-color: #db0f30; margin-top: 20px }
.about_btn:focus, .about_btn:hover { color: #fff; text-decoration: none; background-color: #0ba754 }
.about_video { width: 100% }
.bsc_index p:nth-child(1) { padding-left: 25px; background: url(../images/con3.png) left center no-repeat }
.bsc_index p:nth-child(2) { padding-left: 25px; background: url(../images/con1.png) left center no-repeat }
.bsc_index p:nth-child(3) { padding-left: 25px; background: url(../images/con2.png) left center no-repeat }
.cooperation_head { margin-top: 60px; margin-bottom: 30px }
.cooperation_head p { text-align: center; font-size: 24px; color: #333; margin-top: 8px }
.cooperation_head span { display: block; height: 10px; background: url(../images/untitled-1.png) center center no-repeat }
.cooperation_img { padding-left: 15px; padding-right: 15px; min-height: 180px }
.cooperation_img img { margin-right: auto; margin-left: auto; display: block; max-height: 170px; max-width: 100%; height: auto; margin-bottom: 10px; padding: 0 }
.bsc_title { font-size: 22px; line-height: 52px; color: #db0f30 }
.bsc_body p { font-size: 16px; line-height: 28px; color: #fff }
.page_bg { height: 229px; margin-top: 110px }
.page_bg2 { height: 340px }
.bread_bg { background-color: #f3f3f3; margin-bottom: 40px }
.bread_nav { padding: 10px 0 10px 0 }
.bread_nav span { border-left: 8px solid #0ba754; padding-left: 8px }
.bread_nav a { color: #4c4c4c }
.bread_nav a:hover { color: #0071bf; text-decoration: none }
.right_head { clear: both }
.right_head h2 { height: 50px; font-size: 20px; font-weight: 400; color: #545454; line-height: 50px; border-bottom: 1px solid #ebebeb }
.right_head h2 span { display: inline-block; height: 50px; border-bottom: 1px solid #0ba754 }
.right_contents { clear: both; padding: 15px 0 15px 0; line-height: 28px; overflow: auto }
.right_contents_h1 { margin: 0; padding: 10px 0; text-align: center; color: #000; font-size: 24px; color: #434343; font-weight: 700; line-height: 34px }
.right_contents img { max-width: 840px }
.right_new { clear: both; list-style: none; margin: 0; padding: 0 0 20px 0 }
.right_new li { color: #898989; background: url(../images/li.png) no-repeat left 18px; font-size: 16px; line-height: 22px; padding: 12px 0; padding-left: 13px; border-bottom: 1px dashed #e3e2e2 }
.right_new li a { color: #2f2f2f }
.right_new li a:focus, .right_new li a:hover { text-decoration: none; color: #0071bf }
.right_new_time { float: right }
.relevant_new ul.right_new li { font-size: 14px }
.right_new .news_time { float: right }
.page { clear: both; margin: 20px 0 20px 0; text-align: center }
.page a { font: initial; line-height: 1.4; display: inline-block; font-family: Arial; font-size: 13px; border: #dbdbdb 1px solid; padding: 4px 9px; margin: 2px; margin-bottom: 5px; color: #31363c; text-decoration: none }
.page a:focus, .page a:hover { font-family: Arial; font-size: 13px; border: #0ba754 1px solid; padding: 4px 9px; color: #fff; background-color: #0ba754 }
.page .current { font-family: Arial; border: #0ba754 1px solid; font-size: 13px; padding: 5px 9px; color: #fff; margin: 2px; background-color: #0ba754 }
.proinfo_box, .showpic_box { margin: 30px 0 20px 0 }
.product_h1 { margin: 0; line-height: 22px; font-size: 16px; font-weight: 700; color: #000; padding-bottom: 10px; border-bottom: 1px dotted #ccc }
.product_info { list-style: none; padding: 0; margin-top: 10px }
.product_info p { line-height: 28px }
.product_btn { margin-top: 25px }
#pic-page { text-align: center; margin-top: 10px }
#pic-page a { margin: 0 2px }
#pic-page a img { width: 40px; padding: 2px; border: solid #ccc 1px; margin-bottom: 5px }
#pic-page a.active img, #pic-page a:hover img { border: solid #5280dd 1px }
.product_con { clear: both; border-top: 1px dotted #a9a9a9; margin: 10px 0 20px 0; padding: 20px 0 0 0; line-height: 26px; overflow: auto }
.photo_con { clear: both; margin: 0 0 20px 0; padding: 10px 0 20px 0; line-height: 26px; overflow: auto }
.photo_con img, .product_con img { max-width: 840px }
.download_btn { float: right; display: block; margin: 10px 10px 20px 0 }
.page-btn { display: inline-block; float: left; background-color: #0ba754; border-radius: 0; border: none; transition: background .3s; margin-right: 15px }
.page-btn:focus, .page-btn:hover { background-color: #434343 }
.grey-btn { border-radius: 0; border: none; background-color: #e8e8e8 }
.grey-btn:focus, .grey-btn:hover { background-color: #ccc }
.feedback { margin-top: 50px }
.form-horizontal .form-group { margin-right: -10px; margin-left: -10px }
.codeimg { margin: 0 0 -10px -18px }
.point { clear: both; margin: 20px 0 40px 0; padding-bottom: 40px; line-height: 22px }
.point span.to_prev { text-align: center }
.point span.to_prev a { color: #0ba754 }
.point span.to_prev a:hover { color: #ea042b }
.point span.to_next { text-align: center }
.point span.to_next a { color: #0ba754 }
.point span.to_next a:hover { color: #ea042b }
.tags { margin: 18px 0 10px 0 }
.tags a { margin: 0 5px 8px 0 }
.tags_list { padding: 5px 10px 100px 10px }
.tags_ul { margin-top: 0 }
.tags_ul li { line-height: 28px; margin-bottom: 8px; padding-bottom: 10px }
.tags_ul h3 { font-size: 14px; padding: 0; margin: 0; line-height: 20px }
.tags_ul p { font-size: 13px; padding: 0; margin: 0; color: #777; line-height: 20px; padding-top: 8px }
ul.ul_sitemap { margin: 30px 0 40px 30px }
ul.ul_sitemap li { list-style: none; line-height: 26px; clear: both }
ul.ul_sitemap li a { color: #fff }
li.small_li_sitemap { clear: both; padding-left: 12px }
li.small_li2_sitemap { float: left; padding-left: 20px }
.link_box { background-color: #000; padding: 20px 0 20px 0; text-align: center; color: #fff; font-size: 13px }
.link_box a { color: #fff; padding: 0 0 0 10px; font-size: 13px }
.link_box a:hover { text-decoration: none; color: #0ba754 }
.link_box a:last-child { border-right: 0 }
.link_box button { display: none }
.link_title { font-size: 13px; margin-right: -6px }
.link_title:after { content: "：" }
table { margin-bottom: 10px; border-collapse: collapse; display: table }
td, th { padding: 5px 10px; border: 1px solid #ddd }
caption { border: 1px dashed #ddd; border-bottom: 0; padding: 3px; text-align: center }
th { border-top: 1px solid #bbb; background-color: #f7f7f7 }
table tr.firstRow th { border-top-width: 2px }
.ue-table-interlace-color-single { background-color: #fcfcfc }
.ue-table-interlace-color-double { background-color: #f7faff }
td p { margin: 0; padding: 0 }
.footer_qrcode { display: block; max-width: 130px; margin: 0 auto; }
@media screen and (min-width:769px) {
.logo { margin: 25px 0 0 0; /*max-width: 330px; max-height: 70px*/ }
.flash { margin-top: 78px }
.navbar { min-height: 80px }
.navbar-nav { float: right }
.navbar-nav>li>a { text-align: center }
.navbar-default .navbar-nav>li>a { padding: 45px 22px 45px 22px; color: #312b2b; font-size: 16px }
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover { background-color: #0ba754; color: #fff }
.small-nav { min-height: 50px; margin-top: 0; background: rgba(255,255,255,.9); box-shadow: 0 3px 4px rgba(0,0,0,.1) }
.small-nav .navbar-nav>li>a { padding-top: 20px; padding-bottom: 20px }
.small-nav img.logo { max-height: 50px; max-width: 220px; margin: 5px 0 0 0 }
.nav_small { background: rgba(0,0,0,.6); padding: 15px 0 15px 0; border-radius: 0; border: none }
.nav_small>li>a { line-height: 42px; color: #fff; font-size: 14px }
.nav_small>li>a:hover { color: #fff; background-color: #0ba754 }
#app_menudown, #small_search { display: none }
.mfoot_box { display: none }
}
 @media screen and (max-width:768px) {
.header { height: 60px; position: relative; top: 0 }
.header .sublogo { display: none }
.header .navWrap:after { display: none }
.logo { height: 60px }
.htel { height: 60px; width: 25%; margin-right: 60px }
.wow { visibility: visible }
.child .childContent { display: none!important }
button.nav-trigger { display: block }
.nav_transform1 { position: fixed; top: 0; bottom: 0; left: 0; z-index: 20; overflow-y: scroll; box-sizing: border-box; padding: 44px; width: 84vw; border: 0; background: #262526; text-align: left; text-transform: none; -webkit-transform: translateX(-100%); transform: translateX(-100%); -webkit-overflow-scrolling: touch }
.nav_transform1 { transition: -webkit-transform .3s cubic-bezier(.86, 0, .07, 1); transition: transform .3s cubic-bezier(.86, 0, .07, 1) }
.navigation-is-visible .nav_transform1 { -webkit-transform: none; transform: none }
.nav-overlay { position: fixed; top: 0; left: 0; z-index: 10; width: 100vw; height: 100vh; background: rgba(0,0,0,.6); opacity: 0; transition: opacity .3s linear; pointer-events: none }
.navigation-is-visible .nav-overlay { opacity: 1; pointer-events: auto }
.nav_transform1 ul.navCont li.child { float: none; margin: 0 auto; width: 100px }
.nav_transform1 ul.navCont li.child a { padding: 1rem 0; line-height: inherit; color: #fff; font-size: 14px }
.nav_transform1 ul.navCont li.child.last { margin-right: auto }
.nav_transform1 ul.navCont li.child a:after { display: none }
.nav_transform1 ul.navCont li.child .childcont { display: none!important }
.footer { font-size: 12px; line-height: inherit }
.footer span { display: block; text-align: center }
.footer .footer_link { display: none }
.footer_info { text-align: center; padding: 15px 0 }
.footer_info .usinfo { padding: 0; margin: 0 }
.footer_info .usinfo h5 { font-size: 14px }
.footer_info .usinfo p { font-size: 12px }
.top { border-radius: 100% }
.index_ { padding-top: 2em; padding-bottom: 1em }
.index_ .T { padding-bottom: 18px }
.index_ .T h1 { font-size: 22px }
.index_ .T h2 { font-size: 18px }
.index_ .T h2 strong { width: 100%; background-size: contain }
.index_ .T h2.border strong:after, .index_ .T h2.border strong:before { width: 60% }
.index_ .T h3 { font-size: 16px }
.index_ .T h4 { font-size: 12px }
.article .C { font-size: 12px }
.module_cate { width: 95%; padding-bottom: 0 }
.module_prod { padding: 3rem 0; margin-top: 0 }
.module_cate .swiper-slide a.cateMore { display: none }
.module_cate .swiper-slide .js_cate { border-top: 0; border-left: 0; border-right: 0; border-bottom: 1px solid #fff }
.module_cate .swiper-slide:hover .js_cate { border-color: #2b2a2a }
.services-box { text-align: center; padding-bottom: 1rem }
.nbanner { height: 150px }
.nbanner img { margin-top: -182px; margin-left: -500px; width: 1000px; height: 260px }
.aboutBox { padding-left: 0 }
.news-box { margin-bottom: 1rem }
.news-box .news_cont p { height: 3.15rem }
.news-box .news_time .date { line-height: 22px; text-align: left; padding: 0; margin: 0 }
.news-box .news_time .date:before { display: none }
.news-box .news_time .date i { font-size: inherit; font-weight: 400; display: inline }
.newsTit h1 { padding: 25px 0 25px; font-size: 22px }
.newsTit p span { display: inline-block }
.content_bak { padding: 20px 0!important; border: 0; background-color: #fff }
.content_bak h2 { font-size: 15px; font-weight: 400; margin: 0 0 }
.content_bak p { font-size: 13px; margin: 1em 0; line-height: 22px }
.newsDetailCur li, .newsDetailCur li.r { float: left; padding-bottom: 10px; width: 100%; text-align: left; white-space: nowrap; font-size: 13px }
.jobapply { padding: 10px }
.jobchild { margin-bottom: 20px; padding-bottom: 20px; border-right: 0; border-bottom: 1px solid #ccc }
.section_njob a.back { display: none }
.navContent, .subNav, .sub_top p { padding-left: 4% }
.section_njob .services-box .icon { float: left; width: 60px; font-size: 26px; line-height: 2 }
.section_njob .services-box h3, .section_njob .services-box p { text-align: left }
.section_njob .services-box h3 { padding: 0; font-weight: 400; font-size: 18px }
.subNav { line-height: 44px }
.subNav i { font-size: 18px; line-height: 44px }
.sect_job .m-table { width: auto }
.sect_job .m-table thead { font-size: 14px; font-weight: 400 }
.sect_job .m-table td a { padding: 0; background: 0 0; color: inherit }
.flash { margin-top: 50px }
.navbar { min-height: 50px }
.navbar-default .navbar-brand { color: #fff; font-size: 16px }
.navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover { color: #fff }
.navbar-default .navbar-collapse, .navbar-default .navbar-form { border: none }
.navbar-default .navbar-nav { margin-top: 0; margin-bottom: 0 }
.navbar-default .navbar-nav>li:last-child { border: none }
.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover, .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover { background-color: #0ba754; color: #fff }
.small-nav { margin-top: 0; background: rgba(255,255,255,.9); box-shadow: 0 3px 4px rgba(0,0,0,.1) }
.center_nav, .home-btn, .page_bg, .top_name { display: none }
.language { border-left: 0; border-right: 0 }
.list_box { margin-top: 75px }
#topsearch { display: none }
.product_head h2 { margin-top: 40px; font-size: 25px }
.product_head p { font-size: 14px; margin-top: 8px }
.product_img { min-height: 180px }
.product_list2 div.product_img { min-height: 180px }
.case_head h2 { font-size: 26px }
.case_head p { font-size: 14px; margin-top: 4px }
.case_img { min-height: 150px }
.case_list2 div.case_img { min-height: 150px }
.case_bg { padding-top: 0; padding-bottom: 0 }
.sevices_bg { padding-top: 0; padding-bottom: 45px }
.news_head { margin-bottom: 0 }
.news_head h2 { margin-top: 30px; font-size: 26px }
.news_head p { font-size: 14px; margin-top: 4px }
.news_index { padding-left: 0 }
.news_img { display: none }
.news_time { display: none }
.news_h2 { font-size: 24px; margin-top: 20px }
.news_p { font-size: 12px; margin-top: 4px }
.about_us { margin-top: 40px }
.about_h3, .about_p { text-align: center }
.about_head { margin-bottom: 25px }
.about_head h2 { margin-top: 35px; font-size: 26px }
.about_head p { font-size: 14px; margin-top: 8px }
.about_content { margin-top: 0 }
.about_btn { display: block; width: 200px; margin: 0 auto; margin-top: 20px; margin-bottom: 40px }
.cooperation_head { margin-top: 50px }
.cooperation_head p { font-size: 22px; margin-top: 8px }
.cooperation_img { min-height: 100px }
.page_bg { display: none }
.page_bg2 { height: auto; background: #00000; padding-bottom: 45px }
.photo_con img, .product_con img, .right_contents img { max-width: 100% }
.feedback { margin-top: 20px }
.proinfo_box { margin-bottom: 80px }
#pic-page a img { width: 35px }
#cmsFloatPanel { display: none }
.point span.to_next, .point span.to_prev { text-align: left; padding-bottom: 8px }
.footer_logo, .footer_logo_text { display: none }
.footer_contact { margin-bottom: 30px }
.footer_qrcode { display: block; max-width: 130px; margin: 0 auto; margin-top: 25px }
.footer_qrcode_text { width: 130px; margin: 0 auto; text-align: center; margin-top: 10px; margin-bottom: 35px }
.link_box { padding-left: 7px; margin-bottom: 50px }
.link_box a { display: block; border-right: 0; padding: 4px 0 }
.link_title { display: block }
.link_title:after { content: "" }
.link_box button { display: inline-block; background-color: transparent; border: none; float: right; margin-top: -20px }
.link_box button:focus, .link_box button:hover { color: #97f3e7 }
.link_list { display: none; padding-top: 7px }
.tags_box { padding-left: 7px; margin-bottom: 50px }
.tags_box a { display: block; border-right: 0; padding: 4px 0 }
.tags_title { display: block }
.tags_title:after { content: "" }
.tags_box button { display: inline-block; background-color: transparent; border: none; float: right; margin-top: -20px }
.tags_box button:focus, .tags_box button:hover { color: #97f3e7 }
.tags_rows { display: none; padding-top: 7px }
.mfoot_box { background-color: #fafafa }
.mfoot_nav { width: 25%; float: left; background-color: #fafafa; text-align: center; color: #898989; cursor: pointer }
.mfoot_nav:focus, .mfoot_nav:hover { background-color: #e4e4e4; cursor: pointer }
.mfoot_nav a { color: #898989; display: block }
.mfoot_nav a:focus, .mfoot_nav a:hover { text-decoration: none }
.mfoot_nav span { display: block; padding: 3px 0 0 0 }
.mfoot_share { width: 240px; padding: 5px }
.container { }
.bread_bg { margin-bottom: 20px; }
.bread_nav { padding: 80px 0 10px 0 }
}
 @media screen and (max-width:767px) {
.copyright_p { display: none }
}
 @media screen and (min-width:320px) and (max-width:768px) {
.col-mm-1, .col-mm-10, .col-mm-11, .col-mm-12, .col-mm-2, .col-mm-3, .col-mm-4, .col-mm-5, .col-mm-6, .col-mm-7, .col-mm-8, .col-mm-9 { float: left }
.col-mm-12 { width: 100% }
.col-mm-11 { width: 91.66666667% }
.col-mm-10 { width: 83.33333333% }
.col-mm-9 { width: 75% }
.col-mm-8 { width: 66.66666667% }
.col-mm-7 { width: 58.33333333% }
.col-mm-6 { width: 50% }
.col-mm-5 { width: 41.66666667% }
.col-mm-4 { width: 33.33333333% }
.col-mm-3 { width: 25% }
.col-mm-2 { width: 16.66666667% }
.col-mm-1 { width: 8.33333333% }
}/*! normalize.css v2.1.3 | MIT License | git.io/normalize *//*! normalize.css v2.1.3 | MIT License | git.io/normalize */
html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100% }
body { -webkit-overflow-scrolling: touch; overflow-scrolling: touch }
menu, ol, ul { padding-left: 0; list-style-type: none }
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, 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
}
abbr[title] { border-bottom: 1px dotted }
b, strong { font-weight: 700 }
dfn { font-style: italic }
h1 { margin: .67em 0; font-size: 2em }
mark { color: #000; background: #ff0 }
small { font-size: 80% }
sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline }
sup { top: -.5em }
sub { bottom: -.25em }
img { border: 0 }
svg:not(:root) { overflow: hidden }
figure { margin: 1em 40px }
hr { height: 0; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box }
pre { overflow: auto }
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em }
button, input, optgroup, select, textarea { margin: 0; font: inherit; color: inherit }
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 {
 padding: 0;
 border: 0
}
input { line-height: normal }
input[type=checkbox], input[type=radio] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; 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-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-appearance: textfield }
 input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
 -webkit-appearance: none
}
fieldset { padding: .35em .625em .75em; margin: 0 2px; border: 1px solid silver }
legend { padding: 0; border: 0 }
textarea { overflow: auto }
optgroup { font-weight: 700 }
table { border-spacing: 0; border-collapse: collapse }
td, th { padding: 0 }
img { max-width: 100%; border: 0; vertical-align: top }
a, button, input, select, textarea { outline: 0 }
a { text-shadow: none; text-decoration: none; -webkit-tap-highlight-color: transparent; background-color: transparent }
* { -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }
.widget-respimg { display: table-cell!important; text-align: center; vertical-align: middle }
.widget-respimg img { max-height: 100%; max-width: 100% }
.ghost-center { height: 100% }
.ghost-center:before { content: " "; display: inline-block; height: 100%; width: 0%; vertical-align: middle }
.ghost-center p { display: inline-block; vertical-align: middle }
.shade { position: absolute; top: 0; left: 0; z-index: 999; width: 100%; height: 100%; transition: all .5s ease }
a:hover .shade { z-index: 999; background: url(../images/plus2.png) center center no-repeat rgba(0,0,0,.5) }
.mask { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(../images/layer.png) no-repeat; background-size: 100%; color: #fff; content: ""; font-size: 18px }
.mask2 { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,.2) }
.mask3 { position: absolute; right: 0; left: 0; width: 100%; height: 100%; text-align: center }
.mask3 { -webkit-transition: all ease-in-out .35s; -moz-transition: all ease-in-out .35s; -o-transition: all ease-in-out .35s; transition: all ease-in-out .35s; -ms-transition: all ease-in-out .35s }
.m-table { table-layout: fixed; width: 100%; line-height: 1.5 }
.m-table td, .m-table th { padding: 10px; border: 1px solid #e8e8e8; text-align: center }
.m-table th { font-weight: 700 }
.m-table tbody tr:nth-child(2n) { background: #fafafa }
.m-table tbody tr:hover { background: #e4f4e9 }
.m-table tbody tr:nth-child(2n):hover { background: #fff }
.m-table .cola { width: 100px }
.m-table .colb { width: 200px }
.m-table .colc { width: 60px }
.m-table-row td, .m-table-row th { border-width: 0 0 1px }
.m-table-rds { border-collapse: separate; border: 1px solid #ddd; border-width: 0 1px 1px 0; border-radius: 5px }
.m-table-rds td, .m-table-rds th { border-width: 1px 0 0 1px }
.m-table-rds>:first-child>:first-child>:first-child { border-top-left-radius: 5px }
.m-table-rds>:first-child>:first-child>:last-child { border-top-right-radius: 5px }
.m-table-rds>:last-child>:last-child>:first-child { border-bottom-left-radius: 5px }
.m-table-rds>:last-child>:last-child>:last-child { border-bottom-right-radius: 5px }
.m-form { padding: 0 0 10px 0 }
.m-form legend { font-size: 1.25rem; color: #444; padding-bottom: 8px }
.m-form .btn { width: 100%; border-radius: 0; padding: 10px 10px; margin-top: 0; border: 1px solid #00aa3a; background: #00aa3a; color: #fff }
.m-form .btn { transition-duration: .5s; -ms-transition-duration: .5s; -moz-transition-duration: .5s; -webkit-transition-duration: .5s }
.m-form .btn-default.focus, .m-form .btn-default:focus { color: #fff; opacity: .8 }
.m-form .btn-default:hover { color: #fff; opacity: .8; border-color: #ff8e00; background-color: #ff8e00 }
.m-form .btn[type=reset] { background-color: #797979; border: 1px solid #797979 }
.form-label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: 400; font-size: 14px }
.form-control { box-sizing: border-box; display: block; width: 100%; height: 40px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #f1f1f1; background-image: none; border: 1px solid #eae7e7; border-radius: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s }
.form-control:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6) }
 .form-control::-moz-placeholder {
 color: #999;
 opacity: 1
}
 .form-control:-ms-input-placeholder {
 color: #999
}
 .form-control::-webkit-input-placeholder {
 color: #999
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { background-color: #eee; opacity: 1 }
.form-control[disabled], fieldset[disabled] .form-control { cursor: not-allowed }
textarea.form-control { height: auto }
input[type=search] { -webkit-appearance: none }
 @media (min-width:768px) {
.form-inline .form-group { width: 100%; border-bottom: 1px solid #eae7e7; border-left: 1px solid #eae7e7; padding: 10px 0; display: inline-block; margin-bottom: 0; vertical-align: middle }
.form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; width: 60% }
.form-inline .form-label { padding-left: 15px; width: 86px; text-align: left }
}
 @media screen and (-webkit-min-device-pixel-ratio:0) {
input[type=date].form-control, input[type=datetime-local].form-control, input[type=month].form-control, input[type=time].form-control { line-height: 34px }
.input-group-sm input[type=date], .input-group-sm input[type=datetime-local], .input-group-sm input[type=month], .input-group-sm input[type=time], input[type=date].input-sm, input[type=datetime-local].input-sm, input[type=month].input-sm, input[type=time].input-sm { line-height: 30px }
.input-group-lg input[type=date], .input-group-lg input[type=datetime-local], .input-group-lg input[type=month], .input-group-lg input[type=time], input[type=date].input-lg, input[type=datetime-local].input-lg, input[type=month].input-lg, input[type=time].input-lg { line-height: 46px }
}
.form-group { margin-bottom: 15px }
.checkbox, .radio { position: relative; display: block; margin-top: 10px; margin-bottom: 10px }
.checkbox label, .radio label { min-height: 20px; padding-left: 20px; margin-bottom: 0; font-weight: 400; cursor: pointer }
.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] { position: absolute; margin-left: -20px }
.checkbox+.checkbox, .radio+.radio { margin-top: -5px }
.checkbox-inline, .radio-inline { position: relative; display: inline-block; padding-left: 20px; margin-bottom: 0; font-weight: 400; vertical-align: middle; cursor: pointer }
.checkbox-inline+.checkbox-inline, .radio-inline+.radio-inline { margin-top: 0; margin-left: 10px }
fieldset[disabled] input[type=checkbox], fieldset[disabled] input[type=radio], input[type=checkbox].disabled, input[type=checkbox][disabled], input[type=radio].disabled, input[type=radio][disabled] { cursor: not-allowed }
.checkbox-inline.disabled, .radio-inline.disabled, fieldset[disabled] .checkbox-inline, fieldset[disabled] .radio-inline { cursor: not-allowed }
.checkbox.disabled label, .radio.disabled label, fieldset[disabled] .checkbox label, fieldset[disabled] .radio label { cursor: not-allowed }

:-moz-placeholder {
 color: #fff
}

::-moz-placeholder {
 color: #fff
}
 input:-ms-input-placeholder, textarea:-ms-input-placeholder {
 color: #fff
}
 input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
 color: #fff
}
.f-cb:after, .f-cbli li:after { display: block; clear: both; visibility: hidden; height: 0; overflow: hidden; content: "." }
.f-cb, .f-cbli li { zoom: 1 }
.f-ib { display: inline-block }
.f-dn { display: none }
.f-db { display: block }
.f-fl { float: left }
.f-fr { float: right }
.f-pr { position: relative }
.f-prz { position: relative; zoom: 1 }
.f-pa { position: absolute }
.f-oh { overflow: hidden }
.f-ff0 { font-family: arial, \5b8b\4f53 }
.f-ff1 { font-family: "", \5fae\8f6f\96c5\9ed1, arial, \5b8b\4f53 }
.f-fs1 { font-size: 12px }
.f-fs2 { font-size: 14px }
.f-fwn { font-weight: 400 }
.f-fwb { font-weight: 700 }
.f-tal { text-align: left }
.f-tac { text-align: center!important }
.f-tar { text-align: right }
.f-taj { text-align: justify; text-justify: inter-ideograph }
.f-vam, .f-vama * { vertical-align: middle }
.f-wsn { word-wrap: normal; white-space: nowrap }
.f-pre { overflow: hidden; text-align: left; white-space: pre-wrap; word-wrap: break-word; word-break: break-all }
.f-wwb { white-space: normal; word-wrap: break-word; word-break: break-all }
.f-ti { overflow: hidden; text-indent: -30000px }
.f-ti2 { text-indent: 2em }
.f-lhn { line-height: normal }
.f-tdu, .f-tdu:hover { text-decoration: underline }
.f-tdn, .f-tdn:hover { text-decoration: none }
.f-toe { overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis }
.f-csp { cursor: pointer }
.f-csd { cursor: default }
.f-csh { cursor: help }
.f-csm { cursor: move }
.f-usn { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none }
.f-cen { margin: 0 auto }
.small { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em }
.large { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em }
.overflow { text-indent: -9999px; font-size: 0; line-height: 0 }
.overflow a { display: block; width: 100%; height: 100% }
.plugin-fixed-call { position: fixed; bottom: 0; right: 0; width: 45px; display: none; z-index: 1000 }
.plugin-fixed-call .child { position: absolute; right: 0; overflow: hidden; cursor: pointer; width: 45px; height: 45px; background: #c00; line-height: 45px; margin-top: 1px }
.plugin-fixed-call .child { transition-duration: .5s; -ms-transition-duration: .5s; -moz-transition-duration: .5s; -webkit-transition-duration: .5s }
.plugin-fixed-call .child:hover { width: 140px; background: #000 }
.plugin-fixed-call .child img { position: absolute; top: 0; left: 0 }
.plugin-fixed-call .child p { position: absolute; left: 45px; color: #fff }
.plugin-fixed-call .fixedQQ { bottom: 92px }
.plugin-fixed-call .fixedCall { bottom: 46px }
.plugin-fixed-call .fixedTop { position: absolute; right: 0; bottom: 138px; color: #fff; background-color: #cbcbcb; cursor: pointer; text-align: center; width: 45px; height: 45px; line-height: 45px; font-size: 14px; font-family: "", "Arial Narrow" }
.plugin-fixed-call .fixedTop .fixedTopPointer { position: absolute; top: -5px; left: 18px }
.plugin-fixed-call .fixedCode { bottom: 0; cursor: pointer; width: 45px; height: 45px; background: #c00; line-height: 45px; margin-top: 1px }
.plugin-fixed-call .fixedCode:hover .fixedCodeInfo { display: block; opacity: 1 }
.fixedCodeInfo { display: none; position: fixed; bottom: 0; right: 54px; padding: 0 3px; border: 1px solid #ccc; background: #fff; opacity: 0 }
.fixedCodeInfo .fixedPointer { position: absolute; right: -6px; bottom: 12px }
body { width: 100%; height: 100%; overflow-x: hidden; overflow-y: scroll; color: #393a45; font: 14px/1.8 '', Arial, sans-serif }
input, textarea { margin: 0; padding: 0; outline: 0; border: 0; background: 0 0; vertical-align: middle }
body, button, dd, dl, form, h1, h2, h3, h4, h5, menu, ol, p, ul { margin: 0 }
menu, ol, ul { padding-left: 0; list-style-type: none }
a, input, select, textarea { outline: 0;  star: expression(this.onFocus=this.blur())
}
footer p { margin: 0; line-height: 28px }
.footer_qrcode_text { text-align: center }
a { outline: 0; color: #000; text-decoration: none; font-family: "" }
footer a { color: #fff }
a:hover { color: #0BA754 }
b, i { font-style: normal }
.arrs, .mask2, .media-box h5, .media-box p, :after, :before, a.cateMore, b, h1, img, input, span { -moz-transition: all ease-in-out .35s; -webkit-transition: all ease-in-out .35s; -o-transition: all ease-in-out .35s; -ms-transition: all ease-in-out .35s; transition: all ease-in-out .35s }
 @keyframes rightOpacityShow {  0% {
 transform: translateX(-80px);
 opacity: 0
}
 80% {
 transform: translateX(20px)
}
 100% {
 transform: translateX(0);
 opacity: 1
}
}
 @-moz-keyframes rotateYOpacityAn {  0% {
 -moz-transform: translateX(-80px);
 opacity: 0
}
 80% {
 -moz-transform: translateX(20px)
}
 100% {
 -moz-transform: translateX(0);
 opacity: 1
}
}
 @-webkit-keyframes rotateYOpacityAn {  0% {
 -webkit-transform: translateX(-80px);
 opacity: 0
}
 80% {
 -webkit-transform: translateX(20px)
}
 100% {
 -webkit-transform: translateX(0);
 opacity: 1
}
}
 @-o-keyframes rotateYOpacityAn {  0% {
 -o-transform: translateX(-80px);
 opacity: 0
}
 80% {
 -o-transform: translateX(20px)
}
 100% {
 -o-transform: translateX(0);
 opacity: 1
}
}
.page { overflow: hidden }
section { overflow: hidden }
.wow { visibility: hidden }
.opc0 { opacity: 0 }
.clear:after, .clear:before { content: ""; display: table }
.clear:after { clear: both }
.dib { display: inline-block }
.btn { cursor: pointer }
.hide { display: none }
.header { position: fixed; top: 0; left: 0; right: 0; z-index: 1000 }
.header .navWrap { background: #fff; position: relative }
.header .navWrap:after { display: block; content: ''; position: absolute; left: 100%; top: 0; bottom: 0; background: #fff; width: 100% }
.header .navWrap:before { display: block; content: ''; position: absolute; width: 40px; height: 100%; background: #0ba754; right: 100%; top: 0 }
.sublogo { background: #0ba754; color: #fff; position: absolute; top: 100%; left: 0; padding: 1em 5em 1em 1em }
.sublogo:before { display: block; content: ''; width: 40px; height: 100%; position: absolute; background: #0ba754; right: 100%; top: 0 }
.sublogo:after { display: block; content: ''; position: absolute; background: #0ba754; height: 100%; width: 80px; transform: skewX(-30deg); top: 0; right: 0; margin-right: -40px }
.header { transition: bottom .5s, background .5s, height .5s, top .5s, line-height .5s }
.header * { transition: all .5s }
 @media screen and (min-width:1024px) {
.header.header-min .logo, .header.header-min .navBox { -webkit-transform: scale(.8); transform: scale(.8); -webkit-transform-origin: right; transform-origin: right }
.header.header-min .logo { height: 90px; -webkit-transform-origin: left; transform-origin: left }
.header.header-min .nav_transform1 ul.navCont li.child a { line-height: 90px }
.header.header-min .navWrap:before { opacity: 0 }
.header.header-min .sublogo { opacity: 0 }
}
.bar { background: #333; color: #ccc; position: relative; clear: both; line-height: 36px; overflow: hidden; font-size: 12px; font-weight: lighter; border-bottom: 1px solid #e5e5e5 }
.bar a { color: #ccc }
.bar ul li { float: left; font-size: 12px }
.bar ul li i.split { display: inline-block; vertical-align: middle; width: 1px; height: 9px; background: #8d8d8d; margin: 0 4px }
.logo a { display: block; height: 100% }
.logo span { display: inline-block; height: 100%; width: 0; text-align: center; vertical-align: middle }
.logo img { vertical-align: middle; max-height: 100% }
.logo:after { display: none; content: ''; width: 1px; height: 68px; background-color: #e1e1e1; position: absolute; right: 0; top: 50%; margin-top: -34px }
.htel { width: 10%; float: right; height: 90px; padding-right: 2%; color: #676767 }
.wapNavBtn { position: absolute; top: 16px; right: 5px; display: none; width: 24px; font-size: 24px; cursor: pointer; animation: transform .6s ease-in-out 0s both; -moz-animation: transform .6s ease-in-out 0s both; -webkit-animation: transform .6s ease-in-out 0s both; -o-animation: transform .6s ease-in-out 0s both; z-index: 99 }
.wapNavPointer { display: none; position: absolute; top: 3px; right: 3px; cursor: pointer }
button.nav-trigger { display: none; position: absolute; top: 50%; right: 0; z-index: 20; height: 60px; width: 50px; margin-top: -30px; padding: 0 12px; background: 0 0; border: 0; outline: 0 }
.nav-trigger { transition: -webkit-transform .3s cubic-bezier(.86, 0, .07, 1); transition: transform .3s cubic-bezier(.86, 0, .07, 1) }
.nav-icon { position: relative; top: 2px; right: inherit; display: block; width: 26px; height: 2px; background-color: #000; border-radius: 2.5rem; transition: all .3s }
.nav-icon:after, .nav-icon:before { content: ""; position: absolute; z-index: -1; display: block; height: 2px; width: 100%; border-radius: 2.5rem; background-color: #000; transition: all .3s }
.nav-icon:before { top: 7px }
.nav-icon:after { top: -7px }
.navigation-is-visible .nav-icon { background-color: transparent!important }
.navigation-is-visible .nav-icon:before { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); top: 0; background-color: #fff }
.navigation-is-visible .nav-icon:after { -webkit-transform: rotate(45deg); transform: rotate(45deg); top: 0; background-color: #fff }
.navBox { background-color: #fff; width: 60%; float: right; padding-right: 2% }
.nav_transform1 { position: relative }
.nav_transform1 .navTop { position: absolute; top: 0; display: none; height: 4px; background: #00aa3a; z-index: 2 }
.nav_transform1 .navTop { transition-duration: .5s; -ms-transition-duration: .5s; -moz-transition-duration: .5s; -webkit-transition-duration: .5s }
.nav_transform1 ul.navCont { font-size: 16px }
.nav_transform1 ul.navCont li.child { position: relative; float: left; width: 12.5%; text-align: center }
.nav_transform1 ul.navCont li.child.last { margin-right: 0 }
.nav_transform1 ul.navCont li.child a { display: block; line-height: 104px; transition: initial }
.nav_transform1 ul.navCont li.child a:hover, .nav_transform1 ul.navCont li.child.cur a { background: #0ba754; color: #fff }
.nav_transform1 ul.navCont li.child a:after { content: ''; display: block; width: 1px; height: 100%; position: absolute; top: 0; right: 0; background-color: #efefef }
.nav_transform1 ul.navCont li.child.last a:after { display: none }
.nav_transform1 ul.navCont li.child a span { transition: initial; padding: 5px 0 }
.nav_transform1 ul.navCont li.child a.cur span { border-bottom: 3px solid #ff9c01 }
.nav_transform1 ul.navCont li.child .childcont { display: none; position: absolute; top: 100%; width: 100%; z-index: 999 }
.nav_transform1 ul.navCont li.child .childcont li a { font-size: 14px; background-color: #0ba754; color: #fff; padding: 10px 0; line-height: 1.8!important }
.nav_transform1 ul.navCont li.child .childcont li a:after { display: none }
.nav_transform1 ul.navCont li.child .childcont li a:hover { background: #fff; color: #000 }
.footer { background: #0150a4; color: #6f7174 }
.footer a { color: #6f7174 }
.footer a:hover { text-decoration: underline; color: inherit }
.footer_detail { padding: 15px 10px 0 10px }
.footer_detail span { padding-right: 30px }
.footer_detail ul { width: 103% }
.footer_detail ul li { width: 17%; float: left; line-height: 1.3; text-align: left; margin-right: 3%; padding-top: 55px }
.footer_detail ul li p { padding-left: 36px }
.footer_detail ul li i { float: left; font-size: 3rem }
.footer_nav { padding: 1em 0; text-align: center; background: #0ba754 }
.footer_nav a { padding: 0 10px; position: relative; color: #fff }
.footer_nav a:after { display: block; content: ''; width: 1px; height: 11px; background-color: #90bcea; position: absolute; right: 0; top: 5px }
.footer_nav a.last:after { display: none }
.footer_link { padding: 1em 0; text-align: center; background-color: #f6f6f6 }
.footer_link a { color: #6e6e6e; padding: 0 4px }
footer { background-color: #303339; color: #fff; padding: 40px 0 20px 0 }
.copyright { line-height: 20px }
.copyright a { color: #fff }
.foot_nav { width: 25%; float: left; background-color: #fafafa; text-align: center; color: #898989; cursor: pointer }
.foot_nav:focus, .foot_nav:hover { background-color: #e4e4e4; cursor: pointer }
.foot_nav a { color: #898989; display: block }
.foot_nav a:focus, .foot_nav a:hover { text-decoration: none }
.foot_nav span { display: block; padding: 3px 0 0 0 }
.top { display: none; position: fixed; right: 10px; bottom: 80px; z-index: 999; width: 40px; height: 40px; font-size: 24px; background: #ccc; color: #fff; line-height: 40px; text-align: center; cursor: pointer }
.top { transition-duration: .5s; -ms-transition-duration: .5s; -moz-transition-duration: .5s; -webkit-transition-duration: .5s }
.top:hover { opacity: .8 }
.top img { vertical-align: middle }
.index_ { padding: 4rem 0 3rem }
.index_ .T { padding-bottom: 3.4em; text-align: center; color: #393a45; text-transform: uppercase }
.index_ .T h1 { font-size: 60px; font-weight: 400; text-transform: uppercase; font-family: -webkit-pictograph; line-height: 1 }
.index_ .T h2 { font-size: 1.9rem }
.index_ .T h2 strong { padding: 0 2rem; position: relative }
.index_ .T h2.border strong:before { display: block; content: ' '; width: 50%; height: 1px; border-bottom: 1px solid #8d8d8d; position: absolute; right: 100%; bottom: 46% }
.index_ .T h2.border strong:after { display: block; content: ' '; width: 50%; height: 1px; border-bottom: 1px solid #8d8d8d; position: absolute; left: 100%; bottom: 46% }
.index_ .T h3 { font-size: 24px; font-weight: 400 }
.index_ .T h4 { font-size: 16px; font-weight: 400; color: #7e7e7e }
.index_ .T h5 { font-size: 14px; font-weight: 400; color: #282828; font-family: 'times new roman' }
.index_ .T img { display: block }
.text-color1 { color: #0ba754 }
.text-color2 { color: #0ba754 }
a.more { transition-duration: .5s; -ms-transition-duration: .5s; -moz-transition-duration: .5s; -webkit-transition-duration: .5s }
a.more.block { padding: 6px 30px; border: 1px solid #d2d2d2; display: inline-block; margin-top: 20px }
a.more.block:hover { border-color: #ad2226; color: inherit }
a.button { width: 220px; height: 45px; border: 1px #eee solid; border-radius: 40px; background-color: #fff; display: block; margin: 0 auto; text-align: center; line-height: 45px; position: relative; overflow: hidden }
a.button.anim span { position: absolute; left: 50%; top: 0; white-space: nowrap; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition-delay: 250ms; -moz-transition-delay: 250ms; -ms-transition-delay: 250ms; -o-transition-delay: 250ms; transition-delay: 250ms }
a.button.anim i:before { font-size: 22px; color: #ec408c; position: absolute; top: 9px; left: 0; -webkit-transform: translateX(-200%); -ms-transform: translateX(-200%); -o-transform: translateX(-200%); transform: translateX(-200%) }
a.button.anim:hover i:before { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%) }
a.button.anim:hover span { left: 120% }
.services-box { padding: 1rem 0 3.5rem 0; display: block; color: #fff }
.services-box .icon { display: inline-block; background: #fff; width: 100px; height: 100px; position: relative; margin-bottom: 0 }
.services-box .icon a { display: block; width: 67px; height: 67px; margin: 0 auto; padding-top: 12px }
.services-box .icon img { transition-duration: .5s; -ms-transition-duration: .5s; -moz-transition-duration: .5s; -webkit-transition-duration: .5s }
.services-box .icon a:hover img { transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); -webkit-transform: rotate(360deg) }
.services-box h3 { font-size: 1.8rem;  padding-bottom: .5rem;
font-weight: 400 }
.services-box p { font-size: 14px }
.services-box i { display: inline-block; width: 105px; height: 74px; border-radius: 100%; font-size: 44px; line-height: 74px; color: #b9b8be }
.services-box.horizontal { text-align: left; padding-bottom: 0 }
.services-box.horizontal .icon { display: block; float: left; width: 24px; height: 24px; border: 3px solid #ccc; border-radius: 5px; font-size: 16px; font-weight: 700; color: #ccc; text-align: center; line-height: 24px; margin-top: 8px }
.services-box.horizontal .icon a { padding-top: 0; line-height: 67px; text-align: center; font-size: 40px }
.services-box.horizontal h3 { margin-left: 180px; padding: 0; margin-bottom: 20px }
.services-box.horizontal p { margin-left: 40px; height: 40px; font-size: 12px }
.media-box { display: block; text-align: center; margin-bottom: 15px; width: 100%; position: relative }
.media-box .icon { display: inline-block; background: #f3f4f8; width: 300px; height: 190px; overflow: hidden }
.media-box .icon { transition-duration: .5s; -ms-transition-duration: .5s; -moz-transition-duration: .5s; -webkit-transition-duration: .5s }
.media-box h5 { font-size: 1rem;  padding: .35rem .75rem;
font-weight: 400; color: #000 }
.media-box h3 { font-size: 14px; padding: 5px 10px; font-weight: 400; color: #000 }
.media-box p {
 font-size: .88rem; padding: 0 10px; line-height: 2.4 }
.media-box h6 { background: rgba(54,105,170,.8); line-height: 3; left: 0; right: 0; bottom: 0; font-size: 14px; color: #fff; position: absolute; font-weight: 400 }
.media-box .icon img { width: auto; height: auto }
.media-box .icon img { transition-duration: 1s; -ms-transition-duration: 1s; -moz-transition-duration: 1s; -webkit-transition-duration: 1s }
.media-box.anim.anim-scale:hover .icon img { transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); -webkit-transform: scale(1.2) }
.port-box { border: 1px #fff solid; position: relative; overflow: hidden }
.port-box .portimg { display: inline-block; background: #fff; width: 100%; height: 230px }
.port-box .portimg img { width: 100%; height: 100%; max-width: 100%!important; max-height: 100%!important; opacity: 1!important }
.port-box .portinfo { position: absolute; top: 0; bottom: 0; right: 0; left: 0; text-align: center; opacity: 0; color: #fff }
.port-box .portinfo h3 { display: block; margin-top: 18%; padding: 8px; font-size: 40px; color: #fff; border: 0 }
.port-box .portinfo p { color: #fff }
.port-box .portinfo p a { color: #fff; font-size: 16px; padding: 0 6px }
.port-box.anim .portinfo h3 { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%) }
.port-box.anim .portinfo p { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%) }
.port-box.anim:hover .portinfo { background-color: rgba(94,40,50,.9); opacity: 1 }
.port-box.anim:hover .portinfo h3, .port-box.anim:hover .portinfo p { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0) }
.port-box.anim:hover .portimg img { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2) }
.i-prorec .icon { position: relative }
.i-prorec .bg { position: absolute; top: 100%; left: 0; width: 100%; height: 100%; background: #333; opacity: .68 }
.i-prorec .bg-text { position: absolute; top: 50px; left: -100%; width: 100%; text-align: center; transition: initial }
.i-prorec .num { color: #fff; font-size: 18px; font-family: 微软雅黑 }
.i-prorec .price { display: inline-block; margin-top: 20px; width: 100%; color: #fff; line-height: 30px }
.article { text-align: left }
.article .C { margin: 15px 0; font-size: 14px; overflow: hidden }
.common-menu { position: absolute; z-index: 20; right: 12.5%; top: -90px; width: 160px; transition: 344ms ease-in-out }
.common-menu.scoll1 { position: fixed; top: 66px; transition: 344ms ease-in-out }
.common-logo { height: 90px; background: url(../images/menus.jpg) center no-repeat; background-size: cover }
.common-logo h4 { text-align: center; font-size: 18px; color: #fff; padding: 30% 0 2em 0; font-weight: 400; margin: 0 }
.m-ins-navbox { position: absolute; text-align: center; top: -52px; width: 100% }
.m-ins-navbox .right .tit { display: none }
.m-ins-navbox .ret-subbox { display: none }
.m-ins-navbox .right .subbox { text-align: center }
.m-ins-navbox .right .subbox a { position: relative; display: inline-block; margin: 0 10px 10px 0; padding: 12px 20px; background-color: #fff; text-align: center; font-size: 1rem }
.m-ins-navbox .right .subbox a:hover { color: #0ba754 }
.m-ins-navbox .right .subbox a.cur { background-color: #0ba754; color: #fff }
 @media screen and (max-width:40em) {
.item0>.icon.widget-respimg.js-respimg { display: block!important; margin: 0 auto; padding-top: 20px; width: 100% }
.block_imglist .media-box { display: flex; justify-content: center; margin-top: 15px; width: 100% }
.m-ins-navbox { width: 100%; height: 38px; background-color: #fff; position: relative; top: 0; z-index: 99; padding: 0!important }
.m-ins-navbox .left { width: 15%; cursor: pointer; float: left }
.m-ins-navbox .left .ico { display: block; width: 100%; height: 38px; background: url(../images/ico_2.png) no-repeat center #0ba754; background-size: auto 50% }
.m-ins-navbox .right { width: 85%; position: relative; float: right; border-bottom: 1px solid #e5e5e5 }
.m-ins-navbox .right .tit { display: block; width: 95%; padding-left: 5%; font-size: 14px; color: #0ba754; line-height: 37px; background: url(../images/ico_1.png) no-repeat 93% center; background-size: auto 50%; cursor: pointer }
.m-ins-navbox .right .subbox { width: 100%; position: absolute; top: 37px; background-color: #fff; z-index: 2; display: none; left: 0; text-align: left }
.m-ins-navbox .right .subbox a { display: block; width: 95%; padding: 0 0 0 5%; line-height: 38px; height: 38px; border-top: 1px solid #e5e5e5; background: url(../images/ico_3.png) no-repeat 92% center; background-size: auto 35%; color: #666; font-size: inherit; border-radius: 0; margin: 0 }
.m-ins-navbox .ret-subbox { position: absolute; top: 38px; width: 100%; background-color: #0ba754; left: 0; z-index: 2; display: none }
.m-ins-navbox .ret-subbox a { display: block; width: 95%; padding-left: 5%; height: 38px; line-height: 38px; border-bottom: 1px solid #4882b6; color: #fff; font-size: 14px; background: url(../images/ico_3.png) no-repeat 92% center; background-size: auto 35% }
.m-ins-blackbg { position: absolute; left: 0; top: 38px; width: 100%; height: 100%; background-color: #000; opacity: .5; display: none; z-index: 10 }
}
.m-ins-navbox { position: relative; top: auto; margin-bottom: 2em }
.m-ins-navbox .right .subbox a { padding-top: 6px; padding-bottom: 6px; border-radius: 10px }
.m-ins-navbox .right .subbox a:hover { background-color: #0ba754; color: #fff }
.sect_prod {
    padding-bottom: 2em;
    background-color: #0e316b;}
.sect_prod .media-box.item0 { background: #ebebeb }
.sect_prod .media-box.item0 .cnt { padding: 1em 2em 0 2em; text-align: left }
.sect_prod .media-box.item0 .cnt strong { font-size: 1.2rem }
.sect_prod .media-box .icon { background-color:white !important; width: 320px; height: auto; position: relative; border: 1px solid #eee; background: 0 0 }
.sect_prod .media-box p { font-size: 1rem; line-height: inherit; padding: 1em 0 }
.sect_prod .mask3 { position: absolute; height: 100%; top: 100%; right: 0; left: 0; background: url(../images/layer3.png) center center no-repeat rgba(39,103,160,.8); line-height: 100%; color: #000 }
.sect_prod .media-box:hover .mask3 { top: 0 }
.sect_adv { background: url(../images/bg1.jpg) center center; background-size: cover }
.services-box.l { padding-right: 10% }
.services-box.r { padding-left: 10% }
.services-box h3 { padding-bottom: 1rem; border-bottom: 1px solid #fff; position: relative }
.services-box p { padding: 1rem 0 }
.services-box h3:before { display: block; content: ''; width: 8px; height: 8px; background: #fff; bottom: 0; left: 0; margin-bottom: -4px; position: absolute; border-radius: 50% }
.services-box h3:after { display: block; content: ''; width: 13%; height: 1px; background: #fff; bottom: 0; left: 100%; margin-bottom: -1px; transform: rotate(45deg); transform-origin: top left; position: absolute }
.services-box.r h3:before { left: auto; right: 0 }
.services-box.r h3:after { left: auto; right: 100%; transform: rotate(-45deg); transform-origin: top right }
 @media screen and (max-width:40em) {
    .sect_adv {
        background: #0e316b
    }
}
.sect_us { background: #f6f6f6 }
.usbox { background: #fff; margin-bottom: 2em }
.about-box { padding: 1.5rem 2rem 3rem 2rem; position: relative }
.about-box h3 { font-size: 1.8rem; position: relative; padding-top: 10px }
.about-box h5 { font-size: 1.2rem; text-transform: uppercase; font-weight: 400 }
.amore { color: #fff; position: absolute; right: 0; bottom: 0 }
.qute { position: relative; padding-top: 2em; margin-top: 1em; line-height: 2; background: url(../images/line.jpg) top left repeat-x }
.block_imglist { position: relative; padding: 1em 40px; background: #fff }
.block_imglist .swiper-slide { width: 20% }
.block_imglist .media-box { margin-bottom: 0; width: 95% }
.block_imglist .media-box .icon { width: 320px; height: 260px; position: relative; border: 0; background: #fff; overflow: visible }
.block_imglist .media-box p { font-size: 16px }
.block_imglist .swiper-btn { background: #0ba754; color: #fff; position: absolute; top: 35%; cursor: pointer; font-size: 16px; padding: 10px 4px }
.block_imglist .swiper-prev { left: 0 }
.block_imglist .swiper-next { right: 0 }
.block_imglist .swiper-button-disabled { background: #a3a3a3; cursor: initial }
 @media screen and (max-width:640px) {
.block_imglist { padding: 0 }
.block_imglist .swiper-slide { width: 100%; margin-right: 0 }
}
.sect_new {
    overflow: hidden;
    background: #0e316b
}
.news-box { position: relative; margin-bottom: 1em; background: #fff; padding: 1em }
.news-box .news_time { text-align: center; color: #7e7e7e; padding-top: 10px; position: relative }
.news-box .news_time:after { display: block; content: ''; position: absolute; top: 50%; margin-top: -20px; width: 1px; height: 40px; background: #ccc; right: 0 }
.news-box .news_time .date { line-height: 2.4 }
.news-box .news_time .date i { font-size: 2rem; display: block; line-height: 1; color: #000; font-weight: 700 }
.news-box .news_time .item { display: none }
.news-box .news_cont h5 { font-size: 18px; font-weight: 400; padding-bottom: 6px; position: relative }
.news-box .news_cont h5 a { padding-right: 20px; color: #363535; display: block; position: relative }
.news-box .news_cont h5 a:hover { text-decoration: underline }
.news-box .news_cont p { color: #7e7e7e; overflow: hidden; text-align: justify }
.thumb { width: 100%; height: 168px; background-position: center center; background-size: 100% auto; background-repeat: no-repeat }
 @media screen and (max-width:640px) {
.news-box { background: 0 0; padding: 0 }
.news-box .news_cont h5 a { font-size: 14px }
}
.news-box.ligter { border: 1px solid #0ba754; padding: 0 }
.news-box.ligter .news_time { background: #0ba754; color: #fff; padding-bottom: 10px }
.news-box.ligter .news_time i { color: #fff }
.news-box.ligter .news_time:after { display: none }
.news-box.ligter .news_cont { padding: 1em }
.news-box.ligter.on { background: 0 0; border-color: #eb511b }
.news-box.ligter.on .news_time { background: #eb511b }
.news-box-one { background: #0150a4 }
.news-box-one .news_cont { background: #0150a4; padding: 12% 8%; color: #b5d3f3; font-size: 14px }
.news-box-one .news_cont h3 { font-size: 20px; font-weight: 400; margin-bottom: 1em; color: #fff }
.news-box-one .news_cont p { line-height: 2 }
.news-box-one .news_cont a { display: inline-block; border: 1px solid #fff; border-radius: 25px; color: #fff; padding: 5px 25px; margin-top: 2em }
.news-box-one .news_cont a:hover { border-color: #ff9600; color: #ff9600 }
html { font-size: 16px }
body:after { display: block; height: 0; line-height: 0; overflow: hidden; visibility: hidden; content: 'Pc' }
.wrap { max-width: 1400px; margin-left: auto; margin-right: auto }
.PcMode:after { content: 'Pc'!important }
.MobilePush, .UnpcPush { display: none }
 @media only screen and (min-width:1200px) and (max-width:1400px) {
.wrap { max-width: 1160px }
}
 @media only screen and (min-width:1024px) and (max-width:1200px) {
.wrap { max-width: 1002px }
}
 @media only screen and (min-width:640px) and (max-width:1024px) {
html { font-size: 14px }
body:after { content: 'Pad' }
body { user-select: none; -webkit-user-select: none }
body, button, input, select, textarea { font-size: 14px }
.wrap { padding-left: 2%; padding-right: 2%; max-width: none }
.PcPush { display: none }
.UnpcPush { display: block }
}
 @media only screen and (max-width:640px) {
html { font-size: 13px }
body:after { content: 'Mobile' }
body, button, input, select, textarea { font-size: 14px }
.wrap { padding-left: 4%; padding-right: 4% }
.UnmobilePush { display: none }
.MobilePush { display: block }
img[data-src] { opacity: 1 }
}
 @media (device-height:480px) and (-webkit-min-device-pixel-ratio:2) {
.ghost-center p { padding: 0;  font-size: .9rem
}
}
 @media (device-height:568px) and (-webkit-min-device-pixel-ratio:2) {
.ghost-center p { padding: 0;  font-size: .9rem
}
}
 @media (device-height:667px) and (-webkit-min-device-pixel-ratio:2) {
.join_step .join_step_c { height: 180px }
}
.row { width: 102% }
.row:after, .row:before { clear: both; display: table; content: " " }
.full-row .row .span-1, .span-1 { float: left; margin-right: 2%; width: 6.33333333%; transition: .2s width ease }
.full-row .row .span-2, .span-2 { float: left; margin-right: 2%; width: 14.66666667%; transition: .2s width ease }
.full-row .row .span-3, .span-3 { float: left; margin-right: 2%; width: 23%; transition: .2s width ease }
.full-row .row .span-4, .span-4 { float: left; margin-right: 2%; width: 31.33333333%; transition: .2s width ease }
.full-row .row .span-5, .span-5 { float: left; margin-right: 2%; width: 39.66666667%; transition: .2s width ease }
.full-row .row .span-6, .span-6 { float: left; margin-right: 2%; width: 48%; transition: .2s width ease }
.full-row .row .span-7, .span-7 { float: left; margin-right: 2%; width: 56.33333333%; transition: .2s width ease }
.full-row .row .span-8, .span-8 { float: left; margin-right: 2%; width: 64.66666667%; transition: .2s width ease }
.full-row .row .span-9, .span-9 { float: left; margin-right: 2%; width: 73%; transition: .2s width ease }
.full-row .row .span-10, .span-10 { float: left; margin-right: 2%; width: 81.33333333%; transition: .2s width ease }
.full-row .row .span-11, .span-11 { float: left; margin-right: 2%; width: 89.66666667%; transition: .2s width ease }
.full-row .row .span-12, .span-12 { float: left; margin-right: 2%; width: 98%; transition: .2s width ease }
.full-row .row .span-13, .span-13 { float: left; margin-right: 2%; width: 106.33333333%; transition: .2s width ease }
.full-row .row .span-14, .span-14 { float: left; margin-right: 2%; width: 114.66666667%; transition: .2s width ease }
.full-row .row .span-15, .span-15 { float: left; margin-right: 2%; width: 123%; transition: .2s width ease }
.full-row .row .span-16, .span-16 { float: left; margin-right: 2%; width: 131.33333333%; transition: .2s width ease }
.full-row .row .span-17, .span-17 { float: left; margin-right: 2%; width: 139.66666667%; transition: .2s width ease }
.full-row .row .span-18, .span-18 { float: left; margin-right: 2%; width: 148%; transition: .2s width ease }
.full-row .row .span-19, .span-19 { float: left; margin-right: 2%; width: 156.33333333%; transition: .2s width ease }
.full-row .row .span-20, .span-20 { float: left; margin-right: 2%; width: 164.66666667%; transition: .2s width ease }
.full-row .row .span-21, .span-21 { float: left; margin-right: 2%; width: 173%; transition: .2s width ease }
.full-row .row .span-22, .span-22 { float: left; margin-right: 2%; width: 181.33333333%; transition: .2s width ease }
.full-row .row .span-23, .span-23 { float: left; margin-right: 2%; width: 189.66666667%; transition: .2s width ease }
.full-row .row .span-24, .span-24 { float: left; margin-right: 2%; width: 198%; transition: .2s width ease }
.pull-right { float: right }
.pull-left { float: left }
.center { position: relative; left: -1%; float: none; clear: both; display: block; margin-right: auto; margin-left: auto }
.pull-left-1 { position: relative; left: -8.33333333% }
.pull-left-2 { position: relative; left: -16.66666667% }
.pull-left-3 { position: relative; left: -25% }
.pull-left-4 { position: relative; left: -33.33333333% }
.pull-left-5 { position: relative; left: -41.66666667% }
.pull-left-6 { position: relative; left: -50% }
.pull-left-7 { position: relative; left: -58.33333333% }
.pull-left-8 { position: relative; left: -66.66666667% }
.pull-left-9 { position: relative; left: -75% }
.pull-left-10 { position: relative; left: -83.33333333% }
.pull-left-11 { position: relative; left: -91.66666667% }
.pull-left-12 { position: relative; left: -100% }
.pull-left-13 { position: relative; left: -108.33333333% }
.pull-left-14 { position: relative; left: -116.66666667% }
.pull-left-15 { position: relative; left: -125% }
.pull-left-16 { position: relative; left: -133.33333333% }
.pull-left-17 { position: relative; left: -141.66666667% }
.pull-left-18 { position: relative; left: -150% }
.pull-left-19 { position: relative; left: -158.33333333% }
.pull-left-20 { position: relative; left: -166.66666667% }
.pull-left-21 { position: relative; left: -175% }
.pull-left-22 { position: relative; left: -183.33333333% }
.pull-left-23 { position: relative; left: -191.66666667% }
.pull-left-24 { position: relative; left: -200% }
.pull-right-1 { position: relative; left: 8.33333333% }
.pull-right-2 { position: relative; left: 16.66666667% }
.pull-right-3 { position: relative; left: 25% }
.pull-right-4 { position: relative; left: 33.33333333% }
.pull-right-5 { position: relative; left: 41.66666667% }
.pull-right-6 { position: relative; left: 50% }
.pull-right-7 { position: relative; left: 58.33333333% }
.pull-right-8 { position: relative; left: 66.66666667% }
.pull-right-9 { position: relative; left: 75% }
.pull-right-10 { position: relative; left: 83.33333333% }
.pull-right-11 { position: relative; left: 91.66666667% }
.pull-right-12 { position: relative; left: 100% }
.pull-right-13 { position: relative; left: 108.33333333% }
.pull-right-14 { position: relative; left: 116.66666667% }
.pull-right-15 { position: relative; left: 125% }
.pull-right-16 { position: relative; left: 133.33333333% }
.pull-right-17 { position: relative; left: 141.66666667% }
.pull-right-18 { position: relative; left: 150% }
.pull-right-19 { position: relative; left: 158.33333333% }
.pull-right-20 { position: relative; left: 166.66666667% }
.pull-right-21 { position: relative; left: 175% }
.pull-right-22 { position: relative; left: 183.33333333% }
.pull-right-23 { position: relative; left: 191.66666667% }
.pull-right-24 { position: relative; left: 200% }
.full-row { width: 100% }
.full-row:after, .full-row:before { clear: both; display: table; content: " " }
.full-row [class*=midd], .full-row [class*=smal], .full-row [class*=span] { margin-right: 0 }
.full-row .span-1 { width: 8.33333333% }
.full-row .span-2 { width: 16.66666667% }
.full-row .span-3 { width: 25% }
.full-row .span-4 { width: 33.33333333% }
.full-row .span-5 { width: 41.66666667% }
.full-row .span-6 { width: 50% }
.full-row .span-7 { width: 58.33333333% }
.full-row .span-8 { width: 66.66666667% }
.full-row .span-9 { width: 75% }
.full-row .span-10 { width: 83.33333333% }
.full-row .span-11 { width: 91.66666667% }
.full-row .span-12 { width: 100% }
.full-row .span-13 { width: 108.33333333% }
.full-row .span-14 { width: 116.66666667% }
.full-row .span-15 { width: 125% }
.full-row .span-16 { width: 133.33333333% }
.full-row .span-17 { width: 141.66666667% }
.full-row .span-18 { width: 150% }
.full-row .span-19 { width: 158.33333333% }
.full-row .span-20 { width: 166.66666667% }
.full-row .span-21 { width: 175% }
.full-row .span-22 { width: 183.33333333% }
.full-row .span-23 { width: 191.66666667% }
.full-row .span-24 { width: 200% }
.full-row .center { left: auto }
 @media only screen and (max-width:64em) {
.full-row .row .midd-1, .midd-1 { width: 6.33333333% }
.full-row .row .midd-2, .midd-2 { width: 14.66666667% }
.full-row .row .midd-3, .midd-3 { width: 23% }
.full-row .row .midd-4, .midd-4 { width: 31.33333333% }
.full-row .row .midd-5, .midd-5 { width: 39.66666667% }
.full-row .row .midd-6, .midd-6 { width: 48% }
.full-row .row .midd-7, .midd-7 { width: 56.33333333% }
.full-row .row .midd-8, .midd-8 { width: 64.66666667% }
.full-row .row .midd-9, .midd-9 { width: 73% }
.full-row .row .midd-10, .midd-10 { width: 81.33333333% }
.full-row .row .midd-11, .midd-11 { width: 89.66666667% }
.full-row .row .midd-12, .midd-12 { width: 98% }
.full-row .row .midd-13, .midd-13 { width: 106.33333333% }
.full-row .row .midd-14, .midd-14 { width: 114.66666667% }
.full-row .row .midd-15, .midd-15 { width: 123% }
.full-row .row .midd-16, .midd-16 { width: 131.33333333% }
.full-row .row .midd-17, .midd-17 { width: 139.66666667% }
.full-row .row .midd-18, .midd-18 { width: 148% }
.full-row .row .midd-19, .midd-19 { width: 156.33333333% }
.full-row .row .midd-20, .midd-20 { width: 164.66666667% }
.full-row .row .midd-21, .midd-21 { width: 173% }
.full-row .row .midd-22, .midd-22 { width: 181.33333333% }
.full-row .row .midd-23, .midd-23 { width: 189.66666667% }
.full-row .row .midd-24, .midd-24 { width: 198% }
.midd-hide { display: none }
.midd-center { position: relative; left: -1%; float: none; clear: both; display: block; margin-right: auto; margin-left: auto }
.full-row .midd-1 { width: 8.33333333% }
.full-row .midd-2 { width: 16.66666667% }
.full-row .midd-3 { width: 25% }
.full-row .midd-4 { width: 33.33333333% }
.full-row .midd-5 { width: 41.66666667% }
.full-row .midd-6 { width: 50% }
.full-row .midd-7 { width: 58.33333333% }
.full-row .midd-8 { width: 66.66666667% }
.full-row .midd-9 { width: 75% }
.full-row .midd-10 { width: 83.33333333% }
.full-row .midd-11 { width: 91.66666667% }
.full-row .midd-12 { width: 100% }
.full-row .midd-13 { width: 108.33333333% }
.full-row .midd-14 { width: 116.66666667% }
.full-row .midd-15 { width: 125% }
.full-row .midd-16 { width: 133.33333333% }
.full-row .midd-17 { width: 141.66666667% }
.full-row .midd-18 { width: 150% }
.full-row .midd-19 { width: 158.33333333% }
.full-row .midd-20 { width: 166.66666667% }
.full-row .midd-21 { width: 175% }
.full-row .midd-22 { width: 183.33333333% }
.full-row .midd-23 { width: 191.66666667% }
.full-row .midd-24 { width: 200% }
}
 @media only screen and (max-width:40em) {
.full-row .row .smal-1, .smal-1 { width: 6.33333333% }
.full-row .row .smal-2, .smal-2 { width: 14.66666667% }
.full-row .row .smal-3, .smal-3 { width: 23% }
.full-row .row .smal-4, .smal-4 { width: 31.33333333% }
.full-row .row .smal-5, .smal-5 { width: 39.66666667% }
.full-row .row .smal-6, .smal-6 { width: 48% }
.full-row .row .smal-7, .smal-7 { width: 56.33333333% }
.full-row .row .smal-8, .smal-8 { width: 64.66666667% }
.full-row .row .smal-9, .smal-9 { width: 73% }
.full-row .row .smal-10, .smal-10 { width: 81.33333333% }
.full-row .row .smal-11, .smal-11 { width: 89.66666667% }
.full-row .row .smal-12, .smal-12 { width: 98% }
.full-row .row .smal-13, .smal-13 { width: 106.33333333% }
.full-row .row .smal-14, .smal-14 { width: 114.66666667% }
.full-row .row .smal-15, .smal-15 { width: 123% }
.full-row .row .smal-16, .smal-16 { width: 131.33333333% }
.full-row .row .smal-17, .smal-17 { width: 139.66666667% }
.full-row .row .smal-18, .smal-18 { width: 148% }
.full-row .row .smal-19, .smal-19 { width: 156.33333333% }
.full-row .row .smal-20, .smal-20 { width: 164.66666667% }
.full-row .row .smal-21, .smal-21 { width: 173% }
.full-row .row .smal-22, .smal-22 { width: 181.33333333% }
.full-row .row .smal-23, .smal-23 { width: 189.66666667% }
.full-row .row .smal-24, .smal-24 { width: 198% }
.smal-hide { display: none!important }
.smal-center, .smal-show { display: block }
.smal-center { position: relative; left: -1%; float: none; clear: both; margin-right: auto; margin-left: auto }
[ class*=pull-left-], [class*=pull-right-] {
 right: auto;
 left: auto
}
.full-row .smal-1 { width: 8.33333333% }
.full-row .smal-2 { width: 16.66666667% }
.full-row .smal-3 { width: 25% }
.full-row .smal-4 { width: 33.33333333% }
.full-row .smal-5 { width: 41.66666667% }
.full-row .smal-6 { width: 50% }
.full-row .smal-7 { width: 58.33333333% }
.full-row .smal-8 { width: 66.66666667% }
.full-row .smal-9 { width: 75% }
.full-row .smal-10 { width: 83.33333333% }
.full-row .smal-11 { width: 91.66666667% }
.full-row .smal-12 { width: 100% }
.full-row .smal-13 { width: 108.33333333% }
.full-row .smal-14 { width: 116.66666667% }
.full-row .smal-15 { width: 125% }
.full-row .smal-16 { width: 133.33333333% }
.full-row .smal-17 { width: 141.66666667% }
.full-row .smal-18 { width: 150% }
.full-row .smal-19 { width: 158.33333333% }
.full-row .smal-20 { width: 166.66666667% }
.full-row .smal-21 { width: 175% }
.full-row .smal-22 { width: 183.33333333% }
.full-row .smal-23 { width: 191.66666667% }
.full-row .smal-24 { width: 200% }
}
.row { margin: 0!important }
a:hover { text-decoration: none!important }
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-weight: inherit; line-height: inherit; font-size: inherit }
 @media screen and (max-width:768px) {
footer { padding-left: 8px; padding-right: 8px }
.header { height: 60px; position: relative; top: 0 }
.header .sublogo { display: none }
.header .navWrap:after { display: none }
.logo { height: 48px }
.htel { height: 60px; width: 25%; margin-right: 60px }
.wow { visibility: visible }
.child .childContent { display: none!important }
button.nav-trigger { display: block }
.nav_transform1 { position: fixed; top: 0; bottom: 0; left: 0; z-index: 20; overflow-y: scroll; box-sizing: border-box; padding: 44px; width: 84vw; border: 0; background: #262526; text-align: left; text-transform: none; -webkit-transform: translateX(-100%); transform: translateX(-100%); -webkit-overflow-scrolling: touch }
.nav_transform1 { transition: -webkit-transform .3s cubic-bezier(.86, 0, .07, 1); transition: transform .3s cubic-bezier(.86, 0, .07, 1) }
.navigation-is-visible .nav_transform1 { -webkit-transform: none; transform: none }
.nav-overlay { position: fixed; top: 0; left: 0; z-index: 10; width: 100vw; height: 100vh; background: rgba(0,0,0,.6); opacity: 0; transition: opacity .3s linear; pointer-events: none }
.navigation-is-visible .nav-overlay { opacity: 1; pointer-events: auto }
.nav_transform1 ul.navCont li.child { float: none; margin: 0 auto; width: 100px }
.nav_transform1 ul.navCont li.child a { padding: 1rem 0; line-height: inherit; color: #fff; font-size: 14px }
.nav_transform1 ul.navCont li.child.last { margin-right: auto }
.nav_transform1 ul.navCont li.child a:after { display: none }
.nav_transform1 ul.navCont li.child .childcont { display: none!important }
.footer { font-size: 12px; line-height: inherit }
.footer span { display: block; text-align: center }
.footer .footer_link { display: none }
.footer_info { text-align: center; padding: 15px 0 }
.footer_info .usinfo { padding: 0; margin: 0 }
.footer_info .usinfo h5 { font-size: 14px }
.footer_info .usinfo p { font-size: 12px }
.top { border-radius: 100% }
.index_ { padding-top: 2em; padding-bottom: 1em }
.index_ .T { padding-bottom: 18px }
.index_ .T h1 { font-size: 22px }
.index_ .T h2 { font-size: 18px }
.index_ .T h2 strong { width: 100%; background-size: contain }
.index_ .T h2.border strong:after, .index_ .T h2.border strong:before { width: 60% }
.index_ .T h3 { font-size: 16px }
.index_ .T h4 { font-size: 12px }
.article .C { font-size: 12px }
.module_cate { width: 95%; padding-bottom: 0 }
.module_prod { padding: 3rem 0; margin-top: 0 }
.module_cate .swiper-slide a.cateMore { display: none }
.module_cate .swiper-slide .js_cate { border-top: 0; border-left: 0; border-right: 0; border-bottom: 1px solid #fff }
.module_cate .swiper-slide:hover .js_cate { border-color: #2b2a2a }
.services-box { text-align: center; padding-bottom: 1rem }
.nbanner { height: 150px }
.nbanner img { margin-top: -182px; margin-left: -500px; width: 1000px; height: 260px }
.aboutBox { padding-left: 0 }
.news-box { margin-bottom: 1rem }
.news-box .news_cont p { height: 3.15rem }
.news-box .news_time .date { line-height: 22px; text-align: left; padding: 0; margin: 0 }
.news-box .news_time .date:before { display: none }
.news-box .news_time .date i { font-size: inherit; font-weight: 400; display: inline }
.newsTit h1 { padding: 25px 0 25px; font-size: 22px }
.newsTit p span { display: inline-block }
.content_bak { padding: 20px 0!important; border: 0; background-color: #fff }
.content_bak h2 { font-size: 15px; font-weight: 400; margin: 0 0 }
.content_bak p { font-size: 13px; margin: 1em 0; line-height: 22px }
.newsDetailCur li, .newsDetailCur li.r { float: left; padding-bottom: 10px; width: 100%; text-align: left; white-space: nowrap; font-size: 13px }
.jobapply { padding: 10px }
.jobchild { margin-bottom: 20px; padding-bottom: 20px; border-right: 0; border-bottom: 1px solid #ccc }
.section_njob a.back { display: none }
.navContent, .subNav, .sub_top p { padding-left: 4% }
.section_njob .services-box .icon { float: left; width: 60px; font-size: 26px; line-height: 2 }
.section_njob .services-box h3, .section_njob .services-box p { text-align: left }
.section_njob .services-box h3 { padding: 0; font-weight: 400; font-size: 18px }
.subNav { line-height: 44px }
.subNav i { font-size: 18px; line-height: 44px }
.sect_job .m-table { width: auto }
.sect_job .m-table thead { font-size: 14px; font-weight: 400 }
.sect_job .m-table td a { padding: 0; background: 0 0; color: inherit }
}