@charset "UTF-8";
/*
	@auther:Christopher_Song
	版权所有，侵权必究
*/
/*
@mixin bg-red
{
	background-color:map-get($color,red);
	color:white;
}
*/
body, h1, h2, h3, h4, ul, li, ol, dl, dd, dt, table, tr, form { margin: 0; padding: 0; }

ul, li, dl, dd, dt, form, table { list-style: none; }

img, a img { border: none; line-height: 0; }

/*public share tag start*/
h1 { font-size: 2em; line-height: 2.4em; }

h2 { font-size: 30px; }

h3 { font-size: 24px; }

h4 { font-size: 18px; }

h5 { font-size: 14px; }

h6 { font-size: 12px; }

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { color: inherit; font-family: inherit; font-weight: 500; line-height: 1.1; }

small { font-size: 65%; }

dt { font-weight: 700; }

p { margin: 5px 0 5px 0; }

/*public share tag end*/
/*public share class start*/
.test { border: 1px solid red; }

.clear { clear: both; font-size: 0; }

.clear-left { clear: left; font-size: 0; }

.clear-right { clear: right; font-size: 0; }

.clear-before:before { content: ""; display: block; clear: both; }

.clear-after:after { content: ""; display: block; clear: both; }

.float-left { float: left; }

.float-right { float: right; }

.margin-right { margin-right: 10px; }

.margin-bottom { margin-bottom: 10px; }

.margin-right-15 { margin-right: 15px; }

.margin-bottom-15 { margin-bottom: 15px; }

.margin-top-15 { margin-top: 15px; }

.margin-right-20 { margin-right: 20px; }

.margin-bottom-20 { margin-bottom: 20px; }

.margin-top-20 { margin-top: 20px; }

.margin-center { margin: 0 auto; }

.padding-5 { padding: 0.05rem; }

.height-5 { height: 0.05rem; }

.padding-10 { padding: 0.1rem; }

.height-10 { height: 0.1rem; }

.padding-15 { padding: 0.15rem; }

.height-15 { height: 0.15rem; }

.padding-20 { padding: 0.2rem; }

.height-20 { height: 0.2rem; }

.padding-25 { padding: 0.25rem; }

.height-25 { height: 0.25rem; }

.padding-30 { padding: 0.3rem; }

.height-30 { height: 0.3rem; }

.padding-40 { padding: 0.4rem; }

.height-40 { height: 0.4rem; }

.font-size-10 { font-size: 10px; }

.font-size-11 { font-size: 11px; }

.font-size-12 { font-size: 12px; }

.font-size-13 { font-size: 13px; }

.font-size-14 { font-size: 14px; }

.font-size-15 { font-size: 15px; }

.font-size-16 { font-size: 16px; }

.font-size-17 { font-size: 17px; }

.font-size-18 { font-size: 18px; }

.font-size-19 { font-size: 19px; }

.font-size-20 { font-size: 20px; }

.line-through { text-decoration: line-through; }

.line-height { line-height: 1.5em; }

.text-center { text-align: center; }

.text-left { text-align: left; }

.text-right { text-align: right; }

.vertical-top { vertical-align: top; }

.vertical-middle { vertical-align: middle; }

.vertical-bottom { vertical-align: bottom; }

.display-none { display: none; }

.display-flex { display: flex; }

.display-block { display: block; }

.full-width { width: 100%; }

.flex-grow { flex-grow: 1; }

/*public share class end*/
/*private share modifiable style start*/
a { color: #4E4E4E; text-decoration: none; }

a:hover { color: #0069B4; text-decoration: none; }

html { font-size: 100px; }

body, input, textarea, button, select, pre { font-family: "Helvetica Neue", "Arial", "Microsoft YaHei", "微软雅黑", "宋体"; line-height: 1.4em; outline: none; color: #4E4E4E; font-size: .14rem; }

body { background-color: white; -webkit-font-smoothing: antialiased; user-select: none; }

.font-italic { font-style: italic; }

.font-bold { font-weight: bold; }

.text-blue, .button.button-border.border-blue, .head .nav ul li a.now, .head .nav ul li a:hover, .head .nav ul li .submenu a.now, .head .nav ul li .submenu a:hover, .head .phone, .index-aboutus .index-aboutus-captain h3, .index-department.index-panel .panel-body dl dt, .index-department.index-panel .panel-body dl dt a, .index-panel.index-news .panel-body dl dt a, .ur-here .ur-here-inner a:hover, .aboutus .aboutus-captain h3, .foot .foot-2 dl dt, .foot .foot-2 dl dt a, .index-panel.aboutus-history .panel-body .aboutus-history-inner ul li dl dt span, .index-panel .captain h3, .more-panel .captain h3 { color: #0069B4; }

.text-red { color: #FB5D5C; }

.text-gray, .index-panel.index-news .panel-body dl dd.desc, .index-panel.index-news .panel-body dl dd .publish-time, .ur-here .ur-here-inner, .ur-here .ur-here-inner a, .foot .foot-4, .news-list dl dd.desc, .prev-next .prev a .float-left, .prev-next .prev span .float-left, .prev-next .next a .float-left, .prev-next .next span .float-left, .contact .contact-body dl dt, .contact-form .contact-form-captain .float-right, .index-panel.panel .captain h4, .page ul li a.disabled, .page ul li span.disabled { color: #686868; }

.text-black { color: #333333; }

.text-sky, .button.button-border.border-sky { color: #1eddff; }

.text-orange, .button.button-border.border-orange { color: #E1AF40; }

.text-yellow { color: #E1A10A; }

.text-green { color: #5bdc94; }

.text-pink { color: #fff8f0; }

.text { color: #666; }

.text-white { color: white; }

.text-gray, .index-panel.index-news .panel-body dl dd.desc, .index-panel.index-news .panel-body dl dd .publish-time, .ur-here .ur-here-inner, .ur-here .ur-here-inner a, .foot .foot-4, .news-list dl dd.desc, .prev-next .prev a .float-left, .prev-next .prev span .float-left, .prev-next .next a .float-left, .prev-next .next span .float-left, .contact .contact-body dl dt, .contact-form .contact-form-captain .float-right, .index-panel.panel .captain h4, .page ul li a.disabled, .page ul li span.disabled { color: #A2A2A2; }

.body { width: 10rem; margin: 0 auto; }

.bg-blue, .head .nav ul li a:after, .news-list dl:hover dd.more a, .news-list dl:hover dd.more span, .article .article-title:after, .index-panel.panel .captain:after, .index-shift ul li a:after, .page ul li a.now, .page ul li span.now { background-color: #0069B4; color: white; }

.bg-red { background-color: #FB5D5C; color: white; }

.bg-gray, .ur-here { background-color: #f3f3f3; }

.bg-black { background-color: #333333; color: white; }

.bg-sky { background-color: #1eddff; color: white; }

.bg-orange { background-color: #E1AF40; color: white; }

.bg-yellow { background-color: #E1A10A; color: white; }

.bg-green { background-color: #5bdc94; color: white; }

.bg-pink { background-color: #fff8f0; }

.bg-white { background-color: white; color: #666; }

.bg-purple-linear { background: linear-gradient(to right, , #903E7E); color: white; }

/*private share modifiable style end*/
/*private class start*/
.button { border: none; padding: 0.5em 1em; /*cursor:pointer;*/ vertical-align: middle; display: inline-block; }

.button.button-lg { padding: 0.8em 2em; }

.button.button-sm { padding: 0.2em 0.3em; }

.button.button-wide { padding: 0.8em 5em; }

.button.button-clean { background-color: transparent; }

button { cursor: pointer; }

.button.button-blue { background-color: #0069B4; color: white; }

.button.button-red { background-color: #FB5D5C; color: white; }

.button.button-gray { background-color: #686868; border: 1px solid #DEDEDE; }

.button.button-black { background-color: #333333; color: white; }

.button.button-sky { background-color: #1eddff; background-color: #3BA4D1; color: white; }

.button.button-orange { background-color: #E1AF40; color: white; }

.button.button-yellow { background-color: #E1A10A; color: white; }

.button.button-green { background-color: #5bdc94; color: white; }

.button.button-pink { background-color: #fff8f0; color: white; }

.button.button-white { background-color: white; border: 1px solid #DEDEDE; }

.button.button-border { border: 1px solid #DDD; background-color: transparent; }
.button.button-border.border-blue { border-color: #0069B4; }
.button.button-border.border-sky { border-color: #1eddff; }
.button.button-border.border-orange { border-color: #E1AF40; }

.button:hover { opacity: .8; }

.button.button-sky.button-hover:hover, .button.button-blue.button-hover:hover { background-color: #6cd2f7; }

.radius { border-radius: 0.2em; }

.circle { border-radius: 50%; }

.clips, .head .nav ul li .submenu a:before, .head .nav ul li .submenu:before, .ur-here h3, .index-panel .captain:after, .product-list dl:after { display: inline-block; /*text-indent:-999em;*/ background-image: url(../images/clips_bg.png); vertical-align: middle; background-size: 2.6666666667rem 2.6666666667rem; }

.clips-before:before, .clips-after:after { content: ''; display: inline-block; background-image: url(../images/clips_bg.png); vertical-align: middle; }

input.error { border: 1px solid #FB5D5C; }

.row { width: 100%; display: flex; }

.col { flex-grow: 1; box-sizing: border-box; }

/*
.col-2 { float:left; width:16.6%; }
.col-3 { float:left; width:25%; }
.col-4 { float:left; width:33.3%; }
.col-5 { float:left; width:41.6%; }
.col-6 { float:left; width:50%; }
.col-7 { float:left; width:58.3%; }
.col-8 { float:left; width:66.6%; }
.col-9 { float:left; width:75%; }
.col-10 { float:left; width:83.3%; }
.col-11 { float:left; width:91.6%; }
.col-12 { float:left; width:100%; }
*/
.col-1 { /*float:left;*/ width: 8.3333333333%; box-sizing: border-box; }

.col-2 { /*float:left;*/ width: 16.6666666667%; box-sizing: border-box; }

.col-3 { /*float:left;*/ width: 25%; box-sizing: border-box; }

.col-4 { /*float:left;*/ width: 33.3333333333%; box-sizing: border-box; }

.col-5 { /*float:left;*/ width: 41.6666666667%; box-sizing: border-box; }

.col-6 { /*float:left;*/ width: 50%; box-sizing: border-box; }

.col-7 { /*float:left;*/ width: 58.3333333333%; box-sizing: border-box; }

.col-8 { /*float:left;*/ width: 66.6666666667%; box-sizing: border-box; }

.col-9 { /*float:left;*/ width: 75%; box-sizing: border-box; }

.col-10 { /*float:left;*/ width: 83.3333333333%; box-sizing: border-box; }

.col-11 { /*float:left;*/ width: 91.6666666667%; box-sizing: border-box; }

.col-12 { /*float:left;*/ width: 100%; box-sizing: border-box; }

.input-text { width: 15em; height: 2.4em; border: 1px solid #CCC; box-sizing: border-box; -moz-box-sizing: border-box; padding: 0 0.8em; /*background-color:#1D2647;*/ transition: border-color .4s; }

.input-text:hover { border-color: #d2d2d2; }

.input-text.big { width: 30em; }

.input-text.small { width: 6em; }

.input-textarea { border: 1px solid #CCC; box-sizing: border-box; -moz-box-sizing: border-box; padding: 0.3em 0.6em; /*background-color:#1D2647;*/ resize: none; }

.input-text.full-width, .input-textarea.full-width { width: 100%; }

.input-text.error, .input-textarea.error { border-color: #FB5D5C; }

.input-text.border-blue { border-color: #0069B4; }

.input-text.border-red { border-color: #FB5D5C; }

.input-text.border-gray { border-color: #686868; }

.input-text.border-black { border-color: #333333; }

.input-text.border-sky { border-color: #1eddff; }

.input-text.border-orange { border-color: #E1AF40; }

.input-text.border-yellow { border-color: #E1A10A; }

.input-text.border-green { border-color: #5bdc94; }

.input-text.border-pink { border-color: #fff8f0; }

.input-radio { background-color: #1D2647; border: 1px solid #2D788B; }

.dir-row { flex-direction: row; }

.dir-row-rev { flex-direction: row-reverse; }

.dir-col { flex-direction: column; }

.dir-col-rev { flex-direction: column-reverse; }

.just-center, .modal-wrapper { justify-content: center; }

.just-center, .modal-wrapper { justify-content: center; }

.just-between { justify-content: space-between; }

.just-start { justify-content: flex-start; }

.just-end { justify-content: flex-end; }

.align-start { align-items: flex-start; }

.align-center, .modal-wrapper { align-items: center; }

.align-end { align-items: flex-end; }

/*private class end*/
/*public style start*/
.head { background-color: white; height: .75rem; box-sizing: border-box; padding-top: 1.5em; position: absolute; top: 0; left: 0; width: 100%; }
.head .logo { float: left; margin-right: 1.3rem; }
.head .logo h1 a { display: block; width: 1rem; height: 0.42138rem; background: url(../images/logo.png); background-size: 100% 100%; text-indent: -99rem; }
.head .head-toggle { display: none; }
.head .head-right { float: right; }
.head .nav { float: left; margin-top: .4em; }
.head .nav ul li { float: left; margin-right: .55rem; position: relative; padding-bottom: 2em; z-index: 10; }
.head .nav ul li a { display: block; font-size: 0.13rem; }
.head .nav ul li a:after { content: ""; display: block; visibility: hidden; width: 100%; height: .04rem; border-radius: .04rem; margin-top: 1em; }
.head .nav ul li a.now:after, .head .nav ul li a:hover:after { display: block; visibility: visible; }
.head .nav ul li .submenu { position: absolute; top: 4em; left: 50%; z-index: 10; width: 1.2666666667rem; margin-left: -0.6333333333rem; padding: 0 .8em .5em .8em; background-color: white; border-radius: .1rem; box-sizing: border-box; display: none;   box-shadow: 2px 2px 4px rgba(84,84,83,0.2);}
.head .nav ul li .submenu a { font-size: .1rem; border-bottom: 1px solid #EEE; padding: .5em; }
.head .nav ul li .submenu a.now:before, .head .nav ul li .submenu a:hover:before { background-position: -2.2533333333rem -0.0533333333rem; }
.head .nav ul li .submenu a:before { content: ""; width: 0.06rem; height: 0.0933333333rem; background-position: -2.3133333333rem -0.0533333333rem; float: right; margin-top: .5em; }
.head .nav ul li .submenu a:after { display: none; }
.head .nav ul li .submenu a:last-child { border-bottom: none; }
.head .nav ul li .submenu:before { content: ""; display: block; margin: 0 auto; width: 0.3933333333rem; height: 0.1666666667rem; background-position: -1.7066666667rem 0; margin-bottom: .5em; }
.head .phone { float: left; margin-top: .3em; margin-right: -3em; font-size: 0.1466666667rem; font-weight: bold; font-family: Microsoft YaHei; }
.head .phone.normal { margin-right: 0; }
.head .phone small { margin-left: 1em; font-size: .10rem; }

.padding-head { height: .75rem; }

.index-slider { position: relative; width: 100%; overflow: hidden; }
.index-slider ul li { float: left; }
.index-slider ul li img { width: 100%; display: block; line-height: 0; }
.index-slider ol { position: absolute; right: 2em; top: 40%; }
.index-slider ol li { margin-bottom: .8em; }
.index-slider ol li a { display: block; background-color: rgba(255, 255, 255, 0.8); width: .1rem; height: .1rem; border-radius: .05rem; text-indent: -999em; }
.index-slider ol li a.now { background-color: #0069B4; }
.index-slider .controller { position: absolute; bottom: 2em; width: 100%; }
.index-slider .controller a.disabled:hover { opacity: 1; }
.index-slider .controller a:hover { opacity: .6; }
.index-slider .controller .prev, .index-slider .controller .next { display: inline-block; margin: 0 .1em; }
.index-slider .controller .prev .clips.index-slider-prev-ico.disabled, .index-slider .controller .prev .head .nav ul li .submenu a.index-slider-prev-ico.disabled:before, .head .nav ul li .submenu .index-slider .controller .prev a.index-slider-prev-ico.disabled:before, .index-slider .controller .prev .head .nav ul li .index-slider-prev-ico.disabled.submenu:before, .head .nav ul li .index-slider .controller .prev .index-slider-prev-ico.disabled.submenu:before, .index-slider .controller .prev .ur-here h3.index-slider-prev-ico.disabled, .ur-here .index-slider .controller .prev h3.index-slider-prev-ico.disabled, .index-slider .controller .prev .index-panel .index-slider-prev-ico.disabled.captain:after, .index-panel .index-slider .controller .prev .index-slider-prev-ico.disabled.captain:after, .index-slider .controller .prev .product-list dl.index-slider-prev-ico.disabled:after, .product-list .index-slider .controller .prev dl.index-slider-prev-ico.disabled:after { background-position: 0rem 0; cursor: not-allowed; }
.index-slider .controller .next .clips.index-slider-next-ico.disabled, .index-slider .controller .next .head .nav ul li .submenu a.index-slider-next-ico.disabled:before, .head .nav ul li .submenu .index-slider .controller .next a.index-slider-next-ico.disabled:before, .index-slider .controller .next .head .nav ul li .index-slider-next-ico.disabled.submenu:before, .head .nav ul li .index-slider .controller .next .index-slider-next-ico.disabled.submenu:before, .index-slider .controller .next .ur-here h3.index-slider-next-ico.disabled, .ur-here .index-slider .controller .next h3.index-slider-next-ico.disabled, .index-slider .controller .next .index-panel .index-slider-next-ico.disabled.captain:after, .index-panel .index-slider .controller .next .index-slider-next-ico.disabled.captain:after, .index-slider .controller .next .product-list dl.index-slider-next-ico.disabled:after, .product-list .index-slider .controller .next dl.index-slider-next-ico.disabled:after { background-position: -0.8533333333rem 0; cursor: not-allowed; }

.index-aboutus { background: url(../images/index_aboutus_bg.jpg); background-size: 100% 100%; padding: 6em 0 2em 0; }
.index-aboutus .index-aboutus-left { width: 60%; float: left; padding-top: .2em; box-sizing: border-box; padding-right: 4em; }
.index-aboutus .index-aboutus-right { width: 40%; float: left; }
.index-aboutus .index-aboutus-right video { width: 100%;  object-fit: fill; margin-top:0.2rem;}
.index-aboutus .index-aboutus-captain { margin-bottom: .5rem; }
.index-aboutus .index-aboutus-captain h3 { font-size: 0.4266666667rem; font-weight: bold; margin-bottom: .05rem; }
.index-aboutus .index-aboutus-captain h4 { font-size: 0.2133333333rem; }
.index-aboutus .index-aboutus-body { line-height: 1.8em; font-size: .12rem; margin-bottom: 2em; height: 1.13rem; overflow: hidden; }
.index-aboutus .index-aboutus-body pre { word-wrap: break-word; word-break: normal; white-space: pre-wrap; font-size: .12rem; line-height: 1.8em; margin: 0; }
.index-aboutus .index-aboutus-more .button { padding: .2em 1.5em; border-radius: 1em; border-width: .01rem; }
.index-aboutus .index-aboutus-more .button:hover { background-color: #0069B4; color: white; }

.index-department.index-panel { padding-bottom: 0; }
.index-department.index-panel .captain { margin-bottom: .5em; }
.index-department.index-panel .panel-body { position: relative; overflow: hidden; }
.index-department.index-panel .panel-body .index-department-bg { padding-top: 10em; line-height: 0; /*
position:absolute;
bottom:0;
*/ }
.index-department.index-panel .panel-body .index-department-bg img { width: 100%; }
.index-department.index-panel .panel-body dl { position: absolute; width: 2.6rem; transition: transform 300ms; }
.index-department.index-panel .panel-body dl.department-1 { top: 0.2533333333rem; left: 4rem; }
.index-department.index-panel .panel-body dl.department-2 { top: 0.2533333333rem; left: 7rem; }
.index-department.index-panel .panel-body dl.department-3 { top: 2.6066666667rem; left: 0.5133333333rem; }
.index-department.index-panel .panel-body dl.department-4 { top: 1.3066666667rem; left: 2.04rem; }
.index-department.index-panel .panel-body dl.department-5 { top: 1.3466666667rem; left: 8.9666666667rem; }
.index-department.index-panel .panel-body dl.department-6 { top: 2.6066666667rem; left: 10.1rem; }
.index-department.index-panel .panel-body dl:hover { transform: scale(1.05); }
.index-department.index-panel .panel-body dl dd.text-gray, .index-department.index-panel .index-panel.index-news .panel-body dl dd.desc, .index-panel.index-news .index-department.index-panel .panel-body dl dd.desc, .index-department.index-panel .index-panel.index-news .panel-body dl dd dd.publish-time, .index-panel.index-news .index-department.index-panel .panel-body dl dd dd.publish-time, .index-department.index-panel .panel-body dl .ur-here dd.ur-here-inner, .ur-here .index-department.index-panel .panel-body dl dd.ur-here-inner, .index-department.index-panel .panel-body dl .foot dd.foot-4, .foot .index-department.index-panel .panel-body dl dd.foot-4, .index-department.index-panel .panel-body .news-list dl dd.desc, .news-list .index-department.index-panel .panel-body dl dd.desc, .index-department.index-panel .panel-body dl .prev-next .prev a dd.float-left, .prev-next .prev a .index-department.index-panel .panel-body dl dd.float-left, .index-department.index-panel .panel-body dl .prev-next .prev span dd.float-left, .prev-next .prev span .index-department.index-panel .panel-body dl dd.float-left, .index-department.index-panel .panel-body dl .prev-next .next a dd.float-left, .prev-next .next a .index-department.index-panel .panel-body dl dd.float-left, .index-department.index-panel .panel-body dl .prev-next .next span dd.float-left, .prev-next .next span .index-department.index-panel .panel-body dl dd.float-left, .index-department.index-panel .panel-body dl .contact-form .contact-form-captain dd.float-right, .contact-form .contact-form-captain .index-department.index-panel .panel-body dl dd.float-right { font-size: 0.12rem; }
.index-department.index-panel .panel-body dl dd img { width: 1.12rem; height: 0.7733333333rem; margin-right: .15rem; }
.index-department.index-panel .panel-body dl dt { font-size: 0.16rem; font-weight: normal; padding-top: .15rem; padding-bottom: .05rem; }

.index-product.index-panel { background: url(../images/index_product_bg.jpg); background-size: 100% 100%; }
.index-product.index-panel .panel-body .product-nav ul li { width: 100%; float: left; }
.index-product.index-panel .panel-body .product-nav ol { text-align: center; margin-top: 2em; }
.index-product.index-panel .panel-body .product-nav ol li { display: inline-block; margin: 0 .3em; }
.index-product.index-panel .panel-body .product-nav ol li a { display: block; background-color: #DDDCDD; width: .1rem; height: .1rem; border-radius: .05rem; text-indent: -999em; }
.index-product.index-panel .panel-body .product-nav ol li a.now { background-color: #0069B4; }

.index-panel.index-news { padding-bottom: 2em; }
.index-panel.index-news .panel-body .body { width: 10.3466666667rem; }
.index-panel.index-news .panel-body dl { width: 5.0666666667rem; height: 2.1333333333rem; box-sizing: border-box; background-color: white; padding: 3em 2em 2em 2em; border-radius: .10rem; margin-bottom: 0.2133333333rem; }
.index-panel.index-news .panel-body dl1 { width: 5.0666666667rem; height: 2.1333333333rem; box-sizing: border-box; background-color: white; padding: 2em 2em 2em 2em; border-radius: .10rem; margin-bottom: 0.2133333333rem; }
.index-panel.index-news .panel-body dl:hover { box-shadow: 0 0 .1rem #DDD; }
.index-panel.index-news .panel-body dl a:hover { opacity: .8; }
.index-panel.index-news .panel-body dl dt { font-size: 0.1733333333rem; font-weight: normal; margin-bottom: 1.2em; color: #0069B4; display: inline-block;white-space: nowrap; width: 100%; text-overflow:ellipsis;}
.index-panel.index-news .panel-body dl dd.desc { font-size: .11rem; line-height: 1.8em; height: .60rem; overflow: hidden; margin-bottom: 1.8em; }
.index-panel.index-news .panel-body dl dd .publish-time { font-size: .12rem; border-left: 1px solid #DDD; padding: .5em 1em; }
.index-panel.index-news .panel-body .index-news-left { float: left; margin-right: 0.2133333333rem; }
.index-panel.index-news .panel-body .index-news-left.spec { border-radius: .10rem; overflow: hidden; }
.index-panel.index-news .panel-body .index-news-left.spec:hover { box-shadow: 0 0 .1rem #DDD; }
.index-panel.index-news .panel-body .index-news-left.spec .news-face { line-height: 0; width: 5.0666666667rem; }
.index-panel.index-news .panel-body .index-news-left.spec .news-face a:hover { opacity: .8; }
.index-panel.index-news .panel-body .index-news-left.spec .news-face img { width: 100%; height: 2.3533333333rem; }
.index-panel.index-news .panel-body .index-news-left.spec dl { border-top-left-radius: 0; border-top-right-radius: 0; margin-bottom: 0; }
.index-panel.index-news .panel-body .index-news-left.spec dl:hover { box-shadow: none; }
.index-panel.index-news .panel-body .index-news-right { float: left; }

.banner { line-height: 0; }
.banner img { width: 100%; }

.ur-here { padding: 1.2em 0; font-size: .11rem; }
.ur-here .body { position: relative; box-sizing: border-box; padding: 0em 0 0em 12em; }
.ur-here h3 { width: 1.12rem; height: 1.2466666667rem; background-position: 0 -1.2rem; font-size: 0.22rem; box-sizing: border-box; color: white; text-align: center; padding: 1em 0 0 1.5em; position: absolute; left: 0; bottom: -.30rem; }
.ur-here h3.spec { line-height: 1.4em; }
.ur-here h3.spec small { font-size: 0.1066666667rem; line-height: .5em; }
.ur-here h3:after { content: ""; display: block; width: 1em; height: 1px; background-color: white; margin: .5em auto 0 auto; }
.ur-here .ur-nav { float: right; }
.ur-here .ur-nav ul li { float: left; margin-left: 2em; font-size: .12rem; }
.ur-here .ur-nav ul li a { border-bottom: 2px solid #0069B4; display: block; padding: 0 0 .8em 0; border-color: transparent; }
.ur-here .ur-nav ul li a.now, .ur-here .ur-nav ul li a:hover { color: #0069B4; border-color: #0069B4; }
.ur-here .clips, .ur-here .head .nav ul li .submenu a:before, .head .nav ul li .submenu .ur-here a:before, .ur-here .head .nav ul li .submenu:before, .head .nav ul li .ur-here .submenu:before, .ur-here h3, .ur-here .index-panel .captain:after, .index-panel .ur-here .captain:after, .ur-here .product-list dl:after, .product-list .ur-here dl:after { margin-right: .5em; }

.aboutus { padding: 4em 0 2em 0; }
.aboutus .body { width: 8.3333333333rem; }
.aboutus .aboutus-captain { margin-bottom: 1em; }
.aboutus .aboutus-captain h3 { font-size: 0.2533333333rem; font-weight: bold; }
.aboutus .aboutus-body { font-size: 0.14rem; margin-bottom: 4em; }
.aboutus .aboutus-body p { margin: 1em 0; }
.aboutus .aboutus-video video { width: 100%; height: 5rem; object-fit: fill; }

.foot { background-color: #dedede; padding: 1.5em 0 0.5em 0; }
.foot a { color: #58585A; }
.foot a:hover { opacity: .8; }
.foot .foot-1 { margin-bottom: 2em; }
.foot .foot-1 dl { width: 33.3%; float: left; }
.foot .foot-1 dl dt { color: #58585A; font-weight: normal; font-size: .12rem; padding-top: 1.2em;margin-bottom: 0.5em; }
.foot .foot-1 dl dd { font-size: 0.1466666667rem; color: #58585A;}
.foot .foot-1 dl dd.float-left { margin-right: 1em; }
.foot .foot-2 { margin-bottom: 1em; padding: 0 2em; }
.foot .foot-2 .foot-logo { text-align: center; float: left;margin-left:0.8rem; }
.foot .foot-2 .foot-logo h2 { margin-bottom: .5em; }
.foot .foot-2 .foot-logo h2 a { display: block; width: 1.2rem; height: 0.5066666667rem; background: url(../images/logo.png); background-size: 100% 100%; text-indent: -99rem; }
.foot .foot-2 .foot-logo p { margin: .5em 0; line-height: 1.5em; font-size: .10rem; color: #58585A;}
.foot .foot-2 .foot-logo p img { width: 0.8666666667rem; height: 0.8666666667rem; display: inline-block; line-height: 0; }
.foot .foot-2 dl { float: left; margin-left: 1.2rem; }
.foot .foot-2 dl a:hover { opacity: .8; }
.foot .foot-2 dl dt { font-size: 0.1333333333rem; margin-bottom: .1rem; }
.foot .foot-2 dl dt:after { content: ""; display: block; width: 2em; height: 1px; background-color: #0069B4; margin-top: .05rem; }
.foot .foot-2 dl dd { font-size: .10rem; margin-bottom: .5em; }
.foot .foot-3 { margin-bottom: 3em; }
.foot .foot-3 .foot-form { width: 100%; background-color: white; border-radius: .06rem; overflow: hidden; padding: .8em 1em; position: relative; }
.foot .foot-3 .foot-form span { display: inline-block; color: #999; font-size: .12rem; border-right: 1px solid #DDD; padding: 0 1em; }
.foot .foot-3 .foot-form span .input-text { border: none; background-color: transparent; height: 1.2em; padding: 0; width: 1rem; }
.foot .foot-3 .foot-form span.spec .input-text { width: 2.5rem; }
.foot .foot-3 .foot-form span.captcha { position: relative; border-right: none; }
.foot .foot-3 .foot-form span.captcha .input-text { width: .5rem; }
.foot .foot-3 .foot-form span.captcha img { width: .8rem; position: absolute; right: -.9rem; top: -0.02rem; border: 1px solid #F4F4F4; }
.foot .foot-3 .foot-form .button.button-blue { position: absolute; right: 0; top: 0; height: .44rem; padding: 0 2em; background-color: #008BF5; }
.foot .foot-4 { font-size: .10rem; text-align: center;  color: #58585A;}

.index-panel.aboutus-history .panel-body .body { width: 8.6666666667rem; position: relative; }
.index-panel.aboutus-history .panel-body .aboutus-history-inner { width: 100%; }
.index-panel.aboutus-history .panel-body .aboutus-history-inner ul li { float: left; width: 2.16rem; }
.index-panel.aboutus-history .panel-body .aboutus-history-inner ul li dl:hover dt span { background-color: #0069B4; color: white; }
.index-panel.aboutus-history .panel-body .aboutus-history-inner ul li dl dt { font-size: 0; }
.index-panel.aboutus-history .panel-body .aboutus-history-inner ul li dl dt:before { content: ""; display: inline-block; width: .01rem; height: .1rem; background-color: #DDD; }
.index-panel.aboutus-history .panel-body .aboutus-history-inner ul li dl dt:after { content: ""; display: inline-block; width: 1.33rem; height: .01rem; background-color: #DDD; vertical-align: 22%; }
.index-panel.aboutus-history .panel-body .aboutus-history-inner ul li dl dt span { display: inline-block; width: .82rem; text-align: center; font-size: 0.1466666667rem; font-weight: bold; padding: .4em 0; transition: background-color 200ms; }
.index-panel.aboutus-history .panel-body .aboutus-history-inner ul li dl dd { font-size: .10rem; }
.index-panel.aboutus-history .panel-body .controller {     display: flex;justify-content: center;margin-top: 2em;}
.index-panel.aboutus-history .panel-body .controller .prev, .index-panel.aboutus-history .panel-body .controller .next { top: 0.4em; }
/*.index-panel.aboutus-history .panel-body .controller .prev, .index-panel.aboutus-history .panel-body .controller .next { position: absolute; top: 0.4em; }*/
.index-panel.aboutus-history .panel-body .controller .prev a:hover, .index-panel.aboutus-history .panel-body .controller .next a:hover { opacity: .8; }
.index-panel.aboutus-history .panel-body .controller .prev { padding-right:2em;}
.index-panel.aboutus-history .panel-body .controller .next { padding-left:2em; }

.index-panel.aboutus-partener { padding: 4em 0 3em 0; border-bottom: 1px solid #F4F4F4; }
.index-panel.aboutus-partener .panel-body .aboutus-partener-inner { margin-bottom: 2em; }
.index-panel.aboutus-partener .panel-body .aboutus-partener-inner ul li { padding: .5em .5em; box-sizing: border-box; }
.index-panel.aboutus-partener .panel-body .aboutus-partener-inner a { float: left; border: 1px solid #F7F7F7; border-radius: .1rem; line-height: 0; overflow: hidden; margin-right: 0.2133333333rem; margin-bottom: 0.2133333333rem; transition: transform 200ms; }
.index-panel.aboutus-partener .panel-body .aboutus-partener-inner a.spec { margin-right: 0; }
.index-panel.aboutus-partener .panel-body .aboutus-partener-inner a:hover { border-color: #0069B4; transform: scale(1.05); }
.index-panel.aboutus-partener .panel-body .aboutus-partener-inner a img { width: 2.2466666667rem; height: 0.7066666667rem; }
.index-panel.aboutus-partener .panel-body .controller { text-align: center; }
.index-panel.aboutus-partener .panel-body .controller .prev, .index-panel.aboutus-partener .panel-body .controller .next { display: inline-block; }
.index-panel.aboutus-partener .panel-body .controller .prev a:hover, .index-panel.aboutus-partener .panel-body .controller .next a:hover { opacity: .8; }
.index-panel.aboutus-partener .panel-body .controller .prev { margin-top: 0.03rem; vertical-align: top; border-right: 1px solid #F4F4F4; padding-right: 2em; }
.index-panel.aboutus-partener .panel-body .controller .next { padding-left: 2em; }

.index-panel.aboutus-honor .panel-body .aboutus-honor-inner { margin-bottom: 2em; }
.index-panel.aboutus-honor .panel-body .aboutus-honor-inner ul li { padding: .5em .5em; box-sizing: border-box; }
.index-panel.aboutus-honor .panel-body .aboutus-honor-inner a { display: block; float: left; line-height: 0; border: 1px solid #F4F4F4; margin-right: 0.2rem; padding: .08rem; transition: transform 200ms; border-radius: .1rem; }
.index-panel.aboutus-honor .panel-body .aboutus-honor-inner a.spec { margin-right: 0; }
.index-panel.aboutus-honor .panel-body .aboutus-honor-inner a:hover { border-color: #0069B4; transform: scale(1.01); }
.index-panel.aboutus-honor .panel-body .aboutus-honor-inner a img { width: 2.1333333333rem; height: 2.1333333333rem; }
.index-panel.aboutus-honor .panel-body .controller { text-align: center; }
.index-panel.aboutus-honor .panel-body .controller .prev, .index-panel.aboutus-honor .panel-body .controller .next { display: inline-block; }
.index-panel.aboutus-honor .panel-body .controller .prev a:hover, .index-panel.aboutus-honor .panel-body .controller .next a:hover { opacity: .8; }
.index-panel.aboutus-honor .panel-body .controller .prev { margin-top: 0.03rem; vertical-align: top; border-right: 1px solid #F4F4F4; padding-right: 2em; }
.index-panel.aboutus-honor .panel-body .controller .next { padding-left: 2em; }

.news-list dl { padding: 2em 0; border-bottom: 1px solid #F4F4F4; }
.news-list dl:hover dd.news-thumb img { transform: scale(1.02); }
.news-list dl:hover dd.more a .clips, .news-list dl:hover dd.more a .head .nav ul li .submenu a:before, .head .nav ul li .submenu .news-list dl:hover dd.more a a:before, .news-list dl:hover dd.more a .head .nav ul li .submenu:before, .head .nav ul li .news-list dl:hover dd.more a .submenu:before, .news-list dl:hover dd.more a .ur-here h3, .ur-here .news-list dl:hover dd.more a h3, .news-list dl:hover dd.more a .index-panel .captain:after, .index-panel .news-list dl:hover dd.more a .captain:after, .news-list dl:hover dd.more a .product-list dl:after, .product-list .news-list dl:hover dd.more a dl:after, .news-list dl:hover dd.more span .clips, .news-list dl:hover dd.more span .head .nav ul li .submenu a:before, .head .nav ul li .submenu .news-list dl:hover dd.more span a:before, .news-list dl:hover dd.more span .head .nav ul li .submenu:before, .head .nav ul li .news-list dl:hover dd.more span .submenu:before, .news-list dl:hover dd.more span .ur-here h3, .ur-here .news-list dl:hover dd.more span h3, .news-list dl:hover dd.more span .index-panel .captain:after, .index-panel .news-list dl:hover dd.more span .captain:after, .news-list dl:hover dd.more span .product-list dl:after, .product-list .news-list dl:hover dd.more span dl:after { background-position: -1.2rem -0.3333333333rem; }
.news-list dl:hover dt a:after, .news-list dl:hover dt span:after { width: 100%; background-color: #0069B4; }
.news-list dl dd.news-thumb { float: left; position: relative; border-radius: .10rem; overflow: hidden; margin-right: 2em; width: 2.8533333333rem; height: 1.8666666667rem; /*
&:hover
{
	img
	{
		transform:scale(1.02);
	}
}
*/ }
.news-list dl dd.news-thumb img { width: 2.8533333333rem; height: 1.8666666667rem; display: block; line-height: 0; transition: transform 200ms; }
.news-list dl dd.news-thumb span { position: absolute; bottom: 0; right: 0; width: 0.6733333333rem; height: 0.4466666667rem; box-sizing: border-box; padding-top: 1em; background-color: #EEE; text-align: center; font-size: 0.1066666667rem; line-height: 1.4em; border-top-left-radius: .10rem; }
.news-list dl dd.news-thumb span strong { display: block; font-size: 0.16rem; font-weight: normal; }
.news-list dl dd.desc { font-size: .10rem; margin-bottom: 1.5em; }
.news-list dl dd.more { text-align: right; font-size: .12rem; }
.news-list dl dd.more a, .news-list dl dd.more span { display: inline-block; padding: .5em 1em; border-radius: .05rem; transition: background-color 100ms; /*
&:hover
{
	@extend .bg-blue;
	.clips
	{
		background-position:(-1.80rem /1.5) (-.50rem /1.5);
	}
}
*/ }
.news-list dl dd.more a .clips, .news-list dl dd.more a .head .nav ul li .submenu a:before, .head .nav ul li .submenu .news-list dl dd.more a a:before, .news-list dl dd.more a .head .nav ul li .submenu:before, .head .nav ul li .news-list dl dd.more a .submenu:before, .news-list dl dd.more a .ur-here h3, .ur-here .news-list dl dd.more a h3, .news-list dl dd.more a .index-panel .captain:after, .index-panel .news-list dl dd.more a .captain:after, .news-list dl dd.more a .product-list dl:after, .product-list .news-list dl dd.more a dl:after, .news-list dl dd.more span .clips, .news-list dl dd.more span .head .nav ul li .submenu a:before, .head .nav ul li .submenu .news-list dl dd.more span a:before, .news-list dl dd.more span .head .nav ul li .submenu:before, .head .nav ul li .news-list dl dd.more span .submenu:before, .news-list dl dd.more span .ur-here h3, .ur-here .news-list dl dd.more span h3, .news-list dl dd.more span .index-panel .captain:after, .index-panel .news-list dl dd.more span .captain:after, .news-list dl dd.more span .product-list dl:after, .product-list .news-list dl dd.more span dl:after { margin-left: .02rem; }
.news-list dl dt { font-size: 0.16rem; margin-bottom: 1em; }
.news-list dl dt a, .news-list dl dt span { display: inline-block; /*
&:hover
{
	&:after
	{
		width:100%;
		background-color:map-get($color,blue);
	}
}
*/ }
.news-list dl dt a:after, .news-list dl dt span:after { content: ""; display: block; width: 2em; height: .03rem; border-radius: .03rem; background-color: #A2A2A2; margin-top: .8em; transition: background-color 200ms,width 200ms; }

.article { margin-top: 3em; }
.article .article-title { width: 30%; float: left; box-sizing: border-box; padding: .2rem 3em .2rem 0; }
.article .article-title:after { content: ""; display: block; width: 2em; height: .03rem; border-radius: .03rem; margin-top: .05rem; }
.article .article-title h2 { font-size: 0.2133333333rem; margin-bottom: .10rem; }
.article .article-title .article-desc { font-size: .10rem; }
.article .article-body { width: 70%; float: left; box-sizing: border-box; border-left: 1px solid #F4F4F4; padding: .2rem 0 .2rem 3em; font-size: .12rem; line-height: 2.5em; }

.prev-next { border-top: 1px solid #F4F4F4; border-bottom: 1px solid #F4F4F4; }
.prev-next .prev, .prev-next .next { font-size: .12rem; }
.prev-next .prev a, .prev-next .prev span, .prev-next .next a, .prev-next .next span { display: block; padding: 1em 1em; text-align: center; }
.prev-next .prev a i, .prev-next .prev span i, .prev-next .next a i, .prev-next .next span i { font-style: normal; }
.prev-next .prev a:hover .clips, .prev-next .prev a:hover .head .nav ul li .submenu a:before, .head .nav ul li .submenu .prev-next .prev a:hover a:before, .prev-next .prev a:hover .head .nav ul li .submenu:before, .head .nav ul li .prev-next .prev a:hover .submenu:before, .prev-next .prev a:hover .ur-here h3, .ur-here .prev-next .prev a:hover h3, .prev-next .prev a:hover .index-panel .captain:after, .index-panel .prev-next .prev a:hover .captain:after, .prev-next .prev a:hover .product-list dl:after, .product-list .prev-next .prev a:hover dl:after, .prev-next .prev span:hover .clips, .prev-next .prev span:hover .head .nav ul li .submenu a:before, .head .nav ul li .submenu .prev-next .prev span:hover a:before, .prev-next .prev span:hover .head .nav ul li .submenu:before, .head .nav ul li .prev-next .prev span:hover .submenu:before, .prev-next .prev span:hover .ur-here h3, .ur-here .prev-next .prev span:hover h3, .prev-next .prev span:hover .index-panel .captain:after, .index-panel .prev-next .prev span:hover .captain:after, .prev-next .prev span:hover .product-list dl:after, .product-list .prev-next .prev span:hover dl:after, .prev-next .next a:hover .clips, .prev-next .next a:hover .head .nav ul li .submenu a:before, .head .nav ul li .submenu .prev-next .next a:hover a:before, .prev-next .next a:hover .head .nav ul li .submenu:before, .head .nav ul li .prev-next .next a:hover .submenu:before, .prev-next .next a:hover .ur-here h3, .ur-here .prev-next .next a:hover h3, .prev-next .next a:hover .index-panel .captain:after, .index-panel .prev-next .next a:hover .captain:after, .prev-next .next a:hover .product-list dl:after, .product-list .prev-next .next a:hover dl:after, .prev-next .next span:hover .clips, .prev-next .next span:hover .head .nav ul li .submenu a:before, .head .nav ul li .submenu .prev-next .next span:hover a:before, .prev-next .next span:hover .head .nav ul li .submenu:before, .head .nav ul li .prev-next .next span:hover .submenu:before, .prev-next .next span:hover .ur-here h3, .ur-here .prev-next .next span:hover h3, .prev-next .next span:hover .index-panel .captain:after, .index-panel .prev-next .next span:hover .captain:after, .prev-next .next span:hover .product-list dl:after, .product-list .prev-next .next span:hover dl:after { background-position: -1.4533333333rem -0.3333333333rem; }
.prev-next .prev span, .prev-next .next span { color: #A2A2A2; }
.prev-next .prev { border-bottom: 1px solid #F4F4F4; }

.product-slider { width: 4rem; height: 3.8rem; float: left; border: 1px solid #F4F4F4; position: relative; border-radius: .05rem; margin-right: .6rem; box-sizing: border-box; }
.product-slider ul li { text-align: center; padding-top: 1em; }
.product-slider ul li img { width: 3.7333333333rem; height: 2.9133333333rem; }
.product-slider ol { position: absolute; width: 100%; bottom: 1.5em; text-align: center; }
.product-slider ol li { display: inline-block; margin: 0 .2em; }
.product-slider ol li a { display: block; background-color: #DDDCDD; width: .1rem; height: .1rem; border-radius: .05rem; text-indent: -999em; }
.product-slider ol li a.now { background-color: #0069B4; }
.product-slider .controller .prev, .product-slider .controller .next { position: absolute; top: 40%; }
.product-slider .controller .prev a:hover, .product-slider .controller .next a:hover { opacity: .8; }
.product-slider .controller .prev { left: 1.5em; }
.product-slider .controller .next { right: 1.5em; }

.product-title { width: 5.4rem; float: left; }
.product-title h2 { font-size: 0.2133333333rem; border-bottom: 1px solid #F4F4F4; padding: .5em 0 1em 0; }
.product-title .product-param { border-bottom: 1px solid #F4F4F4; font-size: .12rem; padding: 1em 0; }
.product-title .product-param p { margin: 1em 0; }
.product-title .product-param p:before { content: ""; display: inline-block; border: 1px solid #0069B4; width: .05rem; height: .05rem; border-radius: .05rem; margin-right: .8em; }
.product-title .product-contact { padding-top: 1.5em; }
.product-title .product-contact .button { border-radius: .05rem; padding: .8em 2em; font-size: .12rem; }
.product-title .product-contact .button .clips, .product-title .product-contact .button .head .nav ul li .submenu a:before, .head .nav ul li .submenu .product-title .product-contact .button a:before, .product-title .product-contact .button .head .nav ul li .submenu:before, .head .nav ul li .product-title .product-contact .button .submenu:before, .product-title .product-contact .button .ur-here h3, .ur-here .product-title .product-contact .button h3, .product-title .product-contact .button .index-panel .captain:after, .index-panel .product-title .product-contact .button .captain:after, .product-title .product-contact .button .product-list dl:after, .product-list .product-title .product-contact .button dl:after { margin-right: .05rem; }

.joinus-culture.index-panel .captain { margin-bottom: 0.2rem; }
.joinus-culture.index-panel .panel-body .body { text-align: center; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.joinus-culture.index-panel .panel-body .body img { width: 9.3333333333rem; }
.joinus-culture.index-panel1 .panel-body .body1 { text-align: center;}
.joinus-culture1.index-panel .panel-body .body1 img { width: 3.66666666667rem; }
.joinus-culture1.index-panel .panel-body .body1 .culture1-1 {text-align: center;}
.joinus-culture1{width:9.0733333333rem;margin: 0 auto;background-image: url(../images/cult_bg.jpg);background-repeat:no-repeat;background-position:top;margin-bottom:2em;background-size:9.0733333333rem 5.313333333rem;}
.panel-body1{}
.body1 {display: flex;flex-wrap: wrap; }
.culture1-1 {width:100%;text-align:left;margin-top:0.05rem;transition: transform 200ms; }
.culture1-1 img{width: 3.066666666667rem; }
.culture1-2 {width:50%;text-align:left;margin-top:0.19rem;transition: transform 200ms;}
.culture1-2 img{width: 3.066666666667rem; }
.culture1-3 {width:50%;text-align: right;margin-top:0.19rem;transition: transform 200ms;}
.culture1-3 img{width: 3.066666666667rem; }
.culture1-4 {width:50%;text-align:left;margin-top:0.17rem;transition: transform 200ms;}
.culture1-4 img{width: 3.066666666667rem; }
.culture1-5 {width:50%;text-align: right;margin-top:0.17rem;transition: transform 200ms;}
.culture1-5 img{width: 3.066666666667rem; }
.culture1-1:hover { transform: scale(1.02); }
.culture1-2:hover { transform: scale(1.02); }
.culture1-3:hover { transform: scale(1.02); }
.culture1-4:hover { transform: scale(1.02); }
.culture1-5:hover { transform: scale(1.02); }
.company-desc { padding-bottom: 0.65rem; }
.company-desc .company-desc-bg { line-height: 0; }
.company-desc .company-desc-bg img { width: 68%; border-radius: 1em;}
.company-desc .company-desc-bg1 img { width: 100%; border-radius: 1em;}
.company-desc .body { position: relative; width: 11.3333333333rem; }
.company-desc .company-desc-inner { 
    /*background: url(../images/company_desc_bg.jpg);*/
    background-color: #fff;border: solid 2px #0069b4;
background-size: 100% 100%; width: 2.7rem; height: 1.5rem; box-sizing: border-box; padding: 2em 2em; color: white; position: absolute; border-radius: .1rem; bottom: -0.5rem; right: 1.7rem; }
.company-desc .company-desc-inner dl { margin-bottom: 2em; }
.company-desc .company-desc-inner dl dt { font-size: 0.2533333333rem; margin-bottom: 0.5em; color: #0069b4; }
.company-desc .company-desc-inner dl dt:after { content: ""; display: block; width: 2em; height: .02rem; background-color: #0069b4; border-radius: .02rem; margin-top: .2rem; }
.company-desc .company-desc-inner dl dd { font-size: 0.12rem; line-height: 2em; height: 1rem; overflow: auto;color: #0069b4;  }
.company-desc .company-desc-inner dl dd::-webkit-scrollbar { width: 5px; height: 5px; }
.company-desc .company-desc-inner dl dd::-webkit-scrollbar-track-piece { background-color: transparent; }
.company-desc .company-desc-inner dl dd::-webkit-scrollbar-thumb:vertical { height: 5px; background-color: #DDD; -webkit-border-radius: 6px; -moz-border-radius: 6px; }
.company-desc .company-desc-inner dl dd::-webkit-scrollbar-thumb:horizontal { width: 5px; background-color: #DDD; -webkit-border-radius: 6px; -moz-border-radius: 6px; }
.company-desc .company-desc-inner .controller {  position: absolute; top: -0.5rem;}
.company-desc .company-desc-inner .controller .prev {  left: 50%;  float: left;margin-left: -6.4rem; float: left;}
.company-desc .company-desc-inner .controller .next { right: 50%; margin-right: -3.3rem;text-align: right;float: right;}
.company-desc .company-desc-inner .controller .prev a:hover, .company-desc .company-desc-inner .controller .next a:hover { opacity: .8; }
/*.company-desc .company-desc-inner1 { */
    /*background: url(../images/company_desc_bg.jpg);*/
/*    background-color: #fff;border: solid 2px #0069b4;*/
/*background-size: 100% 100%; width: 2rem; height: 1.2rem; box-sizing: border-box;  color: white; position: absolute; border-radius: .1rem; bottom: -0.5rem; right: 1.7rem; }*/
/*.company-desc .company-desc-inner1 dl { margin-bottom: 2em; }*/
/*.company-desc .company-desc-inner1 dl dt { font-size: 0.1533333333rem; margin-bottom: 1em; color: #0069b4; }*/
/*.company-desc .company-desc-inner1 dl dt:after { content: ""; display: block; width: 2em; height: .02rem; background-color: #0069b4; border-radius: .02rem; margin-top: .2rem; }*/
/*.company-desc .company-desc-inner1 dl dd { font-size: 0.12rem; line-height: 2em; height: 1rem; overflow: auto;color: #0069b4;  }*/
/*.company-desc .company-desc-inner1 dl dd::-webkit-scrollbar { width: 5px; height: 5px; }*/
/*.company-desc .company-desc-inner1 dl dd::-webkit-scrollbar-track-piece { background-color: transparent; }*/
/*.company-desc .company-desc-inner1 dl dd::-webkit-scrollbar-thumb:vertical { height: 5px; background-color: #DDD; -webkit-border-radius: 6px; -moz-border-radius: 6px; }*/
/*.company-desc .company-desc-inner1 dl dd::-webkit-scrollbar-thumb:horizontal { width: 5px; background-color: #DDD; -webkit-border-radius: 6px; -moz-border-radius: 6px; }*/
/*.company-desc .company-desc-inner1 .controller {  position: absolute; top: -0.5rem;}*/
/*.company-desc .company-desc-inner1 .controller .prev {  left: 50%;  float: left;margin-left: -6rem; float: left;}*/
/*.company-desc .company-desc-inner1 .controller .next { right: 50%; margin-right: -3.7rem;text-align: right;float: right;}*/
/*.company-desc .company-desc-inner1 .controller .prev a:hover, .company-desc .company-desc-inner .controller .next a:hover { opacity: .8; }*/
/*.company-desc .company-desc-inner .controller { position: absolute; bottom: 2em; right: 4em; text-align: right; }*/
/*.company-desc .company-desc-inner .controller .prev, .company-desc .company-desc-inner .controller .next { display: inline-block; margin-left: 1em; }*/
/*.company-desc .company-desc-inner .controller .prev a:hover, .company-desc .company-desc-inner .controller .next a:hover { opacity: .8; }*/

.company-environment.index-panel { padding-bottom: 5em; border-bottom: 1px solid #F4F4F4; }
.company-environment.index-panel .panel-body { position: relative; }
.company-environment.index-panel .panel-body .company-environment-slider { width: 8.6666666667rem; height: 3.5rem; margin: 0 auto; box-sizing: border-box; padding-top: 3.6em; }
.company-environment.index-panel .panel-body .company-environment-slider ul li { line-height: 0; float: left; width: 2.4rem; transition: transform 400ms; }
.company-environment.index-panel .panel-body .company-environment-slider ul li img { width: 3.8666666667rem; height: 2.4666666667rem; border-radius: .1rem; }
.company-environment.index-panel .panel-body .company-environment-slider ol { display: none; }
.company-environment.index-panel .panel-body .controller .prev, .company-environment.index-panel .panel-body .controller .next { position: absolute; top: 10em; }
.company-environment.index-panel .panel-body .controller .prev a:hover, .company-environment.index-panel .panel-body .controller .next a:hover { opacity: .8; }
.company-environment.index-panel .panel-body .controller .prev { left: 50%; margin-left: -4.8333333333rem; }
.company-environment.index-panel .panel-body .controller .next { right: 50%; margin-right: -4.8333333333rem; }

.company-hire.index-panel .panel-body img { width: 100%; }

.contact { padding: 5em 0; }
.contact .contact-captain { width: 55%; float: left; }
.contact .contact-captain h3 { padding-left: 2em; font-size: 0.24rem; }
.contact .contact-body { width: 3.7rem; float: left; }
.contact .contact-body dl { margin-bottom: 1.5em; }
.contact .contact-body dl dt { font-size: 0.1333333333rem; font-weight: normal; margin-bottom: .5em; }
.contact .contact-body dl dt .clips, .contact .contact-body dl dt .head .nav ul li .submenu a:before, .head .nav ul li .submenu .contact .contact-body dl dt a:before, .contact .contact-body dl dt .head .nav ul li .submenu:before, .head .nav ul li .contact .contact-body dl dt .submenu:before, .contact .contact-body dl dt .ur-here h3, .ur-here .contact .contact-body dl dt h3, .contact .contact-body dl dt .index-panel .captain:after, .index-panel .contact .contact-body dl dt .captain:after, .contact .contact-body dl dt .product-list dl:after, .product-list .contact .contact-body dl dt dl:after { margin-right: .02rem; }
.contact .contact-body dl dd { font-size: 0.1466666667rem; }
.contact .contact-body .row .col-6 dl { border-right: 1px solid #F4F4F4; width: 1.5rem; }
.contact .contact-body .row .col-6.spec dl { border-right: none; }
.contact .contact-map { width: 10rem; height: 3.3rem; }
.contact .contact-map img { width: 100%; }

.contact-form { padding: 3em 0; }
.contact-form .contact-form-captain { margin-bottom: 4em; }
.contact-form .contact-form-captain h3 { font-size: 0.24rem; line-height: 1.2em; }
.contact-form .contact-form-captain .float-right { font-size: .11rem; }
.contact-form .contact-form-body { padding-left: 20%; }
.contact-form .contact-form-body .row { margin: .1rem 0; }
.contact-form .contact-form-body .row .col { width: 50%; float: left; box-sizing: border-box; }
.contact-form .contact-form-body .row .col.col-left { padding-right: .05rem; }
.contact-form .contact-form-body .row .col.col-right { padding-left: .05rem; }
.contact-form .contact-form-body .row .input-text, .contact-form .contact-form-body .row .input-textarea { width: 100%; border-color: #ECECEC; border-radius: .04rem; font-size: .12rem; }
.contact-form .contact-form-body .row .input-text:focus, .contact-form .contact-form-body .row .input-textarea:focus { border-color: #0069B4; }
.contact-form .contact-form-body .row .input-text::-webkit-input-placeholder, .contact-form .contact-form-body .row .input-textarea::-webkit-input-placeholder { color: #A2A2A2; }
.contact-form .contact-form-body .row img { height: .34rem; margin-top: 0.02rem; border: 1px solid #ECECEC; }
.contact-form .contact-form-body .row .input-text { padding: 0 1em; height: .40rem; }
.contact-form .contact-form-body .row .input-textarea { padding: 1em; }
.contact-form .contact-form-body p { font-size: .12rem; }
.contact-form .contact-form-body p .button { font-size: .12rem; padding: 1em 6em; border-radius: 4em; }

.go-top { position: fixed; bottom: 30%; z-index: 100; right: 1em; border: 1px solid #0069B4; border-radius: .15rem; background-color: white; overflow: hidden; display: none; }
.go-top a:hover { opacity: .8; }
.go-top .go-top-1 { padding: .05rem; border-bottom: 1px solid #0069B4; }
.go-top .go-top-1 p { font-size: .12rem; text-align: center; margin: .2em 0; color: #0069B4; }
.go-top .go-top-2 a { display: block; text-align: center; font-size: .10rem; color: #0069B4; line-height: 1.6em; padding: .5em 0; }
.go-top .go-top-2 a p { margin: 0; }

.mask { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0, 0, 0, 0.4); z-index: 100; display: none; }

.modal-wrapper { position: fixed; top: 0; bottom: 0; left: 0; right: 0; display: flex; z-index: 101; display: none; }

.modal { background-color: white; width: 2.5rem; border-radius: .05rem; /*
transition:opacity 1000ms,transform 1000ms;
transform:translate(0,-100px);
opacity:0;
*/ }
.modal .captain { padding: .12rem .20rem; border-bottom: 1px solid #EEE; }
.modal .captain a.close { float: right; color: #999; font-size: .18rem; margin-right: -.05rem; }
.modal .captain a.close:hover { color: #0069B4; }
.modal .captain h3 { color: #0069B4; font-size: 18px; }
.modal .modal-body { padding: 1em .20rem 1.5em .20rem; font-size: .12rem; word-wrap: break-word; word-break: normal; line-height: 2em; }

/*public style end*/
/*public class start*/
.triangle { display: inline-block; vertical-align: middle; }
.triangle.triangle-down { border-top: 5px solid #AAAAAA; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid transparent; }

.index-panel { padding: 3em 0; }
.index-panel.bg-gray, .index-panel.ur-here { background-color: #F7F7F7; }
.index-panel.panel .captain:after { content: ""; display: block; background-image: none; width: 1em; height: .02rem; margin: 1em auto 0 auto; }
.index-panel .captain { text-align: center; margin-bottom: 2.5em; }
.index-panel .captain:after { content: ""; display: block; width: 0.4666666667rem; height: 0.0533333333rem; background-position: -2.1rem 0; margin: 1em auto 0 auto; }
.index-panel .captain h3 { font-size: 0.2533333333rem; font-weight: bold; margin-bottom: .5em; }
.index-panel .captain h4 { font-size: 0.1466666667rem; }
.tcbt { font-size: 0.1533333333rem;  font-weight: bold; color:#0069B4;    }
.tcbt1 { font-size: 0.1533333333rem;  font-weight: bold; color:#0069B4;   padding-top:1em; }
.index-shift { text-align: center; font-size: 0.12rem; }
.index-shift ul li { display: inline-block; }
.index-shift ul li:last-child:after { display: none; }
.index-shift ul li:after { content: ""; display: inline-block; width: .01rem; height: 1em; background-color: #B7B7B7; vertical-align: middle; transform: rotate(30deg); }
.index-shift ul li a { display: inline-block; padding: .5em 1em; }
.index-shift ul li a:hover, .index-shift ul li a.now { color: #0069B4; }
.index-shift ul li a:hover:after, .index-shift ul li a.now:after { visibility: visible; }
.index-shift ul li a:after { content: ""; display: block; visibility: hidden; width: 100%; margin-top: .5em; height: .03rem; border-radius: .03rem; }

.product-list.more-product-list dl { width: 2.2666666667rem; height: 2.2666666667rem; margin-right: 0.3rem; margin-bottom: 0.3rem; }
.product-list.more-product-list dl dd img { height: 1.28rem; }
.product-list a { color: #4E4E4E; }
.product-list dl { float: left; width: 2.9333333333rem; height: 3.1133333333rem; border: 1px solid #F7F7F7; text-align: center; box-sizing: border-box; padding: 1em; position: relative; margin-right: 0.6rem; margin-bottom: 0.6rem; background-color: white; border-radius: 0.1rem; }
.product-list dl.spec { margin-right: 0; }
.product-list dl:hover { background-color: #ffffff; border: 1px solid #0069b4; }
.product-list dl:hover:after { background-position: -0.3733333333rem -0.2rem; }
.product-list dl:hover dd img { transform: scale(1.05); }
.product-list dl:after { content: ""; display: block; width: 0.3733333333rem; height: 0.3733333333rem; background-position: 0 -0.2rem; position: absolute; bottom: -0.1866666667rem; left: 50%; margin-left: -0.1866666667rem; }
.product-list dl dd { margin-bottom: 1.2em; }
.product-list dl dd img { width: 100%; height: 2.05rem; transition: transform 200ms; }
.product-list dl dt { font-weight: normal; }

.page { text-align: center; }
.page ul li { display: inline-block; }
.page ul li a, .page ul li span { display: block; border: 1px solid #F4F4F4; padding: .5em 1em; font-size: .12rem; }
.page ul li a.disabled, .page ul li span.disabled { cursor: not-allowed; }
.page ul li a:hover { border-color: #0069B4; color: #0069B4; }

.more-panel .captain { margin-bottom: 3em; border-bottom: 1px solid #F4F4F4; }
.more-panel .captain:after { content: ""; display: block; width: 2.5em; height: .02rem; background-color: #0069B4; border-radius: .02rem; }
.more-panel .captain h3 { font-size: 0.1733333333rem; padding-bottom: .8em; }

.clips.head-phone-ico, .head .nav ul li .submenu a.head-phone-ico:before, .head .nav ul li .head-phone-ico.submenu:before, .ur-here h3.head-phone-ico, .index-panel .head-phone-ico.captain:after, .product-list dl.head-phone-ico:after { width: 0.1533333333rem; height: 0.14rem; background-position: -2.1rem -0.0533333333rem; }

.clips.index-slider-prev-ico, .head .nav ul li .submenu a.index-slider-prev-ico:before, .head .nav ul li .index-slider-prev-ico.submenu:before, .ur-here h3.index-slider-prev-ico, .index-panel .index-slider-prev-ico.captain:after, .product-list dl.index-slider-prev-ico:after { width: 0.4266666667rem; height: 0.2rem; background-position: -0.4266666667rem 0; }

.clips.index-slider-next-ico, .head .nav ul li .submenu a.index-slider-next-ico:before, .head .nav ul li .index-slider-next-ico.submenu:before, .ur-here h3.index-slider-next-ico, .index-panel .index-slider-next-ico.captain:after, .product-list dl.index-slider-next-ico:after { width: 0.4266666667rem; height: 0.2rem; background-position: -1.28rem 0; }

.clips.news-more-ico, .head .nav ul li .submenu a.news-more-ico:before, .head .nav ul li .news-more-ico.submenu:before, .ur-here h3.news-more-ico, .index-panel .news-more-ico.captain:after, .product-list dl.news-more-ico:after { width: 0.2133333333rem; height: 0.2133333333rem; background-position: -0.7466666667rem -0.2rem; }

.clips.foot-ico-1, .head .nav ul li .submenu a.foot-ico-1:before, .head .nav ul li .foot-ico-1.submenu:before, .ur-here h3.foot-ico-1, .index-panel .foot-ico-1.captain:after, .product-list dl.foot-ico-1:after { width: 0.6266666667rem; height: 0.6266666667rem; background-position: 0 -0.5733333333rem; }

.clips.foot-ico-2, .head .nav ul li .submenu a.foot-ico-2:before, .head .nav ul li .foot-ico-2.submenu:before, .ur-here h3.foot-ico-2, .index-panel .foot-ico-2.captain:after, .product-list dl.foot-ico-2:after { width: 0.6266666667rem; height: 0.6266666667rem; background-position: -0.6266666667rem -0.5733333333rem; }

.clips.foot-ico-3, .head .nav ul li .submenu a.foot-ico-3:before, .head .nav ul li .foot-ico-3.submenu:before, .ur-here h3.foot-ico-3, .index-panel .foot-ico-3.captain:after, .product-list dl.foot-ico-3:after { width: 0.6266666667rem; height: 0.6266666667rem; background-position: -1.2533333333rem -0.5733333333rem; }

.clips.foot-form-ico-1, .head .nav ul li .submenu a.foot-form-ico-1:before, .head .nav ul li .foot-form-ico-1.submenu:before, .ur-here h3.foot-form-ico-1, .index-panel .foot-form-ico-1.captain:after, .product-list dl.foot-form-ico-1:after { width: 0.1333333333rem; height: 0.1333333333rem; background-position: -0.96rem -0.2rem; }

.clips.foot-form-ico-2, .head .nav ul li .submenu a.foot-form-ico-2:before, .head .nav ul li .foot-form-ico-2.submenu:before, .ur-here h3.foot-form-ico-2, .index-panel .foot-form-ico-2.captain:after, .product-list dl.foot-form-ico-2:after { width: 0.1333333333rem; height: 0.1333333333rem; background-position: -1.0933333333rem -0.2rem; }

.clips.foot-form-ico-3, .head .nav ul li .submenu a.foot-form-ico-3:before, .head .nav ul li .foot-form-ico-3.submenu:before, .ur-here h3.foot-form-ico-3, .index-panel .foot-form-ico-3.captain:after, .product-list dl.foot-form-ico-3:after { width: 0.1333333333rem; height: 0.1333333333rem; background-position: -1.2266666667rem -0.2rem; }

.clips.ur-here-captain-ico, .head .nav ul li .submenu a.ur-here-captain-ico:before, .head .nav ul li .ur-here-captain-ico.submenu:before, .ur-here h3.ur-here-captain-ico, .index-panel .ur-here-captain-ico.captain:after, .product-list dl.ur-here-captain-ico:after { width: 1.12rem; height: 1.2466666667rem; background-position: 0 -1.2rem; }

.clips.ur-here-location-ico, .head .nav ul li .submenu a.ur-here-location-ico:before, .head .nav ul li .ur-here-location-ico.submenu:before, .ur-here h3.ur-here-location-ico, .index-panel .ur-here-location-ico.captain:after, .product-list dl.ur-here-location-ico:after { width: 0.1133333333rem; height: 0.14rem; background-position: -0.96rem -0.3333333333rem; }

.clips.history-prev-ico, .head .nav ul li .submenu a.history-prev-ico:before, .head .nav ul li .history-prev-ico.submenu:before, .ur-here h3.history-prev-ico, .index-panel .history-prev-ico.captain:after, .product-list dl.history-prev-ico:after {width: 0.4266666667rem; height: 0.2rem; background-position: -0.4266666667rem 0;}

.clips.history-next-ico, .head .nav ul li .submenu a.history-next-ico:before, .head .nav ul li .history-next-ico.submenu:before, .ur-here h3.history-next-ico, .index-panel .history-next-ico.captain:after, .product-list dl.history-next-ico:after { width: 0.4266666667rem; height: 0.2rem; background-position: -1.28rem 0;}

/*.clips.history-prev-ico, .head .nav ul li .submenu a.history-prev-ico:before, .head .nav ul li .history-prev-ico.submenu:before, .ur-here h3.history-prev-ico, .index-panel .history-prev-ico.captain:after, .product-list dl.history-prev-ico:after { width: 0.1533333333rem; height: 0.1rem; background-position: -1.36rem -0.2rem; }*/

/*.clips.history-next-ico, .head .nav ul li .submenu a.history-next-ico:before, .head .nav ul li .history-next-ico.submenu:before, .ur-here h3.history-next-ico, .index-panel .history-next-ico.captain:after, .product-list dl.history-next-ico:after { width: 0.1533333333rem; height: 0.1rem; background-position: -1.5133333333rem -0.2rem; }*/

.clips.partener-prev-ico, .head .nav ul li .submenu a.partener-prev-ico:before, .head .nav ul li .partener-prev-ico.submenu:before, .ur-here h3.partener-prev-ico, .index-panel .partener-prev-ico.captain:after, .product-list dl.partener-prev-ico:after { width: 0.2133333333rem; height: 0.06rem; background-position: -1.88rem -0.26rem; }

.clips.partener-prev-ico.disabled, .head .nav ul li .submenu a.partener-prev-ico.disabled:before, .head .nav ul li .partener-prev-ico.disabled.submenu:before, .ur-here h3.partener-prev-ico.disabled, .index-panel .partener-prev-ico.disabled.captain:after, .product-list dl.partener-prev-ico.disabled:after { background-position: -1.6666666667rem -0.26rem; cursor: not-allowed; }

.clips.partener-next-ico, .head .nav ul li .submenu a.partener-next-ico:before, .head .nav ul li .partener-next-ico.submenu:before, .ur-here h3.partener-next-ico, .index-panel .partener-next-ico.captain:after, .product-list dl.partener-next-ico:after { width: 0.2133333333rem; height: 0.06rem; background-position: -1.88rem -0.2rem; }

.clips.partener-next-ico.disabled, .head .nav ul li .submenu a.partener-next-ico.disabled:before, .head .nav ul li .partener-next-ico.disabled.submenu:before, .ur-here h3.partener-next-ico.disabled, .index-panel .partener-next-ico.disabled.captain:after, .product-list dl.partener-next-ico.disabled:after { background-position: -1.6666666667rem -0.2rem; cursor: not-allowed; }

.clips.article-more-ico, .head .nav ul li .submenu a.article-more-ico:before, .head .nav ul li .article-more-ico.submenu:before, .ur-here h3.article-more-ico, .index-panel .article-more-ico.captain:after, .product-list dl.article-more-ico:after { width: 0.1266666667rem; height: 0.1066666667rem; background-position: -1.0733333333rem -0.3333333333rem; }

.clips.prev-more-ico, .head .nav ul li .submenu a.prev-more-ico:before, .head .nav ul li .prev-more-ico.submenu:before, .ur-here h3.prev-more-ico, .index-panel .prev-more-ico.captain:after, .product-list dl.prev-more-ico:after { width: 0.1266666667rem; height: 0.1066666667rem; background-position: -1.3266666667rem -0.3333333333rem; }

.clips.product-prev-ico, .head .nav ul li .submenu a.product-prev-ico:before, .head .nav ul li .product-prev-ico.submenu:before, .ur-here h3.product-prev-ico, .index-panel .product-prev-ico.captain:after, .product-list dl.product-prev-ico:after { width: 0.2133333333rem; height: 0.2133333333rem; background-position: -2.0933333333rem -0.5733333333rem; }
.clips.product-prev-ico.disabled, .head .nav ul li .submenu a.product-prev-ico.disabled:before, .head .nav ul li .product-prev-ico.disabled.submenu:before, .ur-here h3.product-prev-ico.disabled, .index-panel .product-prev-ico.disabled.captain:after, .product-list dl.product-prev-ico.disabled:after { background-position: -1.88rem -0.5733333333rem; cursor: not-allowed; }

.clips.product-next-ico, .head .nav ul li .submenu a.product-next-ico:before, .head .nav ul li .product-next-ico.submenu:before, .ur-here h3.product-next-ico, .index-panel .product-next-ico.captain:after, .product-list dl.product-next-ico:after { width: 0.2133333333rem; height: 0.2133333333rem; background-position: -2.0933333333rem -0.7866666667rem; }
.clips.product-next-ico.disabled, .head .nav ul li .submenu a.product-next-ico.disabled:before, .head .nav ul li .product-next-ico.disabled.submenu:before, .ur-here h3.product-next-ico.disabled, .index-panel .product-next-ico.disabled.captain:after, .product-list dl.product-next-ico.disabled:after { background-position: -1.88rem -0.7866666667rem; cursor: not-allowed; }

.clips.contact-ico, .head .nav ul li .submenu a.contact-ico:before, .head .nav ul li .contact-ico.submenu:before, .ur-here h3.contact-ico, .index-panel .contact-ico.captain:after, .product-list dl.contact-ico:after { width: 0.18rem; height: 0.16rem; background-position: -2.0933333333rem -0.2rem; }

.clips.company-prev-ico, .head .nav ul li .submenu a.company-prev-ico:before, .head .nav ul li .company-prev-ico.submenu:before, .ur-here h3.company-prev-ico, .index-panel .company-prev-ico.captain:after, .product-list dl.company-prev-ico:after { width: 0.3rem; height: 0.3rem; background-position: -2.3066666667rem -0.5733333333rem; }

.clips.company-next-ico, .head .nav ul li .submenu a.company-next-ico:before, .head .nav ul li .company-next-ico.submenu:before, .ur-here h3.company-next-ico, .index-panel .company-next-ico.captain:after, .product-list dl.company-next-ico:after { width: 0.3rem; height: 0.3rem; background-position: -2.3066666667rem -0.8733333333rem; }

.clips.environment-prev-ico, .head .nav ul li .submenu a.environment-prev-ico:before, .head .nav ul li .environment-prev-ico.submenu:before, .ur-here h3.environment-prev-ico, .index-panel .environment-prev-ico.captain:after, .product-list dl.environment-prev-ico:after { width: 0.3rem; height: 0.3rem; background-position: -1.12rem -1.2rem; }

.clips.environment-next-ico, .head .nav ul li .submenu a.environment-next-ico:before, .head .nav ul li .environment-next-ico.submenu:before, .ur-here h3.environment-next-ico, .index-panel .environment-next-ico.captain:after, .product-list dl.environment-next-ico:after { width: 0.3rem; height: 0.3rem; background-position: -1.42rem -1.2rem; }

.clips.contact-location-ico, .head .nav ul li .submenu a.contact-location-ico:before, .head .nav ul li .contact-location-ico.submenu:before, .ur-here h3.contact-location-ico, .index-panel .contact-location-ico.captain:after, .product-list dl.contact-location-ico:after { width: 0.1666666667rem; height: 0.1666666667rem; background-position: -1.58rem -0.36rem; }

.clips.contact-phone-ico, .head .nav ul li .submenu a.contact-phone-ico:before, .head .nav ul li .contact-phone-ico.submenu:before, .ur-here h3.contact-phone-ico, .index-panel .contact-phone-ico.captain:after, .product-list dl.contact-phone-ico:after { width: 0.1666666667rem; height: 0.1666666667rem; background-position: -1.7466666667rem -0.36rem; }

.clips.contact-fax-ico, .head .nav ul li .submenu a.contact-fax-ico:before, .head .nav ul li .contact-fax-ico.submenu:before, .ur-here h3.contact-fax-ico, .index-panel .contact-fax-ico.captain:after, .product-list dl.contact-fax-ico:after { width: 0.1666666667rem; height: 0.1666666667rem; background-position: -1.9133333333rem -0.36rem; }

.clips.contact-email-ico, .head .nav ul li .submenu a.contact-email-ico:before, .head .nav ul li .contact-email-ico.submenu:before, .ur-here h3.contact-email-ico, .index-panel .contact-email-ico.captain:after, .product-list dl.contact-email-ico:after { width: 0.1666666667rem; height: 0.1666666667rem; background-position: -2.08rem -0.36rem; }

.clips.contact-global-ico, .head .nav ul li .submenu a.contact-global-ico:before, .head .nav ul li .contact-global-ico.submenu:before, .ur-here h3.contact-global-ico, .index-panel .contact-global-ico.captain:after, .product-list dl.contact-global-ico:after { width: 0.1666666667rem; height: 0.1666666667rem; background-position: -2.2466666667rem -0.36rem; }

.clips.joinus-image, .head .nav ul li .submenu a.joinus-image:before, .head .nav ul li .joinus-image.submenu:before, .ur-here h3.joinus-image, .index-panel .joinus-image.captain:after, .product-list dl.joinus-image:after { width: 1.1266666667rem; height: 0.6rem; background-position: -1.12rem -1.5rem; }

.clips.joinus-gotop-ico, .head .nav ul li .submenu a.joinus-gotop-ico:before, .head .nav ul li .joinus-gotop-ico.submenu:before, .ur-here h3.joinus-gotop-ico, .index-panel .joinus-gotop-ico.captain:after, .product-list dl.joinus-gotop-ico:after { width: 0.1266666667rem; height: 0.0666666667rem; background-position: -2.3733333333rem -0.0533333333rem; }

/*public class end*/
@media (max-width: 1000px) { .body { width: 100%; box-sizing: border-box; padding: 0 1em; }
  .head { position: fixed; padding-top: 1em; height: .6rem; z-index: 10; background-color: white; border-bottom: 1px solid #F4F4F4; }
  .head .head-toggle { display: block; float: right; font-size: .18rem; }
  .head .head-toggle a { display: block; padding: .5em; }
  .head .head-right { float: none; position: absolute; top: .6rem; left: 0; width: 100%; background-color: white; z-index: 10; display: none; }
  .head .nav { float: none; }
  .head .nav ul li { float: none; margin-right: 0; padding-bottom: 0; border-bottom: 1px solid #F4F4F4; }
  .head .nav ul li a { padding: 1em 2em; text-align: center; }
  .head .nav ul li a:after { display: none; }
  .head .nav ul li a.now:after, .head .nav ul li a:hover:after { display: none; }
  .head .phone { float: none; text-align: center; font-size: .13rem; padding: 1em 0 0 0; border-bottom: 1px solid #F4F4F4; box-sizing: border-box; width: 100%; }
  .head .phone.normal { padding-bottom: 1em; }
  .head .phone small { display: block; }
  .head .phone small a { display: block; font-size: 100%; padding: 1em 0; border-top: 1px solid #F4F4F4; margin-top: 1em; margin-left: 0; }
  .padding-head { height: .6rem; }
  .index-slider ol { top: auto; right: 0; bottom: .5em; width: 100%; text-align: center; }
  .index-slider ol li { display: inline-block; margin: 0 .3em; }
  .index-slider .controller { display: none; }
  .index-aboutus { padding: 2em 0; }
  .index-aboutus .index-aboutus-left { width: 100%; float: none; padding-right: 0; padding: 0 1em; margin-bottom: 1.5em; }
  .index-aboutus .index-aboutus-right { width: 100%; float: none; padding: 0 1em; box-sizing: border-box; }
  .index-aboutus .index-aboutus-right video { height: 2rem; }
  .index-aboutus .index-aboutus-captain h3 { margin-bottom: .1rem; font-size: .35rem; }
  .index-aboutus .index-aboutus-captain h4 { font-size: .18rem; }
  .index-aboutus .index-aboutus-body { height: auto; }
  .index-department.index-panel .captain { margin-bottom: 1em; }
  .index-department.index-panel .panel-body { padding: 0 1em; line-height: 0; }
  .index-department.index-panel .panel-body .index-department-image { width: 100%; }
  .index-department.index-panel .panel-body .index-department-inner { padding-left: 1em; }
  .index-department.index-panel .panel-body dl { position: static; width: 50%; float: left; margin: .5em 0; }
  .index-department.index-panel .panel-body dl dt { font-size: .10rem; line-height: 1.2em; padding: .1rem; }
  .index-department.index-panel .panel-body dl dd.text-gray, .index-department.index-panel .index-panel.index-news .panel-body dl dd.desc, .index-panel.index-news .index-department.index-panel .panel-body dl dd.desc, .index-department.index-panel .index-panel.index-news .panel-body dl dd dd.publish-time, .index-panel.index-news .index-department.index-panel .panel-body dl dd dd.publish-time, .index-department.index-panel .panel-body dl .ur-here dd.ur-here-inner, .ur-here .index-department.index-panel .panel-body dl dd.ur-here-inner, .index-department.index-panel .panel-body dl .foot dd.foot-4, .foot .index-department.index-panel .panel-body dl dd.foot-4, .index-department.index-panel .panel-body .news-list dl dd.desc, .news-list .index-department.index-panel .panel-body dl dd.desc, .index-department.index-panel .panel-body dl .prev-next .prev a dd.float-left, .prev-next .prev a .index-department.index-panel .panel-body dl dd.float-left, .index-department.index-panel .panel-body dl .prev-next .prev span dd.float-left, .prev-next .prev span .index-department.index-panel .panel-body dl dd.float-left, .index-department.index-panel .panel-body dl .prev-next .next a dd.float-left, .prev-next .next a .index-department.index-panel .panel-body dl dd.float-left, .index-department.index-panel .panel-body dl .prev-next .next span dd.float-left, .prev-next .next span .index-department.index-panel .panel-body dl dd.float-left, .index-department.index-panel .panel-body dl .contact-form .contact-form-captain dd.float-right, .contact-form .contact-form-captain .index-department.index-panel .panel-body dl dd.float-right { font-size: .10rem; }
  .index-department.index-panel .panel-body dl dd.float-left { width: 40%; margin-right: 5%; }
  .index-department.index-panel .panel-body dl dd img { width: 100%; height: auto; }
  .index-product.index-panel { background: url(../images/index_product_bg.jpg) center center no-repeat; background-size: 200% auto; }
  .index-panel.index-news { padding-bottom: 1em; }
  .index-panel.index-news .panel-body .body { width: 100%; }
  .index-panel.index-news .panel-body dl { width: 100%; margin-bottom: .15rem; }
  .index-panel.index-news .panel-body .index-news-left { width: 100%; float: none; margin-bottom: .15rem; }
  .index-panel.index-news .panel-body .index-news-left.spec .news-face { width: 100%; }
  .index-panel.index-news .panel-body .index-news-left.spec .news-face img { height: auto; }
  .index-panel.index-news .panel-body .index-news-right { width: 100%; float: none; }
  .foot { padding: 2em 0; }
  .foot .foot-1 dl { width: 100%; float: none; margin-bottom: 1.5em; padding-left: 2em; box-sizing: border-box; }
  .foot .foot-2 { margin-bottom: 2em; }
  .foot .foot-2 .foot-logo { float: none; width: min-content; margin-bottom: 1em; }
  .foot .foot-2 dl { float: left; width: 50%; margin-left: 0; margin-bottom: 1em; padding-left: 1em; box-sizing: border-box; }
  .foot .foot-2 dl dt { font-size: .14rem; }
  .foot .foot-2 dl dd { font-size: .12rem; }
  .foot .foot-3 { margin-bottom: 2em; }
  .foot .foot-3 .button-contact { width: 100%; font-size: .12rem; box-sizing: border-box; text-align: center; border-radius: .05rem; padding: 1.2em 0; }
  .foot .foot-4 p { margin: 0; padding: 1em 0; }
  .aboutus { padding: 3em 0 1.5em 0; }
  .aboutus .body { width: 100%; padding: 0 2em; }
  .aboutus .aboutus-captain { margin-bottom: 1.2em; }
  .aboutus .aboutus-body { margin-bottom: 2em; }
  .aboutus .aboutus-video video { height: 2rem; }
  .index-panel.aboutus-history .panel-body .body { width: 100%; }
  .index-panel.aboutus-history .panel-body .aboutus-history-inner ul li { float: none; width: 100%; text-align: center; }
  .index-panel.aboutus-history .panel-body .aboutus-history-inner ul li dl { float: none; }
  .index-panel.aboutus-history .panel-body .aboutus-history-inner ul li dl dt { font-size: 0; }
  .index-panel.aboutus-history .panel-body .aboutus-history-inner ul li dl dt:after { display: none; }
  .index-panel.aboutus-history .panel-body .aboutus-history-inner ul li dl dd { font-size: .10rem; }
  .index-panel.aboutus-partener { padding: 3em 0; }
  .index-panel.aboutus-partener .panel-body .aboutus-partener-inner { margin-bottom: 0; }
  .index-panel.aboutus-partener .panel-body .aboutus-partener-inner a { width: calc(50% - .1rem); margin: .05rem .05rem; box-sizing: border-box; }
  .index-panel.aboutus-partener .panel-body .aboutus-partener-inner a img { width: 100%; height: auto; }
  .index-panel.aboutus-partener .panel-body .controller { display: none; }
  .index-panel.aboutus-honor .panel-body .aboutus-honor-inner { margin-bottom: 0; }
  .index-panel.aboutus-honor .panel-body .aboutus-honor-inner a { width: calc(50% - .1rem); margin: .05rem .05rem; box-sizing: border-box; }
  .index-panel.aboutus-honor .panel-body .aboutus-honor-inner a img { width: 100%; height: auto; }
  .index-panel.aboutus-honor .panel-body .controller { display: none; }
  .news-list dl dd.news-thumb { float: none; margin-right: 0; margin-bottom: 1em; width: 100%; height: auto; }
  .news-list dl dd.news-thumb img { width: 100%; height: auto; max-width: 4rem; }
  .news-list dl dd.desc { font-size: .12rem; }
  .news-list dl dd.more { text-align: left; }
  .news-list dl dd.more span { background-color: #F4F4F4; }
  .article { margin-top: 1em; }
  .article .article-title { width: 100%; float: none; border-bottom: 1px solid #F4F4F4; padding-right: 0; }
  .article .article-body { width: 100%; float: none; border-left: none; padding-left: 0; }
  .product-slider { width: 100%; height: 100%; float: none; overflow: hidden; }
  .product-slider ul li { float: left; }
  .product-slider .controller { display: none; }
  .product-title { width: 100%; float: none; }
  .product-title h2 { text-align: center; padding: .8em 0 1em 0; }
  .product-title .product-param { font-size: .14rem; }
  .product-title .product-contact { text-align: center; }
  .joinus-culture.index-panel .captain { margin-bottom: 1em; }
  .joinus-culture.index-panel .panel-body .body img { width: 100%; }
  .company-desc { padding-bottom: .5rem; }
  .company-desc .company-desc-bg { width: 100%; overflow: hidden; }
  .company-desc .company-desc-bg ul li { float: left; width: 100%; }
  
  .company-desc .body { width: 100%; }
  .company-desc .company-desc-inner { width: 50%; height: 1.4rem; bottom: -.5rem; right: 1em; padding: 1.5em; }
  .company-desc .company-desc-inner dl dt { font-size: .14rem; margin-bottom: .5em; }
  .company-desc .company-desc-inner dl dt:after { margin-top: .05rem; }
  .company-desc .company-desc-inner dl dd { height: .8rem; font-size: .10rem; line-height: 1.5em; }
  .company-desc .company-desc-inner .controller { display: none; }
  .company-environment.index-panel .panel-body .company-environment-slider { width: 100%; height: auto; overflow: hidden; position: relative; }
  .company-environment.index-panel .panel-body .company-environment-slider ul li { width: 100%; float: left; }
  .company-environment.index-panel .panel-body .company-environment-slider ul li img { width: 100%; height: auto; }
  .company-environment.index-panel .panel-body .company-environment-slider ol { position: absolute; bottom: .5em; width: 100%; text-align: center; line-height: 1em; display: block; }
  .company-environment.index-panel .panel-body .company-environment-slider ol li { margin: 0 .3em; display: inline-block; }
  .company-environment.index-panel .panel-body .company-environment-slider ol li a { display: block; background-color: rgba(255, 255, 255, 0.8); width: .1rem; height: .1rem; border-radius: .05rem; text-indent: -999em; }
  .company-environment.index-panel .panel-body .company-environment-slider ol li a.now { background-color: #0069B4; }
  .company-environment.index-panel .panel-body .controller { display: none; }
  .contact { padding: 2em 0; }
  .contact .body { padding: 0 2em; }
  .contact .contact-captain { width: 100%; float: none; margin-bottom: 1em; }
  .contact .contact-captain h3 { padding-left: 0; }
  .contact .contact-body { width: 100%; float: none; }
  .contact .contact-body dl dt { font-size: 0.13rem; }
  .contact .contact-body dl dd { font-size: 0.13rem; }
  .contact .contact-map { width: 100%; height: 2rem; }
  .contact-form { padding: 3em 0 2.5em 0; }
  .contact-form .contact-form-captain { margin-bottom: 2em; }
  .contact-form .contact-form-captain h3 { font-size: .17rem; }
  .contact-form .contact-form-captain .float-right { display: none; }
  .contact-form .contact-form-body { padding-left: 0; }
  .contact-form .contact-form-body p .button { width: 100%; margin-top: 1em; }
  /*class start*/
  .index-panel { padding: 2.5em 0; }
  .index-panel .captain { padding: 0 2em; margin-bottom: 1.5em; }
  .index-panel .captain h4 { line-height: 1.6em; }
  .index-shift ul li a { padding: .2em 1em; }
  .index-shift ul li a:after { margin-top: .2em; }
  .product-list.more-product-list dl { width: calc(50% - .1rem); height: auto; margin: 0 0.05rem .25rem 0.05rem; padding: 0; padding-bottom: 2em; }
  .product-list.more-product-list dl dd img { width: 100%; height: auto; }
  .product-list dl { width: calc(50% - .1rem); height: auto; margin: 0 0.05rem .25rem 0.05rem; padding: 0; padding-bottom: 2em; }
  .product-list dl dd img { height: auto; }
  .ur-here .body { padding: 0 2em; }
  .ur-here h3 { display: none; }
  .ur-here .ur-nav { margin-top: .2em; }
  .ur-here .ur-nav ul li a { padding-bottom: .2em; }
  .go-top { display: none; }

  
  /*class end*/ }

/*# sourceMappingURL=style.css.map */