@charset "UTF-8";
/*
	transition
	@include transition(all 0.3s);
*/
/*
	transform
	@include transform(translate(-50%, -50%));
*/
/*
	box-sizing
	@include box-sizing();
*/
/*
	display: flex;
	@include displayFlex();
*/
/*	
	垂直居中 
	align-items: center;
	@include align-items(center);
*/
/*
	水平居中 
	justify-content: center;
	@include justify-content(center);
*/
/*
	flex: 1;
	@include flex1();
*/
/*
	换行 
	flex-wrap: wrap;
	@include flex-wrap(wrap);
*/
/*
	排列方向 (默认从左到右)
	flex-direction: row;
	从左到右
	@include flex-direction(row, normal);
	从右到左
	@include flex-direction(row-reverse, reverse);
*/
/*
	与交叉轴两端对齐，轴线之间的间隔平均分布。
	align-content: space-between;
	@include align-content(space-between);
*/
/* rem适配*/
/* 设计稿375 */
/* 设计稿640 */
/*
	设计稿750 
	padding-right: px2rem750(20px);
*/
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/** 1. Set default font family to sans-serif. 2. Prevent iOS and IE text size adjust after device orientation change, without disabling user zoom. */
html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ }

/** Remove default margin. */
body, div { margin: 0; box-sizing: border-box; }

/* HTML5 display definitions ========================================================================== */
/** Correct `block` display not defined for any HTML5 element in IE 8/9. Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox. Correct `block` display not defined for `main` in IE 11. */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

/** 1. Correct `inline-block` display not defined in IE 8/9. 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */
audio, canvas, progress, video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ }

/** Prevent modern browsers from displaying `audio` without controls. Remove excess height in iOS 5 devices. */
audio:not([controls]) { display: none; height: 0; }

/** Address `[hidden]` styling not present in IE 8/9/10. Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22. */
[hidden], template { display: none; }

/* Links ========================================================================== */
/** Remove the gray background color from active links in IE 10. */
a { background-color: transparent; }

/** Improve readability of focused elements when they are also in an active/hover state. */
a:active, a:hover { outline: 0; }

/* Text-level semantics ========================================================================== */
/** Address styling not present in IE 8/9/10/11, Safari, and Chrome. */
abbr[title] { border-bottom: 1px dotted; }

/** Address style set to `bolder` in Firefox 4+, Safari, and Chrome. */
b, strong { font-weight: bold; }

/** Address styling not present in Safari and Chrome. */
dfn { font-style: italic; }

/** Address variable `h1` font-size and margin within `section` and `article` contexts in Firefox 4+, Safari, and Chrome. */
h1 { font-size: 2em; margin: 0.67em 0; }

/** Address styling not present in IE 8/9. */
mark { background: #ff0; color: #000; }

/** Address inconsistent and variable font size in all browsers. */
small { font-size: 80%; }

/** Prevent `sub` and `sup` affecting `line-height` in all browsers. */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

/* Embedded content ========================================================================== */
/** Remove border when inside `a` element in IE 8/9/10. */
img { border: 0; }

/** Correct overflow not hidden in IE 9/10/11. */
svg:not(:root) { overflow: hidden; }

/* Grouping content ========================================================================== */
/** Address margin not present in IE 8/9 and Safari. */
figure { margin: 1em 40px; }

/** Address differences between Firefox and other browsers. */
hr { box-sizing: content-box; height: 0; }

/** Contain overflow in all browsers. */
pre { overflow: auto; }

/** Address odd `em`-unit font size rendering in all browsers. */
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }

/* Forms ========================================================================== */
/** Known limitation: by default, Chrome and Safari on OS X allow very limited styling of `select`, unless a `border` property is set. */
/** 1. Correct color not being inherited. Known issue: affects color of disabled elements. 2. Correct font properties not being inherited. 3. Address margins set differently in Firefox 4+, Safari, and Chrome. */
button, input, optgroup, select, textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ }

/** Address `overflow` set to `hidden` in IE 8/9/10/11. */
button { overflow: visible; }

/** Address inconsistent `text-transform` inheritance for `button` and `select`. All other form control elements do not inherit `text-transform` values. Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. Correct `select` style inheritance in Firefox. */
button, select { text-transform: none; }

/** 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls. 2. Correct inability to style clickable `input` types in iOS. 3. Improve usability and consistency of cursor style between image-type `input` and others. */
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ }

/** Re-set default cursor for disabled elements. */
button[disabled], html input[disabled] { cursor: default; }

/** Remove inner padding and border in Firefox 4+. */
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/** Address Firefox 4+ setting `line-height` on `input` using `!important` in the UA stylesheet. */
input { line-height: normal; }

/** It's recommended that you don't attempt to style these elements. Firefox's implementation doesn't respect box-sizing, padding, or width. 1. Address box sizing set to `content-box` in IE 8/9/10. 2. Remove excess padding in IE 8/9/10. */
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }

/** Fix the cursor style for Chrome's increment/decrement buttons. For certain `font-size` values of the `input`, it causes the cursor style of the decrement button to change from `default` to `text`. */
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }

/** 1. Address `appearance` set to `searchfield` in Safari and Chrome. 2. Address `box-sizing` set to `border-box` in Safari and Chrome. */
input[type="search"] { -webkit-appearance: textfield; /* 1 */ box-sizing: content-box; /* 2 */ }

/** Remove inner padding and search cancel button in Safari and Chrome on OS X. Safari (but not Chrome) clips the cancel button when the search input has padding (and `textfield` appearance). */
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/** Define consistent border, margin, and padding. */
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

/** 1. Correct `color` not being inherited in IE 8/9/10/11. 2. Remove padding so people aren't caught out if they zero out fieldsets. */
legend { border: 0; /* 1 */ padding: 0; /* 2 */ }

/** Remove default vertical scrollbar in IE 8/9/10/11. */
textarea { overflow: auto; }

/** Don't inherit the `font-weight` (applied by a rule above). NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */
optgroup { font-weight: bold; }

/* Tables ========================================================================== */
/** Remove most spacing between table cells. */
table { border-collapse: collapse; border-spacing: 0; }

td, th { padding: 0; }

.clearfix:before, .clearfix:after { /*清楚浮动*/ content: ""; display: table; /*clear:both;*/ }

.clearfix:after { clear: both; }

.clearfix { *zoom: 1; /*IE/7/6*/ }

.fl { float: left; }

.fr { float: right; }

@font-face {}html { font-size: 62.5%; font-family: "微软雅黑" !important; overflow-x: hidden; }

body { width: 100%; height: 100%; overflow-x: hidden; overflow-y: hidden;}

@keyframes fadeInDown { from { opacity: 0;
    transform: translateY(-40%); }
  to { opacity: 1;
    transform: translateY(0%); } }

@-moz-keyframes fadeInDown { from { opacity: 0;
    -moz-transform: translateY(-40%); }
  to { opacity: 1;
    -moz-transform: translateY(0%); } }

@-webkit-keyframes fadeInDown { from { opacity: 0;
    -webkit-transform: translateY(-40%); }
  to { opacity: 1;
    -webkit-transform: translateY(0%); } }

@-o-keyframes fadeInDown { from { opacity: 0;
    -o-transform: translateY(-40%); }
  to { opacity: 1;
    -o-transform: translateY(0%); } }

.activeInDown { animation: fadeInDown 1s .5s forwards; -moz-animation: fadeInDown 1s .5s forwards; -webkit-animation: fadeInDown 1s .5s forwards; -o-animation: fadeInDown 1s .5s forwards; }

@keyframes fadeInUp { from { opacity: 0;
    transform: translateY(40%); }
  to { opacity: 1;
    transform: translateY(0%); } }

@-moz-keyframes fadeInUp { from { opacity: 0;
    -moz-transform: translateY(40%); }
  to { opacity: 1;
    -moz-transform: translateY(0%); } }

@-webkit-keyframes fadeInUp { from { opacity: 0;
    -webkit-transform: translateY(40%); }
  to { opacity: 1;
    -webkit-transform: translateY(0%); } }

@-o-keyframes fadeInUp { from { opacity: 0;
    -o-transform: translateY(40%); }
  to { opacity: 1;
    -o-transform: translateY(0%); } }

.activeInUp { animation: fadeInUp 1s .5s forwards; -moz-animation: fadeInUp 1s .5s forwards; -webkit-animation: fadeInUp 1s .5s forwards; -o-animation: fadeInUp 1s .5s forwards; }

@keyframes fadeInLeft { from { opacity: 0;
    transform: translateX(-40%); }
  to { opacity: 1;
    transform: translateX(0%); } }

@-moz-keyframes fadeInLeft { from { opacity: 0;
    -moz-transform: translateX(-40%); }
  to { opacity: 1;
    -moz-transform: translateX(0%); } }

@-webkit-keyframes fadeInLeft { from { opacity: 0;
    -webkit-transform: translateX(-40%); }
  to { opacity: 1;
    -webkit-transform: translateX(0%); } }

@-o-keyframes fadeInLeft { from { opacity: 0; }
  to { opacity: 1; } }

.activeInLeft { animation: fadeInLeft 1s .5s forwards; -moz-animation: fadeInLeft 1s .5s forwards; -webkit-animation: fadeInLeft 1s .5s forwards; -o-animation: fadeInLeft 1s .5s forwards; }

.activeInLeft1 { animation: fadeInLeft .5s forwards; -moz-animation: fadeInLeft .5s forwards; -webkit-animation: fadeInLeft .5s forwards; -o-animation: fadeInLeft .5s forwards; }

.activeInLeft2 { animation: fadeInLeft 1s 1s forwards; -moz-animation: fadeInLeft 1s 1s forwards; -webkit-animation: fadeInLeft 1s 1s forwards; -o-animation: fadeInLeft 1s 1s forwards; }

.activeInLeft3 { animation: fadeInLeft 1s 1.5s forwards; -moz-animation: fadeInLeft 1s 1.5s forwards; -webkit-animation: fadeInLeft 1s 1.5s forwards; -o-animation: fadeInLeft 1s 1.5s forwards; }

@keyframes fadeInRight { from { opacity: 0;
    transform: translateX(40%); }
  to { opacity: 1;
    transform: translateX(0%); } }

@-moz-keyframes fadeInRight { from { opacity: 0;
    -moz-transform: translateX(40%); }
  to { opacity: 1;
    -moz-transform: translateX(0%); } }

@-webkit-keyframes fadeInRight { from { opacity: 0;
    -webkit-transform: translateX(40%); }
  to { opacity: 1;
    -webkit-transform: translateX(0%); } }

@-o-keyframes fadeInRight { from { opacity: 0;
    -webkit-transform: translateX(40%); }
  to { opacity: 1;
    -webkit-transform: translateX(0%); } }

.activeInRight { animation: fadeInRight 1s .5s forwards; -moz-animation: fadeInRight 1s .5s forwards; -webkit-animation: fadeInRight 1s .5s forwards; -o-animation: fadeInRight 1s .5s forwards; }

.activeInRight2 { animation: fadeInRight 1s 1s forwards; -moz-animation: fadeInRight 1s 1s forwards; -webkit-animation: fadeInRight 1s 1s forwards; -o-animation: fadeInRight 1s 1s forwards; }

.activeInRight3 { animation: fadeInRight 1s 2s forwards; -moz-animation: fadeInRight 1s 2s forwards; -webkit-animation: fadeInRight 1s 2s forwards; -o-animation: fadeInRight 1s 2s forwards; }

@keyframes fadeIn { from { opacity: 0; }
  to { opacity: 1; } }

@-moz-keyframes fadeIn { from { opacity: 0; }
  to { opacity: 1; } }

@-webkit-keyframes fadeIn { from { opacity: 0; }
  to { opacity: 1; } }

@-o-keyframes fadeIn { from { opacity: 0; }
  to { opacity: 1; } }

.activeIn { animation: fadeIn 1s .5s forwards; -moz-animation: fadeIn 1s .5s forwards; -webkit-animation: fadeIn 1s .5s forwards; -o-animation: fadeIn 1s .5s forwards; }

.activeIn2 { animation: fadeIn 1s 1s forwards; -moz-animation: fadeIn 1s 1s forwards; -webkit-animation: fadeIn 1s 1s forwards; -o-animation: fadeIn 1s 1s forwards; }

@keyframes fadeOut { from { opacity: 1; }
  to { opacity: 0; } }

@-moz-keyframes fadeOut { from { opacity: 1; }
  to { opacity: 0; } }

@-webkit-keyframes fadeOut { from { opacity: 1; }
  to { opacity: 0; } }

@-o-keyframes fadeOut { from { opacity: 1; }
  to { opacity: 0; } }

.activeOut { animation: fadeOut .5s forwards; -moz-animation: fadeOut .5s forwards; -webkit-animation: fadeOut .5s forwards; -o-animation: fadeOut .5s forwards; }

@keyframes toBig { from { transform: scale(0, 0); }
  to { transform: scale(1, 1); } }

@-moz-keyframes toBig { from { -moz-transform: scale(0, 0); }
  to { -moz-transform: scale(1, 1); } }

@-webkit-keyframes toBig { from { -webkit-transform: scale(0, 0); }
  to { -webkit-transform: scale(1, 1); } }

@-o-keyframes toBig { from { -o-transform: scale(0, 0); }
  to { -o-transform: scale(1, 1); } }

.activeToBig { animation: toBig .2s  forwards; -moz-animation: toBig .2s  forwards; -webkit-animation: toBig .2s  forwards; -o-animation: toBig .2s  forwards; }

@keyframes toSmall { from { transform: scale(1, 1); }
  to { transform: scale(0, 0); } }

@-moz-keyframes toSmall { from { -moz-transform: scale(1, 1); }
  to { -moz-transform: scale(0, 0); } }

@-webkit-keyframes toSmall { from { -webkit-transform: scale(1, 1); }
  to { -webkit-transform: scale(0, 0); } }

@-o-keyframes toSmall { from { -o-transform: scale(1, 1); }
  to { -o-transform: scale(0, 0); } }

.activeToSmall { animation: toSmall .2s  forwards; -moz-animation: toSmall .2s  forwards; -webkit-animation: toSmall .2s  forwards; -o-animation: toSmall .2s  forwards; }

#header { height: 40px; background: #fff; width: 100%; position: absolute; top: 0px; z-index: 9999; background: #fff; display: none; }

@media only all and (max-width: 640px) { #header { display: block; } }

#header button { margin-left: 20px; }

.hidden { display: hidden; }

#slide { width: 90px; height: 100%; position: fixed; top: 0; z-index: 999999999999; background: #fff; }

@media only all and (max-width: 768px) { #slide { display: none; } }

#slide ul li { width: 90px; height: 90px; border-top: 1px solid #E6E6E6;  text-align: center; position: relative; cursor: pointer; }

#slide ul li.last { position: absolute; left: 0; bottom: 0; border: none; padding-top: 45px; background-image: url("../images/common/en_a.png"); background-position-x: center; background-position-y: 15px; background-repeat: no-repeat; display: table-cell; vertical-align: middle; text-align: center; height: 90px; }

#slide ul li.last:hover { background-image: url("../images/common/en_hover.png"); }

#slide ul li.last:hover a { color: #0086d1; }

#slide ul li.last a { color: #b2b2b2; transition: all 0s; }

#slide ul li img { margin: 25px 0px 9px 32px; }

#slide ul li .logo { margin-left: 17px; }

#slide ul li span { color: #b2b2b2; display: block; }

.nei1 { width: 100%; height: 100%; padding: 55px 150px; background: #f5f5f5; color: #000; position: relative; z-index: 0; }

@media only all and (max-width: 1440px) { .nei1 { padding: 83px 186px 40px 186px; } }

@media only all and (max-width: 1024px) { .nei1 { padding: 83px 80px 40px 80px; } }

@media only all and (max-width: 640px) { .nei1 { padding: 83px 20px 40px 20px; } }

.nei1 h2 { font-size: 36px; margin-bottom: 30px; text-align: left; }

.nei1 button { position: absolute; top: 260px; left: 20px; width: 120px; height: 35px; text-align: center; border: none; outline: none; color: #fff; font-size: 18px; }

@media only all and (max-width: 1600px) { .nei1 button { top: 220px; } }

@media only all and (max-width: 1440px) { .nei1 button { top: 234px; } }

@media only all and (max-width: 1366px) { .nei1 button { top: 210px; } }

@media only all and (max-width: 1024px) { .nei1 button { top: 185px; } }

@media only all and (max-width: 640px) { .nei1 button { top: 268px; } }

@media only all and (max-width: 320px) { .nei1 button { top: 220px; } }

.nei1 .swiper-container1 { overflow: hidden; position: relative; }

.nei1 .swiper-button-prev { left: 100px; }

@media only all and (max-width: 1024px) { .nei1 .swiper-button-prev { left: 30px; } }

@media only all and (max-width: 640px) { .nei1 .swiper-button-prev { display: none; } }

.nei1 .swiper-button-next { right: 100px; }

@media only all and (max-width: 640px) { .nei1 .swiper-button-next { display: none; } }

@media only all and (max-width: 1024px) { .nei1 .swiper-button-next { right: 30px; } }

.nei1 .swiper-slide { background: #fff; height: 470px; position: relative; }

.nei1 .swiper-slide a { color: #000; width: 100%; height: 100%; }

.nei1 .swiper-slide a:hover { color: #000; }

.nei1 .swiper-slide .neiImg { width: 100%; position: absolute; top: 0; left: 0; }

.nei1 .swiper-slide .title { font-size: 28px; position: absolute; top: 310px; left: 20px; right: 20px; text-align: left; padding: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

@media only all and (max-width: 1600px) { .nei1 .swiper-slide .title { top: 291px; } }

@media only all and (max-width: 1440px) { .nei1 .swiper-slide .title { top: 296px; } }

@media only all and (max-width: 1366px) { .nei1 .swiper-slide .title { top: 272px; } }

@media only all and (max-width: 1024px) { .nei1 .swiper-slide .title { font-size: 23px; top: 254px; } }

@media only all and (max-width: 640px) { .nei1 .swiper-slide .title { top: 320px; } }

@media only all and (max-width: 320px) { .nei1 .swiper-slide .title { top: 280px; } }

.nei1 .swiper-slide .nr { font-size: 14px; position: absolute; top: 360px; left: 20px; right: 20px; text-align: left; }

@media only all and (max-width: 1600px) { .nei1 .swiper-slide .nr { top: 335px; } }

@media only all and (max-width: 1440px) { .nei1 .swiper-slide .nr { top: 341px; } }

@media only all and (max-width: 1366px) { .nei1 .swiper-slide .nr { top: 326px; } }

@media only all and (max-width: 1024px) { .nei1 .swiper-slide .nr { top: 294px; } }

@media only all and (max-width: 640px) { .nei1 .swiper-slide .nr { top: 360px; } }

@media only all and (max-width: 320px) { .nei1 .swiper-slide .nr { top: 320px; } }

.nei1 .swiper-slide .time { text-align: left; font-size: 12px; color: #9b9b9b; position: absolute; bottom: 20px; left: 20px; right: 20px; }

.nei1 .bk .bk-btn { background: #dd363d; }

.nei1 .bk .bktou { position: absolute; top: 250px; right: 20px; }

@media only all and (max-width: 1440px) { .nei1 .bk .bktou { top: 223px; } }

@media only all and (max-width: 1366px) { .nei1 .bk .bktou { top: 198px; } }

@media only all and (max-width: 1024px) { .nei1 .bk .bktou { top: 175px; } }

@media only all and (max-width: 640px) { .nei1 .bk .bktou { top: 257px; } }

@media only all and (max-width: 320px) { .nei1 .bk .bktou { top: 210px; } }

.nei1 .zp .zp-btn { background: #e1c121; }

.nei1 .wd .wd-btn { background: #0086d1; }

.nei1 .yy .yy-btn { background: #77bc00; }

.nei1 .xwg .xwg-btn { background: #ff9908; }

.nei1 .swiper-button-next { background: url(../images/page/btn-next.png) center; }

.nei1 .swiper-button-prev { background: url(../images/page/btn-prev.png) center; }

.buju2-head-bk { background: #dd363d !important; }

.buju2-head-zp { background: #e1c121 !important; }

.buju2-head-wd { background: #0086d1 !important; }

.buju2-head-yy { background: #77bc00 !important; }

.buju2-head-xwg { background: #ff9908 !important; }

.buju2-tircle-bk { border-left-color: #dd363d !important; }

.buju2-tircle-zp { border-left-color: #e1c121 !important; }

.buju2-tircle-wd { border-left-color: #0086d1 !important; }

.buju2-tircle-yy { border-left-color: #77bc00 !important; }

.buju2-tircle-xwg { border-left-color: #ff9908 !important; }

.tran .buju2-head .btn-group button { color: #fff; font-family: "微软雅黑"; }

.tran .buju2-head .btn-group .xian { color: #fff; font-family: "微软雅黑"; }

@keyframes round { 0% { -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0); }
  100% { -webkit-transform: scale(1.4);
    -moz-transform: scale(1.4);
    -ms-transform: scale(1.4);
    -o-transform: scale(1.4);
    transform: scale(1.4); } }

#footer { height: 58px; line-height: 55px; width: calc(100% - 80px); margin-left: 80px; background: #fff; }

@media only all and (max-width: 1024px) { #footer { height: auto; height: 40px; line-height: 40px; } }

@media only all and (max-width: 640px) { #footer { padding-bottom: 30px; height: auto; line-height: auto; } }

#footer .footer-left { float: left; margin-left: 20px; }

#footer span { height: 12px; padding: 0 9px; font-family: "微软雅黑"; }

@media only all and (max-width: 375px) { #footer span:first-child { margin-left: 5px; } }

#footer .rightBorder { border-right: 1px solid lightgrey; }

#footer a { color: #000; }

@media only all and (max-width: 414px) { #footer { height: 134px; line-height: 35px; width: 100%; background: #fff; margin-left: 0; } }

#footer .copy { margin-right: 20px; text-align: center; }

@media only all and (max-width: 1024px) { #footer .copy { margin-right: 0; } }

@media only all and (max-width: 414px) { #footer .copy { padding: 0 10px; margin-right: 0; height: 80px; } }

@media only all and (max-width: 375px) { #footer .copy { margin-right: 0px; padding-left: 8px; } }

#footer .mar { margin-right: 20px; }

#footer .mar img { float: left; position: relative; top: 18px; }

@media only all and (max-width: 1024px) { #footer .mar img { top: 11px; } }

@media only all and (max-width: 1024px) { #footer .mar { height: 40px !important; line-height: 40px !important; }
  #footer .mar p { font-size: 12px; } }

@media only all and (max-width: 768px) { #footer .mar { display: block; width: 100%; text-align: center; margin-right: 0px; } }

#footer .mar > div { display: inline-block; }

.mengban { position: fixed; width: 100vw; height: 100vh; background: rgba(0, 0, 0, 0.5); top: 0; left: 80px; display: none; }

.slidebar { width: 0px; height: 100vh; background: rgba(2, 132, 209, 0.7); position: fixed; left: 80px; top: 0px; color: #fff; z-index: 99999; font-family: "微软雅黑" !important; }

@media only all and (max-width: 768px) { .slidebar { width: 100%; left: 100%; } }

.slidebar .fanhui1 { display: none; }

@media only all and (max-width: 768px) { .slidebar .fanhui1 { display: block; } }

.slidebar .slidetitle { padding-top: 50px; padding-left: 20px; font-family: "微软雅黑"; }

.slidebar .slidetitle h1 { font-size: 30px; color: #fff; margin-bottom: 30px; font-family: "微软雅黑"; }

.slidebar .slidetitle h2 { font-size: 18px; color: #1a6494; margin-bottom: 15px; font-family: "微软雅黑"; }

.slidebar .icon ul { margin-bottom: 30px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.slidebar .icon ul li { width: 100%; padding: 0 10%; cursor: pointer; display: block; margin: 0; margin-bottom: 20px; }

.slidebar .icon ul li p { margin-left: 15px; display: inline-block; vertical-align: middle; }

.slidebar .icon ul li img { vertical-align: middle; display: inline-block; }

.slidebar .slidelist h2 { padding-left: 40px; font-size: 18px; color: #1a6494; font-family: "微软雅黑"; margin-bottom: 25px; }

.slidebar .slidelist ul li { padding-left: 20px; height: 45px; font-size: 15px; color: #fff; line-height: 45px; cursor: pointer; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-family: "微软雅黑"; }

.slidebar .slidelist ul .second { position: fixed; height: 100vh; left: 270px; top: 0; width: 370px; background: rgba(2, 132, 209, 0.4); display: none; padding-top: 120px; }

@media only all and (max-width: 414px) { .slidebar .slidelist ul .second { left: 170px; width: 245px; } }

@media only all and (max-width: 375px) { .slidebar .slidelist ul .second { width: 210px; } }

@media only all and (max-width: 360px) { .slidebar .slidelist ul .second { width: 180px; } }

@media only all and (max-width: 320px) { .slidebar .slidelist ul .second { width: 150px; } }

.slidebar .slidelist ul .second .second-item { padding-left: 20px; height: 45px; font-size: 14px; color: #fff; line-height: 45px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-family: "微软雅黑"; }

.slidebar .active { background: #2c2c2c; }

.sousuo { width: 560px; height: 100vh; background: #313131; position: fixed; left: 80px; top: 0px; color: #fff; font-family: "微软雅黑"; }

@media only all and (max-width: 768px) { .sousuo { width: 100%; position: absolute; left: 0px; height: 100%; top: 40px; } }

.sousuo .ssinput { padding-top: 15px; padding-left: 30px; padding-right: 30px; height: 125px; background: #272727; float: left; width: 100%; }

.sousuo .ssinput input { width: 320px; height: 60px; border: none; outline: none; box-shadow: none; }

@media only all and (max-width: 768px) { .sousuo .ssinput input { width: auto !important; } }

.sousuo .ssinput .qian, .sousuo .ssinput .hou { background: #fff; border: none; width: 40px; padding: 4px 12px !important; }

.sousuo .ssinput .qian { font-size: 16px; }

.sousuo .ssinput .hou { font-size: 14px; }

.sousuo .ssinput .hou img { display: inline-block; }

.sousuo .closebtn { position: absolute; right: 35px; top: 35px; }

.sousuo .closebtn img { display: inline-block; }

.sousuo .jieguo { padding-top: 10px; }

.sousuo .jieguolist { list-style-type: none; margin-top: 130px; padding-top: 15px; width: 100%; max-height: 80vh; display: block; overflow-y: auto; }

.sousuo .jieguolist a { display: block; }

.sousuo .jieguolist a:hover { text-decoration: none; }

.sousuo .jieguolist li { padding-top: 25px; position: relative; padding-right: 33px; padding-left: 30px; cursor: pointer; }

@media only all and (max-width: 768px) { .sousuo .jieguolist li { padding-top: 9px; } }

.sousuo .jieguolist li h1 { margin-bottom: 20px; color: #fff; font-size: 20px; }

.sousuo .jieguolist li p { color: #adadad; font-size: 16px; }

.sousuo .xuanze { position: fixed; top: 0px; left: 560px; width: 160px; padding: 20px; height: 100vh; font-family: "微软雅黑"; color: #fff; background: #313131; opacity: 0; }

@media only all and (max-width: 768px) { .sousuo .xuanze { display: none; } }

.sousuo .xuanze h1 { font-size: 16px; margin-bottom: 20px; }

.sousuo .xuanze ul { list-style-type: none; width: 100%; cursor: pointer; }

.sousuo .xuanze ul li { height: 60px; font-size: 14px; background: #252525; line-height: 60px; border-bottom: 1px solid #212121; position: relative; cursor: pointer; padding-left: 40px; }

.sousuo .xuanze ul li .yuan { border: 1px solid #fff; width: 14px; height: 14px; border-radius: 7px; position: absolute; left: 15px; top: 22px; }

.sousuo .xuanze ul li label { width: 100%; height: 100%; }

.sousuo .xuanze ul input { display: none; }

.xuanze1 { background: #313131; position: absolute; width: 100%; height: 100%; top: 0px; z-index: 9999; left: -100%; }

.xuanze1 ul { padding: 0px 15px; }

.xuanze1 ul li { padding: 10px 0px; color: #fff; height: 64px; font-size: 22px; }

.xuanze1 ul li span { font-size: 28px; top: 5px; }

.xuanze1 ul li span.ju { font-size: 22px; display: inline-block; margin: -5px 20px 0px 20px; }

.xuanze1 ul li span.you { color: #454545; }

.fanhui { color: #fff; padding: 5px 10px; background: #272727; height: 40px; width: 100%; }

.fanhui span { padding: 8px; }

.blackbg { width: 70%; height: 100%; background: #2690d4; position: absolute; top: 0; left: 0; z-index: -999; }

.close { position: absolute; left: 50%; top: 50%; margin: -9.5px 0px 0px -9.5px !important; opacity: 1; }

.zhong { width: 8px; height: 8px; background: #77bc01; border-radius: 4px; margin-left: 2px; margin-top: 2px; }

.quxiao { visibility: hidden; cursor: pointer; }

.chuangxin, .sousuo, .zixun, .gongsi, .chanpin, .gengduo { display: none; }

.search2 { width: 100%; padding-left: 20%; margin-bottom: 30px; }

.search2 span { background: #fff; border-right: none; }

.search2 input { height: 60px; width: 70% !important; border-left: none; outline: none; box-shadow: none !important; }

.search2 input:focus { border-color: #ccc !important; }

.qingchu { clear: both; }

@media only all and (max-width: 768px) { .qingchu { clear: none; } }

html { font-family: "Microsoft YaHei",sans-serif; }

a, p, ul, li, dd, dt, dl, span, i, h1, h2, h3, h4, h5, h6, p, div { text-decoration: none; box-sizing: border-box; -webkit-margin-before: 0em; -webkit-margin-after: 0em; padding: 0; margin: 0; list-style-type: none; font-weight: normal; }

*, *:after, *:before { box-sizing: border-box; }

.clearfix:before, .clearfix:after { display: table; content: ''; }

.clearfix:after { clear: both; }

img { display: block; }

input, textarea { border: 1px solid #D1D1D1; background: #fff; height: 30px; line-height: 30px; padding: 0 10px; box-sizing: border-box; outline: none; }

html { font-family: 'SimHei','Microsoft YaHei'; }

a { -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }

a:hover, a:focus { -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }

@keyframes animation1 { 0% { opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  100% { opacity: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%); } }

@-webkit-keyframes animation1 { 0% { opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  100% { opacity: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%); } }

.clearfix:before, .clearfix:after { /*清楚浮动*/ content: ""; display: table; /*clear:both;*/ }

.clearfix:after { clear: both; }

.clearfix { *zoom: 1; /*IE/7/6*/ }

.pingpai { padding-top: 60px; width: calc(100% - 80px); margin-left: 80px; text-align: center; }

@media only all and (max-width: 768px) { .pingpai { width: 100%; margin-left: 0; } }

.pingpai .swiper-progress { position: absolute; left: 0; width: 0; bottom: 160px; height: 5px; z-index: 5; background: linear-gradient(#5ba1d8 0%, #0086d1 100%); }

@media only all and (max-width: 1600px) { .pingpai .swiper-progress { bottom: 80px; } }

@media only all and (max-width: 768px) { .pingpai .swiper-progress { bottom: 50px; height: 5px; } }

@media only all and (max-width: 640px) { .pingpai .swiper-progress { bottom: 40px; height: 3px; } }

.pingpai .tit { font-size: 30px; padding-bottom: 40px; }

.pingpai .swiper-slide img { width: 100%; max-height: 80vh;object-fit: cover;}

.pingpai .swiper-pagination { display: flex; align-items: center; justify-content: space-evenly; height: 160px; bottom: 0; background: #6ab7e3; }

@media only all and (max-width: 1600px) { .pingpai .swiper-pagination { height: 80px; } }

@media only all and (max-width: 768px) { .pingpai .swiper-pagination { height: 50px; } }

@media only all and (max-width: 640px) { .pingpai .swiper-pagination { height: 40px; } }

.pingpai .swiper-pagination .icon { width: 120px; height: 120px; border-radius: 50% !important; margin: 0; opacity: 1; padding: 5px;transition: all 0.4s; background: #fff; }

.pingpai .swiper-pagination .icon .border { display: flex; align-items: center; width: 100%; height: 100%; border-radius: 50%; }

@media only all and (max-width: 1600px) { .pingpai .swiper-pagination .icon { width: 60px; height: 60px; padding: 3px; } }

@media only all and (max-width: 640px) { .pingpai .swiper-pagination .icon { width: 34px; height: 34px; padding: 2px; } }

.pingpai .swiper-pagination .icon.swiper-pagination-bullet-active { box-shadow: 1px 1px 10px 0px white; transition: all .2s ease; }

.pingpai .swiper-pagination .icon.swiper-pagination-bullet-active .border, .pingpai .swiper-pagination .icon:hover .border{ box-shadow: 0 0 11px 1px #6ab7e3; }

.pingpai .swiper-pagination .icon.swiper-pagination-bullet-active img { width: 80%; }

.pingpai .swiper-pagination .icon img { width: 90%; max-height: 50%; margin: 0 auto; object-fit: contain; }

.videos { /*width: 100%; height: 100%; overflow: hidden; position: absolute; left: 0; top: 0; */   padding: 30px 160px 30px 160px; text-align: center; height:auto;}

@media only all and (max-width: 768px) { .videos { display: none; } }

.videos video { width: 100%; height: 100%; object-fit: cover; font-family: 'object-fit: cover; object-position: left top;'; }

.phone_video { display: none; }

@media only all and (max-width: 768px) { .phone_video { overflow: hidden; position: absolute; left: 0; top: 50px; display: block; background-size: cover; background-repeat: no-repeat; background-position: center; width: 100%; height: 100%; } }

.phone_video .zanting { width: 63px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); }

.phone_video .shadowss { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); z-index: 2000; display: none; }

.phone_video .small_video { width: 95%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); z-index: 3000; display: none; }

html, body { position: relative; font-family: "微软雅黑","宋体"; }

body { margin: 0; padding: 0; }

.swiper-container { width: 100%; height: 100%; margin-left: auto; margin-right: auto; }

.swiper-slide { text-align: center; font-size: 18px; background: #fff; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }

.glyphicon { float: right; color: #fff; cursor: pointer; }

@media only all and (max-width: 640px) { .glyphicon { float: unset; } }

.head1 { overflow: hidden}
/*.boox-home { height: 666px; } */

.home-head { position: relative;  height: 100vh; }

@media only all and (max-width: 768px) { .home-head { width: 100%; margin-left: 0px; } }

@media only all and (max-width: 640px) { .home-head { height: auto; } }

@media only all and (max-width: 640px) { .home-head .boox-home { height: 100vh; } }

.home-head .img1 { height: 100%; width: 100%; position: absolute; z-index: 0; }

@media only all and (max-width: 1600px) { .home-head .img1 { height: auto; } }

@media only all and (max-width: 414px) { .home-head .img1 { height: 100%; width: auto; } }

.home-head .fuliye { position: absolute; right: 50px; bottom: 50px; }

@media only all and (max-width: 768px) { .home-head .fuliye { left: 10px; bottom: 50px; } }

@media only all and (max-width: 640px) { .home-head .fuliye { padding: 150px 20px 0px 20px; } }

.home-head .fuliye p { font-family: "微软雅黑"; font-size: 40px; color: #fff; }

@media only all and (max-width: 640px) { .home-head .fuliye p { font-size: 26px; } }

.home-head .fuliye .mb { margin-bottom: 25px; }

.home-head .btn-first { border: none; outline: none; width: 150px; line-height: 40px; font-size: 14px; position: fixed; color: #fff; z-index: 99; right: 40px; bottom: 40px; background: rgba(0, 134, 211, 0.8); transition: all 0.3s; text-align: center; }

@media only all and (max-width: 640px) { .home-head .btn-first { right: auto; left: 10px; } }

.home-head .contactPopover { position: fixed; background: #0086d3; display: block; max-width: 550px; border-radius: 0px; bottom: 40px; right: 40px; top: auto; left: auto; display: none; }

@media only all and (max-width: 1440px) { .home-head .contactPopover { max-width: 450px; } }

@media only all and (max-width: 1024px) { .home-head .contactPopover { max-width: 300px; } }

@media only all and (max-width: 640px) { .home-head .contactPopover { bottom: 0; max-width: 100%; } }

.home-head .contactPopover .closebtn { position: absolute; top: -15px; right: -15px; cursor: pointer; }

.home-head .contactPopover .popover-con { padding: 20px 40px; }

.home-head .contactPopover .popover-con form h3 { font-size: 21px; color: #fff; margin-bottom: 20px; }

.home-head .contactPopover .popover-con form h3 span { font-size: 16px; opacity: 0.5; display: inline-block; margin-left: 20px; }

@media only all and (max-width: 640px) { .home-head .contactPopover .popover-con form h3 span { margin-left: 0; } }

.home-head .contactPopover .popover-con form .row hr { opacity: 0.5 !important; }

@media only all and (max-width: 640px) { .home-head .contactPopover .popover-con form .row .checkrow { width: 100%; } }

@media only all and (max-width: 640px) { .home-head .contactPopover .popover-con form .row .sendbtn { width: 100%; } }

.home-head .contactPopover .popover-con form .row .primaryBtn { background: none; color: #fff; font-size: 16px; height: 40px; padding: 0px 28px; font-family: "微软雅黑"}

.home-head .contactPopover .popover-con form .row .form-group { font-size: 14px; color: #fff; }

.home-head .contactPopover .popover-con form .row .form-group .form-control { height: 45px; font-size: 16px; border-radius: 0px; }

.home-head .contactPopover .popover-con form .row .form-group textarea.form-control { height: auto; }

.home-head .contactPopover .popover-con form .row .form-group input { color: #333; }

.home-head .contactPopover .popover-con form .row .form-group input::-webkit-input-placeholder { color: #999; }

.home-head .contactPopover .popover-con form .row .form-group input:-ms-input-placeholder { color: #999; }

.home-head .contactPopover .popover-con form .row .form-group textarea { color: #333; }

.home-head .contactPopover .popover-con form .row .form-group textarea::-webkit-input-placeholder { color: #999; }

.home-head .contactPopover .popover-con form .row .form-group textarea:-ms-input-placeholder { color: #999; }

.home-head .contactPopover .popover-con form .row .form-group span { display: inline-block; margin-right: 40px; }

@media only all and (max-width: 640px) { .home-head .contactPopover .popover-con form .row .form-group span { margin-right: 15px; } }

.home-head .contactPopover .popover-con form .row .form-group span img { display: inline-block; margin-right: 10px; }

.home-head .contactPopover .popover-con form .row .form-group span:last-child { margin-right: 0; }

.home-head .contactPopover .popover-con form .row .form-group .checkOne { position: relative; margin-top: 8px; }

.home-head .contactPopover .popover-con form .row .form-group .checkOne input[type=checkbox] { position: relative; cursor: pointer; width: 0; }

.home-head .contactPopover .popover-con form .row .form-group .checkOne label { cursor: pointer; position: absolute; width: 25px; height: 25px; top: 0; left: 0; background: none; border: 1px solid #ddd; }

.home-head .contactPopover .popover-con form .row .form-group .checkOne label::after { content: ' '; position: absolute; opacity: 0; width: 14px; height: 8px; background: transparent; top: 6px; left: 5px; border: 3px solid #fff; border-top: none; border-right: none; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

.home-head .contactPopover .popover-con form .row .form-group .checkOne input[type=checkbox]:checked + label:after { opacity: 1; }

.home-head .contactPopover .popover-con form .row .form-group .checkOne span { margin-right: 0; margin-left: 30px; vertical-align: top; }

.home-head .contactPopover .popover-con form .row .form-group .ni-invalid input { border-color: #ff647c; }

.home-head .contactPopover .error-img { position: absolute; top: 20%; right: 20px; display: none; cursor: pointer; }

.home-head .contactPopover .error-info { color: red; display: none }

.home-head .img2 { height: 100%; width: 33.3333%; float: left; position: relative; }

@media only all and (max-width: 640px) { .home-head .img2 { height: auto; width: 100%; float: none; } }

.home-head .img2 img { height: 100%; width: auto; margin-left: auto; margin-right: auto; }

.home-head .img2 .mengban1 { width: 100%; height: 100%; background: rgba(0, 0, 0, 0.1); position: absolute; top: 0px; left: 0px; z-index: 99999; }

.home-head .img2 .img2-1 { height: 100%; width: 100%; }

.home-head .img2 .btn-second { width: 160px; height: 50px; font-size: 24px; color: #fff; background: #0086d3; border: none; outline: none; margin-top: -20px; margin-left: 212px; }

@media only all and (max-width: 1440px) { .home-head .img2 .btn-second { margin-left: 142px; margin-top: 0px; } }

@media only all and (max-width: 1024px) { .home-head .img2 .btn-second { margin-left: 72px; margin-top: 60px; } }

.adddiv { height: auto; }

.adddiv .swiper_con { width: 100%; height: 100%; overflow: hidden; position: relative; padding: 10px; }

.adddiv .swiper_con .swiper-container3 { width: 100%; position: relative; z-index: 0; }

.adddiv .swiper_con .swiper-container3 .swiper-slide { width: 100%; position: relative; overflow: hidden; }

.adddiv .swiper_con .swiper-container3 .swiper-slide img { width: 100%; transition: all 0.3s; }

.adddiv .swiper_con .swiper-container3 .swiper-slide .text { position: absolute; top: 10px; left: 0; text-align: center; width: 100%; font-size: 17px; }

.adddiv .swiper_con .swiper-container3 .swiper-slide .more { width: 80%; line-height: 40px; font-size: 14px; color: #fff; z-index: 2; position: absolute; left: 50%; transform: translateX(-50%); bottom: 20px; background: rgba(0, 134, 211, 0.8); opacity: 0; transition: all 0.3s; }

.adddiv .swiper_con .swiper-container3 .swiper-slide:hover img { opacity: 1; transform: scale(1.1); }

.adddiv .swiper_con .swiper-container3 .swiper-slide:hover .more { opacity: 1; }

.adddiv .swiper_con .swiper-container3 .swiper-button-next { width: 40px; height: 40px; background-size: 9px 20px; background-color: #fff; background-repeat: no-repeat; border-radius: 50%; z-index: 100000; background-image: url("../images/index/right_arrow.png"); right: 10px; opacity: 0.9; }

@media only all and (max-width: 414px) { .adddiv .swiper_con .swiper-container3 .swiper-button-next { right: 10px; } }

.adddiv .swiper_con .swiper-container3 .swiper-button-next:hover { opacity: 1; }

.adddiv .swiper_con .swiper-container3 .swiper-button-prev { width: 40px; height: 40px; background-size: 9px 20px; background-color: #fff; background-repeat: no-repeat; border-radius: 50%; z-index: 100000; background-image: url("../images/index/left_arrow.png"); left: 10px; opacity: 0.9; }

@media only all and (max-width: 414px) { .adddiv .swiper_con .swiper-container3 .swiper-button-prev { left: 10px; } }

.adddiv .swiper_con .swiper-container3 .swiper-button-prev:hover { opacity: 1; }

.home-three { background: #1165b6; }

.home-three .nei { width: 100%; height: 100%; padding: 180px 186px 0 186px; }

@media only all and (max-width: 1600px) { .home-three .nei { padding: 90px 186px 0 186px; } }

@media only all and (max-width: 1440px) { .home-three .nei { padding: 83px 186px 40px 186px; } }

@media only all and (max-width: 1366px) { .home-three .nei { padding: 60px 186px 40px 186px; } }

@media only all and (max-width: 1024px) { .home-three .nei { padding: 83px 80px 40px 80px; } }

@media only all and (max-width: 640px) { .home-three .nei { padding: 83px 20px 40px 20px; height: auto !important; } }

.home-three .nei a { color: #000; }

.home-three .nei a:hover { color: #000; }

.home-three .nei h2 { font-size: 36px; margin-bottom: 60px; text-align: left; color: #fff; }

@media only all and (max-width: 1440px) { .home-three .nei h2 { margin-bottom: 30px; } }

.home-three .nei button { color: #fff; position: absolute; top: 250px; left: 20px; width: 120px; height: 35px; text-align: center; border: none; outline: none; }

@media only all and (max-width: 1600px) { .home-three .nei button { top: 200px; } }

@media only all and (max-width: 1440px) { .home-three .nei button { top: 234px; } }

@media only all and (max-width: 1366px) { .home-three .nei button { top: 210px; } }

@media only all and (max-width: 1024px) { .home-three .nei button { top: 185px; } }

@media only all and (max-width: 640px) { .home-three .nei button { top: 268px; } }

.home-three .nei .swiper-container1 { overflow: hidden; }

.home-three .nei .swiper-button-prev { left: 120px; }

@media only all and (max-width: 640px) { .home-three .nei .swiper-button-prev { display: none; } }

.home-three .nei .swiper-button-next { right: 120px; }

@media only all and (max-width: 640px) { .home-three .nei .swiper-button-next { display: none; } }

.home-three .nei .swiper-slide { background: #fff; height: 470px; position: relative; }

.home-three .nei .swiper-slide .neiImg { width: 100%; position: absolute; top: 0; left: 0; }

.home-three .nei .swiper-slide .title { font-size: 28px; position: absolute; top: 300px; left: 20px; right: 20px; text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

@media only all and (max-width: 1600px) { .home-three .nei .swiper-slide .title { top: 253px; } }

@media only all and (max-width: 1440px) { .home-three .nei .swiper-slide .title { top: 290px; } }

@media only all and (max-width: 1366px) { .home-three .nei .swiper-slide .title { top: 272px; } }

@media only all and (max-width: 1024px) { .home-three .nei .swiper-slide .title { font-size: 23px; top: 254px; } }

@media only all and (max-width: 640px) { .home-three .nei .swiper-slide .title { top: 320px; } }

.home-three .nei .swiper-slide .nr { font-size: 14px; position: absolute; top: 350px; left: 20px; right: 20px; text-align: left; }

@media only all and (max-width: 1600px) { .home-three .nei .swiper-slide .nr { top: 307px; } }

@media only all and (max-width: 1440px) { .home-three .nei .swiper-slide .nr { top: 337px; } }

@media only all and (max-width: 1366px) { .home-three .nei .swiper-slide .nr { top: 315px; } }

@media only all and (max-width: 1024px) { .home-three .nei .swiper-slide .nr { top: 294px; } }

@media only all and (max-width: 640px) { .home-three .nei .swiper-slide .nr { top: 360px; } }

.home-three .nei .swiper-slide .time { text-align: left; font-size: 12px; color: #9b9b9b; position: absolute; bottom: 20px; left: 20px; right: 20px; }

.home-three .nei .bk .bk-btn { background: #dd363d; }

.home-three .nei .bk .bktou { position: absolute; top: 240px; right: 20px; }

@media only all and (max-width: 1600px) { .home-three .nei .bk .bktou { top: 193px; } }

@media only all and (max-width: 1440px) { .home-three .nei .bk .bktou { top: 223px; } }

@media only all and (max-width: 1366px) { .home-three .nei .bk .bktou { top: 198px; } }

@media only all and (max-width: 1024px) { .home-three .nei .bk .bktou { top: 175px; } }

@media only all and (max-width: 640px) { .home-three .nei .bk .bktou { top: 257px; } }

.home-three .nei .wd .wd-btn { background: #0086d1; }

.home-three .nei .yy .yy-btn { background: #77bc00; }

.home-three .nei .xwg .xwg-btn { background: #ff9908; }

.home-three .nei .swiper-button-next { background: url(../images/index/btn-next.png) center; }

.home-three .nei .swiper-button-prev { background: url(../images/index/btn-prev.png) center; }

.fenxiangbtn { position: absolute; height: 32px; width: 200px; bottom: 30px; left: 50%; margin-left: -75px; }

.fenxiangbtn a { display: inline-block; position: relative; }

.fenxiangbtn a div { position: absolute; bottom: 30px; left: -80px; display: none; }

.fenxiangbtn a div img { width: 200px; height: 200px; }

.fenxiangbtn a:hover img { -webkit-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9); }

.fenxiangbtn a img { display: inline-block; }

.wei:hover div { display: block; }

.language { position: fixed; width: 700px; top: 25%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-color: rgba(0, 134, 211, 0.5); border-radius: 15px; padding: 25px 50px; }

@media only all and (max-width: 768px) { .language { display: none; } }

.language .text { font-size: 17px; line-height: 26px; color: #fff; font-weight: bold; }

.language .switch { margin: 10px auto; text-align: center; }

.language .switch a { margin: 0 15px; display: inline-block; background: #FFFFFF; padding: 5px 15px; color: #0070C0; text-decoration: none; }

.language .switch a:hover { text-decoration: underline; }

.melbourne1 { margin-left: 80px; padding: 80px 186px 30px 186px; text-align: center; height:auto;}

@media only all and (max-width: 1600px) { .melbourne1 { padding: 100px 110px 100px 110px; } }

@media only all and (max-width: 1024px) { .melbourne1 { padding: 80px; } }

@media only all and (max-width: 768px) { .melbourne1 { margin-left: 0; padding: 30px 10px; } }

.melbourne1 .tit { font-size: 28px; line-height: 40px; margin-bottom: 20px; font-weight: bold; }

.melbourne1 .intro { text-align: left; font-size: 17px; line-height: 30px; }

.melbourne1 .img-wrap { margin-top: 80px; position: relative; }

.melbourne1 .img-wrap img { display: inline-block; vertical-align: middle; margin-right: 10%; }

.melbourne1 .img-wrap img.img1 { width: 220px; }

.melbourne1 .img-wrap img.img2 { width: 100px; }

@media only all and (max-width: 414px) { .melbourne1 .img-wrap img { display: block; margin: 0 auto; max-width: 80%; margin-bottom: 20px; } }

.melbourne1 .img-wrap img:last-child { margin-right: 0; }

.melbourne1 .link { font-size: 17px; color: #333; position: absolute; right: 0px; bottom: 0; }

@media only all and (max-width: 414px) { .melbourne1 .link { position: static; } }

.melbourne1111 { margin-left: 80px; padding: 100px 186px 100px 186px; background-color: #f2f2f2; }

@media only all and (max-width: 1600px) { .melbourne1111 { padding: 100px 110px 100px 110px; } }

@media only all and (max-width: 1024px) { .melbourne1111 { padding: 80px; } }

@media only all and (max-width: 768px) { .melbourne1111 { margin-left: 0; padding: 30px 10px; } }

.melbourne1111 .img1 { width: 177px; }

@media only all and (max-width: 1440px) { .melbourne1111 .img1 { width: 120px; } }

@media only all and (max-width: 1366px) { .melbourne1111 .img1 { width: 100px; } }

@media only all and (max-width: 768px) { .melbourne1111 .img1 { display: block; margin: 0 auto; margin-bottom: 20px; float: none; } }

.melbourne1111 .img2 { width: 334px; margin-left: 80px; margin-top: 30px; }

@media only all and (max-width: 1440px) { .melbourne1111 .img2 { width: 260px; margin-left: 30px; margin-top: 20px; } }

@media only all and (max-width: 1366px) { .melbourne1111 .img2 { width: 200px; } }

@media only all and (max-width: 768px) { .melbourne1111 .img2 { display: block; margin: 0 auto; margin-bottom: 20px; float: none; } }

.melbourne1111 .text { width: 508px; }

@media only all and (max-width: 1280px) { .melbourne1111 .text { width: 400px; } }

@media only all and (max-width: 768px) { .melbourne1111 .text { width: 100%; } }

.melbourne1111 .text .one { font-size: 28px; line-height: 40px; margin-bottom: 20px; }

.melbourne1111 .text .two { font-size: 17px; line-height: 30px; }

.melbourne1111 .text .three { margin-top: 30px; }

.melbourne1111 .text .three .link { font-size: 17px; color: #333; }

.health { /*height: auto; position: relative;  */  margin-left: 80px; padding: 30px 186px 30px 186px; text-align: center; height:auto;}
 
.health .health-bg { width: 100%; }

.health .tit { font-size: 40px; font-weight: bold; color: #314b7d; position: absolute; top: 110px; left: 50px; }

@media only all and (max-width: 768px) { .health .tit { top: 80px; } }

@media only all and (max-width: 414px) { .health .tit { display: none; } }

.health .tit i { color: #3c84ca; font-style: normal; font-weight: bold; }

.health .link00 { width: 150px; line-height: 40px; font-size: 14px; z-index: 2; position: absolute; right: 50px; bottom: 30px; background: #c7cbd4; transition: all 0.3s; text-align: center; color: #333; }

.health .link00::before { width: 0; height: 0; content: ''; position: absolute; right: -20px; top: 0px; border-left: 20px solid #c7cbd4; border-top: 20px solid transparent; border-bottom: 20px solid transparent; }

.health .link { width: 150px; line-height: 40px; font-size: 14px; z-index: 2; position: absolute; left: 50px; top: 255px; color: #fff; z-index: 2; background: rgba(0, 134, 211, 0.8); transition: all 0.3s; text-align: center; }

.health .introduct { position: absolute; }

.health .introduct .text { font-size: 14px; line-height: 1; color: #000; display: inline-block; vertical-align: middle; transition: all 0.4s; position: absolute; width: 200px; top: -110px; left: -140px; opacity: 0; }

@media only all and (max-width: 768px) { .health .introduct .text { font-size: 18px; } }

@media only all and (max-width: 414px) { .health .introduct .text { font-size: 14px; padding: 5px; opacity: 1; } }

.health .introduct .line-img { width: 90px; transition: all 0.4s; position: absolute; top: -90px; left: -80px; opacity: 0; }

@media only all and (max-width: 414px) { .health .introduct .line-img { opacity: 1; } }

.health .introduct .round { position: relative; width: 17px; height: 17px; }

.health .introduct .round:before { position: absolute; content: ''; width: 100%; height: 100%; background: transparent; right: 0; top: 0; border-radius: 50%; z-index: 2; }

.health .introduct .round:after { position: absolute; content: ''; width: 16px; height: 16px; background: rgba(0, 134, 211, 0.7); top: 50%; left: 50%; margin-left: -8px; margin-top: -8px; border-radius: 50%; z-index: 1; -webkit-animation: round 1.5s infinite alternate; -moz-animation: round 1.5s infinite alternate; -o-animation: round 1.5s infinite alternate; animation: round 1.5s infinite alternate; }

.health .introduct.introduct1 { bottom: 41%; left: 30.7%; }

.health .introduct.introduct2 { bottom: 49%; left: 32.7%; }

.health .introduct.introduct2 .text { left: 40px; }

.health .introduct.introduct2 .line-img { left: 6px; transform: rotateY(180deg); }

.health .introduct.introduct3 { bottom: 63%; left: 42%; }

.health .introduct.introduct4 { bottom: 68%; left: 71%; }

.health .introduct.introduct5 { bottom: 45%; left: 73%; }

.health .introduct.introduct5 .text { left: 40px; }

.health .introduct.introduct5 .line-img { left: 6px; transform: rotateY(180deg); }

.health .introduct.introduct6 { bottom: 28%; left: 56%; }

.health .introduct.introduct6 .text { top: 110px; left: 40px; }

.health .introduct.introduct6 .line-img { top: 14px; left: 6px; }

.health .introduct.introduct7 { bottom: 19%; left: 70%; }

.health .introduct.introduct7 .text { top: 110px; left: 40px; }

.health .introduct.introduct7 .line-img { top: 14px; left: 6px; }

.health .introduct.introduct8 { bottom: 73%; left: 63%; }

.health .introduct.introduct9 { bottom: 19%; left: 5%; }

.health .introduct.introduct9 .text { top: 110px; left: 40px; }

.health .introduct.introduct9 .line-img { top: 14px; left: 6px; }

.health .introduct.introduct10 { bottom: 20%; left: 10%; }

.health .introduct.introduct10 .text { top: 110px; left: 40px; }

.health .introduct.introduct10 .line-img { top: 14px; left: 6px; }

.health .introduct:hover .text { opacity: 1; }

.health .introduct:hover .line-img { opacity: 1; }

#footer { width: 100%; margin-left: 0; }

.now-news { height: auto; position: relative; background-color: #f0f0f0; text-align: center; padding-top: 80px; }

.now-news .tit { font-size: 30px; }

.now-news .now-news-con { padding-top: 50px; padding-bottom: 80px; width: 1300px; margin: 0 auto; }

@media only all and (max-width: 1366px) { .now-news .now-news-con { width: 1000px; } }

@media only all and (max-width: 1024px) { .now-news .now-news-con { width: 700px; } }

@media only all and (max-width: 414px) { .now-news .now-news-con { width: 100%; padding-left: 20px; padding-right: 20px; } }

.now-news .now-news-con a { display: block; overflow: hidden; position: relative; }

@media only all and (max-width: 414px) { .now-news .now-news-con a { float: none; display: block; margin: 0 auto; width: 100%; margin-bottom: 20px; } }

.now-news .now-news-con a img { width: 100%; opacity: 0.7; transition: all 0.3s; }

.now-news .now-news-con a .text00 { position: absolute; top: 10px; left: 10px; font-size: 17px; color: #000; }

.now-news .now-news-con a .text { width: 120px; line-height: 40px; color: #fff; z-index: 2; position: absolute; top: 10px; left: 10px; font-size: 14px; background: rgba(0, 134, 211, 0.8); opacity: 0; transition: all 0.3s; }

.now-news .now-news-con a:hover .text { opacity: 1; }

.now-news .now-news-con a:hover img { opacity: 1; transform: scale(1.1); }

.now-news .now-news-con .alone { width: 39%; height: 750px; }

@media only all and (max-width: 1366px) { .now-news .now-news-con .alone { height: 570px; } }

@media only all and (max-width: 1024px) { .now-news .now-news-con .alone { height: 400px; } }

@media only all and (max-width: 414px) { .now-news .now-news-con .alone { width: 100%; } }

.now-news .now-news-con .many-new { width: 59%; }

@media only all and (max-width: 414px) { .now-news .now-news-con .many-new { width: 100%; } }

.now-news .now-news-con .many-new .link.link1 { height: 430px; margin-bottom: 10px; }

@media only all and (max-width: 1366px) { .now-news .now-news-con .many-new .link.link1 { height: 323px; } }

@media only all and (max-width: 1024px) { .now-news .now-news-con .many-new .link.link1 { height: 230px; } }

.now-news .now-news-con .many-new .link.link2 { width: 54%; height: 310px; }

@media only all and (max-width: 1366px) { .now-news .now-news-con .many-new .link.link2 { height: 238px; } }

@media only all and (max-width: 1024px) { .now-news .now-news-con .many-new .link.link2 { height: 160px; } }

@media only all and (max-width: 414px) { .now-news .now-news-con .many-new .link.link2 { width: 100%; } }

.now-news .now-news-con .many-new .link.link3 { width: 44%; height: 310px; }

@media only all and (max-width: 1366px) { .now-news .now-news-con .many-new .link.link3 { height: 238px; } }

@media only all and (max-width: 1024px) { .now-news .now-news-con .many-new .link.link3 { height: 160px; } }

@media only all and (max-width: 414px) { .now-news .now-news-con .many-new .link.link3 { width: 100%; } }

/*# sourceMappingURL=css/map/index.master.css.map */

.contactus { /*margin-left: 80px; padding: 80px 186px 80px 186px; text-align: center; */ margin-left: 80px; padding: 30px 186px 30px 186px; text-align: center; height:auto;}

@media only all and (max-width: 1600px) { .contactus { padding: 100px 110px 100px 110px; } }

@media only all and (max-width: 1024px) { .contactus { padding: 80px; } }

@media only all and (max-width: 768px) { .contactus { margin-left: 0; padding: 30px 10px; } }

.contactus .tit { font-size: 60px; line-height: 40px; margin-bottom: 20px; font-weight: bold; }
.contactus .tit2 { font-size: 35px; line-height: 40px; margin-bottom: 20px; font-weight: bold; color: #078e9b}

.contactus .name { font-size: 15px; line-height: 25px; margin-bottom: 20px;  color: #ff0000}
.contactus .phone { font-size: 15px; line-height: 25px; margin-bottom: 20px;color: #ff0000}


.products_2 { /*height: auto; position: relative;  */  margin-left: 80px; padding: 30px 160px 30px 160px; text-align: center; height:auto;}
 
.products_2 .products_2-bg { width: 100%; }

.products_3 { /*height: auto; position: relative;  */  margin-left: 80px; padding: 30px 190px 30px 190px; text-align: center; height:auto;}
 
.products_3 .products_3-bg { width: 100%; }


.company_img { /*height: auto; position: relative;  */ margin-left:90px; padding: 90px 160px 30px 160px; text-align: center; height:auto;}
 
.company_img .company_img-bg { width: 100%; }