@font-face {
  font-family: 'iconfont';  /* project id 2100550 */
  src: url('//at.alicdn.com/t/font_2100550_nuzxruglggl.eot');
  src: url('//at.alicdn.com/t/font_2100550_nuzxruglggl.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_2100550_nuzxruglggl.woff2') format('woff2'),
  url('//at.alicdn.com/t/font_2100550_nuzxruglggl.woff') format('woff'),
  url('//at.alicdn.com/t/font_2100550_nuzxruglggl.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_2100550_nuzxruglggl.svg#iconfont') format('svg');
}
.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;}
.header-icon{font-size:24px;}

html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img { margin: 0; padding: 0 }
fieldset, img { border: none }
ul, ol { list-style: none }
a:focus, a:active, a:hover { color: #333 }
.por { position: relative }
.poa { position: absolute }
.am-paragraph-default { margin: 0 }
.am-paragraph-default img { border: none; padding: 0; max-width: 100% }
.am-close { font-size: 24px }
body::-webkit-scrollbar { width: 10px !important }
body::-webkit-scrollbar-track { background-color: #f3f3f3 }
body::-webkit-scrollbar-track-piece { background-color: #f3f3f3; border-radius: 4px }
body::-webkit-scrollbar-thumb { background-color: #ddd; border: solid 1px #C0C0C0; border-radius: 4px }
body::-webkit-scrollbar-corner { background-color: #ddd }
body::-webkit-resizer { background-repeat: no-repeat; background-position: bottom right }
body::-webkit-scrollbar-thumb:hover { background-color: #F3F3E0 }
::-webkit-scrollbar { width: 15px }
.s_mian{overflow:hidden;}
.tac { text-align: center }
.flex { display: flex; display: -webkit-flex; display: -ms-flexbox; display: -moz-flexbox }
.lc { position: absolute; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%) }
.hc { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%) }
.allc { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%) }
@font-face { font-family: 'sy'; src: url('../fonts/siyuanheiti.otf') format('truetype') }
* { margin: 0; padding: 0 }
a { color: #333 }
button, input, select, textarea { outline: none }
.am-container { max-width: 1200px; padding: 0 }
font { color: #e40202 }
.am-btn-primary { background-color: #005eac; border-color: #005eac }
html { -webkit-text-size-adjust: none }
body { font-family: 'sy','Microsoft Yahei',sans-serif; max-width: 100%; overflow-x: hidden }
.anchorBL { display: none }
.bgc { background: #00aeff }
.bginit { background-repeat: no-repeat; background-size: cover; background-position: center }
.main { min-height: 100vh; display: flex; display: -webkit-flex; display: -ms-flexbox; display: -moz-flexbox; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column }
.main div[class^="container_"] { flex: 1 }
.main.column_main { padding-top: 100px }
.main .header { height: 100px; background: #fff; position: fixed; width: 100%; z-index: 999; -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.06); -ms-box-shadow: 0 1px 5px rgba(0,0,0,0.06); -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.06); box-shadow: 0 1px 5px rgba(0,0,0,0.06); top: 0 }
.main .header.index_header { background: none; -webkit-box-shadow: none; -ms-box-shadow: none; -moz-box-shadow: none; box-shadow: none }
.main .header.index_header a { color: #fff }
.main .header.index_header .nav .nav_list > li > a:before, .main .header.index_header .nav .nav_list > li > a:after { background: #fff }
.main .header.index_header .nav .nav_list > li > a:hover { color: #fff }
.main .header.index_header .nav .nav_list > li.active > a { color: #fff }
.main .header .logo a { height: 100px; line-height: 100px; vertical-align: middle }
.main .header .logo img { height: 70px; width: auto }
.main .header .nav { height: 100px }
.main .header .nav .nav_list { height: 100% }
.main .header .nav .nav_list > li { float: left; display: flex; display: -webkit-flex; display: -ms-flexbox; display: -moz-flexbox; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; font-size: 1.6rem; padding: 0 20px; height: 100%; position: relative }
.main .header .nav .nav_list > li > a { position: relative; line-height: 36px; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; transition: all .5s;font-size:18px; }
.main .header .nav .nav_list > li > a:before, .main .header .nav .nav_list > li > a:after { content: ''; width: 0%; height: 1px; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; transition: all .5s; position: absolute; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); background: #005eac }
.main .header .nav .nav_list > li > a:before { top: 0px }
.main .header .nav .nav_list > li > a:after { bottom: 0px }
.main .header .nav .nav_list > li > a:hover { color: #005eac }
.main .header .nav .nav_list > li > a:hover:before, .main .header .nav .nav_list > li > a:hover:after { width: 100% }
.main .header .nav .nav_list > li.active > a { color: #005eac }
.main .header .nav .nav_list > li.active > a:before, .main .header .nav .nav_list > li.active > a:after { width: 100% }
.main .header .nav .nav_list > li:hover .subnav { display: block }
.main .header .nav .nav_list .subnav { display: none; position: absolute; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); background: #fff; z-index: 99; top: 100% }
.main .header .nav .nav_list .subnav ul { display: block; box-shadow: 0 8px 10px rgba(0,0,0,0.1); margin: 0 }
.main .header .nav .nav_list .subnav li { height: 50px; line-height: 50px; color: #666; font-size: 1.4rem; text-align: center; display: block; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; transition: all .5s; border-bottom: 1px solid #eee }
.main .header .nav .nav_list .subnav li:last-child { border: none }
.main .header .nav .nav_list .subnav li a { padding: 0 20px; white-space: nowrap; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; transition: all .5s; color: #333 }
.main .header .nav .nav_list .subnav li:hover { background: #00aeff }
.main .header .nav .nav_list .subnav li:hover a { color: #fff }
.main .footer { background-color: #282b35 }
.main .footer .top { padding: 60px 0 90px; background-repeat: no-repeat; background-position: left bottom; background-size: auto 66px; display: flex; display: -webkit-flex; display: -ms-flexbox; display: -moz-flexbox; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; justify-content: space-between; border-bottom: 1px solid rgba(255,255,255,0.08) }
.main .footer .top .foot_nav { overflow: hidden; display: flex; display: -webkit-flex; display: -ms-flexbox; display: -moz-flexbox; width: 75% }
.main .footer .top .foot_nav a { color: rgba(255,255,255,0.5); font-size: 1.4rem }
.main .footer .top .foot_nav > li { margin-right: 80px }
.main .footer .top .foot_nav > li:last-child { margin-right: 0 }
.main .footer .top .foot_nav > li > a { color: rgba(255,255,255,0.7); line-height: 1; font-size: 1.8rem }
.main .footer .top .foot_nav > li ul { margin-top: 10px }
.main .footer .top .foot_nav > li li { line-height: 1; margin-bottom: 12px }
.main .footer .top .foot_nav > li li:last-child { margin-bottom: 0 }
.main .footer .top .logo { width: 180px;text-align:center;color:#fff;}
.main .footer .top .logo img { width: 180px }
.main .footer .copyright { padding: 12px 0; display: flex; display: -webkit-flex; display: -ms-flexbox; display: -moz-flexbox; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; font-size: 1.2rem; color: rgba(255,255,255,0.4) }
.main .footer .copyright .r { display: flex; display: -webkit-flex; display: -ms-flexbox; display: -moz-flexbox; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center }
.main .footer .copyright .r .list { display: flex; display: -webkit-flex; display: -ms-flexbox; display: -moz-flexbox }
.main .footer .copyright .r li { margin-right: 30px }
.main .footer .copyright .r img { max-height: 43px }
.main .am-header { background: #fff; z-index: 99; -webkit-box-shadow: 0 1px 5px 0 rgba(0,0,0,0.1); -ms-box-shadow: 0 1px 5px 0 rgba(0,0,0,0.1); -moz-box-shadow: 0 1px 5px 0 rgba(0,0,0,0.1); box-shadow: 0 1px 5px 0 rgba(0,0,0,0.1); position: fixed; width: 100%; top: 0 }
.main .am-header .am-btn { background: none; font-size: 125%; outline: none; color: #333 }
.main .am-header .am-header-title a { color: #fff;}
.main .am-header .am-header-title img { height: 20px; margin-top: 14px }
.main .am-header .am-header-left a { color: #333; padding-right: 1rem }
.main .am-offcanvas-bar { background: #2ea8e8 }
.main .am-offcanvas-bar:after { background: #2ea8e8 }
.main .am-offcanvas-bar .am-menu-sub { background: #2ea0dd; border-top: 1px solid rgba(0,0,0,0.1) }
.main .am-offcanvas-bar .am-menu-sub a { color: #fff }
.main .am-offcanvas-bar .am-menu-nav { border-bottom: 1px solid rgba(0,0,0,0.05) }
.main .am-offcanvas-bar .am-menu-nav > .am-open > a { background-color: #2ea0dd !important }
.main .am-offcanvas-bar .am-menu-nav > li:first-child a { border-top: 1px solid none }
.main .am-offcanvas-bar .am-menu-nav > li > a { color: #fff; text-shadow: none; -webkit-text-shadow: none; font-size: 1.6rem; border-top: 1px solid rgba(0,0,0,0.05) }
.main .am-offcanvas-bar .am-menu-nav > .am-open > a, .main .am-offcanvas-bar .am-menu-nav > li > a:focus, .main .am-offcanvas-bar .am-menu-nav > li > a:hover { background: #2ea8e8 }
.main .am-offcanvas-bar .aside { position: absolute; bottom: 1rem; width: 3rem; height: 3rem; border-radius: 50%; background: #fff; text-align: center; line-height: 3rem; right: 1rem; font-size: 1.4rem }
.main .am-offcanvas-bar .aside a { color: #fff }
.main .column_banner { height: 0; background-repeat: no-repeat; background-size: cover; background-position: center; padding-bottom: 23.4375% }
.main .breadcrumb { border-bottom: 1px solid #eee }
.main .breadcrumb .am-breadcrumb { margin-bottom: 0; padding-left: 0; padding-right: 0 }
.main .breadcrumb .am-breadcrumb a { color: #999 }
.main .breadcrumb .am-breadcrumb > .am-active { color: #005eac }
.main .column_subnav { padding: 30px 0 50px; display: flex; display: -webkit-flex; display: -ms-flexbox; display: -moz-flexbox; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center }
.main .column_subnav li { margin-right: 4% }
.main .column_subnav li .active { color: #fff; background: #00aeff }
.main .column_subnav li .active:after { width: 100% }
.main .column_subnav li:last-child { margin-right: 0 }
.main .column_subnav li a { color: #666; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; transition: all .5s; height: 60px; display: flex; display: -webkit-flex; display: -ms-flexbox; display: -moz-flexbox; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; min-width: 200px; background: #eee; line-height: 1; position: relative }
.main .column_subnav li a:after { content: ''; width: 0%; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; transition: all .5s; background: #84d8ff; height: 4px; position: absolute; bottom: 0; left: 0 }
.main .column_subnav li a:hover { color: #fff; background: #00aeff }
.main .column_subnav li a:hover:after { width: 100% }
.main .column_subnav li .ch { font-size: 1.6rem }
.main .column_subnav li .en { font-size: 1.2rem; margin-top: 4px }
.main .column_subnav li.active a { color: #fff; background: #00aeff }
.main .column_subnav li.active a:after { width: 100% }
.main .column_title { font-size: 20px; line-height: 1; padding-bottom: 16px; border-bottom: 1px solid #eee; position: relative; text-align: center; font-weight: bold }
.main .column_title:after { content: ''; width: 30px; height: 2px; background: #00aeff; position: absolute; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); bottom: -1px }
.main .am-paragraph img, .main .am-paragraph table { max-width: 100% !important; height: auto !important }
.main .page { text-align: center }
.main .page .pagination { display: flex; display: -webkit-flex; display: -ms-flexbox; display: -moz-flexbox; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center }
.main .page .pagination li { width: 30px; height: 30px; border-radius: 50%; border: 1px solid #999; font-size: 1.2rem; margin: 0 5px; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; transition: all .5s }
.main .page .pagination li a { color: #999; width: 100%; height: 100%; display: flex; display: -webkit-flex; display: -ms-flexbox; display: -moz-flexbox; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; transition: all .5s }
.main .page .pagination li:first-child { margin-right: 15px }
.main .page .pagination li:last-child { margin-left: 15px }
.main .page .pagination li .iconfont { font-size: 1.4rem }
.main .page .pagination li.disabled { border: 1px solid #ccc; pointer-events: none }
.main .page .pagination li.disabled a { color: #ccc }
.main .page .pagination li:hover, .main .page .pagination li.active { background: #00aeff; border: 1px solid #00aeff }
.main .page .pagination li:hover a, .main .page .pagination li.active a { color: #fff }
.index_main .index_banner { width: 100% }
.index_main .index_banner a { height: 100vh; background-repeat: no-repeat; background-size: cover; background-position: center }
.index_main .index_banner img { display: none }
.index_main .index_title { line-height: 46px; position: relative; text-align: center }
.index_main .index_title h3 { font-size: 60px; color: rgba(85,85,85,0.06); font-weight: bold }
.index_main .index_title h4 { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); font-size: 24px; line-height: 1; font-weight: bold }
.index_main .item1 { margin-top: 80px }
.index_main .item1 .index_title { margin-bottom: 60px }
.index_main .item1 .am-container { display: flex; display: -webkit-flex; display: -ms-flexbox; display: -moz-flexbox; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; justify-content: space-between }
.index_main .item1 .am-container:before, .index_main .item1 .am-container:after { display: none }
.index_main .item1 .l { width: 56.25% }
.index_main .item1 .l h4 { font-size: 18px; margin-bottom: 20px }
.index_main .item1 .l .disc { line-height: 30px;  }
.index_main .item1 .l a {  }
.index_main .item1 .l a:hover {  }
.index_main .item1 .r { width: 40% }
.index_main .item1 .r img { width: 100%; height: auto }
.index_main .item2 { margin-top: 90px }
.index_main .item2 .index_title { margin-bottom: 60px }
.index_main .item2 .wrap { background: url(../images/index_pro_bg.jpg) no-repeat center; background-size: cover }
.index_main .item2 .list { display: flex; display: -webkit-flex; display: -ms-flexbox; display: -moz-flexbox; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; justify-content: space-between; width: 100%; padding: 100px 0 50px }
.index_main .item2 .list li { width: 18.67%; color: #fff; text-align: center }
.index_main .item2 .list li .icon { width: 150px; height: 150px; border-radius: 50%; border: 10px solid #005a84; display: flex; display: -webkit-flex; display: -ms-flexbox; display: -moz-flexbox; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; background: #005a84; margin: 0 auto 20px; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; transition: all .5s }
.index_main .item2 .list li .icon span { background-repeat: no-repeat; background-position: top center;  width: 150px; height: 150px }
.index_main .item2 .list li .icon span img{width:150px;height:150px;border-radius:50%;}
.index_main .item2 .list li .title { line-height: 1; font-size: 18px; margin-bottom: 50px; position: relative }
.index_main .item2 .list li .title:after { content: ''; width: 30px; height: 1px; position: absolute; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); bottom: -20px; background: #fff }
.index_main .item2 .list li .disc { text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; line-height: 1.5em; max-height: 4.5em; font-size: 1.4rem; margin-bottom: 27px }
.index_main .item2 .list li .more { display: inline-block; width: 120px; height: 40px; line-height: 40px; background: #005a84; text-align: center; color: #fff; border-radius: 4px; font-size: 1.4rem; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; transition: all .5s }
.index_main .item2 .list li:hover .icon { background: none; border-color: #fff }
.index_main .item2 .list li:hover .icon span { background-position: bottom center }
.index_main .item2 .list li:hover .more { background: #fff; color: #00aeff }
.index_main .item3 { margin-top: 100px }
.index_main .item3 .index_title { margin-bottom: 50px }
.index_main .item3 .top { display: flex; display: -webkit-flex; display: -ms-flexbox; display: -moz-flexbox; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; justify-content: space-between }
.index_main .item3 .top img { width: 100% }
.index_main .item3 .top .recommend_new { width: 48.917%; border-radius: 8px; overflow: hidden }
.index_main .item3 .top .list { line-height: 1; width: 51.083%; padding-left: 3%; display: flex; display: -webkit-flex; display: -ms-flexbox; display: -moz-flexbox; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; justify-content: space-between; position: relative }
.index_main .item3 .top .list:after { content: ''; width: 1px; height: 100%; position: absolute; top: 0; left: 21.67%; background: #e5e5e5 }
.index_main .item3 .top .list .wra { overflow: hidden }
.index_main .item3 .top .list .img { display: none }
.index_main .item3 .top .list .time { font-size: 1.4rem; color: #a6a6a6; width: 16.67%; padding-right: 20px; text-align: right; height: 50px; display: flex; display: -webkit-flex; display: -ms-flexbox; display: -moz-flexbox; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; float: left }
.index_main .item3 .top .list .time b { font-size: 1.8rem; color: #333 }
.index_main .item3 .top .list .time .date { margin-top: 8px }
.index_main .item3 .top .list .words { width: 83.3%; line-height: 1; position: relative; height: 50px; display: flex; display: -webkit-flex; display: -ms-flexbox; display: -moz-flexbox; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; float: right; padding-left: 18px }
.index_main .item3 .top .list .words:before { content: ''; width: 3px; height: 100%; background: #00aeff; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); left: 0; z-index: 2; opacity: 0; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; transition: all .5s }
.index_main .item3 .top .list .words .title { font-size: 1.6rem; font-weight: bold; margin-bottom: 8px }
.index_main .item3 .top .list .words .disc { color: #a6a6a6 }
.index_main .item3 .top .list li.active .words:before, .index_main .item3 .top .list li:hover .words:before { opacity: 1 }
.index_main .item3 .down { margin-top: 30px }
.index_main .item3 .down .list { overflow: hidden }
.index_main .item3 .down .list li { width: 23.3125%; margin-right: 2.25%; float: left; line-height: 1; font-size: 1.4rem }
.index_main .item3 .down .list li span { overflow: hidden; border-radius: 8px }
.index_main .item3 .down .list li img { width: 100%; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; transition: all .5s }
.index_main .item3 .down .list li:last-child { margin-right: 0 }
.index_main .item3 .down .list li .title { margin-top: 25px; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; transition: all .5s }
.index_main .item3 .down .list li .date { margin-top: 10px; color: #a6a6a6 }
.index_main .item3 .down .list li:hover img { transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05) }
.index_main .item3 .down .list li:hover .title { color: #00aeff }
.index_main .item3 .down .more { display: block; margin: 50px auto 0; width: 120px; height: 36px; line-height: 36px; border: 1px solid #00aeff; text-align: center; color: #00aeff; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; transition: all .5s; border-radius: 3px; font-size: 1.4rem }
.index_main .item3 .down .more:hover { border-color: #2ea8e8; color: #2ea8e8 }
.index_main .item4 { margin-top: 80px; background-repeat: no-repeat; background-size: cover; background-position: center; padding: 137px 0 160px;background-color:rgb(244, 244, 244); }
.index_main .item4 .index_title { margin-bottom: 67px }
.index_main .item4 .index_title h3 { color: rgba(0,0,0,0.06) }
.index_main .item4 .index_title h4 { color: #000 }
.index_main .item4 .list { display: flex; display: -webkit-flex; display: -ms-flexbox; display: -moz-flexbox; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; justify-content: space-between }
.index_main .item4 .list a { color: #666 }
.index_main .item4 .list li { width: 19.5%; padding-bottom: 35px; position: relative }
.index_main .item4 .list li:after { content: ''; width: 0; height: 4px; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; transition: all .5s; background: #00aeff; position: absolute; left: 0; bottom: 0 }
.index_main .item4 .list li span { overflow: hidden }
.index_main .item4 .list li img { width: 100%; transition: .5s linear all }
.index_main .item4 .list li h4 { margin-top: 18px; line-height: 1; font-size: 20px; font-weight: bold }
.index_main .item4 .list li .disc { text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; line-height: 1.4em; max-height: 2.8em; font-size: 1.4rem; margin-top: 14px }
.index_main .item4 .list li:hover:after { width: 100% }
.index_main .item4 .list li:hover img { transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05) }
.index_main .item5 { margin-top: 0px; padding: 80px 0 48px; background: url(../images/index_msg_bg.jpg) no-repeat center / cover }
.index_main .item5 .index_title h3 { color: rgba(255,255,255,0.1) }
.index_main .item5 .index_title h4 { color: #fff }
.index_main .item5 .wra { width: 635px; max-width: 100%; margin: 56px auto 0 }
.index_main .item5 .wra .input_group { position: relative; padding-left: 35px; display: flex; display: -webkit-flex; display: -ms-flexbox; display: -moz-flexbox; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; margin-bottom: 45px }
.index_main .item5 .wra .input_group:nth-child(3) { margin-bottom: 90px }
.index_main .item5 .wra .input_group:before { content: ''; width: 10px; height: 10px; border: 4px solid #00aeff; box-sizing: content-box; outline: 1px solid #fff; background: #fff; position: absolute; top: 50%; transform: translateY(-50%) rotate(45deg); left: 0 }
.index_main .item5 .wra .input_group input, .index_main .item5 .wra .input_group textarea { width: 100%; background: none; border: none; border-bottom: 1px solid #fff; resize: none; text-align: center; color: #fff; transform: translateY(-16px); -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; transition: all .5s; line-height: 34px }
.index_main .item5 .wra .input_group input:focus, .index_main .item5 .wra .input_group textarea:focus { transform: translateY(0) }
.index_main .item5 .wra .input_group textarea { line-height: 1.5em; padding: 5px 0 }
.index_main .item5 .wra .input_group input::-webkit-input-placeholder { color: #fff }
.index_main .item5 .wra .input_group input::-moz-placeholder { color: #fff }
.index_main .item5 .wra .input_group input::-ms-input-placeholder { color: #fff }
.index_main .item5 .wra .input_group textarea::-webkit-input-placeholder { color: #fff }
.index_main .item5 .wra .input_group textarea::-moz-placeholder { color: #fff }
.index_main .item5 .wra .input_group textarea::-ms-input-placeholder { color: #fff }
.index_main .item5 .wra .submit { text-align: center; padding-top: 1em }
.index_main .item5 .wra .submit button { width: 120px; height: 36px; line-height: 36px; background: none; border: 1px solid #fff; color: #fff; border-radius: 3px }
.index_main .item5 .wra .submit i { margin-left: 5px }
.container_about { padding-bottom: 80px }
.container_about .item1 .column_title { margin: 0 0 20px }
.container_about .item1 .am-paragraph { padding: 0 5% }
.container_about .item2 { margin-top: 60px }
.container_about .item2 .swiper-container { width: 85%; padding-top: 50px }
.container_about .item2 .swiper-slide { background-position: center; background-size: contain; background-repeat: no-repeat; width: 353px; height: 500px; position: relative }
.container_about .item2 .swiper-slide.swiper-slide-prev, .container_about .item2 .swiper-slide.swiper-slide-next { width: 318px; height: 450px; margin-top: 25px }
.container_about .item2 .swiper-slide.swiper-slide-prev { background-position: right center }
.container_about .item2 .swiper-slide.swiper-slide-next { background-position: left center }
.container_about .item2 .swiper-slide.swiper-slide-active p { opacity: 1 }
.container_about .item2 p { text-align: center; position: absolute; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); bottom: -30px; line-height: 1; font-size: 18px; color: #666; opacity: 0; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; transition: all .5s }
.container_about .item2 .aptitude_swiper { position: relative }
.container_about .item2 .swiper-pagination { position: unset; margin-top: 60px; height: 10px; font-size: 0 }
.container_about .item2 .swiper-pagination .swiper-pagination-bullet { width: 10px; height: 10px; border-radius: 5px; opacity: 1; background: #eee }
.container_about .item2 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #2ea8e8 }
.container_about .item2 .arrow button { width: 30px; height: 50px; display: flex; display: -webkit-flex; display: -ms-flexbox; display: -moz-flexbox; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; color: #666; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); border: none; background: #eee; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; transition: all .5s }
.container_about .item2 .arrow button:hover { color: #fff; background: #00aeff }
.container_about .item2 .arrow .arrow_prev { left: 0 }
.container_about .item2 .arrow .arrow_next { right: 0 }
.container_about .item2 .arrow i { font-size: 20px }
.container_about .item3 { margin-top: 60px }
.container_about .item3 .partner_list { margin-top: 50px; overflow: hidden; margin: 50px -7px 0; width: auto }
.container_about .item3 .partner_list li { padding: 0 7px 14px }
.container_about .item3 .partner_list li span { border: 1px solid #eee; display: flex; display: -webkit-flex; display: -ms-flexbox; display: -moz-flexbox; width: 100%; min-height: 88px; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center }
.container_about .item3 .partner_list li img { max-width: 100%; max-height: 100% }
.container_active { padding-bottom: 100px }
.container_active .active_list { margin-top: 30px; padding-bottom: 30px }
.container_active .active_list li { padding: 20px 0; border-bottom: 1px dashed #999; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; transition: all .5s }
.container_active .active_list li:last-child { border: none }
.container_active .active_list li a { display: flex; display: -webkit-flex; display: -ms-flexbox; display: -moz-flexbox; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center }
.container_active .active_list li .words { width: 47.5% }
.container_active .active_list li .words .title { font-size: 1.8rem; line-height: 1; width: 100%; position: relative; margin-bottom: 36px; font-weight: bold }
.container_active .active_list li .words .title:after { content: ''; width: 50px; height: 2px; background: #00aeff; position: absolute; left: 0; bottom: -20px }
.container_active .active_list li .words .disc { font-size: 1.4rem; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; line-height: 1.5em; max-height: 3em; color: #666; margin-bottom: 24px; height: 3em }
.container_active .active_list li .words .more { display: block; width: 120px; height: 42px; line-height: 42px; text-align: center; font-size: 1.4rem; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; transition: all .5s; border: 1px solid #00aeff; color: #00aeff }
.container_active .active_list li .words .more:hover { background: #00aeff; color: #fff }
.container_active .active_list li .img { width: 32.25%; overflow: hidden }
.container_active .active_list li .img img { width: 100%; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; transition: all .5s }
.container_active .active_list li .img:hover img { transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05) }
.container_contact { padding-bottom: 100px }
.container_contact .map_container { margin-top: 50px; display: flex; display: -webkit-flex; display: -ms-flexbox; display: -moz-flexbox; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; justify-content: space-between; height: 420px }
.container_contact .map_container .map { width: 50% }
.container_contact .map_container .info { width: 50%; box-shadow: 0 0 8px 0 rgba(0,0,0,0.04); display: flex; display: -webkit-flex; display: -ms-flexbox; display: -moz-flexbox; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center }
.container_contact .map_container .info .list { padding-left: 12%; color: #666; font-size: 1.4rem; line-height: 1.5 }
.container_contact .map_container .info .list li { padding-left: 30px; background-repeat: no-repeat; background-position: 0 2px; background-size: 19px auto; margin-bottom: 30px }
.container_contact .map_container .info .list li.address { background-image: url(../images/icon_position.png) }
.container_contact .map_container .info .list li.email { background-image: url(../images/icon_email.png) }
.container_contact .map_container .info .list li.tel { background-image: url(../images/icon_tel.png) }
.container_product { background: #f4f5f7; padding-bottom: 100px }
.container_product .product_list { margin-top: 90px }
.container_product .product_list li { width: 23.75%; height: 400px; float: left; margin-right: 1.66%; background: #fff; margin-bottom: 20px; text-align: center }
.container_product .product_list li:nth-child(4n) { margin-right: 0 }
.container_product .product_list li:nth-child(2n-1) { -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); -o-transform: translateY(-40px); transform: translateY(-40px) }
.container_product .product_list li .img { width: 100%; display: flex; display: -webkit-flex; display: -ms-flexbox; display: -moz-flexbox; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; padding: 10px }
.container_product .product_list li img { max-width: 100%; max-height: 100% }
.container_product .product_list li h4 { padding: 0 10px; line-height: 1; font-size: 1.6rem }
.container_product .product_list li .title { margin-bottom: 40px; position: relative }
.container_product .product_list li .title:after { content: ''; width: 30px; height: 2px; position: absolute; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); bottom: -20px; background: #00aeff }
.container_product .product_list li .disc { padding: 0 10px; font-size: 1.4rem; color: #999; line-height: 1 }
.container_product .product_list li em { font-style: normal; width: 120px; height: 40px; line-height: 40px; position: absolute; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); bottom: -40px; color: #fff; text-align: center; border: 1px solid #fff; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; transition: all .5s; z-index: 2; opacity: 0; margin-top: -20px; font-size: 1.4rem; display: none }
.container_product .product_list li em:hover { background: #fff; color: #00aeff }
.container_product .product_list li a { position: relative; overflow: hidden; height: 100% }
.container_product .product_list li a:after { content: ''; width: 100%; height: 0; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; transition: all .5s; background: rgba(0,174,255,0.9); position: absolute; bottom: 0; left: 0; opacity: 0; display: none }
.container_product .product_list li a:hover:after { height: 100%; opacity: 1 }
.container_product .product_list li a:hover em { bottom: 50%; opacity: 1 }
.container_product .page { margin-top: 40px }
.container_product_details { padding-bottom: 100px; background: #f4f5f7 }
.container_product_details .pro_info { margin-top: 50px; display: flex; display: -webkit-flex; display: -ms-flexbox; display: -moz-flexbox; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center }
.container_product_details .pro_info .img { width: 35%; border: 1px solid #eee; background: #fff }
.container_product_details .pro_info img { width: 100% }
.container_product_details .pro_info .words { width: 60% }
.container_product_details .pro_info .words h4 { font-size: 24px; color: #00aeff; margin-bottom: 40px }
.container_product_details .pro_info .words .disc { line-height: 1.5; color: #666 }
.container_product_details .item_title { border-bottom: 1px solid #00aeff }
.container_product_details .item_title span { display: block; height: 40px; line-height: 40px; width: 150px; color: #fff; text-align: center; background: #00aeff }
.container_product_details .am-paragraph { padding-top: 20px }
.container_product_details .item { margin-top: 50px }
.container_product_details .recommend_list { margin-top: 30px }
.container_product_details .recommend_list li { width: 23.75%; float: left; margin-right: 1.66%; text-align: center }
.container_product_details .recommend_list li:nth-child(4n) { margin-right: 0 }
.container_product_details .recommend_list li .img { width: 100%; display: flex; display: -webkit-flex; display: -ms-flexbox; display: -moz-flexbox; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; padding: 10px; border: 1px solid #eee; overflow: hidden }
.container_product_details .recommend_list li img { max-width: 100%; max-height: 100%; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; transition: all .5s }
.container_product_details .recommend_list li h4 { margin-top: 12px; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; transition: all .5s }
.container_product_details .recommend_list li:hover img { transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05) }
.container_product_details .recommend_list li:hover h4 { color: #00aeff }
.container_case { padding-bottom: 100px }
.container_case .article { margin-top: 50px }
.container_service { padding-bottom: 100px }
.container_service .process_list { margin-top: 50px }
.container_service .process_list ul { counter-reset: show-list }
.container_service .process_list ul li { counter-increment: item; position: relative; padding-left: 50px; margin-bottom: 30px }
.container_service .process_list ul li:last-child { margin-bottom: 0 }
.container_service .process_list ul li:before { content: counter(item); width: 40px; height: 40px; border: 1px solid #00aeff; color: #00aeff; font-size: 1.4rem; position: absolute; left: 0; top: 0; display: flex; display: -webkit-flex; display: -ms-flexbox; display: -moz-flexbox; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center }
.container_service .process_list ul li:after { content: ''; width: 24px; height: 1px; background: #00aeff; top: 30px; left: 10px; position: absolute }
.container_service .process_list ul li h4 { min-height: 40px; display: flex; display: -webkit-flex; display: -ms-flexbox; display: -moz-flexbox; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; line-height: 1.5; font-weight: normal; font-size: 1.6rem }
.container_service .process_list ul li p { font-size: 1.4rem; color: #666; margin-top: 6px }
.container_after_sale { padding-bottom: 80px }
.container_after_sale .form { margin-top: 60px }
.container_after_sale .am-form { width: 572px; margin: 0 auto }
.container_after_sale .am-form .am-form-group label:not(.up_label) { padding: 0; font-size: 1.4rem; font-weight: normal; color: #666; line-height: 50px }
.container_after_sale .am-form .am-form-group input, .container_after_sale .am-form .am-form-group select { height: 50px; border-color: #dedede; font-size: 1.4rem }
.container_after_sale .am-form .am-form-group textarea { border-color: #dedede; resize: none; font-size: 1.4rem }
.container_after_sale .am-form .am-form-group input:focus, .container_after_sale .am-form .am-form-group select:focus, .container_after_sale .am-form .am-form-group textarea:focus { border-color: #00aeff }
.container_after_sale .am-form .am-form-group .up_label { font-size: 1.2rem; color: #999; font-weight: normal; margin-bottom: 20px }
.container_after_sale .am-form .btn { width: 150px; height: 50px; line-height: 50px; border: 1px solid #dedede; border-radius: 4px; background-image: linear-gradient(0deg, #fcfcfc 0%, #ebebeb 100%),linear-gradient(#ffffff, #ffffff); background-blend-mode: normal, normal; text-align: center; font-size: 1.4rem; color: #333; position: relative }
.container_after_sale .am-form .btn input { opacity: 0; position: absolute; width: 100%; height: 100%; top: 0; cursor: pointer; left: 0 }
.container_after_sale .am-form .x_pic_list { overflow: hidden }
.container_after_sale .am-form .x_pic_list li { width: 130px; height: 130px; background-repeat: no-repeat; background-position: center; background-size: contain; border: 1px solid #dedede; border-radius: 10px; position: relative; float: left; margin-right: 20px; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; transition: all .5s; margin-top: 15px }
.container_after_sale .am-form .x_pic_list li:nth-child(3n) { margin-right: 0 }
.container_after_sale .am-form .x_pic_list li:nth-child(-n+3) { margin-top: 0 }
.container_after_sale .am-form .x_pic_list li .del_btn { width: 100%; height: 100%; background: url(../images/del_bg.png) no-repeat center; background-size: 100%; opacity: 0; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; transition: all .5s }
.container_after_sale .am-form .x_pic_list li:hover { border-color: #fff }
.container_after_sale .am-form .x_pic_list li:hover .del_btn { opacity: 1 }
.container_after_sale .am-form .submit { width: 150px; height: 50px; line-height: 50px; background: #00aeff; color: #fff; font-size: 1.4rem; text-align: center; border: none; display: block; margin: 0 auto; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; transition: all .5s }
.container_after_sale .am-form .submit:hover { background: #2ea8e8 }
.container_after_sale .am-form p.am-text-center { font-size: 1.2rem; color: #999; margin-top: 10px }
.container_message { padding-bottom: 100px }
.container_message .form { margin-top: 50px; display: flex; display: -webkit-flex; display: -ms-flexbox; display: -moz-flexbox; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; justify-content: space-between }
.container_message .form .am-form { width: 49% }
.container_message .form .am-form-group { margin-bottom: 21px }
.container_message .form .am-form-group:last-child { margin-bottom: 0 }
.container_message .form .am-form-group label { padding: 0; font-weight: normal; font-size: 1.4rem; color: #666; line-height: 50px }
.container_message .form .am-form-group .am-u-md-10 { padding-right: 0 }
.container_message .form .am-form-group input { height: 50px; font-size: 1.4rem }
.container_message .form .am-form-group textarea { resize: none }
.container_message .form .am-form-group .submit { width: 150px; height: 50px; line-height: 50px; background: #00aeff; color: #fff; font-size: 1.4rem; border: none; margin-top: 10px }
.container_message .form .img { width: 49% }
.container_message .form .img img { width: 100% }
.container_download { padding-bottom: 100px }
.container_download .data_list { margin-top: 50px }
.container_download .data_list li { margin-bottom: 50px; width: 23.75%; margin-right: 1.66%; float: left }
.container_download .data_list li:nth-child(4n) { margin-right: 0 }
.container_download .data_list li .img { overflow: hidden; border: 1px solid #dedede; display: block }
.container_download .data_list li .img img { width: 100%; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; transition: all .5s }
.container_download .data_list li .img:hover img { transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05) }
.container_download .data_list li p { color: #666; line-height: 1; margin: 10px 0 18px; font-size: 1.4rem }
.container_download .data_list li .btn { display: block; width: 120px; height: 40px; line-height: 40px; border-radius: 4px; border: 1px solid #dedede; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; transition: all .5s; text-align: center; color: #666; font-size: 1.4rem; margin: 0 auto }
.container_download .data_list li .btn:hover { background: #00aeff; color: #fff; border-color: #00aeff }
.container_problem { padding-bottom: 100px }
.container_problem .problem_list { margin-top: 50px }
.container_problem .problem_list .am-accordion-gapped .am-accordion-item { margin: 0 0 10px }
.container_problem .problem_list .am-accordion-item { border: none }
.container_problem .problem_list .am-accordion-gapped .am-accordion-title { padding: 1.4rem 2rem 1.4rem 1rem; color: #666; background-color: #f4f5f7; border: none; font-size: 1.4rem }
.container_problem .problem_list .am-accordion-gapped .am-accordion-title:after { content: "+"; font-size: 24px }
.container_problem .problem_list .am-accordion-content { min-height: 120px; border: 1px solid #f4f5f7; color: #666 }
.container_problem .problem_list .am-accordion-gapped .am-active .am-accordion-title { background: #00aeff; color: #fff }
.container_problem .problem_list .am-accordion-gapped .am-active .am-accordion-title:after { content: "-"; transform: rotate(0); -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); font-size: 24px }
.container_news { padding-bottom: 100px }
.container_news .new_list { margin-top: 50px }
.container_news .new_list li { margin-bottom: 20px }
.container_news .new_list li:last-child { margin-bottom: 0 }
.container_news .new_list li img { width: 100% }
.container_news .new_list li a { padding: 20px 0 20px 20px; background-color: #fbfbfb; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; transition: all .5s; display: flex; display: -webkit-flex; display: -ms-flexbox; display: -moz-flexbox; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; justify-content: space-between }
.container_news .new_list li a .img { width: 24.58% }
.container_news .new_list li a .words { width: 67.8%; padding: 0 20px; display: flex; display: -webkit-flex; display: -ms-flexbox; display: -moz-flexbox; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center }
.container_news .new_list li a .words h4 { margin-bottom: 12px }
.container_news .new_list li a .words p { text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; line-height: 1.6em; max-height: 3.2em; color: #999; height: 3.2em; font-size: 1.4rem; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; transition: all .5s }
.container_news .new_list li a .time { width: 7.62%; display: flex; display: -webkit-flex; display: -ms-flexbox; display: -moz-flexbox; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; border-left: 1px solid #eee; color: #333; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; transition: all .5s }
.container_news .new_list li a .time .day { font-size: 36px; line-height: 24px }
.container_news .new_list li a .time .date { font-size: 1.4rem; margin-top: 30px; line-height: 1 }
.container_news .page { margin-top: 50px }
.container_new_details { padding-bottom: 100px }
.container_new_details .article_title { margin-top: 50px; font-size: 20px; font-weight: bold; text-align: center }
.container_new_details .article_date { text-align: center; line-height: 1; margin-top: 15px; color: #999; font-size: 1.2rem }
.container_new_details .hc { height: 1px; background: #eee; position: relative; margin-top: 30px }
.container_new_details .hc:after { content: ''; width: 30px; height: 2px; background: #00aeff; position: absolute; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); bottom: -1px }
.container_new_details .am-paragraph { margin-top: 30px; padding-bottom: 50px; border-bottom: 1px solid #eee }
.container_new_details .near a { color: #666; padding: 14px 0; display: flex; display: -webkit-flex; display: -ms-flexbox; display: -moz-flexbox; width: 100%; font-size: 1.4rem; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; transition: all .5s }
.container_new_details .near a:hover { color: #005eac }
.container_new_details .near a.disabled { pointer-events: none }
.container_new_details .near a:first-child { border-bottom: 1px dashed #999 }
.container_new_details .near a:last-child { padding-bottom: 0 }
.container_staff { background: #f5f5f5; padding-bottom: 100px }
.container_staff .staff_wrap { overflow: hidden; margin-top: 36px }
.container_staff .aside { width: 200px; float: left; border-radius: 8px; overflow: hidden; background: #fff }
.container_staff .aside span { width: 30px; height: 30px; background-repeat: no-repeat; background-position: 0 0; margin-right: 5px; display: block }
.container_staff .aside .column_name { background: #00aeff; color: #fff; display: flex; display: -webkit-flex; display: -ms-flexbox; display: -moz-flexbox; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; height: 70px; line-height: 70px }
.container_staff .aside li { border-bottom: 1px solid #f5f5f5 }
.container_staff .aside li a { color: #666; display: flex; display: -webkit-flex; display: -ms-flexbox; display: -moz-flexbox; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; height: 70px; line-height: 70px; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; transition: all .5s }
.container_staff .aside li:hover a, .container_staff .aside li.active a { color: #00aeff }
.container_staff .aside li:hover span, .container_staff .aside li.active span { background-position: center bottom }
.container_staff .staff_main { background: #fff; border-radius: 8px; overflow: hidden; float: right; width: 970px; padding: 10px 28px; min-height: 470px }
.container_staff .staff_main .staff_title { line-height: 1; padding: 20px 0; border-bottom: 1px solid #eee; position: relative; font-size: 18px; font-weight: bold }
.container_staff .staff_main .staff_title:after { content: ''; width: 70px; height: 2px; background: #00aeff; position: absolute; left: 0; bottom: -1px }
.container_staff .staff_main .am-form { margin: 80px auto 0; width: 460px; overflow: hidden }
.container_staff .staff_main .am-form.regist_form { margin-bottom: 100px }
.container_staff .staff_main .am-form .am-form-label { padding: 0; font-weight: normal; font-size: 1.4rem; color: #666; line-height: 50px }
.container_staff .staff_main .am-form input { height: 50px }
.container_staff .staff_main .am-form .submit_btn { display: block; height: 50px; line-height: 50px; text-align: center; background: #00aeff; color: #fff; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; transition: all .5s; border: none; width: 100% }
.container_staff .staff_main .am-form .submit_btn:hover { background: #2ea8e8 }
.container_staff .staff_main .am-form .to_regist { font-size: 1.4rem; color: #00aeff; line-height: 1; padding-top: 20px; display: inline-block }
.container_staff .staff_main .am-form .verify_btn { position: absolute; right: 0; top: 0; display: inline-block; height: 100%; font-size: 1.4rem; color: #666; background: linear-gradient(to bottom, #fff 0%, rgba(204,204,204,0.2) 100%); border: 1px solid #ccc; outline: none }
.container_staff .staff_main .login_type_list { display: flex; display: -webkit-flex; display: -ms-flexbox; display: -moz-flexbox; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; margin-top: 30px }
.container_staff .staff_main .login_type_list li a { display: flex; display: -webkit-flex; display: -ms-flexbox; display: -moz-flexbox; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center }
.container_staff .staff_main .login_type_list li a:hover span, .container_staff .staff_main .login_type_list li a:hover em { color: #00aeff }
.container_staff .staff_main .login_type_list li:first-child { padding-right: 25% }
.container_staff .staff_main .login_type_list li span { font-size: 28px; color: #999; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; transition: all .5s }
.container_staff .staff_main .login_type_list li em { font-style: normal; display: block; color: #999; font-size: 1.4rem; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; transition: all .5s; text-align: center }
.container_staff .staff_main .demo { margin-top: 60px; padding-bottom: 30px }
.container_staff .staff_main .demo h4 { text-align: center; font-size: 20px; color: #666 }
.container_staff .staff_main .demo h4 span { position: relative }
.container_staff .staff_main .demo h4 span:before, .container_staff .staff_main .demo h4 span:after { content: ''; width: 360px; height: 1px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); background: #eee }
.container_staff .staff_main .demo h4 span:before { left: 100px }
.container_staff .staff_main .demo h4 span:after { right: 100px }
.container_staff .staff_main .demo ul { display: flex; display: -webkit-flex; display: -ms-flexbox; display: -moz-flexbox; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; margin-top: 30px }
.container_staff .staff_main .demo ul li a { display: flex; display: -webkit-flex; display: -ms-flexbox; display: -moz-flexbox; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center }
.container_staff .staff_main .demo ul li a:hover span, .container_staff .staff_main .demo ul li a:hover em { color: #00aeff }
.container_staff .staff_main .demo ul li:first-child { padding-right: 25% }
.container_staff .staff_main .demo ul li span { font-size: 28px; color: #999; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; transition: all .5s }
.container_staff .staff_main .demo ul li em { font-style: normal; display: block; color: #999; font-size: 1.4rem; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; transition: all .5s; text-align: center }
.container_staff .staff_main .demo ul li:first-child, .container_staff .staff_main .demo ul li { padding-right: 15% }
.container_staff .staff_main .demo ul li:last-child { padding-right: 0 }
.container_staff .staff_main .data_list { margin-top: 50px }
.container_staff .staff_main .data_list li { margin-bottom: 50px; width: 31.18%; margin-right: 3.23%; float: left }
.container_staff .staff_main .data_list li:nth-child(3n) { margin-right: 0 }
.container_staff .staff_main .data_list li .img { overflow: hidden; border: 1px solid #dedede; display: block }
.container_staff .staff_main .data_list li .img img { width: 100%; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; transition: all .5s }
.container_staff .staff_main .data_list li .img:hover img { transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05) }
.container_staff .staff_main .data_list li p { color: #666; line-height: 1; margin: 10px 0 18px; font-size: 1.4rem }
.container_staff .staff_main .data_list li .btn { display: block; width: 120px; height: 40px; line-height: 40px; border-radius: 4px; border: 1px solid #dedede; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; transition: all .5s; text-align: center; color: #666; font-size: 1.4rem; margin: 0 auto }
.container_staff .staff_main .data_list li .btn:hover { background: #00aeff; color: #fff; border-color: #00aeff }
.container_staff .staff_main .page { margin-bottom: 50px }
.container_staff .staff_main .login_choose { display: flex; display: -webkit-flex; display: -ms-flexbox; display: -moz-flexbox; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; padding: 80px 0 240px }
.container_staff .staff_main .login_choose .item { width: 220px; height: 220px; background: #ffffff; box-shadow: 0 2px 18px 0 rgba(108,177,255,0.12); border-radius: 10px; text-align: center; font-size: 1.8rem; display: flex; display: -webkit-flex; display: -ms-flexbox; display: -moz-flexbox; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; color: #00aeff; line-height: 1; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; transition: all .5s }
.container_staff .staff_main .login_choose .item:hover { background: #00aeff; color: #fff; box-shadow: 0 2px 18px 0 rgba(108,177,255,0.2) }
.container_staff .staff_main .login_choose .item:hover span { background-position: bottom center }
.container_staff .staff_main .login_choose .item span { width: 60px; height: 60px; margin-bottom: 30px; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; transition: all .5s; background-size: 100% }
.container_staff .staff_main .login_choose .item:first-child { margin-right: 100px }
.container_culture { padding-bottom: 100px }
.container_culture .culture_wra { margin-top: 50px; position: relative }
.container_culture .culture_wra .img { width: 47.16% }
.container_culture .culture_wra .img img { width: 100% }
.container_culture .culture_wra .info { width: 49%; max-height: 100%; position: absolute; right: 0; top: 0 }
.container_recruit { padding-bottom: 50px }
.container_recruit .job_list { margin-top: 50px; display: flex; display: -webkit-flex; display: -ms-flexbox; display: -moz-flexbox; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; -moz-flex-wrap: wrap; flex-wrap: wrap }
.container_recruit .job_list li { width: 32%; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; transition: all .5s; border-top: 4px solid #dedede; padding: 30px 30px 48px; margin-bottom: 50px; border-radius: 0px 0px 50px 0px; margin-right: 2% }
.container_recruit .job_list li:nth-child(3n) { margin-right: 0 }
.container_recruit .job_list li .date { line-height: 1; font-size: 1.4rem; color: #999; margin-bottom: 20px }
.container_recruit .job_list li .job_name { font-size: 1.8rem; line-height: 1; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; transition: all .5s; font-weight: bold }
.container_recruit .job_list li .hr { margin: 24px 0 }
.container_recruit .job_list li .disc { font-size: 1.4rem; color: #666 }
.container_recruit .job_list li .disc h4 { line-height: 2; font-weight: normal }
.container_recruit .job_list li .disc p { line-height: 2 }
.container_recruit .job_list li .more { width: 150px; height: 50px; line-height: 50px; border: 1px solid #dedede; font-size: 1.4rem; color: #666; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; transition: all .5s; text-align: center; border-radius: 4px; background: #fff; margin-top: 40px }
.container_recruit .job_list li:hover { background: #fbfdff; border-color: #4285f4 }
.container_recruit .job_list li:hover .job_name { color: #4285f4 }
.container_recruit .job_list li:hover .more { background: #4285f4; color: #fff; border-color: #4285f4 }
.container_recruit .job_list li:hover .more:hover { background: #00aeff; border-color: #00aeff }
.container_recruit .job_accordion { margin-top: 50px }
.container_recruit .job_accordion .th { height: 62px; line-height: 62px; background-color: #4285f4; color: #fff; font-size: 1.8rem; display: flex; display: -webkit-flex; display: -ms-flexbox; display: -moz-flexbox; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; padding-right: 66px; padding-left: 1.5rem }
.container_recruit .job_accordion .th .td { height: 100% }
.container_recruit .job_accordion .th .name { width: 20%; text-align: left }
.container_recruit .job_accordion .th .num { width: 7.5%; text-align: center }
.container_recruit .job_accordion .th .education { text-align: center; width: 30% }
.container_recruit .job_accordion .th .place { width: 17.5%; text-align: center }
.container_recruit .job_accordion .th .time { flex-grow: 1; text-align: right; width: 20% }
.container_recruit .job_accordion .am-accordion-gapped { margin: 0 0 60px }
.container_recruit .job_accordion .am-accordion-gapped .am-accordion-item { margin: 0; border: none; border-color: #f0f0f0 }
.container_recruit .job_accordion .am-accordion-gapped .am-active .am-accordion-title { background: #f4f5f9 }
.container_recruit .job_accordion .am-accordion-gapped .am-accordion-title { height: 62px; line-height: 62px; background-color: #4285f4; color: #fff; font-size: 1.8rem; display: flex; display: -webkit-flex; display: -ms-flexbox; display: -moz-flexbox; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; padding-right: 66px; padding-left: 1.5rem; font-size: 1.6rem; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; transition: all .5s; background: #fff; color: #666; border-color: #f0f0f0 }
.container_recruit .job_accordion .am-accordion-gapped .am-accordion-title .td { height: 100% }
.container_recruit .job_accordion .am-accordion-gapped .am-accordion-title .name { width: 20%; text-align: left }
.container_recruit .job_accordion .am-accordion-gapped .am-accordion-title .num { width: 7.5%; text-align: center }
.container_recruit .job_accordion .am-accordion-gapped .am-accordion-title .education { text-align: center; width: 30% }
.container_recruit .job_accordion .am-accordion-gapped .am-accordion-title .place { width: 17.5%; text-align: center }
.container_recruit .job_accordion .am-accordion-gapped .am-accordion-title .time { flex-grow: 1; text-align: right; width: 20% }
.container_recruit .job_accordion .am-accordion-gapped .am-accordion-title:after { font-size: 20px }
.container_recruit .job_accordion .am-accordion-gapped .am-in .am-accordion-content { border-bottom: 1px solid #f0f0f0 }
.container_recruit .job_accordion .am-accordion-gapped .am-accordion-content { padding: 1.5rem }
.container_recruit .job_accordion .am-accordion-gapped .am-accordion-content .tt { color: #4285f4; font-size: 1.6rem; margin-bottom: .5rem }
.container_recruit .job_accordion .am-accordion-gapped .am-accordion-content p { font-size: 1.4rem; line-height: 2; color: #666 }
.container_recruit .job_accordion .am-accordion-gapped .am-accordion-content .delivery { width: 150px; height: 50px; line-height: 50px; background: #00aeff; color: #fff; text-align: center; font-size: 1.4rem; margin-top: 40px; padding: 0 }
.recruit_pop .layui-layer-title { height: 80px; line-height: 80px; text-align: center; background-color: #fff; color: #4285f4; font-size: 24px }
.recruit_pop .job_details { padding: 20px 30px 40px }
.recruit_pop .job_details .attr { color: #666; font-size: 1.4rem }
.recruit_pop .job_details .attr span { margin-right: 60px }
.recruit_pop .job_details .attr span:last-child { margin-right: 0 }
.recruit_pop .job_details .item { margin-top: 24px }
.recruit_pop .job_details .item > h4 { color: #4285f4 }
.recruit_pop .job_details .item .info { margin-top: 10px; color: #666; line-height: 2; font-size: 1.4rem }
.recruit_pop .job_details .tips { font-size: 1.4rem; color: #666; margin-top: 40px }
.container_environment { padding-bottom: 100px }
.container_environment .environment_wra { margin: 50px 0 }
.container_environment .environment_wra .item { position: relative; margin-bottom: 80px }
.container_environment .environment_wra .item .img { width: 60%; float: left }
.container_environment .environment_wra .item img { width: 100% }
.container_environment .environment_wra .item .words { width: 50%; background: rgba(247,248,247,0.9); min-height: 316px; padding: 50px 50px 10px; position: absolute; right: 0; bottom: 100px }
.container_environment .environment_wra .item .words .title { line-height: 1; font-size: 24px; position: relative; margin-bottom: 50px }
.container_environment .environment_wra .item .words .title:after { content: ''; width: 30px; height: 2px; background: #00aeff; bottom: -30px; position: absolute; left: 0 }
.container_environment .environment_wra .item:nth-child(2n) .img { float: right }
.container_environment .environment_wra .item:nth-child(2n) .words { right: auto; left: 0 }
.container_environment .environment_wra .item:last-child { margin-bottom: 0 }
.container_environment .boon_list { margin-top: 50px }
.container_environment .boon_list li { text-align: center; height: 360px; background-color: #ffffff; box-shadow: 0 0 12px 0 rgba(0,0,0,0.07); padding: 10px }
.container_environment .boon_list li img { width: 100% }
.container_environment .boon_list li span { display: block; width: 64px; height: 64px; margin: 116px auto 20px; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; transition: all .5s }
.container_environment .boon_list li h4 { line-height: 1; color: #666; font-size: 1.8rem; margin-bottom: 10px }
.container_environment .boon_list li p { line-height: 1.5; color: #666 }
.container_environment .boon_list li:hover span { transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05) }

/*0925*/
.column_banner { background-position: center; background-size: cover; }
.column_banner .am-container { position: relative; height: 448px; position: relative; top: 30px; max-width: 1200px; padding: 0; margin: 0 auto; }
.column_banner .am-container .title { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); left: 0; }
.column_banner .am-container .title.white h3,
.column_banner .am-container .title.white p { color: #fff; }
.column_banner .am-container h3 { font-size: 33px; line-height: 52px; color: #0093dd; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; }
.column_banner .am-container p { font-size: 26px; line-height: 26px; margin-top: 10px; color: #414141; }

.product_content .product2_list { width: 100%; margin-bottom: 50px; border-bottom: 1px solid #ededed; padding-bottom: 50px;overflow:hidden }
.product_content { margin-top: 45px; border-bottom: 1px solid #fafafa; max-width:1200px;margin:0 auto;background:#fff;box-sizing:border-box;padding:40px 60px; }
.product_content .product2_list .product2_list_left { width: 50%; text-align: center;box-sizing:border-box; }
.product_content .product2_list .product2_list_left img { max-width: 100%; object-fit: cover; }
.product_content .product2_list .product2_list_right { width: 45%;box-sizing:border-box; }
.product_content .product2_list:nth-child(2n) .product2_list_right { float: left; }
.product_content .product2_list:nth-child(2n) .product2_list_right .list_right_a { text-align: right; }
.product_content .product2_list:nth-child(2n) .product2_list_right .list_right_a dd { }
.product_content .product2_list:nth-child(2n) .product2_list_right .list_right_a p { text-align: right; overflow: hidden; }

.product_content .product2_list .product2_list_right .list_right_img img { width: 100%; height: 460px; object-fit: cover; }
.product_content .product2_list .product2_list_right .list_right_a { }
.product_content .product2_list .product2_list_right .list_right_a dd { font-size: 28px; color: #333333; margin-bottom: 30px; position: relative; font-weight: bold; }
.product_content .product2_list .product2_list_right .list_right_a dd::before { content: ""; display: inline-block; width: 3px; height: 25px; background: #0c64e9; top: 0%; left: 0; margin-right: 10px; }
.product_content .product2_list .product2_list_right .list_right_a p { font-size: 18px; color: #999999; line-height: 200%; }
.product_content .product2_list .product2_list_right .list_right_a dt { margin-top: 45px; }
.product_content .product2_list .product2_list_right .list_right_a dt span { display: inline-block; line-height: 38px; text-align: center; font-size: 14px; color: #fff; border: 1px solid #dcdcdc; color: #333; transition: all 0.5s ease 0s; width: 136px; }
.product_content .product2_list .product2_list_right .list_right_a dt span:hover { color: #fff; border: 1px solid #0c64e9; background: #0c64e9; transition: all 0.5s ease 0s; }
.product_content .product2_list .product2_list_right .list_right_a dt a { display: inline-block; width: 300px; line-height: 50px; text-align: center; font-size: 24px; color: #0c64e9; background: #fff; border: 1px solid #0c64e9; border-radius: 5px; }
.product_content .product2_list:nth-child(2n) .product2_list_left { float: right; }
.s_paging{padding:20px 0;}
.product_content .product2_list .product2_list_right .list_right_a dt a:hover { background: #0c64e9; color: #fff; }
.fl { float:left;}
.fr{float:right;}
.thumb{padding-top: 24px;padding-bottom: 23px;border-top: 1px solid #e1e1e1;background:#fff;}
.thumb .gray{font-size: 14px;color: #888;}
.thumb .gt{font-size: 14px;color: #888;padding-left: 10px;padding-right: 10px;}
.thumb .blue{font-size: 14px;color: #2281bc;}
.thumb a { font-size: 14px;}
.w{width: 100%;max-width: 1200px;margin: 0 auto;position: relative;}
.bggray{background:#fafafa;overflow:hidden;}
.pcate {width:1200px;margin:0 auto;}
.pcate ul{margin-top: 35px;margin-bottom:35px;text-align:left;}
.pcate ul li{display:inline-flex;margin-bottom:10px;}
.pcate ul li a{display:block; padding:0 5px;min-width:110px; height: 45px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;border: 1px solid #0c64e9;background:#deebfb;text-align: center;line-height: 45px;font-size: 14px;color: #0c64e9;}
.pcate ul li a:hover{background:#0c64e9;border: 1px solid #0c64e9;color: #fff}
.pcate ul li a.on{background: #0c64e9;border: 1px solid #0c64e9;color: #fff}
.img_box, .img { position: relative; display: block; overflow: hidden; }
.img_box img, .img span, .img_box span { position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; transition: all 300ms linear; background-repeat: no-repeat; background-position: center; background-size: cover; }
.img_box:hover span, .img:hover span { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); }
.over { overflow: hidden; }
.cont_box{padding: 0px 0;overflow:hidden;margin:0 auto;clear:both;}
/*¹ØÓÚÎÒÃÇ*/
.myclass { height:400px;overflow-y: auto;padding-right:20px;}
.myclass::-webkit-scrollbar { width: 4px; background: #ccc; }
.myclass::-webkit-scrollbar-thumb { background: #666666; }
.about_1{ margin-bottom: 70px;overflow:hidden;}
.about_1 div.fl{width: 46%;height: 568px;}
.about_1 div.fl h4{ position: relative;padding-bottom: 28px;margin-bottom: 24px; font-size: 36px;color: #333; line-height: 56px;}
.about_1 div.fl h4 font{color: #063190;}
.about_1 div.fl h4:before{ position: absolute;left: 0;bottom: 0;width: 32px;height: 3px;content: ''; background: #063190;}
.about_1 div.fl p{ font-size: 16px;color: #666; line-height: 36px;text-indent:2em;}
.about_1 div.fl h6{margin-top: 60px;}
.about_1 div.fl h6 a{ display: inline-block;width: 240px;height: 70px; background: #302d2c; font-size: 16px;color: #fff; text-align: center; line-height: 70px;}
.about_1 div.fl h6 a:hover{ background: #063190;}
.about_1 div.fr{width: 50%;height: 568px;overflow: hidden;}
.about_1 div.fr .f_img{ display: none;}
.about_1 div.fr .f_bg{width: 100%;height: 100%; background: no-repeat center right; -webkit-transition: all .5s ease;transition: all .5s ease;}
.about_1 div.fr:hover .f_bg{-webkit-transform: scale(1.05);transform: scale(1.05);}
.about_2{overflow:hidden;background:#fff;padding:50px 0;}
.about_2 div.fl{ width: 50%; height: 570px; background: no-repeat center;overflow:hidden;}
.about_2 div.fr{ width: 50%; height: 570px; padding: 40px 82px; background: #f8f9fc; box-sizing: border-box;}
.about_2 div.fr h4{ position: relative;padding-bottom: 20px;margin-bottom: 24px; font-size: 36px;color: #333; line-height: 56px; line-height: 56px;}
.about_2 div.fr h4:before{ position: absolute;left: 0;bottom: 0;width: 32px;height: 3px;content: ''; background: #063190;}
.about_2 div.fr ul li{ padding: 18px 0; border-top: 1px dashed #9e9fa1;overflow:hidden;}
.about_2 div.fr ul li:first-child{border-top: none;}
.about_2 div.fr ul li span.fl{width: 38px;height: 49px; background: url(../images/icon_11.png) no-repeat center; font-size: 30px;font-weight: bold;color: #fff; line-height: 38px; text-align: center;}
.about_2 div.fr ul li span.fr{ width: calc(100% - 60px);}
.about_2 div.fr ul li span.fr font{ display: block;margin-bottom: 5px; font-size: 22px;color: #063190;}
.about_2 div.fr ul li span.fr em{ display: block; font-size: 15px;color: #747474; line-height: 24px;font-style:normal;}
.about_3{ height: 298px;}
.about_3>div{ height: 100%; background: url(../images/pri_18.jpg) no-repeat center; background-size: cover; text-align: center;}
.about_3>div>h4{ padding: 50px 0 30px; font-size: 30px;color: #fff; text-align: center;}
.about_3>div ul{ display: inline-block;}
.about_3>div ul li{ float: left; width: 23%; margin: 0 1%;}
.about_4{ margin: 70px auto;}
.about_4 div.fl{width: 40%;}
.about_4 div.fl h4{ position: relative;padding-bottom: 28px;margin-bottom: 24px; font-size: 36px;color: #333; line-height: 56px;}
.about_4 div.fl h4 font{color: #063190;}
.about_4 div.fl h4:before{ position: absolute;left: 0;bottom: 0;width: 32px;height: 3px;content: ''; background: #063190;}
.about_4 div.fl p{ font-size: 16px;color: #666; line-height: 36px;}
.about_4 div.fl h6{margin-top: 60px;}
.about_4 div.fl h6 a{ display: inline-block;width: 240px;height: 70px; background: #302d2c; font-size: 16px;color: #fff; text-align: center; line-height: 70px;}
.about_4 div.fl h6 a:hover{ background: #063190;}
.about_4 div.fr{width: 50%;}
.about_5{ padding: 50px 0; background: #f9f9f9;}
.about_5 .ab_tit{ position: relative; text-align: center;}
.about_5 .ab_tit h3{padding-bottom: 30px; font-size: 36px;color: #333;}
.about_5 .ab_tit h3:before{ position: absolute;bottom: 0;left: 50%; width: 30px;height: 3px;content: '';margin-left: -15px; background: #063190;}
.about_5 .ab_hd{ margin: 30px auto; text-align: center;}
.about_5 .ab_hd ul{ display: inline-block;}
.about_5 .ab_hd ul li{ float: left; width: 75px;height: 38px; margin: 0 15px;  box-sizing: border-box; font-size: 14px; color: #4c4c4c; line-height: 38px;cursor: pointer;}
.about_5 .ab_hd ul li.on{ border: 2px solid #063190; line-height: 34px;}
.about_5 .ab_box {position: relative; width: 100%; overflow: hidden;}
.about_5 .ab_box .swiper-wrapper,.about_5 .ab_box .swiper-slide{  height: auto !important;}
.about_5 .ab_box .swiper-slide p{ text-align: center; font-size: 16px;}
.about_5 .ab_box .swiper-slide{ width: 308px; padding: 0 5px; box-sizing: border-box;}
.about_5 .ab_box .swiper-slide img{width: 100%;}
.about_5 .ab_box  ._ipn{z-index:999; position: absolute;top: 50%; width: 50px; height: 50px;margin-top: -25px; background: rgba(255,255,255,.5); text-align: center; line-height: 50px;cursor: pointer;}
.about_5 .ab_box  ._ipn i{ font-size: 24px; color: #333;}
.about_5 .ab_box  ._ipn._prev{left: 0;}
.about_5 .ab_box  ._ipn._next{right: 0;}
/*ÔÚÏßÁôÑÔ*/
.Leaving{ border: 1px solid #ececec; background: url(../images/icon_4.png) no-repeat top right; box-sizing: border-box;}
.Leaving form{padding: 50px 76px 80px;}
.Leaving form .l_text{margin-bottom: 36px;}
.Leaving form .l_text>h3{margin-bottom: 24px; font-size: 36px;font-weight: bold; color: #000;}
.Leaving form .l_text>p{ font-size: 16px; color: #797979; line-height: 30px;}
.Leaving form .l_text>p span{margin-right: 10px;font-weight:bold;color:#666;width:100px;display:inline-block;}
.Leaving form .l_text>p span:first-child{ color: #666;}
.Leaving form .l_input{position: relative; width: 510px; margin-bottom: 20px;}
.Leaving form .l_input:before{position: absolute;right: -20px;top:50%; content: '*';color: #f00;}
.Leaving form .l_input input{width: 100%;height: 50px; padding: 0 20px; border: 1px solid #ececec; background: #fafafa; box-sizing: border-box; font-size: 14px;color: #666;}
.Leaving form .l_textarea {position: relative; width: 820px; margin-bottom: 50px;}
.Leaving form .l_textarea:before{position: absolute;right: -20px;top:50%; content: '*';color: #f00;}
.Leaving form .l_textarea textarea{width: 100%; height: 140px; padding: 20px; border: 1px solid #ececec; background: #fafafa; box-sizing: border-box;}
.Leaving form .l_but{width: 158px;height: 54px;}
.Leaving form .l_but input{width: 100%;height: 100%; border: none; background: #0988d2; font-size: 16px;color: #fff;}
.m_nbot { background: #fff;margin-top:40px;margin-bottom:40px;padding-bottom:40px; }
.news_list { padding-bottom: 70px; }
.news_list li { position: relative; font-size: 0; padding: 33px 20px; box-sizing: border-box;overflow:hidden; }
.news_list li:before { content: ''; position: absolute; left: 20px; bottom: 0; width: calc(100% - 40px); height: 1px; background: #e2e2e2; }
.news_list .img_box { width: 23.6%; height: 180px; float: left; }
.news_list .text { line-height: 26px; margin-right: 1%; width: 72.1%; float: right; }
.news_list .text h2 { margin: 10px 0 14px; font-size: 18px; }
.news_list .text p { height: 76px; overflow: hidden; margin-bottom: 22px; font-size: 14px; color: #666; }
.news_list .text span { font-size: 15.5px; color: #aaa; }
.news_list li:hover { background: #aac5e2; }
.news_list li:hover * { color: #fff; }
.news_list li:hover:before { display: none; }
/*ÐÂÎÅÖÐÐÄÏêÇé*/
.tc { text-align: center; }
.new_detail { background: #fff; padding: 62px 4.6% 50px; box-sizing: border-box; margin-bottom:40px;}
.new_detail .info h2 { font-size: 24px; color: #333; margin-bottom: 14px; }
.new_detail .info span { color: #666; display: block; margin-bottom: 46px; }
.new_detail .text { color: #737373; line-height: 26px; padding-bottom: 38px; border-bottom: 1px solid #eee; }
.new_detail .text img { max-width: 100%; height: auto!important; }
.new_detail .text table { max-width: 100%; }
.mshare_box { padding: 35px 0 45px; color: #333; font-size: 0; }
.mshare_box span { vertical-align: middle; font-size: 16px; }
.mshare_box a { margin: 0 5px; }
.forum_link { position: relative;}
.forum_link .link_box:first-child { border-top: 0; }
.forum_link .link_box { line-height: 40px; padding: 4px 0; font-size: 16px; overflow:hidden; }
.forum_link .link_box a, .forum_link .link_box span { color: #333; }
.forum_link .link_box a:hover { color: #004ea2; }
.forum_link .link_box font { max-width: 60%; }
.forum_link a.link_more { margin-left: 10px; text-align: center; background: #004ea2; color: #fff!important; width: 122px; height: 40px; line-height: 40px; }

.product_x .spx_2 ul li{ float: left;width: 32%; margin: 0 .66%; border: 5px solid #fff;box-sizing: border-box;margin-bottom:10px;}
.product_x .spx_2 ul li .ib_img{ width: 100%;overflow: hidden;margin-bottom: 30px; text-align: center;height:280px;}
.product_x .spx_2 ul li .ib_img img{max-width: 100%;-webkit-transition: all .5s ease;transition: all .5s ease;}
.product_x .spx_2 ul li .ib_text{ text-align: center;}
.product_x .spx_2 ul li .ib_text h4{margin-bottom: 20px; font-size: 14px;color: #191309;}
.product_x .spx_2 ul li:hover{border: 5px solid #063190;}
.product_x .spx_2 ul li:hover .ib_img img{-webkit-transform: scale(1.05);transform: scale(1.05);}

.pro-intro{overflow: hidden;padding-top: 80px;padding-bottom: 80px;background-color: #f8f8f8;}
.pro-intro .left{float: left;width: 530px;}
.pro-intro .right{float: right;width: 553px;}
.pro-intro .w{max-width: 1200px;}
.p-list-l{width: 100%;margin-bottom: 14px;overflow: visible;position: relative;}
.p-list-l img{max-width: none;}
.p-list-l .swiper-slide{width: 100%;border: 1px solid #e5e5e5;}
.p-list-l .swiper-slide .img-box{display: block;width: 100%;padding-top: 75%;background-size: cover;background-position: center center;}
.p-list-l .swiper-slide .img-box img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.p-list-l .swiper-button-next,
.p-list-l .swiper-button-prev{width: 15px;height: 27px;background-color: #fff;border: 1px solid #e5e5e5;;top: 0;margin-top: 0;height: 100%;background-size: auto auto;}
.p-list-l .swiper-button-next{right: 0;}
.p-list-l .swiper-button-prev{left: 0;}
.p-list-s{width: 100%;overflow: hidden;margin: 0 auto;padding: 0 44px;}
.p-list-s .item{float: left;width: 100px;height: 100px;margin-right: 14px;border: 1px solid #e5e5e5;cursor: pointer;background-size: cover;background-position: center center;background-repeat: no-repeat;}
.p-list-s .item.active{border: 1px solid #999;}
.p-list-s .swiper-button-next,
.p-list-s .swiper-button-prev{width: 44px;height: 100px;top: 0;margin-top: 0;background-size: auto auto;background-color: #f8f8f8;background-size: auto auto;}
.p-list-s .swiper-button-next{right: 0px;background-image: url(../images/right2.png);background-position: right center;}
.p-list-s .swiper-button-prev{left: 0px;background-image: url(../images/left2.png);background-position: left center;}
.p-list-s .swiper-button-next:hover{background-image: url(../images/right3.png);}
.p-list-s .swiper-button-prev:hover{background-image: url(../images/left3.png);}
.pr-title{font-size: 34px;color: #333;margin-bottom: 16px;}
.pr-type{font-size: 18px;color: #666;margin-bottom: 35px;}
.pr-intro{margin-bottom: 20px;}
.pri-title{width: 100%;height: 42px;line-height: 42px;background-color: #e8e8e8;font-size: 15px;color: #2281bc;margin-bottom: 25px;}
.pri-title:before{display: inline-block;vertical-align: top;content: "";margin-left: 12px;margin-right: 10px;width: 15px;height: 100%;background-image: url(../images/blue-paper.png);background-repeat: no-repeat;background-position: center center;}
.pri-cont{font-size: 15px;color: #777;line-height: 32px;}
.pr-share{font-size: 0;margin-bottom: 30px;}
.pr-share>a{display: inline-block;vertical-align: top;width: 44px;height: 44px;border: 1px solid #adadad;background-repeat: no-repeat;background-position: center center;margin-right: 18px;}
.pr-contact{font-size: 0;margin-bottom: 30px;}
.pr-phone{font-size: 14px;color: #666;padding-right: 19px;border-right: 1px solid #999;line-height: 16px;display: inline-block;vertical-align: top;}
.pr-phone:before{display: inline-block;vertical-align: top;content: "";width: 18px;height: 18px;margin-right: 13px;background-image: url(../images/phone1.png);}
.pr-consult{margin-left: 20px;font-size: 14px;color: #2281bc;display: inline-block;vertical-align: top;margin-right: 10px;}
.pr-consult:before{display: inline-block;vertical-align: top;content: "";margin-right: 10px;width: 21px;height: 17px;background-image: url(../images/blue-consult.png);}
.pr-nav{}
.pr-prev,
.pr-next,
.pr-list{display: inline-block;width: 130px;height: 34px;line-height: 34px;background-color: #2281bc;font-size: 12px;color:#fff;text-align: center;border-radius: 3px;margin-right: 30px;cursor: pointer;transition: all .3s;}
.pr-next{margin-right: 0;}
.pr-prev:before{display: inline-block;vertical-align: top;content: "";width: 21px;height: 100%;margin-right: 34px;background-image: url(../images/prev.png);background-repeat: no-repeat;background-position: center center;}
.pr-next:after{display: inline-block;vertical-align: top;content: "";width: 21px;height: 100%;margin-left: 34px;background-image: url(../images/next.png);background-repeat: no-repeat;background-position: center center;}
.pr-list:before{display: inline-block;vertical-align: top;content: "";width: 14px;height: 100%;margin-right: 24px;background-image: url(../images/list.png);background-repeat: no-repeat;background-position: center center;}
.pr-prev:hover,
.pr-next:hover,
.pr-list:hover{background-color: #4169E1;}

.tabs{background:#fff;border:1px solid #eee;margin-bottom:20px;border-top:0;}
.tabs-list { background:#fff;}
.tabs-list li{margin:0;margin-right:0px;}
.tabs-list li a { border-top:1px solid #eee;text-align:center;}
.tabs-list li.active a { background:#fff;color:#4285f4;border-top:1px solid #4285f4;}
.tabs-container{padding:20px;}


.ft{margin-top: 10px;overflow: hidden;}
.ft ul { margin: -6px; }
.ft ul li { width: 50%; padding: 6px; float: left; }
.ft .i { display: block; overflow: hidden; position: relative; }
.ft .i > img { width: 100%; transition: transform 300ms;border-radius:8px; }
.ft .i:hover > img { transform: scale(1.05); }
.ft .i p { position: absolute; top: 0; left: 0; width: 100%; line-height: 80px; padding-left: 38px; color: #222222; font-size: 18px; }
.ft .i p i { display: inline-block; width: 33px; height: 33px; background: none no-repeat center; vertical-align: middle; margin-right: 10px; }
.ft .i p i.ico1 { background-image: url(../images/h-about-ico1.png); }
.ft .i p i.ico2 { background-image: url(../images/h-about-ico2.png); }




@media screen and (min-width:1201px) {
    .container_product .product_list li em { display: block }
    .container_product .product_list li a:after { display: block }
    .container_news .new_list li a:hover { background: #00aeff; color: #fff }
    .container_news .new_list li a:hover .words p { color: #fff }
    .container_news .new_list li a:hover .time { color: #fff }
}

@media screen and (max-width:1440px) {
    .column_banner .am-container{height:300px;}
    .main.column_main { padding-top: 83px }
    .main .header { height: 83px }
    .main .header .logo a { height: 83px; line-height: 83px }
    .main .header .logo img { }
    .main .header .nav { height: 83px }
    .main .header .nav .nav_list > li > a { line-height: 29.88px }
    .main .footer .top { padding: 49.8px 0 74.7px; background-size: auto 54.78px }
    .main .footer .top .foot_nav > li { margin-right: 80px }
    .main .footer .top .foot_nav > li ul { margin-top: 10px }
    .main .footer .top .foot_nav > li li { margin-bottom: 9.96px }
    .main .footer .copyright .r li { margin-right: 24.9px }
    .main .footer .copyright .r img { max-height: 35.69px }
    .index_main .index_title { line-height: 38.18px }
    .index_main .index_title h3 { font-size: 49.8px }
    .index_main .index_title h4 { font-size: 19.92px }
    .index_main .item1 { margin-top: 66.4px }
    .index_main .item1 .index_title { margin-bottom: 49.8px }
    .index_main .item1 .l h4 { font-size: 18px; margin-bottom: 16.6px }
    .index_main .item1 .l .disc { line-height: 30px; margin-bottom: 41.5px }
    .index_main .item1 .l a {  line-height: 42px }
    .index_main .item2 { margin-top: 74.7px }
    .index_main .item2 .index_title { margin-bottom: 41.5px }
    .index_main .item2 .list { padding: 58.1px 0 41.5px }
    .index_main .item2 .list li .icon { width: 99.6px; height: 99.6px; border-radius: 50%; border: 8.3px solid #005a84; margin: 0 auto 16.6px }
    .index_main .item2 .list li .icon span { background-size: 49.8px; width: 49.8px; height: 49.8px }
    .index_main .item2 .list li .title { font-size: 18px; margin-bottom: 41.5px }
    .index_main .item2 .list li .title:after { width: 24.9px; bottom: -16.6px }
    .index_main .item2 .list li .disc { margin-bottom: 22.41px }
    .index_main .item2 .list li .more { width: 99.6px; height: 33.2px; line-height: 33.2px; font-size: 1.2rem }
    .index_main .item3 { margin-top: 83px }
    .index_main .item3 .index_title { margin-bottom: 41.5px }
    .index_main .item3 .top .list .time { padding-right: 20px; height: 50px }
    .index_main .item3 .top .list .time .date { margin-top: 8px }
    .index_main .item3 .top .list .words { height: 50px; padding-left: 18px }
    .index_main .item3 .top .list .words .title { margin-bottom: 8px }
    .index_main .item3 .down { margin-top: 24.9px }
    .index_main .item3 .down .list li .title { margin-top: 20.75px }
    .index_main .item3 .down .list li .date { margin-top: 8.3px }
    .index_main .item3 .down .more { margin: 41.5px auto 0; width: 120px; height: 36px; line-height: 36px }
    .index_main .item4 { margin-top: 66.4px; padding: 113.71px 0 132.8px }
    .index_main .item4 .index_title { margin-bottom: 55.61px }
    .index_main .item4 .list li { padding-bottom: 29.05px }
    .index_main .item4 .list li h4 { margin-top: 14.94px; font-size: 18px }
    .index_main .item4 .list li .disc { margin-top: 11.62px }
    .index_main .item5 { margin-top: 91.3px; padding: 66.4px 0 39.84px }
    .index_main .item5 .wra { width: 635px; margin: 46.48px auto 0 }
    .index_main .item5 .wra .input_group { padding-left: 29.05px; margin-bottom: 37.35px }
    .index_main .item5 .wra .input_group:nth-child(3) { margin-bottom: 74.7px }
    .index_main .item5 .wra .input_group:before { width: 8.3px; height: 8.3px; border: 3.32px solid #00aeff }
    .index_main .item5 .wra .input_group input, .index_main .item5 .wra .input_group textarea { transform: translateY(-13.28px); line-height: 28.22px }
    .index_main .item5 .wra .submit { padding-top: .83em }
    .index_main .item5 .wra .submit button { width: 120px; height: 36px; line-height: 36px }
    .container_about .item2 { margin-top: 60px }
    .container_about .item2 .swiper-container { width: 80%; padding-top: 41.5px }
    .container_about .item2 .swiper-slide { width: 292.99px; height: 415px }
    .container_about .item2 .swiper-slide.swiper-slide-prev, .container_about .item2 .swiper-slide.swiper-slide-next { width: 292.99px; height: 415px; margin-top: 0px }
    .container_about .item2 p { bottom: -30px; font-size: 16px }
    .container_about .item2 .swiper-pagination { height: 8px }
    .container_about .item2 .swiper-pagination .swiper-pagination-bullet { width: 8px; height: 8px; border-radius: 5px }
    .container_active { padding-bottom: 83px }
    .container_active .active_list li { padding: 16.6px 0 }
    .container_product { padding-bottom: 83px }
    .container_product .product_list { margin-top: 74.7px }
    .container_product .product_list li { margin-bottom: 16.6px }
    .container_product .product_list li:nth-child(2n-1) { -webkit-transform: translateY(-33.2px); -moz-transform: translateY(-33.2px); -ms-transform: translateY(-33.2px); -o-transform: translateY(-33.2px); transform: translateY(-33.2px) }
    .container_product .product_list li .title { margin-bottom: 33.2px }
    .container_product .page { margin-top: 33.2px }
    .container_case { padding-bottom: 83px }
    .container_service { padding-bottom: 83px }
    .container_service .process_list ul li { padding-left: 50px; margin-bottom: 24.9px }
    .container_after_sale { padding-bottom: 83px }
    .container_after_sale .form { margin-top: 50px }
    .container_message { padding-bottom: 83px }
    .container_download { padding-bottom: 83px }
    .container_problem { padding-bottom: 83px }
    .container_news { padding-bottom: 83px }
    .container_new_details { padding-bottom: 83px }
    .container_staff { padding-bottom: 83px }
    .container_culture { padding-bottom: 83px }
    .container_recruit { padding-bottom: 41.5px }
    .container_environment { padding-bottom: 83px }
}

@media screen and (max-width:1280px) {
.column_banner .am-container{height:280px;}
    .main.column_main { padding-top: 70px }
    .main .header { height: 70px }
    .main .header .logo a { height: 70px; line-height: 70px }
    .main .header .logo img { height: 55px }
    .main .header .nav { height: 70px }
    .main .header .nav .nav_list > li > a { line-height: 25.2px }
    .main .footer .top { padding: 42px 0 63px; background-size: auto 46.2px }
    .main .footer .top .foot_nav > li { margin-right: 80px }
    .main .footer .top .foot_nav > li > a { font-size: 1.6rem }
    .main .footer .top .foot_nav > li ul { margin-top: 10px }
    .main .footer .top .foot_nav > li li { margin-bottom: 10px; font-size: 1.2rem }
    .main .footer .copyright .r li { margin-right: 21px }
    .main .footer .copyright .r img { max-height: 30.1px }
    .index_main .item1 .index_title { margin-bottom: 42px }
    .index_main .item1 .l h4 { font-size: 18px; margin-bottom: 14px }
    .index_main .item1 .l .disc { line-height: 30px; margin-bottom: 35px }
    .index_main .item1 .l a { line-height: 36px; font-size: 1.4rem }
    .index_main .item2 .index_title { margin-bottom: 35px }
    .index_main .item2 .list { padding: 70px 0 35px }
    .index_main .item2 .list li .icon { width: 150px; height: 150px; border-radius: 50%; border: 7px solid #005a84; margin: 0 auto 14px }
    .index_main .item2 .list li .icon span { background-size: 150px; width: 150px; height: 150px }
    .index_main .item2 .list li .title { font-size: 18px; margin-bottom: 35px }
    .index_main .item2 .list li .title:after { width: 21px; bottom: -14px }
    .index_main .item2 .list li .disc { margin-bottom: 18.9px }
    .index_main .item2 .list li .more { width: 84px; height: 28px; line-height: 28px; font-size: 1.2rem }
    .index_main .item3 .index_title { margin-bottom: 35px }
    .index_main .item3 .top .list .time { padding-right: 20px; height: 50px }
    .index_main .item3 .top .list .time .date { margin-top: 8px }
    .index_main .item3 .top .list .words { height: 50px; padding-left: 18px }
    .index_main .item3 .top .list .words .title { margin-bottom: 8px }
    .index_main .item3 .down { margin-top: 30px }
    .index_main .item3 .down .list li .title { margin-top: 17.5px }
    .index_main .item3 .down .list li .date { margin-top: 7px }
    .index_main .item3 .down .more { margin: 35px auto 0; width: 120px; height: 36px; line-height: 36px }
    .index_main .item4 { padding: 95.9px 0 112px }
    .index_main .item4 .index_title { margin-bottom: 46.9px }
    .index_main .item4 .list li { padding-bottom: 24.5px }
    .index_main .item4 .list li h4 { margin-top: 12.6px; font-size: 18px }
    .index_main .item4 .list li .disc { margin-top: 9.8px }
    .index_main .item5 { padding: 56px 0 33.6px }
    .index_main .item5 .wra { width: 635px; margin: 39.2px auto 0 }
    .index_main .item5 .wra .input_group { padding-left: 24.5px; margin-bottom: 31.5px }
    .index_main .item5 .wra .input_group:nth-child(3) { margin-bottom: 63px }
    .index_main .item5 .wra .input_group:before { width: 7px; height: 7px; border: 2.8px solid #00aeff }
    .index_main .item5 .wra .input_group input, .index_main .item5 .wra .input_group textarea { transform: translateY(-11.2px); line-height: 23.8px }
    .index_main .item5 .wra .submit { padding-top: .7em }
    .index_main .item5 .wra .submit button { width: 120px; height: 36px; line-height: 36px }
}

@media screen and (max-width:1200px) {
    
    .main .am-container { padding: 0 1rem }
    .main.column_main { padding-top: 0 }
    .main .footer .top { display: none }
    .main .footer .copyright .r li { margin-right: 18px }
    .main .footer .copyright .r img { max-height: 25.8px }
    .main .column_subnav { display: none }
    .main .breadcrumb { display: none }
    .index_main .index_container .am-container { padding: 0 3% }
    .index_main .index_title h3 { font-size: 40px; line-height: 1 }
    .index_main .index_title h4 { font-size: 20px }
    .index_main .index_banner a { background: none !important; height: auto }
    .index_main .index_banner a img { display: block; width: 100% }
    .index_main .item1 .index_title { margin-bottom: 40px }
    .index_main .item1 .l h4 { font-size: 18px; margin-bottom: 20px }
    .index_main .item1 .l .disc { line-height: 30px; margin-bottom: 30px }
    .index_main .item2 .index_title { margin-bottom: 30px }
    .index_main .item2 .wrap { background: url(../images/index_pro_bgc.jpg) no-repeat center / cover }
    .index_main .item2 .list { padding: 60px 0 40px }
    .index_main .item2 .list li .icon { width: 100px; height: 100px; border-radius: 50%; border: 6px solid #005a84; margin: 0 auto 15px }
    .index_main .item2 .list li .icon span { background-size: 44px; width: 44px; height: 44px }
    .index_main .item2 .list li .title { font-size: 18px; margin-bottom: 30px }
    .index_main .item2 .list li .title:after { width: 24px; bottom: -16px }
    .index_main .item2 .list li .disc { margin-bottom: 18px }
    .index_main .item2 .list li .more { width: 100px; height: 36px; line-height: 36px }
    .index_main .item3 .index_title { margin-bottom: 40px }
    .index_main .item3 .top img { height: auto }
    .index_main .item3 .top .list .time { padding-right: 20px; height: 50px }
    .index_main .item3 .top .list .time .date { margin-top: 8px }
    .index_main .item3 .top .list .words { height: 50px; padding-left: 18px }
    .index_main .item3 .top .list .words .title { margin-bottom: 8px }
    .index_main .item3 .down { margin-top: 30px }
    .index_main .item3 .down .list li .title { margin-top: 15px }
    .index_main .item3 .down .list li .date { margin-top: 6px }
    .index_main .item3 .down .more { margin: 30px auto 0; width: 100px; height: 36px; line-height: 36px }
    .index_main .item4 { padding: 60px 0 96px }
    .index_main .item4 .index_title { margin-bottom: 40.2px }
    .index_main .item4 .list li { padding-bottom: 0 }
    .index_main .item4 .list li h4 { margin-top: 14px; font-size: 16px }
    .index_main .item4 .list li .disc { margin-top: 10px }
    .index_main .item5 { padding: 48px 0 28.8px }
    .index_main .item5 .wra { width: 635px; margin: 33.6px auto 0 }
    .index_main .item5 .wra .input_group { padding-left: 21px; margin-bottom: 27px }
    .index_main .item5 .wra .input_group:nth-child(3) { margin-bottom: 54px }
    .index_main .item5 .wra .input_group:before { width: 6px; height: 6px; border: 2.4px solid #00aeff }
    .index_main .item5 .wra .input_group input, .index_main .item5 .wra .input_group textarea { transform: translateY(-9.6px); line-height: 20.4px }
    .index_main .item5 .wra .submit { padding-top: .6em }
    .index_main .item5 .wra .submit button { width: 100px }
    .container_about { padding-bottom: 48px }
    .container_about .am-container { padding: 0 3% }
    .container_about .item1 { padding-top: 50px }
    .container_about .item1 .am-paragraph { padding: 0 2% }
    .container_about .item2 { margin-top: 60px }
    .container_about .item2 .swiper-container { width: 80% }
    .container_active { padding-bottom: 60px }
    .container_active .am-container { margin-top: 50px }
    .container_active .active_list { margin-top: 30px; padding-bottom: 30px }
    .container_active .active_list li .words { width: 60% }
    .container_active .active_list li .words .title { margin-bottom: 36px }
    .container_active .active_list li .words .title:after { width: 40px; bottom: -20px }
    .container_active .active_list li .words .disc { margin-bottom: 24px }
    .container_active .active_list li .words .more { height: 36px; line-height: 36px; width: 100px }
    .container_contact { padding-bottom: 60px }
    .container_contact .am-container { margin-top: 50px }
    .container_product { padding-bottom: 60px }
    .container_product .am-container { margin-top: 50px }
    .container_product .product_list { margin-top: 54px }
    .container_product .product_list li { height: 400px }
    .container_product .product_list li:nth-child(2n-1) { -webkit-transform: translateY(-24px); -moz-transform: translateY(-24px); -ms-transform: translateY(-24px); -o-transform: translateY(-24px); transform: translateY(-24px) }
    .container_product .page { margin-top: 24px }
    .container_product_details { padding-bottom: 60px }
    .container_product_details .pro_info .words h4 { font-size: 20px; margin-bottom: 30px }
    .container_product_details .pro_info .words .disc { font-size: 1.4rem }
    .container_product_details .item { margin-top: 30px }
    .container_product_details .recommend_list li h4 { font-size: 1.4rem }
    .container_case { padding-bottom: 60px }
    .container_case .am-container { margin-top: 50px }
    .container_service { padding-bottom: 60px }
    .container_service .am-container { margin-top: 50px }
    .container_service .process_list { margin-top: 50px }
    .container_service .process_list ul li { padding-left: 40px; margin-bottom: 18px }
    .container_service .process_list ul li:before { width: 30px; height: 30px }
    .container_service .process_list ul li:after { width: 15px; top: 23px; left: 10px }
    .container_service .process_list ul li h4 { min-height: 30px }
    .container_after_sale { padding-bottom: 60px }
    .container_after_sale .am-container { margin-top: 50px }
    .container_after_sale .form { margin-top: 50px }
    .container_message { padding-bottom: 60px }
    .container_message .am-container { margin-top: 50px }
    .container_download { padding-bottom: 60px }
    .container_download .am-container { margin-top: 50px }
    .container_download .data_list { margin-top: 50px }
    .container_download .data_list li { margin-bottom: 40px }
    .container_download .data_list li p { margin: 10px 0 18px }
    .container_download .data_list li .btn { width: 120px; height: 40px; line-height: 40px }
    .container_problem { padding-bottom: 60px }
    .container_problem .am-container { margin-top: 50px }
    .container_problem .problem_list { margin-top: 50px }
    .container_problem .problem_list .am-accordion-gapped { margin: 0 }
    .container_news { padding-bottom: 60px }
    .container_news .am-container { margin-top: 50px }
    .container_news .new_list li a .time .day { font-size: 30px; line-height: 1 }
    .container_news .new_list li a .time .date { margin-top: 10px }
    .container_new_details { padding-bottom: 60px }
    .container_new_details .article_title { margin-top: 50px; font-size: 20px }
    .container_new_details .article_date { margin-top: 9px }
    .container_new_details .hc { margin-top: 18px }
    .container_new_details .am-paragraph { margin-top: 30px; padding-bottom: 30px }
    .container_new_details .near a { padding: 10px 0 }
    .container_staff { padding-bottom: 60px }
    .container_staff .staff_wrap { margin-top: 36px }
    .container_staff .aside { display: none }
    .container_staff .staff_main { width: 100%; padding: 10px 28px; min-height: 470px }
    .container_staff .staff_main .staff_title { padding: 20px 0; font-size: 18px }
    .container_staff .staff_main .am-form { margin: 80px auto 0; width: 500px }
    .container_staff .staff_main .am-form .am-form-label { line-height: 50px }
    .container_staff .staff_main .am-form input { height: 50px }
    .container_staff .staff_main .am-form .submit_btn { height: 50px; line-height: 50px }
    .container_staff .staff_main .data_list { margin-top: 50px }
    .container_staff .staff_main .data_list li { margin-bottom: 30px; width: 31.18%; margin-right: 3.23% }
    .container_staff .staff_main .data_list li p { margin: 10px 0 18px }
    .container_staff .staff_main .data_list li .btn { width: 120px; height: 40px; line-height: 40px }
    .container_staff .staff_main .page { margin-bottom: 50px }
    .container_staff .staff_main .login_choose { padding: 48px 0 144px }
    .container_staff .staff_main .login_choose .item { width: 220px; height: 220px }
    .container_staff .staff_main .login_choose .item span { width: 60px; height: 60px; margin-bottom: 30px }
    .container_staff .staff_main .login_choose .item:first-child { margin-right: 60px }
    .container_culture { padding-bottom: 60px }
    .container_culture .am-container { margin-top: 50px }
    .container_recruit { padding-bottom: 30px }
    .container_recruit .am-container { margin-top: 50px }
    .container_recruit .job_list { margin-top: 50px }
    .container_recruit .job_list li { padding: 30px 30px 48px; margin-bottom: 30px; border-radius: 0px 0px 50px 0px }
    .container_recruit .job_list li .date { margin-bottom: 20px }
    .container_recruit .job_list li .job_name { font-size: 1.8rem }
    .container_recruit .job_list li .hr { margin: 24px 0 }
    .container_recruit .job_list li .more { width: 150px; height: 50px; line-height: 50px; margin-top: 40px }
    .container_recruit .job_accordion { margin-top: 50px }
    .container_recruit .job_accordion .th { height: 62px; line-height: 62px; padding-right: 66px; padding-left: 1.5rem; font-size: 1.6rem }
    .container_recruit .job_accordion .th .name { width: 20% }
    .container_recruit .job_accordion .th .num { width: 7.5% }
    .container_recruit .job_accordion .th .education { width: 30% }
    .container_recruit .job_accordion .th .place { width: 17.5% }
    .container_recruit .job_accordion .th .time { width: 20% }
    .container_recruit .job_accordion .am-accordion-gapped { margin: 0 0 60px }
    .container_recruit .job_accordion .am-accordion-gapped .am-accordion-title { height: 62px; line-height: 62px; padding-right: 66px; padding-left: 1.5rem; font-size: 1.6rem; font-size: 1.4rem }
    .container_recruit .job_accordion .am-accordion-gapped .am-accordion-title .name { width: 20% }
    .container_recruit .job_accordion .am-accordion-gapped .am-accordion-title .num { width: 7.5% }
    .container_recruit .job_accordion .am-accordion-gapped .am-accordion-title .education { width: 30% }
    .container_recruit .job_accordion .am-accordion-gapped .am-accordion-title .place { width: 17.5% }
    .container_recruit .job_accordion .am-accordion-gapped .am-accordion-title .time { width: 20% }
    .container_recruit .job_accordion .am-accordion-gapped .am-accordion-title:after { font-size: 20px }
    .container_recruit .job_accordion .am-accordion-gapped .am-accordion-content { padding: 1.5rem }
    .container_recruit .job_accordion .am-accordion-gapped .am-accordion-content .tt { font-size: 1.6rem; margin-bottom: .5rem }
    .container_recruit .job_accordion .am-accordion-gapped .am-accordion-content p { font-size: 1.4rem; line-height: 2 }
    .container_recruit .job_accordion .am-accordion-gapped .am-accordion-content .delivery { width: 150px; height: 50px; line-height: 50px; margin-top: 20px }
    .recruit_pop .layui-layer-title { height: 70px; line-height: 70px; font-size: 22px }
    .recruit_pop .job_details { padding: 20px 20px 30px }
    .recruit_pop .job_details .attr span { margin-right: 50px }
    .recruit_pop .job_details .item { margin-top: 24px }
    .recruit_pop .job_details .item .info { margin-top: 10px }
    .recruit_pop .job_details .tips { margin-top: 30px }
    .container_environment { padding-bottom: 60px }
    .container_environment .am-container { margin-top: 50px }
}

@media screen and (max-width:1024px) {
    .index_main .item1 .l .disc { line-height: 1.5em; font-size: 1.4rem }
    .index_main .item2 .list li .icon { width: 80px; height: 80px; border-radius: 50%; border: 5px solid #005a84; margin: 0 auto 15px }
    .index_main .item2 .list li .icon span { background-size: 40px; width: 40px; height: 40px }
    .index_main .item2 .list li .title { font-size: 16px; margin-bottom: 25px }
    .index_main .item2 .list li .disc { font-size: 1.2rem }
    .index_main .item3 .top .list .time { padding-right: 10px }
    .index_main .item3 .top .list .time b { font-size: 1.6rem }
    .index_main .item3 .top .list .words { padding-left: 10px }
    .index_main .item3 .down { margin-top: 20px }
    .index_main .item3 .down .list li { width: 23.5%; margin-right: 2% }
    .index_main .item3 .down .list li .title { margin-top: 12.5px }
    .index_main .item3 .down .list li .date { margin-top: 5px }
    .index_main .item4 .list li .disc { margin-top: 10px; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; line-height: 1.5em; max-height: 4.5em; font-size: 1.2rem }
    .container_about { padding-bottom: 40px }
    .container_about .am-container { padding: 0 10px }
    .container_about .item1 .am-paragraph { padding: 0 }
    .container_about .item2 { margin-top: 60px }
    .container_product .product_list li { height: 360px }
    .container_message { padding-bottom: 50px }
    .container_message .form .am-form-group { margin-bottom: 15px }
    .container_message .form .am-form-group label { line-height: 40px }
    .container_message .form .am-form-group input { height: 40px }
    .container_message .form .am-form-group .submit { width: 150px; height: 40px; line-height: 40px; margin-top: 10px }
    .container_recruit { padding-bottom: 25px }
    .container_recruit .am-container { margin-top: 50px }
    .container_recruit .job_list { margin-top: 50px }
    .container_recruit .job_list li { padding: 20px 10px 30px; margin-bottom: 25px; border-radius: 0 0 25px 0 }
    .container_recruit .job_list li .date { margin-bottom: 10px }
    .container_recruit .job_list li .job_name { font-size: 1.8rem }
    .container_recruit .job_list li .hr { margin: 18px 0 }
    .container_recruit .job_list li .more { width: 120px; height: 40px; line-height: 40px; margin-top: 30px }
    .recruit_pop .layui-layer-title { height: 50px; line-height: 50px; font-size: 20px }
    .recruit_pop .job_details { padding: 20px }
    .recruit_pop .job_details .attr span { margin-right: 40px }
    .recruit_pop .job_details .item { margin-top: 24px }
    .recruit_pop .job_details .item .info { margin-top: 10px }
    .recruit_pop .job_details .tips { margin-top: 20px }
    .container_environment { padding-bottom: 50px }
    .container_environment .environment_wra { margin: 50px 0 }
    .container_environment .environment_wra .item { margin-bottom: 50px }
    .container_environment .environment_wra .item .words { width: 50%; min-height: 316px; padding: 50px 20px 10px; bottom: 10% }
    .container_environment .environment_wra .item .words .title { font-size: 22px; margin-bottom: 40px }
    .container_environment .environment_wra .item .words .title:after { bottom: -20px }
    .container_environment .boon_list { margin-top: 50px }
    .container_environment .boon_list li { height: 320px }
    .container_environment .boon_list li span { width: 50px; height: 50px; margin: 80px auto 20px }
    .container_environment .boon_list li h4 { margin-bottom: 10px }
    .container_environment .boon_list li p { font-size: 1.4rem }
}

@media screen and (max-width:768px) {
    .column_banner .am-container{ height: 126px; padding: 0 2rem;top:0px; }
.column_banner .am-container h3{font-size:18px;line-height:24px;}
.column_banner .am-container p{font-size:14px;line-height:20px;}
.column_banner .am-container .title{padding-left:20px;}
.pcate{width:100%;padding:0 10px;}
.pcate ul{text-align:left;overflow:hidden;}
.pcate ul li{display:inline-block;float:left;width:50%;}
.pcate ul li a{width:100%;}
.product_content{padding: 20px 10px;}
.product_content .product2_list .product2_list_left{width:100%;}
.product_content .product2_list .product2_list_right{width:100%;}
.product_content .product2_list .product2_list_right .list_right_a dd{text-align:left;font-size:20px;}
.cont_box{padding: 20px 0;}
.product_x .spx_2 ul li{width:100%;}
.pro-intro .w{width:100%;}
.pro-intro .left{width:100%;}
.pro-intro{padding:0;}
.pro-intro .right{width:100%;padding:10px;}
.pr-title{font-size:18px;}
.pr-nav{display:none;}
    .ft .i p{line-height:36px;padding-left:10px;}
    .main .footer .copyright { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; -moz-flex-wrap: wrap; flex-wrap: wrap; font-family: 'Microsoft Yahei' }
    .main .footer .copyright .l { width: 100%; margin-bottom: 10px; text-align: center }
    .main .footer .copyright .r { width: 100%; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; -moz-flex-wrap: wrap; flex-wrap: wrap; text-align: center }
    .main .footer .copyright .r .list { width: 100%; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; margin-bottom: 10px }
    .main .footer .copyright .r p { width: 100% }
    .index_main .index_container .am-container { padding: 0 10px }
    .index_main .item1 { margin-top: 40px }
    .index_main .item1 .l h4 { margin-bottom: 10px }
    .index_main .item1 .l .disc { margin-bottom: 15px }
    .index_main .item2 { margin-top: 40px }
    .index_main .item2 .list { padding: 30px 0 20px }
    .index_main .item2 .list li { width: 20% }
    .index_main .item2 .list li .icon { width: 150px; height: 150px; border-radius: 50%; border: 4px solid #005a84; margin: 0 auto 10px }
    .index_main .item2 .list li .icon span { background-size: 150px; width: 150px; height: 150px }
    .index_main .item2 .list li .title { font-size: 16px; margin-bottom: 30px }
    .index_main .item2 .list li .disc { font-size: 1.2rem }
    .index_main .item2 .list li .more { height: 32px; line-height: 32px }
    .index_main .item3 { margin-top: 40px }
    .index_main .item3 .top .list { padding-left: 2% }
    .index_main .item3 .top .list:after { left: 24.3% }
    .index_main .item3 .top .list .time { padding-right: 10px; width: 21%; font-size: 1.2rem }
    .index_main .item3 .top .list .time b { font-size: 1.6rem }
    .index_main .item3 .top .list .words { padding-left: 10px; width: 79% }
    .index_main .item3 .top .list .words .title { font-size: 1.6rem }
    .index_main .item3 .top .list .words .disc { font-size: 1.4rem }
    .index_main .item3 .down { margin-top: 15px }
    .index_main .item3 .down .list li { width: 23.5%; margin-right: 2% }
    .index_main .item3 .down .list li .title { margin-top: 10px }
    .index_main .item3 .down .list li .date { margin-top: 4px }
    .index_main .item4 { margin-top: 40px }
    .index_main .item4 .list li .disc { margin-top: 10px; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; line-height: 1.5em; max-height: 4.5em; font-size: 1.2rem }
    .index_main .item5 { margin-top: 40px }
    .index_main .item5 .wra .input_group input, .index_main .item5 .wra textarea { line-height: 1.5em }
    .index_main .item5 .wra .submit button { height: 32px; line-height: 32px; font-size: 1.4rem }
    .container_about { padding-bottom: 40px }
    .container_about .item1 { padding-top: 40px }
    .container_about .item2 { margin-top: 40px }
    .container_about .item2 .swiper-slide { width: 353px; height: 280px }
    .container_about .item2 .swiper-slide.swiper-slide-prev, .container_about .item2 .swiper-slide.swiper-slide-next { width: 318px; height: 280px }
    .container_about .item3 { margin-top: 40px }
    .container_about .item3 .partner_list { margin-top: 30px }
    .container_active { padding-bottom: 40px }
    .container_active .am-container { margin-top: 40px }
    .container_contact { padding-bottom: 40px }
    .container_contact .am-container { margin-top: 40px }
    .container_contact .map_container { height: 320px }
    .container_product { padding-bottom: 40px }
    .container_product .am-container { margin-top: 40px }
    .container_product .product_list { margin-top: 36px }
    .container_product .product_list li { height: 350px; width: 32%; margin-right: 2%; margin-bottom: 1rem }
    .container_product .product_list li:nth-child(4n) { margin-right: 2% }
    .container_product .product_list li:nth-child(3n) { margin-right: 0 }
    .container_product .product_list li:nth-child(2n-1) { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0) }
    .container_product .page { margin-top: 16px }
    .container_case { padding-bottom: 40px }
    .container_case .am-container, .container_case .article { margin-top: 40px }
    .container_service { padding-bottom: 16px }
    .container_service .am-container { margin-top: 40px }
    .container_service .process_list { margin-top: 40px }
    .container_after_sale { padding-bottom: 40px }
    .container_after_sale .am-container { margin-top: 40px }
    .container_after_sale .form { margin-top: 40px }
    .container_message { padding-bottom: 40px }
    .container_message .am-container { margin-top: 40px }
    .container_message .form { margin-top: 40px }
    .container_message .form .am-form { width: 60% }
    .container_message .form .img { width: 38% }
    .container_message .form .am-form-group { margin-bottom: 15px }
    .container_message .form .am-form-group label { line-height: 40px }
    .container_message .form .am-form-group input { height: 40px }
    .container_message .form .am-form-group textarea { height: 80px }
    .container_message .form .am-form-group .submit { width: 120px; height: 40px; line-height: 40px; margin-top: 10px }
    .container_download { padding-bottom: 40px }
    .container_download .am-container { margin-top: 40px }
    .container_download .data_list { margin-top: 40px }
    .container_download .data_list li { margin-bottom: 30px }
    .container_download .data_list li p { margin: 10px 0 10px }
    .container_download .data_list li .btn { width: 90px; height: 30px; line-height: 30px }
    .container_problem { padding-bottom: 40px }
    .container_problem .am-container { margin-top: 40px }
    .container_problem .problem_list { margin-top: 40px }
    .container_news { padding-bottom: 40px }
    .container_news .am-container { margin-top: 40px }
    .container_news .new_list { margin-top: 40px }
    .container_news .new_list li { margin-bottom: 10px }
    .container_news .new_list li a { padding: 10px 0 10px 10px }
    .container_news .new_list li a .words { padding: 0 10px }
    .container_news .new_list li a .words h4 { margin-bottom: 10px }
    .container_news .new_list li a .time .day { font-size: 24px }
    .container_news .new_list li a .time .date { font-size: 1.2rem; margin-top: 5px }
    .container_news .page { margin-top: 40px }
    .container_new_details { padding-bottom: 40px }
    .container_new_details .article_title { margin-top: 40px; font-size: 18px }
    .container_new_details .article_date { margin-top: 6px }
    .container_new_details .hc { margin-top: 12px }
    .container_new_details .am-paragraph { margin-top: 30px; padding-bottom: 20px }
    .container_new_details .near a { padding: 8px 0 }
    .container_staff { padding-bottom: 40px }
    .container_staff .staff_wrap { margin-top: 36px }
    .container_staff .staff_main { padding: 10px 28px; min-height: 470px }
    .container_staff .staff_main .staff_title { padding: 20px 0; font-size: 18px }
    .container_staff .staff_main .am-form { margin: 40px auto 0; width: 500px }
    .container_staff .staff_main .am-form .am-form-label { line-height: 40px }
    .container_staff .staff_main .am-form input { height: 40px }
    .container_staff .staff_main .am-form .submit_btn { height: 40px; line-height: 40px }
    .container_staff .staff_main .am-form.regist_form { margin-bottom: 30px }
    .container_staff .staff_main .data_list { margin-top: 40px }
    .container_staff .staff_main .data_list li { margin-bottom: 30px; width: 31.18%; margin-right: 3.23% }
    .container_staff .staff_main .data_list li p { margin: 10px 0 10px }
    .container_staff .staff_main .data_list li .btn { width: 100px; height: 36px; line-height: 36px }
    .container_staff .staff_main .page { margin-bottom: 40px }
    .container_staff .staff_main .login_choose { padding: 60px 0 0px }
    .container_staff .staff_main .login_choose .item { width: 180px; height: 180px; font-size: 1.6rem }
    .container_staff .staff_main .login_choose .item span { width: 40px; height: 40px; margin-bottom: 20px }
    .container_staff .staff_main .login_choose .item:first-child { margin-right: 40px }
    .container_culture { padding-bottom: 40px }
    .container_culture .am-container { margin-top: 40px }
    .container_culture .culture_wra { margin-top: 40px }
    .container_recruit { padding-bottom: 20px }
    .container_recruit .am-container { margin-top: 50px }
    .container_recruit .job_list { margin-top: 50px }
    .container_recruit .job_list li { padding: 20px 10px 30px; margin-bottom: 20px; border-radius: 0 0 20px 0 }
    .container_recruit .job_list li .date { margin-bottom: 8px }
    .container_recruit .job_list li .job_name { font-size: 1.8rem }
    .container_recruit .job_list li .hr { margin: 15px 0 }
    .container_recruit .job_list li .more { width: 120px; height: 40px; line-height: 40px; margin-top: 20px }
    .container_recruit .job_accordion { margin-top: 50px }
    .container_recruit .job_accordion .th { height: 62px; line-height: 62px; padding-right: 2.5em; padding-left: 1.5rem; font-size: 1.6rem }
    .container_recruit .job_accordion .th .name { width: 20% }
    .container_recruit .job_accordion .th .num { width: 7.5% }
    .container_recruit .job_accordion .th .education { width: 30% }
    .container_recruit .job_accordion .th .place { width: 17.5% }
    .container_recruit .job_accordion .th .time { width: 20% }
    .container_recruit .job_accordion .am-accordion-gapped { margin: 0 0 40px }
    .container_recruit .job_accordion .am-accordion-gapped .am-accordion-title { height: 62px; line-height: 62px; padding-right: 2.5em; padding-left: 1.5rem; font-size: 1.6rem; font-size: 1.4rem }
    .container_recruit .job_accordion .am-accordion-gapped .am-accordion-title .name { width: 20% }
    .container_recruit .job_accordion .am-accordion-gapped .am-accordion-title .num { width: 7.5% }
    .container_recruit .job_accordion .am-accordion-gapped .am-accordion-title .education { width: 30% }
    .container_recruit .job_accordion .am-accordion-gapped .am-accordion-title .place { width: 17.5% }
    .container_recruit .job_accordion .am-accordion-gapped .am-accordion-title .time { width: 20% }
    .container_recruit .job_accordion .am-accordion-gapped .am-accordion-title:after { font-size: 20px }
    .container_recruit .job_accordion .am-accordion-gapped .am-accordion-content { padding: 1.5rem }
    .container_recruit .job_accordion .am-accordion-gapped .am-accordion-content .tt { font-size: 1.6rem; margin-bottom: .5rem }
    .container_recruit .job_accordion .am-accordion-gapped .am-accordion-content p { font-size: 1.4rem; line-height: 2 }
    .container_recruit .job_accordion .am-accordion-gapped .am-accordion-content .delivery { width: 150px; height: 50px; line-height: 50px; margin-top: 20px }
    .recruit_pop .layui-layer-title { height: 50px; line-height: 50px; font-size: 20px }
    .recruit_pop .job_details { padding: 20px }
    .recruit_pop .job_details .attr span { margin-right: 40px }
    .recruit_pop .job_details .item { margin-top: 15px }
    .recruit_pop .job_details .item .info { margin-top: 10px; line-height: 1.5 }
    .recruit_pop .job_details .tips { margin-top: 20px }
    .container_environment { padding-bottom: 40px }
    .container_environment .environment_wra { margin: 40px 0 }
    .container_environment .environment_wra .item { margin-bottom: 40px }
    .container_environment .environment_wra .item .words { width: 50%; min-height: 316px; padding: 30px 20px 20px; bottom: 10%; display: flex; display: -webkit-flex; display: -ms-flexbox; display: -moz-flexbox; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center }
    .container_environment .environment_wra .item .words .title { font-size: 18px; margin-bottom: 30px; font-weight: bold }
    .container_environment .environment_wra .item .words .title:after { bottom: -18px }
    .container_environment .environment_wra .item .words .disc { font-size: 1.4rem }
    .container_environment .boon_list { margin-top: 40px }
    .container_environment .boon_list li { height: 280px }
    .container_environment .boon_list li span { width: 50px; height: 50px; margin: 20% auto 20px }
    .container_environment .boon_list li h4 { margin-bottom: 10px; font-size: 1.6rem }
    .container_environment .boon_list li p { font-size: 1.4rem }
}

@media screen and (max-width:640px) {
    .main .am-header .am-header-title { margin: 0;text-align:left; }
    .main .am-header .am-header-title img { height: 36px; margin-top: 0;vertical-align:middle; }
    .main .column_banner { padding-bottom: 35% }
    .main .column_title { font-size: 1.8rem }
    .main .page .pagination li { display: none }
    .main .page .pagination li:first-child, .main .page .pagination li:last-child { display: block; margin: 0 15px }
    .index_main .index_title h3 { font-size: 30px }
    .index_main .index_title h4 { font-size: 18px }
    .index_main .item1 { margin-top: 30px }
    .index_main .item1 .index_title { margin-bottom: 30px }
    .index_main .item1 .am-container { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; -moz-flex-wrap: wrap; flex-wrap: wrap; flex-direction: column-reverse }
    .index_main .item1 .l { width: 100% }
    .index_main .item1 .l a { margin: 0 auto; border-radius: 3px }
    .index_main .item1 .r { width: 100%; margin-bottom: 10px }
    .index_main .item2 { margin-top: 30px }
    .index_main .item2 .list { padding: 30px 0; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; -moz-flex-wrap: wrap; flex-wrap: wrap }
    .index_main .item2 .list li { width: 50%; padding: 0 10px; margin-top: 20px }
    .index_main .item2 .list li:nth-child(-n+2) { margin-top: 0 }
    .index_main .item2 .list li .title { font-size: 18px }
    .index_main .item2 .list li .disc { font-size: 1.4rem }
    .index_main .item3 { margin-top: 30px }
    .index_main .item3 .top .recommend_new { display: none }
    .index_main .item3 .top .list { padding-left: 0%; width: 100% }
    .index_main .item3 .top .list .img { display: block; border-radius: 8px; overflow: hidden }
    .index_main .item3 .top .list:after { display: none }
    .index_main .item3 .top .list li { margin-bottom: 10px }
    .index_main .item3 .top .list .wra { display: flex; display: -webkit-flex; display: -ms-flexbox; display: -moz-flexbox; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; -moz-flex-wrap: wrap; flex-wrap: wrap; flex-direction: column-reverse }
    .index_main .item3 .top .list .time { padding-right: 0; font-size: 1.4rem; display: flex; display: -webkit-flex; display: -ms-flexbox; display: -moz-flexbox; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-justify-content: flex-end; -o-justify-content: flex-end; justify-content: flex-end; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; -moz-flex-wrap: wrap; flex-wrap: wrap; width: 100%; float: none; flex-direction: row-reverse; height: auto }
    .index_main .item3 .top .list .time b { font-size: 1.4rem; color: #999; font-weight: normal }
    .index_main .item3 .top .list .time .date { display: inline-block; margin-top: 0 }
    .index_main .item3 .top .list .words { padding-left: 0; width: 100%; float: none; height: auto }
    .index_main .item3 .top .list .words:before { display: none }
    .index_main .item3 .top .list .words .title { font-size: 1.6rem; margin-top: 10px }
    .index_main .item3 .top .list .words .disc { display: none }
    .index_main .item3 .down { margin-top: 0px }
    .index_main .item3 .down .list li { margin-right: 0%; width: 100%; margin-bottom: 10px }
    .index_main .item3 .down .list li:last-child { margin-bottom: 0 }
    .index_main .item3 .down .list li .title { font-size: 1.6rem; font-weight: bold; margin: 10px 0 }
    .index_main .item3 .down .list li .date { margin-top: 4px }
    .index_main .item4 { margin-top: 30px; background: none !important; padding: 0 }
    .index_main .item4 .index_title { margin-bottom: 30px }
    .index_main .item4 .index_title h3 { color: rgba(85,85,85,0.06) }
    .index_main .item4 .index_title h4 { color: #333 }
    .index_main .item4 .list { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; -moz-flex-wrap: wrap; flex-wrap: wrap }
    .index_main .item4 .list a { color: #333 }
    .index_main .item4 .list li { width: 100%; margin-right: 0%; margin-bottom: 10px }
    .index_main .item4 .list li:nth-child(2n) { margin-right: 0 }
    .index_main .item4 .list li h4 { font-size: 1.8rem; margin: 10px 0; text-align: center }
    .index_main .item4 .list li .disc { margin-top: 0px; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; line-height: 1.4em; max-height: 4.2em; font-size: 1.4rem; color: #666; text-align: center }
    .index_main .item5 { margin-top: 30px }
    .index_main .item5 .wra .input_group:nth-child(3) { margin-bottom: 27px }
    .index_main .item5 .wra .input_group input, .index_main .item5 .wra .input_group textarea { line-height: 1.5em; text-align: left; font-size: 1.4rem }
    .index_main .item5 .wra .submit button { height: 32px; line-height: 32px; font-size: 1.4rem }
    .container_about { padding-bottom: 30px }
    .container_about .item1 { padding-top: 30px }
    .container_about .item2 { margin-top: 30px }
    .container_about .item2 .swiper-container { width: 100% }
    .container_about .item2 .swiper-slide { width: 100%; height: auto; padding-bottom: 100% }
    .container_about .item2 .arrow { display: none }
    .container_about .item2 .swiper-pagination { margin-top: 40px }
    .container_about .item3 { margin-top: 30px }
    .container_about .item3 .partner_list { margin-top: 20px }
    .container_active { padding-bottom: 30px }
    .container_active .am-container { margin-top: 30px }
    .container_active .active_list { margin-top: 15px; padding-bottom: 15px }
    .container_active .active_list li { padding: 0; margin-bottom: 1.5rem; border: none }
    .container_active .active_list li a { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; -moz-flex-wrap: wrap; flex-wrap: wrap; flex-direction: column-reverse }
    .container_active .active_list li a .words { width: 100%; margin-top: 1rem }
    .container_active .active_list li a .words .title { font-size: 1.6rem; margin-bottom: 24px }
    .container_active .active_list li a .words .title:after { bottom: -12px; width: 20px }
    .container_active .active_list li a .words .disc { margin-bottom: 10px }
    .container_active .active_list li a .img { width: 100% }
    .container_contact { padding-bottom: 30px }
    .container_contact .am-container { margin-top: 30px }
    .container_contact .map_container { height: auto; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; -moz-flex-wrap: wrap; flex-wrap: wrap; flex-direction: column-reverse; margin-top: 30px }
    .container_contact .map_container .map { height: 200px; width: 100% }
    .container_contact .map_container .info { height: auto; width: 100%; box-shadow: none }
    .container_contact .map_container .info .list { padding-left: 0 }
    .container_contact .map_container .info .list li { margin-bottom: 15px }
    .container_product { padding-bottom: 30px }
    .container_product .am-container { margin-top: 30px }
    .container_product .product_list { margin-top: 30pxr }
    .container_product .product_list li { height: auto; width: 100%; margin-right: 0%; margin-bottom: 1rem }
    .container_product .product_list li:nth-child(4n) { margin-right: 0% }
    .container_product .product_list li:nth-child(3n) { margin-right: 0 }
    .container_product .product_list li:nth-child(2n-1) { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0) }
    .container_product .product_list li a { padding-bottom: 40px }
    .container_product .page { margin-top: 16px }
    .container_product_details { padding-bottom: 30px }
    .container_product_details .pro_info { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; -moz-flex-wrap: wrap; flex-wrap: wrap; margin-top: 30px }
    .container_product_details .pro_info .img { width: 100%; margin-bottom: 15px }
    .container_product_details .pro_info .words { width: 100% }
    .container_product_details .pro_info .words h4 { font-size: 18px; margin-bottom: 12px }
    .container_product_details .item_title span { height: 32px; line-height: 32px; width: 120px }
    .container_product_details .item { margin-top: 20px }
    .container_product_details .recommend_list li { width: 48.5%; margin-right: 3%; margin-bottom: 12px }
    .container_product_details .recommend_list li:nth-child(2n) { margin-right: 0 }
    .container_product_details .recommend_list li h4 { font-size: 1.4rem }
    .container_case { padding-bottom: 30px }
    .container_case .am-container, .container_case .article { margin-top: 30px }
    .container_service { padding-bottom: 30px }
    .container_service .am-container { margin-top: 30px }
    .container_service .process_list { margin-top: 30px }
    .container_service .process_list ul li { padding-left: 40px; margin-bottom: 12px }
    .container_service .process_list ul li:before { width: 30px; height: 30px }
    .container_service .process_list ul li:after { width: 15px; top: 23px; left: 10px }
    .container_service .process_list ul li h4 { min-height: 30px }
    .container_after_sale { padding-bottom: 30px }
    .container_after_sale .am-container { margin-top: 30px }
    .container_after_sale .form { margin-top: 30px }
    .container_after_sale .am-form { width: 100% }
    .container_after_sale .am-form .am-u-sm-12 { padding: 0 }
    .container_after_sale .am-form .am-form-group label:not(.up_label) { line-height: 30px }
    .container_after_sale .am-form .am-form-group input, .container_after_sale .am-form .am-form-group select { height: 40px }
    .container_after_sale .am-form .am-form-group .up_label { margin-bottom: 10px }
    .container_after_sale .am-form .x_pic_list li { width: 32%; margin-right: 2%; height: 0; padding-bottom: 32%; margin-top: 10px }
    .container_after_sale .am-form .btn { height: 40px; line-height: 40px; width: 120px }
    .container_after_sale .am-form .submit { width: 120px; height: 40px; line-height: 40px }
    .container_message { padding-bottom: 30px }
    .container_message .am-container { margin-top: 30px }
    .container_message .form { margin-top: 30px; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; -moz-flex-wrap: wrap; flex-wrap: wrap }
    .container_message .form .am-form { width: 100% }
    .container_message .form .img { display: none }
    .container_message .form .am-form-group { margin-bottom: 0px }
    .container_message .form .am-form-group label { line-height: 40px }
    .container_message .form .am-form-group input { height: 40px }
    .container_message .form .am-form-group textarea { height: 80px }
    .container_message .form .am-form-group .submit { width: 100%; height: 40px; line-height: 40px; margin-top: 20px }
    .container_message .form .am-form-group .am-u-md-10 { padding: 0 }
    .container_message .form .am-form-group .am-u-md-offset-2 { text-align: center }
    .container_download { padding-bottom: 30px }
    .container_download .am-container { margin-top: 30px }
    .container_download .data_list { margin-top: 30px }
    .container_download .data_list li { margin-bottom: 20px; width: 48.5%; margin-right: 3% }
    .container_download .data_list li:nth-child(2n) { margin-right: 0 }
    .container_download .data_list li p { margin: 10px 0 10px }
    .container_download .data_list li .btn { width: 90px; height: 30px; line-height: 30px }
    .container_problem { padding-bottom: 30px }
    .container_problem .am-container { margin-top: 30px }
    .container_problem .problem_list { margin-top: 30px }
    .container_problem .problem_list .am-accordion-gapped .am-accordion-title { padding: .8rem 2rem .8rem 1rem }
    .container_news { padding-bottom: 30px }
    .container_news .am-container { margin-top: 30px }
    .container_news .new_list { margin-top: 30px }
    .container_news .new_list li { margin-bottom: 10px }
    .container_news .new_list li a { padding: 0; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; -moz-flex-wrap: wrap; flex-wrap: wrap }
    .container_news .new_list li a .img { width: 100% }
    .container_news .new_list li a .words { padding: 10px; width: 100% }
    .container_news .new_list li a .words h4 { margin-bottom: 10px }
    .container_news .new_list li a .time { width: 100%; flex-direction: row-reverse; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; -o-justify-content: flex-start; justify-content: flex-start; padding: 0 10px 10px; color: #999 }
    .container_news .new_list li a .time .day { font-size: 1.4rem }
    .container_news .new_list li a .time .day:before { content: '-' }
    .container_news .new_list li a .time .date { font-size: 1.4rem; margin-top: 0px }
    .container_news .page { margin-top: 30px }
    .container_new_details { padding-bottom: 30px }
    .container_new_details .article_title { margin-top: 30px; font-size: 18px }
    .container_new_details .article_date { margin-top: 6px }
    .container_new_details .hc { margin-top: 12px }
    .container_new_details .am-paragraph { margin-top: 30px; padding-bottom: 20px }
    .container_new_details .near a { padding: 8px 0 }
    .container_staff { padding-bottom: 30px }
    .container_staff .staff_wrap { margin-top: 36px }
    .container_staff .staff_main { padding: 10px 10px 30px; min-height: auto }
    .container_staff .staff_main .staff_title { padding: 10px 0; font-size: 16px }
    .container_staff .staff_main .am-form { margin: 20px auto 0; width: 100% }
    .container_staff .staff_main .am-form .am-form-label { line-height: 40px }
    .container_staff .staff_main .am-form .am-u-sm-12 { padding: 0 }
    .container_staff .staff_main .am-form input { height: 40px }
    .container_staff .staff_main .am-form .submit_btn { height: 40px; line-height: 40px }
    .container_staff .staff_main .login_type_list { margin-top: 20px }
    .container_staff .staff_main .login_type_list li:first-child { padding-right: 25% }
    .container_staff .staff_main .login_type_list li span { font-size: 28px }
    .container_staff .staff_main .demo { margin-top: 30px; padding-bottom: 20px }
    .container_staff .staff_main .demo h4 { font-size: 18px }
    .container_staff .staff_main .demo h4 span:before, .container_staff .staff_main .demo h4 span:after { width: 100px }
    .container_staff .staff_main .demo h4 span:before { left: 100px }
    .container_staff .staff_main .demo h4 span:after { right: 100px }
    .container_staff .staff_main .demo ul { margin-top: 20px }
    .container_staff .staff_main .demo ul li:first-child { padding-right: 25% }
    .container_staff .staff_main .demo ul li span { font-size: 28px }
    .container_staff .staff_main .demo ul li:first-child, .container_staff .staff_main .demo ul li { padding-right: 15% }
    .container_staff .staff_main .data_list { margin-top: 30px }
    .container_staff .staff_main .data_list li { margin-bottom: 20px; width: 48.5%; margin-right: 3% }
    .container_staff .staff_main .data_list li:nth-child(3n) { margin-right: 3% }
    .container_staff .staff_main .data_list li:nth-child(2n) { margin-right: 0 }
    .container_staff .staff_main .data_list li p { margin: 10px 0 10px }
    .container_staff .staff_main .data_list li .btn { width: 90px; height: 30px; line-height: 30px }
    .container_staff .staff_main .page { margin-bottom: 0px }
    .container_staff .staff_main .login_choose { padding: 40px 0 0px }
    .container_staff .staff_main .login_choose .item { width: 180px; height: 180px; font-size: 1.6rem }
    .container_staff .staff_main .login_choose .item span { width: 40px; height: 40px; margin-bottom: 20px }
    .container_staff .staff_main .login_choose .item:first-child { margin-right: 20px }
    .container_culture { padding-bottom: 30px }
    .container_culture .am-container { margin-top: 30px }
    .container_culture .culture_wra { margin-top: 30px }
    .container_culture .culture_wra .img { width: 100% }
    .container_culture .culture_wra .info { width: 100%; position: unset; padding-top: 20px }
    .container_recruit { padding-bottom: 20px }
    .container_recruit .am-container { margin-top: 50px }
    .container_recruit .job_list { margin-top: 50px }
    .container_recruit .job_list li { width: 100%; padding: 20px 10px 30px; margin-bottom: 20px; border-radius: 0 0 20px 0 }
    .container_recruit .job_list li .date { margin-bottom: 8px }
    .container_recruit .job_list li .job_name { font-size: 1.8rem }
    .container_recruit .job_list li .hr { margin: 15px 0 }
    .container_recruit .job_list li .more { width: 120px; height: 40px; line-height: 40px; margin-top: 20px }
    .container_recruit .job_accordion { margin-top: 30px }
    .container_recruit .job_accordion .th { height: 50px; line-height: auto; padding-right: 0; padding-left: 0; font-size: 1.2rem }
    .container_recruit .job_accordion .th .td { word-break: break-all; display: flex; display: -webkit-flex; display: -ms-flexbox; display: -moz-flexbox; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center }
    .container_recruit .job_accordion .th .name { width: 20%; line-height: 1.5 }
    .container_recruit .job_accordion .th .num { width: 20%; line-height: 1.5 }
    .container_recruit .job_accordion .th .education { width: 25%; line-height: 1.5 }
    .container_recruit .job_accordion .th .place { width: 17.5%; line-height: 1.5 }
    .container_recruit .job_accordion .th .time { width: 20%; line-height: 1.5 }
    .container_recruit .job_accordion .am-accordion-gapped { margin: 0 0 30px }
    .container_recruit .job_accordion .am-accordion-gapped .am-accordion-title { height: 50px; line-height: auto; padding-right: 0; padding-left: 0; font-size: 1.2rem; padding: 0 1rem }
    .container_recruit .job_accordion .am-accordion-gapped .am-accordion-title .td { word-break: break-all; display: flex; display: -webkit-flex; display: -ms-flexbox; display: -moz-flexbox; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center }
    .container_recruit .job_accordion .am-accordion-gapped .am-accordion-title .name { width: 20%; line-height: 1.5 }
    .container_recruit .job_accordion .am-accordion-gapped .am-accordion-title .num { width: 20%; line-height: 1.5 }
    .container_recruit .job_accordion .am-accordion-gapped .am-accordion-title .education { width: 25%; line-height: 1.5 }
    .container_recruit .job_accordion .am-accordion-gapped .am-accordion-title .place { width: 17.5%; line-height: 1.5 }
    .container_recruit .job_accordion .am-accordion-gapped .am-accordion-title .time { width: 20%; line-height: 1.5 }
    .container_recruit .job_accordion .am-accordion-gapped .am-accordion-title:after { display: none }
    .container_recruit .job_accordion .am-accordion-gapped .am-accordion-content { padding: 1rem }
    .container_recruit .job_accordion .am-accordion-gapped .am-accordion-content .tt { font-size: 1.4rem; margin-bottom: .5rem }
    .container_recruit .job_accordion .am-accordion-gapped .am-accordion-content p { font-size: 1.2rem; line-height: 1.5 }
    .container_recruit .job_accordion .am-accordion-gapped .am-accordion-content .delivery { width: 120px; height: 40px; line-height: 40px; margin-top: 10px }
    .recruit_pop .layui-layer-title { height: 50px; line-height: 50px; font-size: 18px }
    .recruit_pop .job_details { padding: 10px; max-height: 80vh; overflow-y: scroll }
    .recruit_pop .job_details .attr span { margin-right: 0px; display: block }
    .recruit_pop .job_details .item { margin-top: 10px }
    .recruit_pop .job_details .item .info { margin-top: 0px; line-height: 1.5 }
    .recruit_pop .job_details .tips { margin-top: 20px }
    .container_environment { padding-bottom: 30px }
    .container_environment .environment_wra { margin: 30px 0 }
    .container_environment .environment_wra .item { margin-bottom: 30px }
    .container_environment .environment_wra .item .img { width: 100% }
    .container_environment .environment_wra .item .words { width: 100%; min-height: auto; padding: 30px 10px 20px; bottom: 10%; display: flex; display: -webkit-flex; display: -ms-flexbox; display: -moz-flexbox; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; float: left; position: unset }
    .container_environment .environment_wra .item .words .title { font-size: 18px; margin-bottom: 30px; font-weight: bold }
    .container_environment .environment_wra .item .words .title:after { bottom: -18px }
    .container_environment .environment_wra .item .words .disc { font-size: 1.4rem }
    .container_environment .boon_list { margin-top: 30px }
    .container_environment .boon_list li { height: 240px; box-shadow: 0 0 10px rgba(0,0,0,0.04) }
    .container_environment .boon_list li span { width: 40px; height: 40px; margin: 20% auto 20px }
    .container_environment .boon_list li h4 { margin-bottom: 10px; font-size: 1.6rem }
    .container_environment .boon_list li p { font-size: 1.4rem }
    .container_environment .boon_list li br { display: none }
}