@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;}
.s_paging{overflow:hidden;padding:20px;text-align:center;}
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 }
.caselist{position:relative;}
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 { 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: 60px; 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 }


.slick-slider { position: relative; display: block; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { z-index: 0; position: relative; display: block; overflow: hidden; margin: 0 auto; width: 100%; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-track { position: relative; top: 0; left: 0; display: block; }
.slick-track:before,
.slick-track:after { display: table; content: ''; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { outline: none; display: none; float: left; height: 100%; /*min-height: 1px; */}
[dir='rtl'] .slick-slide { float: right; }
.slick-slide img { display: block; width: 100%; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; }
.slick-arrow.slick-hidden { display: none; }
.slick-dots { line-height: 1; position: absolute; width: 100%; bottom: 0; list-style: none; display: block; text-align: center; padding: 0px; }
.slick-dots li { display: inline-block !important; vertical-align: top; border-radius: 10px; cursor: pointer; width: 10px; overflow: hidden; height: 10px; background: #cfcfcf; box-sizing: border-box; display: inline-block; zoom: 1; *display: inline; margin: 0 4.5px; }
.slick-dots li button { background: none; border: none; outline: none; font-size: 0; }
.slick-dots li.slick-active { overflow: hidden; background: #002257; }
.slick-arrow { background-color: rgba(0,0,0,0); outline: none; border: none; width: 33px; height: 33px; top: 50%; margin-top: -16.5px; text-indent: 100px; overflow: hidden; -webkit-transition: all .5s; transition: all .5s; cursor: pointer; position: absolute; z-index: 10; }
.contactmsg-cnt{color:#fff;padding-top:30px;}
.main .footer { background-color: #282b35 }
.main .footer .top { padding: 60px 0 40px; 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; }
.main .footer .top .f-l{padding-right:50px;border-right:1px dashed #ccc;margin-right:50px;
    min-width: 350px;}

.index_flag{padding:20px;width:1200px;margin:0 auto;text-align:center}
.index_flag p{font-size:36px;font-weight:bold;text-align:center;}
.index_flag p span{color:red;}
.index_flag em{font-size:16px;color:#111;padding:10px;text-align:center;font-style:normal;}
.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: 120px }
.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: #0c64e9; 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 .index_title h5{font-size:16px;font-weight:normal;margin-top:15px;}
.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: 30px; }
.index_main .item2 .index_title { margin-bottom: 30px }
.index_main .item2 .wrap { }
.index_main .item2 .list {  width: 100%; padding: 20px 0 50px;overflow:hidden;}
.index_main .item2 .list li { width: 33.3333%; text-align: center;float:left;margin-bottom:20px;padding:0 10px; }
.index_main .item2 .list li .icon { width: 100%; -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;  margin: 0 auto 0px; -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;  }
.index_main .item2 .list li .icon span img{width:100%;}
.index_main .item2 .list li .title a{ font-size: 18px;position: relative;background:#eee;color:#000;line-height:50px;height:50px;font-weight:bold;display:block; }
.index_main .item2 .list li .title a:hover{color:#4285f4}
.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: -10px; 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 {  }
.index_main .item2 .list li:hover .icon span { background-position: bottom center }
.index_main .item2 .list li:hover .more { color: #00aeff }
.index_main .item3 { padding-top: 60px;  background:#fbfbfb;padding-bottom:40px; }
.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 .wra:hover{color:#0c64e9}
.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 {  background-repeat: no-repeat; background-size: cover; background-position: center; padding: 60px 0 60px;background-color:rgb(244, 244, 244); }
.index_main .item4 .index_title { margin-bottom: 40px }
.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 { -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 { padding-bottom: 15px; position: relative;border:1px solid #ccc;padding:10px;float:left;margin:0 10px;}
.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;max-height:220px; }
.index_main .item4 .list li h4 {  line-height: 1; font-size: 20px; font-weight: bold;border-bottom:1px dotted #ccc;padding:10px 0; }
.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.8em;  font-size: 1.4rem; margin-top: 14px }
.index_main .item4 .list li .disc p{font-size: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; }

.item6{overflow:hidden;padding:50px 0;}
.item6 .huobanlist { margin: 20px 0%; }
.item6 .huobanlist ul.slick-slider{padding-bottom:20px;}
.item6 .huobanlist ul .slick-track li { display: inline-block; position: relative; vertical-align: top; height: 100px; box-sizing: border-box; width: 20%; float: left; padding: 5px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; }
.item6 .huobanlist  ul .slick-track li a { display: block; width: 100%; height: 100%; background: no-repeat center; background-size: contain; box-sizing: border-box; border: 1px solid #ddd; }

.item6 .huobanlist {position:relative;}
.item6 .huobanlist .huobanimg { display: inline-block; position: relative; vertical-align: top; height: 100px; box-sizing: border-box; width: 100%; float: left; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; margin-right:10px;border: 1px solid #ddd;background-repeat:no-repeat;background: no-repeat center; background-size: contain; }

.item6 .huobanlist  ul .slick-track li a { display: block;   }
.item6 .slick-dots{bottom:-30px;}

/**�õ�Ƭ**/
.ban{ width:100%; float:left; text-align:left; padding-bottom:20px;}
.DB_tab25 {width:100%;height:520px;position:relative;overflow:hidden;cursor:pointer; float:left;}
.DB_tab25 .DB_bgSet{position:relative;}
.DB_tab25 .DB_bgSet li{position:absolute;width:100%;height:520px;display:none;}
.DB_tab25 .DB_imgSet{position:absolute;width:988px;left:50%;margin-left:-500px;}
.DB_tab25 .DB_imgSet .DB_1_1{position:absolute;left:20px;top:160px;}
.DB_tab25 .DB_imgSet .DB_1_2{position:absolute;left:20px;top:350px}

.DB_tab25 .DB_imgSet .DB_1_3{position:absolute;left:550px;top:100px}
.DB_tab25 .DB_imgSet .DB_2_1{position:absolute;left:360px;top:400px;}
.DB_tab25 .DB_imgSet .DB_2_2{position:absolute;left:90px;top:310px}
.DB_tab25 .DB_imgSet .DB_2_3{position:absolute;left:115px;top:200px}
.DB_tab25 .DB_imgSet .DB_3_1{position:absolute;left:280px;top:150px;}
.DB_tab25 .DB_imgSet .DB_3_2{position:absolute;left:280px;top:350px}
.DB_tab25 .DB_imgSet .DB_3_3{position:absolute;left: -150px;top:80px}
.DB_tab25 .DB_imgSet .DB_4_1{position:absolute;left:-30px;top:50px;}
.DB_tab25 .DB_imgSet .DB_4_2{position:absolute;left:0px;top:130px}
.DB_tab25 .DB_imgSet .DB_4_3{position:absolute;left:0px;top:220px}
.DB_tab25 .DB_imgSet .DB_4_4{position:absolute;left:0px;top:330px}
.DB_tab25 .DB_imgSet .DB_4_5{position:absolute;left:770px;top:80px}
.DB_tab25 .DB_menuWrap{position:absolute;width:988px;left:50%;margin-left:-500px;}
.DB_tab25 .DB_menuWrap .DB_menuSet{position:absolute;width:100%;top:490px;text-align:center;font-size:0; border-radius:20px;}
.DB_tab25 .DB_menuWrap .DB_menuSet li{cursor:pointer;margin:0 3px;display:inline}
.DB_tab25 .DB_prev{position:absolute;left:-100px;top:220px;cursor:pointer;display:none}
.DB_tab25 .DB_next{position:absolute;right:-100px;top:220px;cursor:pointer;display:none}

#ban1{ display:none; width:100%;}
#ban1 img{ width:100%;}


/* Swipe �õ�Ƭ */
.swipe {
  overflow: hidden;
  visibility: hidden;
  position: relative;
}
.swipe-wrap {
  overflow: hidden;
  position: relative;
}
.swipe-wrap > div {
  float:left;
  width:100%;
  position: relative;
}

.slider-control .left{
  left: 24px;
background-position: 0 0;
position: absolute;
top: 50%;
left:10px;
z-index: 100; border:0px;
margin-top: -12px;
width: 13px;
height: 23px;
background: url(../images/main_slider_arrows.png) -13px 0 no-repeat;
cursor: pointer;

}

.slider-control .right{

background-position: 0 0;

position: absolute;
top: 50%;
right:10px;
z-index: 100; border:0px;
margin-top: -12px;
width: 13px;
height: 23px;
background: url(../images/main_slider_arrows.png) 0px 0 no-repeat;
cursor: pointer;
}
/**�õ�Ƭ����**/


.m_left{ width: 317px; }
.m_right{ width: 850px; }
.show_left{ padding: 10px 0; position: absolute; cursor: pointer; background: url(../images/icon44.png) center no-repeat; background-size: contain; width: 34px; height: 50px; top: 50%; right: -34px; margin-top: -15px;}
.show_left:before{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/icon45.png) center no-repeat; background-size: contain;}
.show_left.active:before{ transform:rotate(180deg); }
.ml_title{ height: 132px; line-height: 132px; background: #333; text-align: center; color: #fff; }
.ml_title img{ margin-right: 15px; }
.ml_title h1{ text-align: left; line-height: 32px; margin-bottom: 4px; font-weight: bold; font-size: 25px; }
.ml_title h2{ text-align: left; line-height: 19px; font-size: 15px; font-weight: 300; }
.ml_nav li{ border-bottom: 1px solid #eaeaea;  }
.ml_nav li > a{ display: block;background:#4285f4;color:#333;line-height:45px;padding-left:20px;}
.ml_nav li > a span{ display: inline-block; text-align: center; border-radius: 50%; vertical-align: middle; width: 10px; height: 10px; line-height: 15px; font-size: 0; border: 1px solid #999; }
.ml_nav li > a font{ width: calc(100% - 50px); display: inline-block; vertical-align: middle; font-size: 16px; font-weight: bold; margin-left: 8px;color:#fff; }
.ml_nav li.on > a,.ml_nav li:hover > a,.ml_nav dd.on a,.ml_nav dd:hover a{ color: #e72828; }
.ml_nav li:hover a span,.ml_nav li.on a span{ border-color: #e72828; }
.ml_nav li.on dl{ display: block; }
.ml_nav dl{ display: none; position: relative;padding-top:15px; }
.ml_nav dd{ color: #666; line-height: 29px; padding-left: 18px; }
.ml_nav dl:after{ content: ''; position: absolute; top: 0; left: 17px; display: block; width: 1px; height: calc(100% - 14px); background: #e5e5e5; }
.ml_nav dd:before{ content: ''; width: 23px; height: 1px; background: #e5e5e5; display: inline-block; vertical-align: middle; }
.ml_nav dd a{ width: calc(100% - 35px); display: inline-block; vertical-align: middle; margin-left: 4px; }
.pro_top{ margin-bottom: 40px; padding-bottom: 22px; border-bottom: 1px solid #e5e5e5; color: #666; }
.pro_top h2{ margin-bottom: 14px; font-weight: bold; font-size: 16px; line-height: 30px; }
.pro_top p{ line-height: 24px; }
.pro_con ul{ margin-bottom: 20px;overflow: hidden; }
.pages{margin-bottom: 20px;}
.pro_con li{ position: relative; margin-bottom: 20px; float: left; width: 32.2%; margin-right: 1.7%; border: 1px solid #eaeaea; box-sizing: border-box;padding:5px; }
.pro_con li a:hover{color:#4285f4}
.pro_con li:nth-child(3n){ margin-right: 0; }
.pcate ul li:nth-child(3n){ margin-right: auto; }
.pro_con li .top{ margin-bottom: 20px; border-bottom: 1px solid #e5e5e5; padding: 0 10px; box-sizing: border-box; color: #666; font-weight: bold; height: 58px; line-height: 58px; text-align: center; }
.pro_con li .img{ font-size: 0; text-align: center;max-width:100%;}
.pro_con li .img img{position:inherit;}
.pro_con li .text{  font-size: 12px; color: #666; line-height: 24px; padding:15px 0; overflow: hidden;text-align:center;font-size:16px;background:#eee }
.pro_con li .text span{position:inherit;}
.pro_con li .text:hover{color:#0c64e9}
.pro_con li i.hot{ display: block; position: absolute; left: -1px; top: -1px; width: 42px; height: 42px; background: url(../images/hot.png) no-repeat; }
.pro_con .more{ width: 98px; height: 30px; line-height: 30px; color: #666; border: 1px solid #666; border-radius: 14px; display: block; margin: 0 auto; text-align: center;position:inherit; }
.pro_con li:hover .more{ background: #e72828; border-color: #e72828; color: #fff; }
.pro_con li:hover .top{ color: #e72828; }
.d_ib{ display: inline-block; _zoom: 1; *display: inline; }
.vm{ vertical-align: middle; }
.ml_nav{background:#f9f9f9}


.tab-content img{max-width:100%;}

.show_left{ padding: 10px 0; position: absolute; cursor: pointer; background: url(../images/icon44.png) center no-repeat; background-size: contain; width: 34px; height: 50px; top: 50%; right: -34px; margin-top: -15px;}
.show_left:before{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/icon45.png) center no-repeat; background-size: contain;}
.show_left.active:before{ transform:rotate(180deg); }



.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:center;}
.pcate ul li{display:inline-flex;width: auto;border: 0;margin-bottom: 0;padding-bottom: 0;}
.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 50px 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 {  line-height: 26px; padding-bottom: 38px; border-bottom: 1px solid #eee; }
.new_detail .text p{margin-bottom:5px;}
.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;}
.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{font-size: 0;}
.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); }

.d-a{width: 100%;background-color: #ffffff;padding-top: 97px;padding-bottom: 90px;}
.d-b{width: 1200px;margin: 0 auto;}
.d-c{text-align: center; font-weight: bold;margin-bottom: 45px; padding-bottom: 15px;position: relative; color: #333333;line-height: 1.3;}
.d-c:after{content: '';position: absolute;bottom: 0;left: 50%;transform: translate(-50%,0);width: 48px;height: 3px;background-color: #00744a;}
.d-d{width: 100%;height: 521px;position: relative; background-size: cover;background-position: center center;background-repeat: no-repeat;}
.d-item{display: block;cursor: pointer; position: absolute;}
.d-e{width: 110px;}
.d-e img{width: 100%;}
.d-f{position: absolute;top: 50%;transform: translate(0,-50%);width: 330px; }
.d-g{ color: #333333;margin-bottom: 15px;line-height: 1.3;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.d-h{line-height: 1.7; color: #666666;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.d-item:hover .d-g{color: #ffaa24;}

.d-item:nth-child(1){right: 850px;top: 100px;}
.d-item:nth-child(1) .d-f{right: 150px;text-align: right;}
.d-item:nth-child(2){left: 820px;top: 100px;}
.d-item:nth-child(2) .d-f{left: 130px;text-align: left;}
.d-item:nth-child(3){right: 850px;top: 305px;}
.d-item:nth-child(3) .d-f{right: 150px;text-align: right;}
.d-item:nth-child(4){left: 820px;top: 302px;}
.d-item:nth-child(4) .d-f{left: 130px;text-align: left;}
.d-item:nth-child(5){right: 740px;top: 410px;}
.d-item:nth-child(5) .d-f{right: 130px;text-align: right;}
.d-item:nth-child(6){right: 810px;top: 205px;}
.d-item:nth-child(6) .d-f{right: 130px;text-align: right;}

@media(max-width:1200px){
    .d-f{width: 28px;}
    .d-g{font-size: 14px;}
    .d-h{font-size: 12px;}
}

@media(max-width:750px){
    .d-b{width: 100%;max-width: 500px; padding-left: 10px;padding-right: 10px;}
    .d-d{background-size: 0;height: auto;}
    .d-item{position: static !important;width: 100%;margin-bottom: 30px;font-size: 0;}
    .d-e{display: inline-block;vertical-align: middle;}
    .d-f{display: inline-block;vertical-align: middle;width: calc(100% - 120px);padding-left: 20px; text-align: left !important;position: static !important;transform: translate(0,0);}
}

@media(min-width: 1921px){
    .s0{font-size: 0;}
    .s12{font-size: calc(12 * 100vw / 1920);}
    .s13{font-size: calc(13 * 100vw / 1920);}
    .s14{font-size: calc(14 * 100vw / 1920);}
    .s15{font-size: calc(15 * 100vw / 1920);}
    .s16{font-size: calc(16 * 100vw / 1920);}
    .s17{font-size: calc(17 * 100vw / 1920);}
    .s18{font-size: calc(18 * 100vw / 1920);}
    .s19{font-size: calc(19 * 100vw / 1920);}
    .s20{font-size: calc(20 * 100vw / 1920);}
    .s21{font-size: calc(21 * 100vw / 1920);}
    .s22{font-size: calc(22 * 100vw / 1920);}
    .s23{font-size: calc(23 * 100vw / 1920);}
    .s24{font-size: calc(24 * 100vw / 1920);}
    .s25{font-size: calc(25 * 100vw / 1920);}
    .s26{font-size: calc(26 * 100vw / 1920);}
    .s27{font-size: calc(27 * 100vw / 1920);}
    .s28{font-size: calc(28 * 100vw / 1920);}
    .s29{font-size: calc(29 * 100vw / 1920);}
    .s30{font-size: calc(30 * 100vw / 1920);}
    .s31{font-size: calc(31 * 100vw / 1920);}
    .s32{font-size: calc(32 * 100vw / 1920);}
    .s33{font-size: calc(33 * 100vw / 1920);}
    .s34{font-size: calc(34 * 100vw / 1920);}
    .s35{font-size: calc(35 * 100vw / 1920);}
    .s36{font-size: calc(36 * 100vw / 1920);}
    .s37{font-size: calc(37 * 100vw / 1920);}
    .s38{font-size: calc(38 * 100vw / 1920);}
    .s39{font-size: calc(39 * 100vw / 1920);}
    .s40{font-size: calc(40 * 100vw / 1920);}
    .s41{font-size: calc(41 * 100vw / 1920);}
    .s42{font-size: calc(42 * 100vw / 1920);}
    .s43{font-size: calc(43 * 100vw / 1920);}
    .s44{font-size: calc(44 * 100vw / 1920);}
    .s45{font-size: calc(45 * 100vw / 1920);}
    .s46{font-size: calc(46 * 100vw / 1920);}
    .s47{font-size: calc(47 * 100vw / 1920);}
    .s48{font-size: calc(48 * 100vw / 1920);}
    .s49{font-size: calc(49 * 100vw / 1920);}
    .s50{font-size: calc(50 * 100vw / 1920);}
    .s51{font-size: calc(51 * 100vw / 1920);}
    .s52{font-size: calc(52 * 100vw / 1920);}
    .s53{font-size: calc(53 * 100vw / 1920);}
    .s54{font-size: calc(54 * 100vw / 1920);}
    .s55{font-size: calc(55 * 100vw / 1920);}
    .s56{font-size: calc(56 * 100vw / 1920);}
    .s57{font-size: calc(57 * 100vw / 1920);}
    .s58{font-size: calc(58 * 100vw / 1920);}
    .s59{font-size: calc(59 * 100vw / 1920);}
    .s60{font-size: calc(60 * 100vw / 1920);}
}
@media(max-width: 1920px) and (min-width: 551px){
    .s0{font-size: 0;}
    .s12{font-size: 12px}
    .s13{font-size: calc(12px + 1 * 100vw / 1920);}
    .s14{font-size: calc(12px + 2 * 100vw / 1920);}
    .s15{font-size: calc(12px + 3 * 100vw / 1920);}
    .s16{font-size: calc(12px + 4 * 100vw / 1920);}
    .s17{font-size: calc(12px + 5 * 100vw / 1920);}
    .s18{font-size: calc(12px + 6 * 100vw / 1920);}
    .s19{font-size: calc(12px + 7 * 100vw / 1920);}
    .s20{font-size: calc(12px + 8 * 100vw / 1920);}
    .s21{font-size: calc(12px + 9 * 100vw / 1920);}
    .s22{font-size: calc(12px + 10 * 100vw / 1920);}
    .s23{font-size: calc(12px + 11 * 100vw / 1920);}
    .s24{font-size: calc(12px + 12 * 100vw / 1920);}
    .s25{font-size: calc(12px + 13 * 100vw / 1920);}
    .s26{font-size: calc(12px + 14 * 100vw / 1920);}
    .s27{font-size: calc(12px + 15 * 100vw / 1920);}
    .s28{font-size: calc(12px + 16 * 100vw / 1920);}
    .s29{font-size: calc(12px + 17 * 100vw / 1920);}
    .s30{font-size: calc(12px + 18 * 100vw / 1920);}
    .s31{font-size: calc(12px + 19 * 100vw / 1920);}
    .s32{font-size: calc(12px + 20 * 100vw / 1920);}
    .s33{font-size: calc(12px + 21 * 100vw / 1920);}
    .s34{font-size: calc(12px + 22 * 100vw / 1920);}
    .s35{font-size: calc(12px + 23 * 100vw / 1920);}
    .s36{font-size: calc(12px + 24 * 100vw / 1920);}
    .s37{font-size: calc(12px + 25 * 100vw / 1920);}
    .s38{font-size: calc(12px + 26 * 100vw / 1920);}
    .s39{font-size: calc(12px + 27 * 100vw / 1920);}
    .s40{font-size: calc(12px + 28 * 100vw / 1920);}
    .s41{font-size: calc(12px + 29 * 100vw / 1920);}
    .s42{font-size: calc(12px + 30 * 100vw / 1920);}
    .s43{font-size: calc(12px + 31 * 100vw / 1920);}
    .s44{font-size: calc(12px + 32 * 100vw / 1920);}
    .s45{font-size: calc(12px + 33 * 100vw / 1920);}
    .s46{font-size: calc(12px + 34 * 100vw / 1920);}
    .s47{font-size: calc(12px + 35 * 100vw / 1920);}
    .s48{font-size: calc(12px + 36 * 100vw / 1920);}
    .s49{font-size: calc(12px + 37 * 100vw / 1920);}
    .s50{font-size: calc(12px + 38 * 100vw / 1920);}
    .s51{font-size: calc(12px + 39 * 100vw / 1920);}
    .s52{font-size: calc(12px + 40 * 100vw / 1920);}
    .s53{font-size: calc(12px + 41 * 100vw / 1920);}
    .s54{font-size: calc(12px + 42 * 100vw / 1920);}
    .s55{font-size: calc(12px + 43 * 100vw / 1920);}
    .s56{font-size: calc(12px + 44 * 100vw / 1920);}
    .s57{font-size: calc(12px + 45 * 100vw / 1920);}
    .s58{font-size: calc(12px + 46 * 100vw / 1920);}
    .s59{font-size: calc(12px + 47 * 100vw / 1920);}
    .s60{font-size: calc(12px + 48 * 100vw / 1920);}
}
@media(max-width: 550px){
    .s0{font-size: 0;}
    .s12{font-size: 12px}
    .s13{font-size: calc(12px + 1 * 550px / 1920);}
    .s14{font-size: calc(12px + 2 * 550px / 1920);}
    .s15{font-size: calc(12px + 3 * 550px / 1920);}
    .s16{font-size: calc(12px + 4 * 550px / 1920);}
    .s17{font-size: calc(12px + 5 * 550px / 1920);}
    .s18{font-size: calc(12px + 6 * 550px / 1920);}
    .s19{font-size: calc(12px + 7 * 550px / 1920);}
    .s20{font-size: calc(12px + 8 * 550px / 1920);}
    .s21{font-size: calc(12px + 9 * 550px / 1920);}
    .s22{font-size: calc(12px + 10 * 550px / 1920);}
    .s23{font-size: calc(12px + 11 * 550px / 1920);}
    .s24{font-size: calc(12px + 12 * 550px / 1920);}
    .s25{font-size: calc(12px + 13 * 550px / 1920);}
    .s26{font-size: calc(12px + 14 * 550px / 1920);}
    .s27{font-size: calc(12px + 15 * 550px / 1920);}
    .s28{font-size: calc(12px + 16 * 550px / 1920);}
    .s29{font-size: calc(12px + 17 * 550px / 1920);}
    .s30{font-size: calc(12px + 18 * 550px / 1920);}
    .s31{font-size: calc(12px + 19 * 550px / 1920);}
    .s32{font-size: calc(12px + 20 * 550px / 1920);}
    .s33{font-size: calc(12px + 21 * 550px / 1920);}
    .s34{font-size: calc(12px + 22 * 550px / 1920);}
    .s35{font-size: calc(12px + 23 * 550px / 1920);}
    .s36{font-size: calc(12px + 24 * 550px / 1920);}
    .s37{font-size: calc(12px + 25 * 550px / 1920);}
    .s38{font-size: calc(12px + 26 * 550px / 1920);}
    .s39{font-size: calc(12px + 27 * 550px / 1920);}
    .s40{font-size: calc(12px + 28 * 550px / 1920);}
    .s41{font-size: calc(12px + 29 * 550px / 1920);}
    .s42{font-size: calc(12px + 30 * 550px / 1920);}
    .s43{font-size: calc(12px + 31 * 550px / 1920);}
    .s44{font-size: calc(12px + 32 * 550px / 1920);}
    .s45{font-size: calc(12px + 33 * 550px / 1920);}
    .s46{font-size: calc(12px + 34 * 550px / 1920);}
    .s47{font-size: calc(12px + 35 * 550px / 1920);}
    .s48{font-size: calc(12px + 36 * 550px / 1920);}
    .s49{font-size: calc(12px + 37 * 550px / 1920);}
    .s50{font-size: calc(12px + 38 * 550px / 1920);}
    .s51{font-size: calc(12px + 39 * 550px / 1920);}
    .s52{font-size: calc(12px + 40 * 550px / 1920);}
    .s53{font-size: calc(12px + 41 * 550px / 1920);}
    .s54{font-size: calc(12px + 42 * 550px / 1920);}
    .s55{font-size: calc(12px + 43 * 550px / 1920);}
    .s56{font-size: calc(12px + 44 * 550px / 1920);}
    .s57{font-size: calc(12px + 45 * 550px / 1920);}
    .s58{font-size: calc(12px + 46 * 550px / 1920);}
    .s59{font-size: calc(12px + 47 * 550px / 1920);}
    .s60{font-size: calc(12px + 48 * 550px / 1920);}
}

@media(max-width: 750px){
    .z1{max-width: 500px !important;width: 100% !important;margin: 0 auto !important;padding: 0 !important;float: none !important;display: block !important;}
    .z2,
    .z3,
    .z4,
    .z5{float: none !important;display: inline-block !important;vertical-align: top !important;margin: 0 2% 2% 0 !important;}
    .z2{width: 49% !important;}
    .z3{width: 32% !important;}
    .z4{width: 23.5% !important;}
    .z5{width: 18.4% !important;}
    .z2:nth-child(2n),
    .z3:nth-child(3n),
    .z4:nth-child(4n),
    .z5:nth-child(5n){margin-right: 0 !important;}
    
    .l1{padding-left: 10px !important;}
    .r1{padding-right: 10px !important;}
    .t1{padding-top: 10px !important;}
    .b1{padding-bottom: 10px !important;}
    .l2{padding-left: 20px !important;}
    .r2{padding-right: 20px !important;}
    .t2{padding-top: 20px !important;}
    .b2{padding-bottom: 20px !important;}
    .l3{padding-left: 30px !important;}
    .r3{padding-right: 30px !important;}
    .t3{padding-top: 30px;}
    .b3{padding-bottom: 30px;}
}

@media screen and (min-width:1201px) {

.data_list li,.forum_link .link_box{ padding: 10px 0; }
    .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 {  }
    .index_main .item2 .list li .icon span { background-size: 150px; width: 150px;  }
    .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 { 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 { }
    .index_main .item2 .list li .icon span { background-size: 150px; }
    .index_main .item2 .list li .title { font-size: 18px; margin-bottom: 0 }
    .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 { 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) {
.index_flag{width:100%;}
.about_1 div.fr{width:100%;display:none;}
.about_1 div.fl{width:100%;padding:10px;}
.about_2 div.fr{width:100%;}
.about_2{padding-top:0}
.about_2 div.fr{padding:10px;}
.about_1 div.fl h4{line-height:100%;}
.new_detail{padding:10px;}
.about_2 div.fl{width:100%;padding:10px;}
.index_flag p{font-size:20px;}
.index_flag em{font-size:16px;}
    .pro_con li{width:100%;}
.show_left{ right: -27px; width: 27px; height: 40px; margin-top: -20px;}
.mr_title{ margin-bottom: 20px; }
.m_left{ display: block; position: fixed; transform: translateX(-100%); left: 0; top: 100px; background: #fff; width: 33.3%; min-width: 270px; height: calc(100% - 100px); z-index: 999;}

.m_left{ min-width: 220px; top: 60px; height: calc(100% - 50px);}
.ml_title{ height: auto; line-height: 1.3; padding: 20px 0; }
.ml_title h1{ font-size: 20px; margin-bottom: 0; }
.ml_title img{ width: 40px; }

.ml_nav dd:before{ width: 15px; }
.ml_nav li > a font{ font-size: 14px; margin-left: 4px; width: calc(100% - 42px); }
.ml_nav li > a span{ line-height: 30px; }
.ml_nav li > a img{ max-width: 25px; max-height: 25px; }
.ml_nav dd a{ width: calc(100% - 30px); margin-left: 10px; }

.m_left .wrap{ position: absolute; height: 100%; overflow: auto; width: 100%; }
.m_left.active{ transform: translateX(0); box-shadow: 0 0 20px #999;}
.ml_nav dl{ display: block; padding-top:0px;}
.ml_nav dd{ line-height: 23px; }
.ml_nav dl:after{ height: calc(100% - 11px); }
.ml_title{ height: 100px; line-height: 100px; }
.m_right{ width: 100%; }

    .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: #fff }
    .index_main .item2 .list { padding: 60px 0 40px }
    .index_main .item2 .list li .icon {}
    .index_main .item2 .list li .icon span { background-size: 44px;  }
    .index_main .item2 .list li .title { font-size: 18px;  }
    .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: 20px }
    .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 { 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) {
.container1{display:none;}
#ban1{display:block;}
.index_main .item3{padding-top:10px;margin-top:10px;}
.index_main .item3{padding-bottom:10px;}
    .index_main .item1 .l .disc { line-height: 1.5em; font-size: 1.4rem }
    .index_main .item2 .list li .icon {}
    .index_main .item2 .list li .icon span { background-size: 40px;  }
    .index_main .item2 .list li .title { font-size: 16px;  }
    .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 {  }
    .index_main .item2 .list li .icon span { background-size: 150px; }
    .index_main .item2 .list li .title { font-size: 16px;  }
    .index_main .item2 .list li .disc { font-size: 1.2rem }
    .index_main .item2 .list li .more { height: 32px; line-height: 32px }
    .index_main .item3 {}
    .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: 0px 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 {  }
    .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; padding: 10px 0;}
    .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.6rem; padding: 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 }
}