/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
}
body {
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background-color: transparent;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
h1 {
  margin: .67em 0;
  font-size: 2em;
}
mark {
  color: #000;
  background: #ff0;
}
small {
  font-size: 80%;
}
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sup {
  top: -.5em;
}
sub {
  bottom: -.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  height: 0;
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  margin: 0;
  font: inherit;
  color: inherit;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  padding: .35em .625em .75em;
  margin: 0 2px;
  border: 1px solid #c0c0c0;
}
legend {
  padding: 0;
  border: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-spacing: 0;
  border-collapse: collapse;
}
td,
th {
  padding: 0;
}
/* normalize.css end */

* {
    margin: 0;
    padding: 0;
    -webkit-tap-highlight-color: transparent;
    -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
    font-size: 14px;
    font-family: "Microsoft Yahei";
}

a {
    color: #000;
    text-decoration: none;
    -webkit-touch-callout: none;/*绂佹ios寮瑰嚭榛樿鑿滃崟*/
    -webkit-user-drag: none;/*绂佹pc绔嫋鎷?/
}
.text-c {
    text-align: center;
}
.pb0 {
    padding-bottom: 0 !important;
}
.pt20 {
    padding-top: 20px !important;
}
.mt20 {
    margin-top: 20px;
}
.mt30 {
    margin-top: 30px;
}
.mt40 {
	margin-top: 40px;
}
.mb10 {
	margin-bottom: 10px;
}
.bold {
	font-weight: bold;
    color: #333锛
}
.fr {
    float: right;
}
.fl {
	float: left;
}
td,th {
    text-align: center;
}
ul {
    padding: 0;
    list-style: none;
}

ul:after {
    display: table;
    content: " ";
    clear: both;
}

img {vertical-align: middle;}

body {
  font-size: 14px;
  line-height: 1.42857143;
  color: #333;
  background-color: #fff;
}

.clearfix:after {
    display: table;
    content: " ";
    clear: both;
}

.back-mask {
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.6);
    z-index: 998;
    position: fixed;
    top:0;
    left:0;
    right:0;
}

.hide {
    display: none;
}

.res-nav-distance {
    margin-top: 108px;
}

video {
    width: 90%;
}

/** header **/
.nav-con {
    margin: 0 auto;
    width: 1280px;
}

.logo {
    margin-top: 24px;
    padding: 0 18px;
}

.logo img {
    height: 60px;
}

.navbar {
    margin-bottom: 0;
    height: 108px;
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    right: 0;
    background-color: #fff;
    border-bottom:1px solid #eaeaea;
}

.navbar-default .navbar-nav {
    float: left;
    position: relative;
}

.navbar-default .navbar-nav > li {
    -webkit-transition: .2s background-color;
    -o-transition: .2s background-color;
    transition: .2s background-color;
    float: left;
    cursor: pointer;
    position: relative;
    height: 108px;
    width: 124px;
    text-align: center;
}

.navbar-nav>li>a {
    padding: 0;
    width: 100%;
    height: 100%;
    line-height: 108px;
    text-align: center;
    font-size: 16px;
    display: inline-block;
}

.navbar-nav>li>a:hover,
.navbar-nav>li>a:active {
    border-bottom: 3px solid #0451ff;
    background-color: #ebebeb;
}

.header .nav-header {
    float: left;
}

.nav-each-list {
    position: absolute;
	width: 200px;
    left: 0;
}

.nav-each-list .nav-each {
    width: 100%;
    background: url(../../images/index/trans_bg.png) no-repeat;
    white-space: nowrap;
    -webkit-transition: .2s background-color;
    -o-transition: .2s background-color;
    transition: .2s background-color;
}

.nav-each-list .nav-each a {
    display: block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    padding-left: 30px;
    text-align: left;
}

.nav-each-list .nav-each:hover,
.nav-each-list .nav-each:active{
    background-color: #fff;
    background-color: rgba(255,255,255,.6);
}

.mobile-nav {
    display: none;
    float: right;
}

.mobile-nav-icon {
    width: 40px;
    margin-top: 12px;
    cursor: pointer;
}

.mobile-nav-icon1 {
    width: 30px;
    height: 2px;
    background-color: #0897ff;
    margin:10px auto;
    transition: all .5s;
    opacity: 1;
}

.mobile-nav-icon1:nth-child(1).active {
    transform:translateY(11px) rotate(45deg) ;
}

.mobile-nav-icon1:nth-child(2).active {
    opacity: 0;
}

.mobile-nav-icon1:nth-child(3).active {
    transform:translateY(-14px) rotate(-45deg) ;
}

.mobile-box {
    position: relative;
    border-top: 4px solid #0897ff;
    border-left: 5px solid #0897ff;
}

.mobile-box,
.mobile-box-backmask{
    display: none;
}

.mobile-box ul {
    display: block;
    right: 0;
    height: 100%;
    width: 100%;
    background-color: #fff;
}

.mobile-box ul.other-box-nav {
    position: absolute;
    transform: translateX(102%);
    top: 0;
    right: 0;
    z-index: 2;
    transition: transform 0.4s;
}

.mobile-box ul.other-box-nav.on {
    transform: translateX(0%);
}

.mobile-box > ul > li {
    width: 100%;
    height: 60px;
    line-height: 60px;
    border-bottom: 1px solid #ccc;
}

.mobile-box > ul > li > a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 0 35px;
    transition: color .3s;
    border-left: 5px solid #0897ff;
    margin-left: -5px;
}

.main-box-nav li > a {
    background: url(../../images/index/arrowright-mini.png) no-repeat 90% center;
}

.main-box-nav li:nth-child(1) > a {
    background: none;
    border-left: 6px solid #fff;
    margin-left: -5px;
    background: url(../../images/index/home.png) no-repeat 90% center;
}

.other-box-nav li:nth-child(1) > a {
    background: none;
    border-left: 5px solid #fff;
    margin-left: -5px;
}

.mobile-box > ul > li:hover > a,
.mobile-box > ul > li:active > a {
    color: #0897ff;
}

/** header end **/
/** swiper **/
#index-slide1 {
    margin-top: 108px;
}

.swiper-container img {
    width: 100%;
    height: 100%;
}

.swiper-pagination {
    position: absolute;
    z-index: 20;
    bottom: 10px;
    width: 100%;
    text-align: center;
}
.swiper-pagination-switch {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 8px;
    background: #009dff;
    margin: 0 5px;
    opacity: 0.8;
    cursor: pointer;
}
.swiper-active-switch {
    background: #fff;
}

.arrow-prev {
    background-image: url(../../images/index/arrowleft.png);
    position: absolute;
    left: 10px;
    top: 50%;
    margin-top: -15px;
    width: 50px;
    height: 45px;
    cursor: pointer;
}
.arrow-next {
    background-image: url(../../images/index/arrowright.png);
    position: absolute;
    right: 30px;
    top: 50%;
    margin-top: -15px;
    width: 50px;
    height: 45px;
    cursor: pointer;
}

#index-slide2 .swiper-slide {
    width: 480px;
    padding: 0 30px;
    position: relative;
}

#index-slide2 .swiper-slide .slide-eve {
    height: 300px;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    position: relative;
    overflow: hidden;
}

#index-slide2 .slide1 .slide-eve {
    background-image: url(../../images/index/5.jpg);
}

#index-slide2 .slide2 .slide-eve {
    background-image: url(../../images/index/5.jpg);
}

#index-slide2 .slide3 .slide-eve {
    background-image: url(../../images/index/5.jpg);
}

#index-slide2 .slide4 .slide-eve {
    background-image: url(../../images/index/5.jpg);
}

#index-slide2 .slide5 .slide-eve {
    background-image: url(../../images/index/5.jpg);
}

/** swiper end **/
/** index **/
.new_in {
    width: 90%;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
}

.in_title {
    padding: 40px 0;
    text-align: center;
}

.in_title h2 {
    display: inline-block;
    border-bottom: 5px solid #0451ff;
    margin-top: 0;
    padding-bottom: 10px;
}

.in_title h2 a{
    transition: color .4s;
    font-size: 40px;
}

.in_title h2 a:hover,
.in_title h2 a:active{
    color: #005bac;
}

.new_figure_in {
    width: 40%;
    max-height: 285px;
    overflow: hidden;
    float: left;
    padding: 0 20px;
}

.new_figure_in .new_figure_wrap {
    position: relative;
    max-height: 285px;
    top: 100px;
    opacity: 0;
    overflow: hidden;
}

.new_in .new_figure_wrap,
.new_in .new_list_in {
    transition: all .6s;
}

.new_in.on .new_figure_wrap {
    top: 0;
    opacity: 1;
}

.new_list_in {
    position: relative;
    float: left;
    left: 100px;
    opacity: 0;
}

.new_in.on .new_list_in {
    left: 0;
    opacity: 1;
}

.new_figure_in img {
    width: 100%;
    height: 100%;
    transition: all .5s;
}

.new_figure_in img:hover {
    transform: scale(1.1, 1.1);
}

.new_figure_in p{
    position: absolute;
    bottom:0;
    left:0;
    right:0;
    margin-bottom: 0;
    font-size: 16px;
    color: #fff;
    background-color: rgba(0,0,0,0.6);
    height: 35px;
    line-height: 35px;
    text-align: center;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.new_list_in {
    width: 60%;
}

.new_list_in h4 a {
    display: block;
    height: 32px;
    line-height:20px;
    font-size: 18px;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.new_list_in h4 a:hover,
.new_list_in h4 a:active {
    color: #005BAC;
}

.new_list_in div {
    color: #8f8f8f;
    font-size: 12px;
    height:30px;
}

.new_list_in p {
    font-size: 14px;
    color: #616161;
    height: 2.8em;
    overflow: hidden;
}

.new_list_in ul li {
    margin-bottom: 20px;
    width: 50%;
    float: left;
    padding: 0 20px;
}

.more {
    text-align: right;
    margin-right: 20px;
}

.more a {
    display: inline-block;
    padding: 4px 8px;
    font-size: 14px;
    border: 1px solid #ddd;
    color: #aaa;
}

.more a:hover,
.more a:active {
    color: #006cff;
    border: 1px solid #006cff;
}

.product_in {
    overflow: hidden;
}

.product_in img {
    height: 100%;
    width: 100%;
    border: none;
}

.product_in_l {
    float: left;
    width: 40%;
}

.product_in_r {
    float: right;
    width: 60%;
}

.product_in_box1 {
    position: relative;
    left: -150px;
    opacity: 0;
    transition: all .6s;
}

.product_in.on .product_in_box1,
.product_in.on .product_in_box5,
.product_in.on .product_in_box6{
    left: 0;
    opacity: 1;
}

.product_in_box2 {
    position: relative;
    float: left;
    width: 40%;
    top: -100px;
    opacity: 0;
    transition: all .4s;
}

.product_in_box3 {
    position: relative;
    float: left;
    width: 30%;
    top: -100px;
    opacity: 0;
    transition: all .8s;
}
.product_in_box4{
    position: relative;
    float: left;
    width: 30%;
    top: -100px;
    opacity: 0;
    transition: all 1s;
}

.product_in.on .product_in_box2,
.product_in.on .product_in_box3,
.product_in.on .product_in_box4{
    top: 0;
    opacity: 1;
}

.product_in_box5 {
    position: relative;
    float: left;
    width: 60%;
    left: 120px;
    opacity: 0;
    transition: all .6s;
}

.product_in_box6 {
    position: relative;
    float: left;
    width: 40%;
    left: 120px;
    opacity: 0;
    transition: all 1s;
}

.product_in_wrap {
    padding: 2px;
    position: relative;
}

.product_in_txt {
    position: absolute;
    width: 100%;
    height: 100%;
    top:0;
    left:0;
    right:0;
    color: #fff;
    padding-left: 20px;
}

.product_in_txt h3 a {
    font-size: 38px;
    margin-top: 20px;
    margin-bottom: 10px;
    color: #fff;
    text-shadow: 2px 2px 2px #aaa;
}

.product_in_txt p{
    opacity: 0;
    transition: opacity .4s;
    font-size: 14px;
}

.product_in_txt:hover,
.product_in_txt:active {
    background-color: transparent;
    background-color: rgba(0,0,0,.5);
}

.product_in_txt:hover p,
.product_in_txt:active p {
    opacity: 1;
}

.in_service_main {
    width: 1280px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}

.pc_in_service_main {
    display: block;
}

.phone_in_service_main {
    display: none;
}

.service_in {
    margin-bottom: 40px;
}

.in_service_main .in_service_l {
    width: 18%;
    display: block;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: url(../../images/index/left_menu.png) no-repeat center rgba(0,0,0,0.5);
    z-index: 200;
}

.in_service_main .in_service_l:hover {
    background: url(../../images/index/left_menu.png) no-repeat 45% rgba(0,0,0,0.5);
}

.in_service_main .in_service_r {
    width: 18%;
    display: block;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    background: url(../../images/index/right_menu.png) no-repeat center rgba(0,0,0,0.5);
    z-index: 200;
}

.in_service_main .in_service_r:hover {
    background: url(../../images/index/right_menu.png) no-repeat 55% center rgba(0,0,0,0.5);
}

.in_service_main_wrap, .in_service ul {
    width: 100%;
    height: 100%;
}

.in_service ul {
    width: 5000%;
    height: 100%;
    position: relative;
    left: 0;
}

.in_service li {
    width: 6%;
    float: left;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.in_service li.on {
    width: 64%;
}

.in_service li.on a {
    display: block;
    width: 100%;
    height: 100%;
}

.in_service li.on a img {
    width: 100%;
    height: 100%;
}

.in_service li > a {
    width: 100%;
    height: 100%;
}

.in_service li img {
    height: 100%;
    width: auto;
}

.in_service li.on .serText {
    opacity: 1;
}

.serText {
    position: absolute;
    bottom: 0;
    text-align: left;
    padding: 20px 40px;
    box-sizing: border-box;
    background: rgba(0,0,0,0.5);
    opacity: 0;
    width: 100%;
}

.serText h6 {
    font-size: 30px;
    color: #fff;
    font-weight: normal;
    margin-bottom: 10px;
}

.serText p {
    font-size: 14px;
    color: #fff;
    font-weight: normal;
    line-height: 1.7em;
    height: 3.4em;
    overflow: hidden;
}

footer {
    background-color: #f5f5f5;
    padding: 56px 0;
    margin-top: 160px;
    color: #000;
    width: 100%;
    min-width: 1200px;
}

footer .other-link a {
    color: #000;
    transition: color .3s;
}

footer .other-link a:hover,
footer .other-link a:active {
    color: #005BAC;
    text-decoration: none;
}

footer .foot-link {
    margin: 0 120px 10px 120px;
    border-bottom: 2px solid #000;
}

footer .footer-link-main:nth-child(1) {
    float: right;
    width: auto;
}

footer .footer-link-main:nth-child(2) {
    float: left;
    width: 50%;
}

footer .other-link-wrap,
footer .outer-link{
    float: left;;
}

footer .other-link-wrap {
    width: 120px;
}

footer .outer-link {
	margin-right: 80px;
}

footer .footer-link-main .about-cor {
    font-size: 20px;
    font-weight: 600;
}

footer .footer-link-main .about-purpose {
    font-size: 14px;
    margin-top: 20px;
    margin-bottom: 20px;
    overflow: hidden;
}

footer .other-link {
    margin-bottom: 20px;
    padding-right: 20px;
    text-align: right;
}

.share {
    padding-bottom: 10px;
}

.share a {
    display: inline-block;
    height: 27px;
    width: 27px;
}

.weixin-icon {
    background: url(../../images/index/weixin-icon.png) no-repeat center !important;
    background-position-x: 0px !important;
}

.weixin-icon:hover {
    background: url(../../images/index/weixin-icon.png) no-repeat center !important;
    background-position-x: -31px !important;
}

.sina-icon {
    background: url(../../images/index/sina-icon.png) no-repeat center !important;
    background-position: 0px 0px !important;
}

.sina-icon:hover {
    background: url(../../images/index/sina-icon.png) no-repeat center !important;
    background-position: -30px 0 !important;
}

.qq-icon {
	background: url(../../images/index/qq-icon.png) no-repeat center !important;
    background-position: 0px 0px !important;
}

.qq-icon:hover {
	background: url(../../images/index/qq-icon.png) no-repeat center !important;
    background-position: -30px 0 !important;
}

.copyright p {
    margin: 0;
    font-size: 12px;
    padding: 10px 120px;
}
.weixin_share {
    position: fixed;
    z-index: 2147483647;
    display: none;
}

.weixin_modal {
    background-clip: padding-box;
    background-color: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 6px 6px 6px 6px;
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    left: 50%;
    margin: -200px 0 0 -150px;
    overflow: hidden;
    position: fixed;
    top: 50%;
    width: 300px;
    height: 300px;
    overflow: hidden;
}

.weixin_modal_header {
    border-bottom: 1px solid #EEEEEE;
    padding: 9px 15px;
}

.weixin_modal_header .weixin_modal_close {
    text-decoration: none;
    margin-top: 2px;
    color: #000000;
    float: right;
    font-size: 20px;
    font-weight: bold;
    cursor: pointer;
    line-height: 20px;
    opacity: 0.2;
    text-shadow: 0 1px 0 #FFFFFF;
}

/*.weixin_h31 {
    line-height: 30px;
    margin: 0;
    font-weight: normal;
    font-family: "寰蒋闆呴粦";
}*/

.weixin_modal_body {
    text-align: center;
    height: 251px;
}

.weixin_webchat {
    margin-top: 15px;
}

.in_right_fix {
	position: fixed;
	top: 0;
	right: 0;
	opacity: 0.1;
	filter:Alpha(opacity=10);
	height: 100%;
	z-index: 10000;
	transition: all .2s;
	display: none;
}

.in_right_fix:hover {
	opacity: 0.8;
	filter:Alpha(opacity=100);
}

.in_right_fix .in_right_fix_content {
	height: 100%;
	width: 40px;
	background-color: transparent;
    background-color: rgba(0,0,0,.5);
	position: relative;
}
.in_right_fix .in_right_center {
	position: absolute;
	top: 200px;
	width: 100%;
	left: 0;
}

.in_right_fix .in_right_block {
	position: relative
}

.in_right_fix .in_right_block_a {
	display: block;
	height: 40px;
    opacity: 0.6;
    transition: all .4s;
    position: relative;
}

.in_right_fix .in_right_block_a.pc {
    background-image: url(../../images/index/logo2.png);
    background-repeat: no-repeat;
    background-position: 6px 4px;
}

.in_right_fix .in_right_block_a.wxqr {
    background-image: url(../../images/index/qrcode.png);
    background-repeat: no-repeat;
    background-position: 4px 4px;
}

.in_right_fix .in_right_block_a.backtop {
    background-image: url(../../images/index/chevron-up.png);
    background-repeat: no-repeat;
    background-position: 6px 4px;
}

.in_right_fix .in_right_block:hover .in_right_block_a{
	opacity: 1;
	background-color: #fff;
}

.in_right_fix .in_right_title {
	width: 95px;
	height: 40px;
	line-height: 40px;
	padding: 0 5px;
	background-color: #fff;
	color: #000;
	position: absolute;
	top: 0;
	left: 40px;
	z-index: -1;
	transition: left .5s;
	text-align: center;
	opacity: 0.6;
	cursor: pointer;
	font-size: 12px;
	font-weight: bold;
}

.in_right_fix .in_right_block:hover .in_right_title {
	left: -95px;
	opacity: 1;
}

.in_right_fix .in_right_bottom {
	position: absolute;
	bottom: 20px;
	width: 100%;
	left: 0;
}

.in_right_fix .in_right_title_box {
	position: absolute;
	height: 220px;
	width: 200px;
	background-color: #fff;
	left: 40px;
	top: -140px;
	padding: 10px;
	box-shadow: 0 0px 14px #000;
	border-radius: 4px;
	opacity: 0;
	transition: all .6s;
	z-index: -1;
}

.in_right_fix .in_right_block:hover .in_right_title_box {
	left: -240px;
	opacity: 1;
}

.in_right_fix .in_right_title_box p {
	text-align: center;
}

.in_right_fix .in_right_title_box .rowright {
	position: absolute;
	top: 150px;
	right: -10px;
}

/** index end **/
/** situ **/
.situ-header {
    position: relative;
    margin-top: 108px;
}

.situ-header img {
    width: 100%;
}

.situ-txtwrap {
    position: absolute;
    width: 300px;
    height: 100%;
    top: 0;
    z-index: 1;
    background-color: transparent;
    background-color: rgba(0,0,0,.5);
    color: #fff;
    padding: 20px;
}

.situ-txtwrap span {
    display: inline-block;
    font-size: 24px;
    margin-bottom: 20px;
    padding: 5px 0;
    border-bottom: 3px solid #fff;
}

.situ-container {
    width: 100%;
    padding: 0 30px 20px 30px;
}

.situ-container p {
    font-size: 18px;
}

.situ-container .situ-text {
    text-indent: 36px;
}

.img-box {
    width: 100%;
    height: auto;
}

.img-box img {
    width: 100%;
}

.sense-value-container {
    position: absolute;
    top: 220px;
    right: 85px;
    width: 500px;
    height: 500px;
    padding: 50px;
    background: url(../../images/culture/blue_bg.png);
    color: #fff;
}

.sense-value-wrap {
    position: relative;
}

.sense-value-title {
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 10px;
    display: inline-block;
}
/** situ end **/
/** intro **/
.intr-r {
    padding: 40px 40px 40px 0;
}

.intr-r .intr-main {
    overflow: hidden;
}

.module-container {
    width: 1200px;
    margin: 0 auto;
}

.intr1-bg,
.intr1-main {
    width: 50%;
    padding: 0 20px;
}

.intr1-main p {
	margin-bottom: 15px;
	margin-top: 15px;
    line-height: 1.7em;
}

.intr1-main p:first-child {
    margin-top: 0;
}

.intr1-bg img {
	position: relative;
	top: 0;
	transition: all 1s;
	opacity: 1;
	width: 100%;
}

.intr1-bg .bg-bottom {
	padding: 37px 0 0 43px;
    width: 485px;
    height: 274px;
    position: relative;
}

.intr1-top {
    margin-bottom: 100px;
}

.intr1-top:after {
    display: table;
    clear: both;
    content: "";
}

.intr1-bottom {
    width: 100%;
    overflow: hidden;
}

.intr1-bottom .scale {
    width: 50%;
    transition: all .4s;
}

.intr1-bottom:hover .scale {
    transform: scale(1.1,1.1);
}

.intr1-bottom .intr1-bottom-re {
    position: relative;
}

.intr1-bottom .intr1-bottom-re img {
    width: 100%;
}

.intr1-bottom .intr1-bottom-right {
    width: 50%;
    overflow: hidden;
    position: relative;
}

.intr1-bottom .intr1-bottom-right img {
    width: 100%;
    z-index: -1;
}

.intr1-bottom .intr1-bottom-txt {
    position: absolute;
    top: 20%;
    left: 10%;
    color: #fff;
}

.intr1-bottom .intr1-bottom-txt p{
    font-size: 20px;
    font-weight: bold;
}

.intr1-bottom .intr1-bottom-txt > div {
    font-size: 48px;
    margin-bottom: 20px;
}

.module-wrapper {
    position: relative;
	padding: 0 20px;
}

.develop-each {
    position: relative;
    padding: 2px 0 40px 40px;
    min-height: 40px;
    border-left: 3px solid #ccc;
}

.develop-each.develop-each-last {
    border: 0;
    padding-left: 43px;
}

.develop-each.develop-each-last .develop-icon {
    left: -13px;
}

.develop-each .develop-icon {
    position: absolute;
    top: 0px;
    left: -16px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 5px solid #72d3f4;
    background-color: #00a1fb;
}

.develop-each .develop-main:after {
    display: table;
    content: " ";
    clear: both;
}

.develop-each .develop-year {
    float: left;
    width: 120px;
    text-align: center;
    color: #fff;
    background-color: #029cf2;
    padding: 2px;
    border-radius: 16px;
}

.develop-each .develop-txt {
    float: left;
    margin: 2px 0 0 15px;
    width: 76%;
    word-break: break-all;
}

.develop-wrapper {
    padding: 0 60px;
}

.card-list>li {
    width: 50%;
    margin-bottom: 20px;
}

.card-wrap {
    margin: 0 30px;
    padding: 40px 20px;;
    border: 1px solid #ddd;
}

.card-wrap .card-title {
    display: inline-block;
    margin-bottom: 30px;
    padding-bottom: 5px;
    font-size: 18px;
    border-bottom: 4px solid #1071a7;
}

.card-wrap .card-txt {
    height: 150px;
    font-size: 16px;
}


/** intro end **/
/** news center **/
.module-top-banner {
	position: relative;
    width: 100%;
    min-width: 1200px;
}

.module-top-banner .news_title {
	position: absolute;
	left:100px;
	top:50%;
    height: 52px;
    margin-top: -26px;
    display: inline-block;
    font-size: 32px;
    font-weight: bold;
    color: #fff;
    text-shadow: 2px 2px 2px #aaa;
}

.module-top-banner img {
    width: 100%;
    height: 220px;
}


.newslist-top-nav {
    padding: 10px;
    height: 55px;
}

.newslist-top-nav ul {
    float: right;
}

.newslist-top-nav ul li {
    float: left;
    padding: 5px;
    margin: 0 10px;
    cursor: default;
}

.newslist-top-nav ul li:nth-child(3) {
	margin-right: 0;
}

.newslist-top-nav ul li:hover,
.newslist-top-nav ul li:active {
    border-bottom: 3px solid #0451ff;
}

.newslist-top-nav ul li.active {
    border-bottom: 3px solid #0451ff;
}

.news-list {
    height: 400px;
    padding: 0 15px 10px 10px;
    margin: 0 auto;
}

.news-list > h2 {
    padding: 10px 0;
}

.news-list dl:after {
    content: " ";
    display: table;
    clear: both;
}

.news-list dl {
    position: relative;
    padding: 5px 200px 5px 0;
}

.news-list dl > dd {
    font-size: 16px;
    color: #926b6b;
}

.news-list dl > dd > a {
    color: #926b6b;
    transition: color .3s;
}

.news-list dl > dd > a:hover,
.news-list dl > dd > a:active {
    color: #553f3f;
}

.news-list dl .news-list-title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.news-list dl .news-list-date {
    width: 200px;
    position: absolute;
    right: 0;
    top: 5px;
    text-align: right;
}

.news-default-container {
    margin-top: 20px;
    margin: 20px auto 0 auto;
    width: 1200px;
}

.news-default-container:after {
    display: table;
    content: " ";
    clear: both;
}

.news-default-container .news-default-left {
    float: left;
    width: 55%;
    padding: 0 20px;
}

.news-default-container .news-default-right {
    float: right;
    width: 45%;
    padding: 0 20px;
    border-left: 2px solid #eaeaea;
}

.news-default-top {
    position: relative;
}

.news-default-top a {
    position: absolute;
    right: 0;
    top: 2px;
    color: #0053d9;
    transition: color .4s;
}

.news-default-top a:hover,
.news-default-top a:active {
    color: #003fa5;
}

.news-default-list {
    margin-top: 10px;
}

.news-default-list > dl {
    position: relative;
    padding: 5px 160px 5px 0;
}

.news-default-list > dl > dd{
    font-size: 14px;
}

.news-default-list > dl .news-list-title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.news-default-list > dl .news-list-title a {
    color: #926b6b;
    transition: color .3s;
}

.news-default-list > dl .news-list-title a:hover,
.news-default-list > dl .news-list-title a:active {
    color: #553f3f;
}

.news-default-list > dl .news-list-date {
    position: absolute;
    top: 5px;
    right: 0;
    color: #926b6b;
}
/** news center end **/
/** news **/
.news h2 {
    text-align: center;
}

.news p {
    padding:0 10px;
    text-indent: 2em;
}

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}

.pagination>li {
    display: inline;
}

.pagination>.active>a,
.pagination>.active>span {
    color: #fff;
    cursor: pointer;
    background-color: #337ab7;
    border-color: #337ab7;
}


.pagination>li>a:hover,
.pagination>li>span:hover,
.pagination>li>a:active,
.pagination>li>span:active{
    color: #fff;
    cursor: pointer;
    background-color: #337ab7;
    border-color: #337ab7;
}

.pagination>li>a,
.pagination>li>span {
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #e2e8fc;
    transition: all .3s;
}

.news-main {
    padding-top: 20px;
    border-bottom: 1px dotted #cdcdcd;
}

.news-main .news-detail-title {
    font-size: 24px;
    font-weight: bold;
    color: #000;
    text-align: center;
    margin-bottom: 40px;
}

.news-main .news-detail-main {
    border-top: 3px solid #919191;
    padding-top: 40px;
    padding-bottom: 60px;
}

.news-detail-share {
	height: 27px;
	line-height: 27px;
	margin-bottom: 10px;
}

.news-footer {
    padding-top: 20px;
}

.news-footer .news-more {
    padding-bottom: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.news-footer .news-more a {
    color: #005bac;
}

.news-footer .news-more a:hover,
.news-footer .news-more a:active {
    color: #01427c;
}

.module-title-wrap {
	margin-bottom: 30px;
}

.module-title-wrap .module-title {
	display: inline-block;
	padding-bottom: 10px;
	border-bottom: 4px solid #005bac;
	font-size: 18px;
}

.module-title-wrap p {
    margin-top: 60px;
    font-size: 16px;
}

/** news end **/
/** join **/
.join-banner {
    position: relative;
}

.join-banner .join-title {
    position: absolute;
    color: #fff;
    width: 100%;
    min-width: 1200px;
    text-align: center;
    top: 50%;
    font-size: 48px;
    font-family: "FangSong";
    font-weight: 600;
    letter-spacing: 10px;
    white-space: nowrap;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}

.join-article-title {
    text-align: left;
    margin: 10px 50px;
    font-size: 36px;
    font-weight: bold;
    color: #1e86be;
    font-family: '\5b8b\4f53';
}

.join-article-main {
    margin: 10px 50px;
    padding-top: 20px;
    border-top: 2px solid #1fb0fd;
    font-size: 16px;
}

.join-banner .particle-canvas-con {
    background-color:#1fb0fd;
    width:100%;
    min-width: 1200px;
    height:600px;
}

.career-img-wrap {
	min-width: 1200px;
	height: 350px;
	overflow: hidden;
}

.career-img-wrap img{
	width: 100%;
	display: block;
	position: relative;
}

.career-wrap {
	margin-top: 50px;
}

.career-wrap:after {
	display: table;
	height: 0;
	clear: both;
	content: '';
}

.career-wrap a{
	display: block;
    float: left;
	width: 380px;
	margin-right: 30px;
	margin-bottom: 25px;
}

.career-wrap .mr0 {
	margin-right: 0;
}

.career-wrap dl {
	padding: 30px 40px;
    background: #fff;
}

.career-wrap dl:hover,
.career-wrap dl:active {
    background: #005bac;
}

.career-wrap dl:hover dt,
.career-wrap dl:hover dd,
.career-wrap dl:hover dd span,
.career-wrap dl:active dt,
.career-wrap dl:active dd,
.career-wrap dl:active dd span{
	color: #fff;
}

.career-wrap dt {
	color: #333;
	font-size: 24px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	height: 1.5em;
	line-height: 1.5;
	margin-bottom: 16px;
}

.career-wrap dd {
	color: #333;
	font-weight: 700;
	margin-bottom: 10px;
}

.career-wrap dd span {
	color: #666;
	font-weight:normal;
}

.move-top {
	position: fixed;
	right: 50px;
	bottom: 50px;
	z-index: 997;
	background-color: #eee;
	padding: 5px 8px;
}

.move-top span {
	display: inline-block;
	width: 28px;
	height: 28px;
	cursor: pointer;
	background-image: url(../../images/index/chevron-up.png);
	/*background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3E%3Cpath d='M26.297 20.797l-2.594 2.578c-0.391 0.391-1.016 0.391-1.406 0l-8.297-8.297-8.297 8.297c-0.391 0.391-1.016 0.391-1.406 0l-2.594-2.578c-0.391-0.391-0.391-1.031 0-1.422l11.594-11.578c0.391-0.391 1.016-0.391 1.406 0l11.594 11.578c0.391 0.391 0.391 1.031 0 1.422z'/%3E%3C/svg%3E");*/
}

.career-info-head {
	background-color: #f5f5f5;
	width: 100%;
	padding: 30px 25px 30px 60px;
}

.career-info-head .career-name {
	font-size: 24px;
	margin-bottom: 40px;
}

.career-info-head p {
	font-weight: 700;
	margin-bottom: 10px;
	float: left;
	margin-right: 80px;
}

.career-info-head span {
	font-weight: normal;
}

.career-info-body {
	margin-top: 40px;
}

.career-info-body:after {
	display: table;
	height: 0;
	clear: both;
	content: ' ';
}

.career-info-block {
	float: left;
	width: 600px;
	padding: 30px 25px 30px 60px;
}

.career-info-block .career-info-title {
	font-size: 20px;
	margin-bottom: 10px;
	font-weight: 700;
}

.career-info-block p {
	margin-top: 20px;
}

.career-off {
	display: none;
}

/** join end **/
/** contact **/
.website-map dl:after {
    display: table;
    content: " ";
    clear: both;
}

.website-map > div {
    margin-bottom: 40px;
}

.website-map > div:nth-child(1) dl {
    display:  inline-block;
}

.website-map > div:nth-child(1) dl dt{
	cursor: pointer;
}

.website-map dl dt {
    display: inline-block;
    padding: 0 30px;
    margin-top: 10px;
    margin-right: 20px;
    font-size: 24px;
    width: 180px;
    line-height: 1.95em;
    color: #fff;
    background-color: #005BAC;
    text-align: center;
    cursor: default;
}

.website-map dl dd {
    display: inline-block;
    margin-right: 50px;
    margin-bottom: 15px;
}

.website-map dl dd a {
    color: #000;
    transition: all .5s;
}

.website-map dl dd a:hover,
.website-map dl dd a:active {
    color: #005BAC;
}

.news-media-title-wrap {
	height: 40px;
	line-height: 40px;
	margin-bottom: 30px;
}

.news-media-title-wrap .news-media-title {
	font-size: 18px;
	display: inline-block;
    border-bottom: 4px solid #005bac;
}

.contact_1_wrap {
    margin: 100px auto;
    width: 500px;
    background: url(../../images/culture/blue_bg.png) repeat;
    color: #fff;
}

.map-container {
    width: 55%;
    height: 550px;
}

.map-container #container {
    height: 100%;
    width: 100%;
}

.company-info-container {
    width: 45%;
    height: 550px;
    padding: 40px;
    background: url(../../images/contact/aid_img01.jpg) no-repeat center;
    background-size: cover;
    color: #fff;
}

.company-info-container span {
    font-size: 32px;
    margin-bottom: 40px;
    display: inline-block;
}

.company-info-container p {
    margin-bottom: 10px;
}

.company-info-container .codelist-2d img {
    width: 70px;
    margin-bottom: 10px;
    margin-top: 10px;
}

.company-info-container .codelist-2d span {
    display: block;
    font-size: 14px;
}

.company-info-container .codelist-2d > div {
    text-align: center;
}

/** contact end **/
/** breadcrumb **/
.breadcrumb-wrap {
    height: 54px;
    line-height: 54px;
    margin-bottom: 40px;
    text-align: right;
    border-bottom: 1px solid #ddd;
    font-size: 14px;
}

.breadcrumb-wrap a {
	color: #959595;
	padding: 0 5px;
}
/** breadcrumb end **/
/** responsive **/
@media only screen and (max-width: 1520px) {
    .module-top-banner img {
        height: 220px;
    }
    .module-top-banner .news_title {
        height:42px;
        margin-top: -21px;
        font-size: 32px;
    }
    .in_service_main {
        width: 1150px;
        margin: 0 auto;
    }
    .bx-wrapper .bx-pager.bx-default-pager a {
        width: 12px !important;
        height: 12px !important;
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
    }
}

@media only screen and (max-width: 1300px) {
    .module-top-banner img {
        height: 200px;
    }
    .module-top-banner .news_title {
        height:36px;
        margin-top: -18px;
        font-size: 28px
    }
    .in_service_main {
        width: 1070px;
        margin: 0 auto;
    }
    .serText {
        padding: 10px 20px;
    }
}

@media only screen and (max-width: 1140px) {
    .module-top-banner img {
        height: 180px;
    }
    .module-top-banner .news_title {
        height:32px;
        margin-top: -16px;
        font-size: 24px;
    }
    .in_service_main {
        width: 1004px;
        margin: 0 auto;
    }
    .product_in_txt h3 a {
        font-size: 24px;
    }
}

@media only screen and (max-width: 1023px) {
    .in_service_main {
        height: auto !important;
        width: auto;
        margin: 0 10px;
    }
    .pc_in_service_main {
        display: none;
    }
    .phone_in_service_main {
        display: block;
    }
    .in_service li img,
    .in_service li.on a img,
    .in_service li.on a,
    .in_service li a {
        width: 100%;
        height: auto;
    }
    .serText {
        position: relative;
        bottom: auto;
        padding-bottom: 50px;
        opacity: 1 !important;
    }
    video {
        width: 100%;
    }
}

@media(min-width:1025px) {
    .nav-con {
        width: 1070px;
    }
}

@media(max-width:991px){

}

@media(max-width:768px){
	.logo img {
        height: 40px;
    }

    .nav-con {
        width: 100%
    }

    .nav-con .navbar-nav{
        display: none;
    }

    .logo {
        margin: 5px 0;
        padding: 0 10px;
    }

    .nav_news_center ul {
        position: static;
        font-size: 12px;
    }

    .navbar {
        height: 55px;
    }

    .mobile-nav {
        display: block;
        height: 55px;
        line-height: 75px;
        padding: 0 20px;
    }

    .mobile-box {
        display: block;
        position: fixed;
        right: -80%;
        top: 55px;
        width: 80%;
        height: 100%;
        z-index: 999;
        background-color: #fff;
        transform: translateX(102%);
        transition: all .6s;
    }

    .mobile-box.on {
        transform: translateX(-100%);
    }

    .mobile-box-backmask{
        top: 55px;
    }

    .navbar-default .nav-all {
    	display: none !important;
    }

    #index-slide1 {
        margin-top: 55px;
    }

    #index-slide2 .swiper-slide {
        width: 380px;
    }

    #index-slide2 .swiper-slide .slide-eve {
        height: 237px;
    }

    .res-nav-distance,
    .situ-header {
        margin-top: 55px;
    }

    .in_title h2 a {
        font-size: 24px;
    }

    .new_in {
        width: 100%;
    }

    .new_figure_in {
        width: 100%;
    }

    .new_list_in {
        width: 100%;
        margin-top: 10px;
        padding: 0 0 0 10px;
    }

    .new_list_in ul li {
        width: 100%;
        float: none;
    }

    .new_list_in ul li:nth-child(3),
    .new_list_in ul li:nth-child(4){
        display: none;
    }

    .product_in_l,
    .product_in_r {
        float: none;
        width: 100%;
    }

    .product_in_box1 {
        left: 0;
        opacity: 1;
    }

    .product_in_txt {
        padding: 5px;
    }

    .product_in_txt h3 a {
        font-size: 16px;
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .module-container,
    .module-top-banner{
    	width: 100%;
        min-width: 100%;
    }

    .intr1-main p {
    	font-size: 14px;
    }

    .intr1-bg,
	.intr1-main {
	    width: 100%;
	    padding: 0;
	}

    .intr1-bg {
        margin-bottom: 40px;
    }

    .develop-wrapper {
    	padding: 0 20px 0 40px;
    }

    .develop-each .develop-year,
    .develop-each .develop-txt {
    	float: none;
    }

    .develop-each .develop-txt {
    	margin: 15px 0 0 5px;
    	font-size: 14px;
    	text-indent: 28px;
    	width: 100%;
    }

    .news-default-container{
        width: 100%;
    }

    .news-default-container .news-default-left,
    .news-default-container .news-default-right {
        float: none;
        width: 100%;
        padding: 10px;
    }

    .news-list dl > dd {
        font-size: 14px;
    }

    .news-media-title-wrap .news-media-title {
    	font-size: 14px;
    }

    .service_in_div {
        width: 50%;
        height: 200px;
        padding: 2px;
    }

    .join-banner .particle-canvas-con {
        height: 500px;
        width: 100%;
        min-width: 100%;
    }

    .join-banner .join-title {
    	width: 100%;
    	min-width: 100%;
    	top: 45%;
    }

    .career-img-wrap {
    	width: 100%;
    	min-width: 100%;
    	height: auto;
    }

    .career-img-wrap img {
    	height: auto;
    }

    .career-wrap a {
	    float: none;
	    width: 380px;
	    margin-right: 0;
	    margin-bottom: 0;
	    margin: 0 auto 25px auto;
	}

	.career-wrap .mr0 {
		margin-right: auto;
	}

	.career-info-head p {
		float: none;
		margin-right: 0;
	}

	.career-info-body {
		margin-top: 20px;
	}

	.career-info-block {
		float: none;
		width: 100%;
	}

    footer {
        width: 100%;
        min-width: 100%;
        padding: 20px 0;
        margin-top: 55px;
    }

    footer .foot-link {
        margin: 0 20px 10px 20px;
    }

    footer .footer-link-main:nth-child(1),
    footer .footer-link-main:nth-child(2) {
    	float: none;
        width: 100%;
    }

    footer .other-link{
        float: left;
    }

    footer .other-link + .other-link {
        margin-right: 10px;
    }

    footer .footer-link-main:after {
        display: table;
        content: " ";
        clear: both;
    }

    footer .other-link-wrap,
    footer .outer-link {
        float: none;
        width: 100%;
    }

    footer .outer-link {
        margin-bottom: 20px;
        height锛 42px;
        line-height: 42px;
    }

    footer .outer-link > div {
        float: left;
    }
    footer .outer-link > div:nth-child(1) {
        margin-right: 10px;
    }
    footer .outer-link:after {
        display: table;
        content: " ";
        clear: both;
    }

    .website-map dl dt {
        display: block;
        font-size: 14px;
        width: 90px;
        padding: 0 10px;
        margin-bottom: 10px;
    }

    .website-map dl dd {
        margin-right: 20px;
    }

    .copyright p {
        padding: 0 20px;
    }
    .module-top-banner img {
        height: 110px;
    }
    .module-top-banner .news_title {
        height: 30px;
        margin-top: -15px;
        font-size: 16px;
        left: 20px;
    }

    .intr1-bottom .scale,
    .intr1-bottom .intr1-bottom-right{
        width: 100%;
        float: none;
    }

    .intr1-bottom .intr1-bottom-right {
        height: 120px;
    }

    .intr1-bottom .intr1-bottom-txt {
        left: 5%
    }

    .intr1-bottom .intr1-bottom-txt > div {
        font-size: 18px;
    }

    .intr1-bottom .intr1-bottom-txt p {
        font-size: 14px;
        font-weight: normal;
    }

    .card-list>li {
        width: 100%;
    }

    .card-wrap {
        margin: 0;
    }

    .card-wrap .card-txt {
        height: auto;
    }

    .sense-value-container {
        position: static;
        height: auto;
        width: 100%;
        padding: 10px 50px;
    }
    .serText {
        background: rgba(0,0,0,0.4);
        position: absolute;
        bottom: 0;
    }

    .map-container,
    .company-info-container {
        width: 100%;
        float: none;
    }
    .company-info-container {
        padding: 20px 40px;
        height: 500px;
    }
    .company-info-container span {
        font-size: 16px;
        margin-bottom: 20px;
    }
    .company-info-container p {
        font-size: 13px;
    }

    .news-main img {
		width: 100% !important;
		height: auto !important;
	}

	.news-main img + img {
		margin-bottom: 10px;
	}

    .news-main .news-detail-title {
        font-size: 16px;
    }
    .overhide {
        overflow: hidden;
    }


    .breadcrumb-wrap {
    	height: 40px;
    	line-height: 40px;
    	padding: 0 10px;
    }
    .sense-value-title {
    	font-size: 18px;
    }


    .situ-txtwrap {
        padding: 10px;
        width: 200px;
    }

    .situ-txtwrap span{
        font-size: 16px;
        margin-bottom: 10px;
    }
    .pagination{
        display: block;
        position: relative;
    }
    .pagination>li {
        display: none;
    }
    .pagination>li.pagination-prev,
    .pagination>li.pagination-next {
        display: inline;
        position: absolute;
        top: -15px;
    }
    .pagination>li.pagination-prev {
        left: 10px;
    }
    .pagination>li.pagination-next {
        right: 10px;
    }
}

@media(min-width:769px){
    .mobile-box,
    .mobile-box-backmask {
        display: none !important;
    }
    .intr1-bg img {
        position: relative;
        top: 200px;
        transition: all 1s;
        opacity: 0;
        width: 100%;
    }

    .intr1-bg.active img {
        top: 0;
        opacity: 1;
    }
}

@media(max-width:736px){

}

@media(max-width:667px){

}

@media(max-width:600px){

}

@media(max-width:568px){

}

@media(max-width:480px){

}

@media(max-width:414px){
    .news-list {
        width: 100%;
    }

    .news-list dl {
        padding: 5px 0;
    }

    .news-list dl .news-list-date {
        display: none;
    }

    .product_in_box {
        width: auto;
        float: none;
         margin: 10px;
    }
    .product_in_txt h3 a {
        font-size: 14px;
        margin-top: 5px;
        margin-bottom: 5px;
    }
    .product_in_txt p {
        font-size: 13px;
    }
    .service_in_div {
        float: none;
        width: auto;
        margin: 10px;
    }
    .join-section > li {
        font-size: 16px;
    }

    #index-slide2 .swiper-slide {
        width: 300px;
    }

    #index-slide2 .swiper-slide .slide-eve {
        height: 200px;
    }
    .map-container {
        height: 400px;
    }
}

@media(max-width:375px){
    .map-container {
        height: 370px;
    }
}

@media(max-width:320px){
    .join-article-main,
    .join-article-title,
    .career-detail {
        margin: 10px 20px;
    }

    .join-banner .particle-canvas-con {
        height: 420px;
    }

    #index-slide2 .swiper-slide {
        width: 240px;
    }

    #index-slide2 .swiper-slide .slide-eve {
        height: 200px;
    }

    .news-default-list > dl {
        padding-right: 90px;
    }

    .news-default-list > dl > dd {
        font-size: 13px;
    }
    .map-container {
        height: 300px;
    }
}
/** responsive end **/

.bx-wrapper *{
    box-sizing: content-box;
}

.bdshare-button-style0-24 a {
    float: none !important;
    font-size: 18px !important;
    padding-left: 0 !important;
    line-height: 27px !important;
    height: 27px !important;
    background-repeat: no-repeat !important;
    cursor: pointer !important;
    margin: 0 !important;
}

.bdshare-button-style0-24 .bds_weixin {
    background-position: 0 0;
}

.bdshare-button-style0-24 .bds_tsina {
    background-position: 0 0;
}