/* 字体加载类 */
@font-face {
	font-family: 'Floane-Regular';
	src: url("../fonts/Floane-Regular.eot");
	src: url("../fonts/Floane-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Floane-Regular.woff2") format("woff2"), url("../fonts/Floane-Regular.woff") format("woff"), url("../fonts/Floane-Regular.ttf") format("truetype"), url("../fonts/Floane-Regular.svg#Floane-Regular") format("svg")
}

@font-face {
	font-family: 'noah-regular';
	src: url("../fonts/noah-regular.eot");
	src: url("../fonts/noah-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/noah-regular.woff2") format("woff2"), url("../fonts/noah-regular.woff") format("woff"), url("../fonts/noah-regular.ttf") format("truetype"), url("../fonts/noah-regular.svg#noah-regular") format("svg")
}

@font-face {
	font-family: 'noah-bold';
	src: url("../fonts/noah-bold.eot");
	src: url("../fonts/noah-bold.eot?#iefix") format("embedded-opentype"), url("../fonts/noah-bold.woff2") format("woff2"), url("../fonts/noah-bold.woff") format("woff"), url("../fonts/noah-bold.ttf") format("truetype"), url("../fonts/noah-bold.svg#noah-bold") format("svg")
}


@font-face {
	font-family: "JosefinSans-Regular";
	src: url("../fonts/JosefinSans-Regular.woff2") format("woff2"), url("../fonts/JosefinSans-Regular.woff") format("woff"), url("../fonts/JosefinSans-Regular.ttf") format("truetype"), url("../fonts/JosefinSans-Regular.eot") format("embedded-opentype"), url("../fonts/JosefinSans-Regular.svg") format("svg"), url("../fonts/JosefinSans-Regular.otf") format("opentype")
}

@font-face {
	font-family: "JosefinSans-Bold";
	src: url("../fonts/JosefinSans-Bold.woff2") format("woff2"), url("../fonts/JosefinSans-Bold.woff") format("woff"), url("../fonts/JosefinSans-Bold.ttf") format("truetype"), url("../fonts/JosefinSans-Bold.eot") format("embedded-opentype"), url("../fonts/JosefinSans-Bold.svg") format("svg"), url("../fonts/JosefinSans-Bold.otf") format("opentype")
}


@font-face {
	font-family: 'Conv_BEBAS';
	src: url('../fonts/BEBAS.eot');
	src: local('☺'), url('../fonts/BEBAS.woff') format('woff'), url('../fonts/BEBAS.ttf') format('truetype'), url('../fonts/BEBAS.svg') format('svg');
}

@font-face {
	font-family: "iconfont";
	src: url('../fonts/iconfont.eot?t=1594216386279');
	/* IE9 */
	src: url('../fonts/iconfont.eot?t=1594216386279#iefix') format('embedded-opentype'),
		/* IE6-IE8 */
		url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAacAAsAAAAADAAAAAZPAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCDHAqLLIlAATYCJAMQCwoABCAFhG0HWBtCCsgehelGuw0kyUoyvdv//27WfcFCMGudqdopjFgFGZPAiFYChUrQEQ2zVtl1oGVUHFjrfopoeMjfvXN/kiYWNkFIQjSBzVShCKXbFKHaFJPjD/dLviywfHZ05/Kj3nUtOnCAo2gdUHTQZgNe2wBgj+qqDi81K/B0gAAQspRBg2USCTgudiNst7qcTYC7IrgxJgT380N2LTz0LvDgVQ/2EADe0T8evVATOACGl8BnmjabW6HuWfz57xyGZcxPBpjyUgDw3guAA6AMABegJTTTjGNime4hwppyGQHgIoWBsua5P/+dZU22Lx78kQXAcv/zUA3sEaOs1s0ZMUZ2AAx87qbDvL8jOwMerroLDiANoBsAO4F9GfphcWL8RpyZkSeWSDRilVColkrEQiQcm2cqKiroRMKeTM6Kx20vX86VkDRI59kSifm9Wrs9GtXN6u+PRNSkrU9js7qG1SEJEdXao0gFxHSz6PkjAwRJhruI3fsRL3SgULZrHwAT6etHaPNlo/TkxQzupksGUV9/KLqwN8xERBIIEaTsIdxk8NBf1Ur7gRPpTWNaVHRnpC2S+NLNO5LWW/EhW1+abifcMkzEWb+fkPbuTeHG9okkSDzPegPMvr4Dof1k7/oNor4IE541C204gjY/t+w8qyZ3HoRtzwx989CB+COmSETqNieMhO305axQqe6A6NQl5iJ582lGdGPzmRe5m5+TganQlb6A8LydJTpdCJ0no9FQ/1ZLb8XjL4eR9vOJZNKK2dq2tCYysHcnIe7dvX+9Tjd8OK/JqZfxyWrRwLZL9zpa9ODKjrSepJ4k7SOLtgFbWncgfXcBsTMvVhxRN4UaHyQTjV6OOmM4E+cQMEWno2F1sRJoTqgHzuaJ9hSB8rLxfq2Nk/HRp2tPv+QqYOLDbeOPZFWHh3Bs3y6RSBM7l0/svn95e/rG1T4sFsP8glDR9+LsRfz/tqLXX8corJWwlUgikcBL/PK50DrM5kDMFuuKwfznp8oKOm+SSDi03KxvYrhxepRxxadWBmUixvravGDk6ev5nbfKLRZmJuq4aRjlPKxhxeBQRuhEQ+3WjDt36w5qN2oP1p2tos06BN3SbkEH9hjOyh9jG6Gr/C6/W9IdaRCoGgF/iYnXBD2CfYKYdAAKuw2bBCj45JA0RoeIwbBd527LN0iRad48E5hAI2RC5nlzlV9A29buUA6qFn8M9T3QZp3fENhh2MF7pAtoH/EG9Z5aupbekJLKVouX1ZGKf/9RiH9I+eHdVQe3w4+4TsaixQzbfWVPTJWzP6YbR0K3BWRjN5ozWyCrG/ujgH+7iuUOmeV4NRuPMJ4NWBmw8CMLsr/yVp2XohTSU3LPKlm1TEceZVNwcYAb06aNSncWLHgwpRwu+aBgYYZj2ug6/9xMk3aRU2HmTJmYslF2TLZRN2qMykl4L23Szn00ATyT2qIYV/vK72R6cI3G9mZP5Yis41kjxva8+dk8uHpmxu+GV5Tj1BaPPdo90fx41bH9haaC8+WL+YvL9xvNBV9PV0+nl01Nq6h14EtM87tKverb4fYpk/C60tzGopIii8FtpNywLr1Ru5Cq/++ZOrXkkTzXcM08k76KS17vvZJVdTTlbuABAMCG8zsOA8AO5jucPAD2k/yKU3KPrQYZX933i2SjfsNFB9mYT0p/vK4Xs+EC+ZgbhUnN3FGxojr8uC/HyP15QPa2Oh2b4zp4wlZhAAhRDsACFyh9VkZco7w6BKexASOQCRy4PBFXVgY8IrXAhxsLhFLWvUVUfDhQEQJAidcAELkjgJG6Ahxyj0Rc2SDwaH0HfPLgAMEeqkOKFISLaPRRTQGqVd+8XO9qobscUjxAGO1nUM5gR5PPyelmO+Xzu8r11RVV3nor1UX5ytjCv8RZEwg49A4f3am3wNmojg5a7/HRbqolUNEWCHhGVFY6wq5Q0UJ3AqGRD6VJAKWVXrPlqqtLC1oXx+gBhO/9Z6A4BXVo4osZ9uNqR/Hxcy1cr1qFqhQiq6cr1bBt6eq3hFONAKUc9HJfH1onPQulKB2ihqbnCV/JjdIioEJbjiqPESppJEdaT0X9vs4lPAUAAj8iNzDEQVzEA8lBda1oo7qc5S20Z7m0pcnV4Wqiva4uZ2tTlyQQVIpagy6nVtzhAgAA') format('woff2'),
		url('../fonts/iconfont.woff?t=1594216386279') format('woff'),
		url('../fonts/iconfont.ttf?t=1594216386279') format('truetype'),
		/* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
		url('../fonts/iconfont.svg?t=1594216386279#iconfont') format('svg');
	/* iOS 4.1- */
}


@font-face {
	font-family: 'iconfont2';  /* project id 2010410 */
	src: url('//at.alicdn.com/t/font_2010410_5vivpjuu95d.eot');
	src: url('//at.alicdn.com/t/font_2010410_5vivpjuu95d.eot?#iefix') format('embedded-opentype'),
	url('//at.alicdn.com/t/font_2010410_5vivpjuu95d.woff2') format('woff2'),
	url('//at.alicdn.com/t/font_2010410_5vivpjuu95d.woff') format('woff'),
	url('//at.alicdn.com/t/font_2010410_5vivpjuu95d.ttf') format('truetype'),
	url('//at.alicdn.com/t/font_2010410_5vivpjuu95d.svg#iconfont') format('svg');
  }

.iconfont {
	font-family: "iconfont" !important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-renzheng-copy:before {
	content: "\e6f6";
}

.icon-cailiaoqingdan:before {
	content: "\e660";
}

.icon-tuanduiguanli:before {
	content: "\e66a";
}

/* video */
video {
    display: inline-block;
}

@media (max-width: 750px) {
	video {
		display: inline-block;
		height: 100%;
		width: 100%;
	}
}

/* video 标签禁用自带的下载按钮 */
video::-internal-media-controls-download-button {
	display:none;
}
video::-webkit-media-controls-enclosure {
	overflow:hidden;
}
video::-webkit-media-controls-panel {
	width: calc(% + 30px);
}




/* Body */
* {
	margin: 0;
	padding: 0;
	outline: none;
	text-decoration: none !important;
}

body {
	font-family: 'Open Sans', sans-serif;
	overflow-x: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Montserrat', sans-serif;
}

a {
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease;
	color: #222222;
}

.unorderList {
	list-style: none;
}

img {
	max-width: 100%;
}

ul,
li,
dl,
dt,
dd {
	padding: 0;
	margin: 0;
	list-style: none;
}


.w {
	width: 100%;
	padding-left: 80px;
	padding-right: 80px
}

@media (max-width: 1900px) {
	.w {
		width: 1400px;
		padding-left: 0;
		padding-right: 0;
		margin: 0 auto;
	}
}

@media (max-width: 1440px) {
	.w {
		padding-left: 40px;
		padding-right: 40px
	}
}

@media (max-width: 1288px) {
	.w {
		padding-left: 20px;
		padding-right: 20px
	}
}

@media (max-width: 768px) {
	.w {
		width: 100%;
		padding-left: 20px;
		padding-right: 20px
	}
}




/*=========================
	section-title CSS
===========================*/
.section-title {
	position: relative;
	color: #85cbbf;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.section-title {
		margin-left: 0;
		margin-right: 0;
	}
}

@media (max-width: 767px) {
	.section-title {
		margin-left: 0;
		margin-right: 0;
	}
}

.section-title h2 {
	font-size: 48px;
	margin-bottom: 0;
	letter-spacing: -0.3px;
	font-weight: 600;
}

.section-title h2>span {
	color: #e2321a;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
	.section-title h2 {
		font-size: 45px;
	}
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.section-title h2 {
		font-size: 30px;
	}
}

@media (max-width: 767px) {
	.section-title h2 {
		font-size: 34px;
		line-height: 1.1;
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.section-title h2 {
		font-size: 42px;
	}
}

.section-title p {
	margin-top: 17px;
	margin-bottom: 0;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
	.section-title p {
		margin-right: 0;
	}
}

@media (max-width: 767px) {
	.section-title p {
		margin-right: 0;
	}
}

.white-title h2 {
	color: #ffffff;
}

.white-title h2 span {
	color: #ffffff;
}

.white-title p {
	color: #ffffff;
}

.white-2-title h5 {
	color: #ffffff;
}

.white-2-title h5 span {
	background: #ffffff;
}

.white-2-title h2 {
	color: #ffffff;
}


/*========================
Course Filter Tab
==========================*/
.section-filter {
	margin: 0;
	padding: 0;
	list-style: none;
	margin-bottom: 40px;
}

.section-filter li {
	display: inline-block;
	margin: 0 0.5em;
	margin-bottom: 1em;
	height: 35px;
}

.section-filter li a {
	font-size: 14px;
	margin: 0;
	padding: .5em 1.5em;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #414141;
	border-radius: 5px;
	border: 1px solid rgba(0, 0, 0, 0.1);
}

.section-filter li a i {
	display: none;
}

.section-filter li a:hover,
.section-filter li.active a,
.f-link li a:hover,
.f-link li.active a {
	color: #000;
	background: #ffcc00;
}

.course.gutter .section-item {
	padding: 10px;
}



/*=========================
	Start Header CSS
===========================*/
body {

    font-family: "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", FontAwesome, sans-serif;
  }

  .w {
    width: 100%;
    padding-left: 100px;
    padding-right: 100px
}

@media (max-width: 1681px) {
    .w {
        padding-left: 80px;
        padding-right: 80px
    }
}

@media (max-width: 1380px) {
    .w {
        padding-left: 40px;
        padding-right: 40px
    }
}

@media (max-width: 1288px) {
    .w {
        max-width: 100%;
        padding-left: 20px;
        padding-right: 20px
    }
}

@media (max-width: 668px) {
    .w {
        padding-left: 20px;
        padding-right: 20px
    }
}

.w_middle {
    width: 1400px;
    margin: 0 auto
}

@media (max-width: 1440px) {
    .w_middle {
        width: 100%;
        padding-left: 80px;
        padding-right: 80px
    }
}

@media (max-width: 1380px) {
    .w_middle {
        padding-left: 40px;
        padding-right: 40px
    }
}

@media (max-width: 1288px) {
    .w_middle {
        padding-left: 20px;
        padding-right: 20px
    }
}

@media (max-width: 668px) {
    .w_middle {
        padding-left: 20px;
        padding-right: 20px
    }
}
 

  .header {
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999;
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0);
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0);
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
  }

  /* .header:after {
	  display: none;
    content: '';
    display: block;
    width: 100%;
    height: 0;
    background: #fff;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
  }
  
  .scroll .header {
    -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1)
  }

  .scroll .header:after {
    height: 100%
  } */

  .header_logo {
    display: block;
    float: left;
    margin-top: 15px;
    position: relative;
    z-index: 2
  }

  @media (max-width: 1470px) {
    .header_logo {
      margin-top: 20px
    }
  }

  @media (max-width: 1180px) {
    .header_logo {
      margin: 20px 0
    }
  }

  @media (max-width: 668px) {
    .header_logo {
      margin: 15px 0
    }
  }

  .header_logo a {
    display: block
  }

  .header_logo_img {
    float: left;
    width: 200px;
    height: 60px;
    position: relative
  }

  @media (max-width: 1470px) {
    .header_logo_img {
      width: 160px;
      height: 55px
    }
  }

  @media (max-width: 1200px) {
    .header_logo_img {
      width: 160px;
      height: 50px
    }
  }

  .header_logo_img:after {
    content: '';
    display: block;
    width: 2px;
    height: 36px;
    background: rgba(255, 255, 255, 0.3);
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    display: none;
  }

  @media (max-width: 1470px) {
    .header_logo_img:after {
      height: 30px
    }
  }

  @media (max-width: 668px) {
    .header_logo_img:after {
      display: none
    }
  }

  .header_logo_img img {
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
  }

  .header_logo_img img.white {
    opacity: 1;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
  }

  .header_logo_img img.black {
    opacity: 0;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
  }

  .scroll .header__logo{
	opacity: 0;
	display: none;
  }

  .scroll .header_logo_img:after {
    background: rgba(51, 51, 51, 0.3)
  }

  .scroll .header_logo_img img.white {
    opacity: 0
  }

  .scroll .header_logo_img img.black {
	opacity: 1;
  }


  .header_logo_name {
    display: block;
    float: left;
    width: 310px;
    height: 40px;
    color: #fff
  }

  @media (max-width: 1470px) {
    .header_logo_name {
      width: 280px;
      height: 30px
    }
  }

  @media (max-width: 668px) {
    .header_logo_name {
      display: none
    }
  }

  .scroll .header_logo_name {
    color: #333
  }


  .header_lang {
    display: block;
    float: right;
    width: 38px;
    height: 38px;
    line-height: 38px;
    margin-top: 31px;
    margin-left: 20px;
    border: none;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    outline: 0;
    position: relative;
    z-index: 2;
    background: #fff;
    color: #333;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
  }

  @media (max-width: 1470px) {
    .header_lang {
      margin-top: 21px;
      font-size: 14px
    }
  }

  @media (max-width: 1180px) {
    .header_lang {
      margin: 17px 40px 0 0
    }
  }

  @media (max-width: 668px) {
    .header_lang {
      width: 28px;
      height: 28px;
      line-height: 28px;
      margin: 16px 35px 0 0
    }
  }

  .scroll .header_lang {
    background: #f4f4f4
  }

  .header_lang:hover {
    background: #85cbbf;
    color: #fff
  }


  .header_search {
    display: none;
    float: right;
    width: 38px;
    height: 38px;
    line-height: 38px;
    margin-top: 31px;
    margin-left: 20px;
    border: none;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    outline: 0;
    position: relative;
    z-index: 2;
    background: #fff;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
  }

  @media (max-width: 1470px) {
    .header_search {
      margin-top: 21px;
      margin-left: 20px
    }
  }

  @media (max-width: 1180px) {
    .header_search {
      margin: 17px 10px 0 0
    }
  }

  @media (max-width: 668px) {
    .header_search {
      width: 28px;
      height: 28px;
      line-height: 28px;
      margin: 16px 10px 0 0;
      padding: 0
    }
  }

  .scroll .header_search {
    background: #f4f4f4
  }

  .header_search i {
    vertical-align:initial;
    width: 100%;
    height: 100%;
    color: #222;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
  }

  .header_search:hover {
    background: #85cbbf
  }

  .header_search:hover svg {
    color: #fff
  }

  .header_nav {
    float: right;
    width: auto;
    position: relative;
    z-index: 2
  }

  @media (max-width: 1180px) {
    .header_nav {
      display: none
    }
  }

  .header_nav>ul>li {
    display: block;
    float: left;
    height: 100px;
    position: relative
  }

  @media (max-width: 1470px) {
    .header_nav>ul>li {
      height: 80px
    }
  }

  .header_nav>ul>li>a {
    display: block;
    padding: 0 40px;
    position: relative;
    z-index: 3
  }

  @media (max-width: 1681px) {
    .header_nav>ul>li>a {
      padding: 0 30px
    }
  }

  @media (max-width: 1380px) {
    .header_nav>ul>li>a {
      padding: 0 25px
    }
  }

  .header_nav>ul>li>a span {
    display: block;
    line-height: 100px;
    font-size: 18px;
    color: #fff;
    position: relative;
    z-index: 2;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
  }

  @media (max-width: 1470px) {
    .header_nav>ul>li>a span {
      font-size: 16px;
      line-height: 80px
    }
  }

  @media (max-width: 1380px) {
    .header_nav>ul>li>a span {
      font-size: 14px
    }
  }

  .scroll .header_nav>ul>li>a span {
    color: #333
  }

  .header_nav>ul>li>a:after {
    content: '';
    display: block;
    width: 0%;
    height: 1px;
    line-height: 1px;
    background: #fff;
    position: absolute;
    left: 50%;
    bottom: 10px;
    z-index: 1;
    opacity: 0;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
  }

  .header_nav>ul>li .sub {
    display: none;
    width: 100%;
    background: rgba(133, 203, 191, 0.9);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2
  }

  .header_nav>ul>li .sub>ul {
    padding: 100px 0 10px;
    position: relative;
    z-index: 2
  }

  @media (max-width: 1470px) {
    .header_nav>ul>li .sub>ul {
      padding-top: 80px
    }
  }

  .header_nav>ul>li .sub>ul li {
    display: block;
    text-align: center;
    margin-bottom: 5px
  }

  .header_nav>ul>li .sub>ul li a {
    display: block;
    width: 120px;
    margin: 0 auto;
    -webkit-border-radius: 18px;
    border-radius: 18px;
    font-size: 14px;
    line-height: 30px;
    color: #fff;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
  }

  @media (max-width: 1470px) {
    .header_nav>ul>li .sub>ul li a {
      width: 90%;
      font-size: 12px
    }
  }

  .header_nav>ul>li .sub>ul li a:hover {
    background: #fff;
    color: #85cbbf
  }

  .header_nav>ul>li:hover>a span {
    color: #fff
  }

  .scroll .header_nav>ul>li:first-child:hover>a span  { color: #85cbbf;}

  .header_nav>ul>li:hover>a:after {
    width: 80px;
    margin-left: -40px;
    opacity: .8
  }


/*=========================
	Start PC Header CSS
===========================*/
.header__btnnav {
	display: block;
	width: 45px;
	height: 12px;
	margin: 0;
	padding: 0;
	border: none;
	outline: 0;
	background: none;
	position: fixed;
	right: 100px;
	top: 39px;
	z-index: 100
}

@media (max-width: 1440px) {
	.header__btnnav {
		right: 20px
	}
}

.header__btnnav i {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	border: 2px solid #ffcc00;
	height: 45px;
	width: 45px;
	border-radius: 50%;
	background-color: #ffcc00;
	vertical-align: middle;
	line-height: 45px;
}

.header__btnnav i span {
	position: relative;
	display: block;
	line-height: 2px;
	height: 2px;
	background: #333;
	display: block;
	width: 18px;
	margin: 0 auto;
	margin-top: 19px;
}

.header__btnnav i span::before,
.header__btnnav i span::after {
	content: '';
	display: block;
	width: 100%;
	height: 2px;
	line-height: 2px;
	background-color: #333;
	position: absolute;
	left: 0;
	top: 0;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}

.header__btnnav i span::after {
	top: auto;
	bottom: 6px
}

.header__btnnav i span::before {
	top: 6px;
	bottom: auto
}

.header__btnnav span {
	display: none
}

.header__btnnav.on i span {
	background: transparent;
}

.header__btnnav.on i {
	border: 2px solid #FFFFFF;
	height: 45px;
	width: 45px;
	border-radius: 50%;
	background-color: transparent;
}



.header__btnnav.on i span::before {
	-webkit-transform: translate3d(0, 6px, 0) rotate(45deg);
	transform: translate3d(0, -6px, 0) rotate(45deg);
	background-color: #ffffff;
}

.header__btnnav.on i span::after {
	-webkit-transform: translate3d(0, -5px, 0) rotate(-45deg);
	transform: translate3d(0, 6px, 0) rotate(-45deg);
	background-color: #ffffff;
}

.header__btnnav.toggle i::before,
.header__btnnav.toggle i::after {
	background-color: #252525
}

.head_color .header__btnnav.toggle i::before,
.head_color .header__btnnav.toggle i::after {
	background-color: #fff
}

.head_white .header__btnnav.toggle i::before,
.head_white .header__btnnav.toggle i::after {
	background-color: #fff
}

.header__btnnav.toggle.on i::before,
.header__btnnav.toggle.on i::after {
	background-color: #fff
}

.header__logo {
	display: block;
	width: 160px;
	min-height: 26px;
	position:  relative;
	margin-top: 25px;
	margin-bottom: 25px;
	z-index: 100;

}

@media (max-width: 1440px) {
	.header__logo {
		left: 20px
	}
}



.header__logo a {
	width: 100%;
	height: 100%;
	color: #fff
}

.header__lang {
	display: none;
	height: 18px;
	line-height: 18px;
	color: #fff;
	font-family: 'noah-regular';
	font-size: 18px;
	position: fixed;
	right: 50px;
	top: 37px;
	z-index: 100;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}

@media (max-width: 1440px) {
	.header__lang {
		right: 20px
	}
}

.header__lang:hover {
	color: #fff
}

.header__lang.toggle {
	color: #000
}

.head_color .header__lang.toggle {
	color: #fff
}

.head_white .header__lang.toggle {
	color: #fff
}

.header__nav {
	width: 100%;
	height: 100vh;
	visibility: hidden;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 99
}

.header__nav_items {
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex
}

@media (max-width: 768px) {
	.header__nav_items {
		flex-direction: column;
		padding-top: 50px;
		padding-bottom: 45px;
		background: #252525;
	}
}


.header__nav_items .item {
	width: 16.66%;
	height: 100%;
	overflow: hidden;
	position: relative
}

@media (max-width: 768px) {
	.header__nav_items .item {
		width: 100%;
		height: 100%;
		overflow: hidden;
		position: relative
	}
}


.header__nav_items .item:nth-last-of-type(1) span.bg {
	border-right: 1px solid rgba(255, 255, 255, 0)
}

.header__nav_items .item .letter {
	display: block;
	font-size: 320px;
	line-height: 36px;
	font-family: 'Floane-Regular';
	position: absolute;
	left: -50px;
	top: 50%;
	z-index: 3;
	opacity: 0
}

@media (max-width: 768px) {
	.header__nav_items .item .letter {
		display: block;
		font-size: 150px;
		line-height: 36px;
		font-family: 'Floane-Regular';
		position: absolute;
		left: -0;
		top: 50%;
		z-index: 3;
		opacity: 0
	}
}



.header__nav_items .item .letter i {
	font-style: normal;
	line-height: 36px;
	color: #303030;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s
}








.header__nav_items .item .item_link {
	width: 100%;
	text-align: right;
	padding-right: 70px;
	position: absolute;
	right: 0;
	top: 50%;
	z-index: 4;
	opacity: 0
}


@media (max-width: 768px) {
	.header__nav_items .item .item_link {

		padding-right: 25%;

	}
}


.header__nav_items .item .item_link>a {
	display: block;
	color: #fff
}

.header__nav_items .item .item_link>a em {
	display: block;
	font-family: 'noah-regular';
	font-style: normal;
	font-size: 28px;
	opacity: .3
}

@media (max-width: 768px) {
	.header__nav_items .item .item_link>a em {

		font-size: 18px;

	}
}


.header__nav_items .item .item_link>a span {
	display: block;
	font-weight: lighter;
	position: relative
}

.header__nav_items .item .item_link .sub {
	margin-top: 20px
}

.header__nav_items .item .item_link .sub ul li {
	display: block;
	text-align: right;
	padding-right: 10px;
	opacity: 0
}

.header__nav_items .item .item_link .sub ul li a {
	display: inline-block;
	color: #fff;
	font-size: 14px;
	line-height: 32px;
	opacity: .6;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}

.header__nav_items .item .item_link .sub ul li a:hover {
	opacity: 1;
	padding-right: 5px
}

.header__nav_items .item span.bg {
	display: block;
	width: 100%;
	height: 0%;
	background: #252525;
	border-right: 1px solid rgba(255, 255, 255, 0.1);
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 2
}



.header__nav_items .item:hover .bg {
	background: #81c7bb
}


.header__nav_items .item:hover .letter i {
	color: #FFFFFF
}

.header__nav_items .item:hover .item_link>a span::after {
	width: 10px;
	right: -20px;
	opacity: 1
}

.header__nav_items .item_with_sub .item_link>a span::before,
.header__nav_items .item_with_sub .item_link>a span::after {
	content: '';
	display: block;
	width: 10px;
	height: 1px;
	line-height: 1px;
	background-color: #fff;
	position: absolute;
	right: -20px;
	top: 50%;
	z-index: 2
}

.header__nav_items .item_with_sub .item_link>a span::after {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}

.header__nav_items .item_with_sub:hover .item_link>a span::after {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
	opacity: 0
}

.header__nav_icons {
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 30px;
	z-index: 99
}

.header__nav_icons>ul {
	width: 16.66%;
	margin: 0;
	padding: 0 30px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex
}

.header__nav_icons>ul li {
	width: 20%;
	list-style-type: none
}

.header__nav_icons>ul li a {
	display: block;
	width: 20px;
	height: 20px;
	line-height: 20px;
	margin: 0 auto;
	padding-top: 20px;
	opacity: 0
}

.header__nav_icons>ul li a svg {
	width: 20px;
	height: 20px;
	color: #929292;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}

.header__nav_icons>ul li a:hover svg {
	color: #fff
}



/*---------------------------------------------------- */
/*slider area*/
/*----------------------------------------------------*/
.background_overlay {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	position: absolute;
}

.slider-section .main-slider-img-text {
	height: 100vh;
	position: relative;
}

.slider-section .main-slider-img-text .container {
	position: relative;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	padding-left: 80px;
	padding-right: 80px;
}

.slider-section .main-slider-img-text .container .row{
	display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.slider-section .main-slider-img-text .container .row.align-items-center {
    -ms-flex-align: center!important;
    align-items: center!important;
}


@media (min-width: 1680px) {
	.slider-section .main-slider-img-text .container {
		width: 1400px;
	}
}


@media (max-width: 1200px) {
	.slider-section .main-slider-img-text .container {
		width: 100%;
	}
}

@media (max-width: 992px) {
	.slider-section .main-slider-img-text .container {
		width: 100%;
	}
}

@media (max-width: 768px) {
	.slider-section .main-slider-img-text .container {
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}
}



.slider-section .main-slider-img-text .container .hero-thumb{
	 text-align: center;
	 opacity: 0;
	 -webkit-transform: translateX(960px);
	 -ms-transform: translateX(960px);
	 transform: translateX(960px);
}


.slider-section .main-slider-img-text .container .hero-thumb img {
	display: inline-block;
	width: auto;
	margin: 0 auto;
}


@media (max-width: 768px) {
	.slider-section .main-slider-img-text .container .hero-thumb img {
		width: 80%;
		min-height: 50%;
	}
}


.slider-style-one .main-slider-img-text {
	z-index: 1;
}

.slider-style-one .main-slider-img-text .background_overlay {
	background-color: rgba(0, 0, 0, 0.3);
	z-index: -1;
	top: 0;
}

.slider-style-one .main-slider-img-text .slider-content-box {
	max-width: 970px;
}



@media (max-width: 768px) {
	.slider-style-one .main-slider-img-text .slider-content-box {
		margin-bottom: 30px;
		text-align: center;
	}
	
}


.slider-style-one .main-slider-img-text .slider-content-box span,
.slider-style-one .main-slider-img-text .slider-content-box h1,
.slider-style-one .main-slider-img-text .slider-content-box p {
	color: #fff;
}

.slider-style-one .main-slider-img-text .slider-content-box span {
	font-size: 36px;
	line-height: 1;
	opacity: 0;
	letter-spacing: 2px;
	-webkit-transform: translatex(50px);
	-ms-transform: translatex(50px);
	transform: translatex(50px);
}



@media (max-width: 1440px) {
	.slider-style-one .main-slider-img-text .slider-content-box span {
		font-size: 30px;
	}
}


@media (max-width: 992px) {
	.slider-style-one .main-slider-img-text .slider-content-box span {
		font-size: 24px;
	}
}

@media only screen and (max-width: 768px) {
	.slider-style-one .main-slider-img-text .slider-content-box span {
		font-size: 12px;
		text-align: center;
	}
}

@media only screen and (max-width: 520px) {
	.slider-style-one .main-slider-img-text .slider-content-box span {
		font-size: 12px;
	}
}



.slider-style-one .main-slider-img-text .slider-content-box span img {
	margin-right: 10px;
}

.slider-style-one .main-slider-img-text .slider-content-box h1 {
	font-size: 60px;
	line-height: 1;
	font-weight: 700;
	padding: 0;
	opacity: 0;
	margin-top: 25px;
	-webkit-transform: translateY(30px);
	-ms-transform: translateY(30px);
	transform: translateY(30px);
}

@media (max-width: 1440px) {
	.slider-style-one .main-slider-img-text .slider-content-box h1 {
		font-size: 48px;
		margin-top: 15px;
	}
}

@media (max-width: 1200px) {
	.slider-style-one .main-slider-img-text .slider-content-box p {
		font-size: 36px;
		margin-top: 15px;
	}
}

@media (max-width: 992px) {
	.slider-style-one .main-slider-img-text .slider-content-box h1 {
		font-size: 30px;
		margin-top: 15px;
	}
}

@media (max-width: 768px) {
	.slider-style-one .main-slider-img-text .slider-content-box h1 {
		font-size: 24px;
		margin-top: 15px;
		text-align: center;
	}
}

@media only screen and (max-width: 520px) {
	.slider-style-one .main-slider-img-text .slider-content-box h1 {
		font-size: 20px;
		margin-top: 10px;
	}
}


.slider-style-one .main-slider-img-text .slider-content-box p {
	font-size: 36px;
	line-height: 1.5;
	margin-top: 20px;
	margin-bottom: 0;
	opacity: 0;
	-webkit-transform: translateX(-50px);
	-ms-transform: translateX(-50px);
	transform: translateX(-50px);
}

@media (max-width: 1440px) {
	.slider-style-one .main-slider-img-text .slider-content-box p {
		font-size: 30px;
		margin-top: 15px;
	}
}

@media (max-width: 1200px) {
	.slider-style-one .main-slider-img-text .slider-content-box p {
		font-size: 24px;
		margin-top: 15px;
	}
}

@media (max-width: 992px) {
	.slider-style-one .main-slider-img-text .slider-content-box p {
		font-size: 30px;
		margin-top: 15px;
	}
}

@media  (max-width: 768px) {
	.slider-style-one .main-slider-img-text .slider-content-box p {
		font-size: 18px;
		text-align: center;
	}
}

@media only screen and (max-width: 520px) {
	.slider-style-one .main-slider-img-text .slider-content-box p {
		font-size: 16px;
		margin-top: 5px;
	}
}


.slider-style-one .main-slider-img-text .slider-content-box .slide-btn-1 {

	opacity: 0;
	margin-top: 35px;
	-webkit-transform: translateY(50px);
	-ms-transform: translateY(50px);
	transform: translateY(50px);
}

.slider-style-one .main-slider-img-text .slider-content-box .slide-btn-1 a {
	position: relative;
	display: inline-block;
	width: 180px;
	height: 55px;
	line-height: 55px;
	text-align: center;
	color: #000000;
	font-size: 24px;
	font-weight: 200;
	background: #f8c808;
	border-radius: 2px;
	margin: 0;
	padding: 0;

}

@media (max-width: 1440px) {
	.slider-style-one .main-slider-img-text .slider-content-box .slide-btn-1 {
		margin-top: 25px;
	}

	.slider-style-one .main-slider-img-text .slider-content-box .slide-btn-1 a {
		font-size: 18px;
		line-height: 45px;
		height: 45px;
	}
}

@media (max-width: 992px) {
	.slider-style-one .main-slider-img-text .slider-content-box .slide-btn-1 {
		margin-top: 25px;
	}

	.slider-style-one .main-slider-img-text .slider-content-box .slide-btn-1 a {
		font-size: 14px;
	}
}


@media only screen and (max-width: 768px) {
	.slider-style-one .main-slider-img-text .slider-content-box .slide-btn-1 {
		margin-top: 15px;
		text-align: center;
	}

	.slider-style-one .main-slider-img-text .slider-content-box .slide-btn-1 a {
		font-size: 12px;
		height: 40px;
		line-height: 40px;
		margin-left: auto;
		margin-right: auto;
	}
}


@media only screen and (max-width: 520px) {
	.slider-style-one .main-slider-img-text .slider-content-box .slide-btn-1 {
		margin-top: 15px;
	}

	.slider-style-one .main-slider-img-text .slider-content-box .slide-btn-1 a {
		font-size: 12px;
	}
}



.slider-style-one .slide-type-two .slider-content-box {
	 
}

.slider-style-one .slide-type-two .slider-content-box .slide-btn-1 a:nth-child(2) {
	font-size: 14px;
}

.slider-style-one .slide-type-two .slider-content-box .slide-btn-1 a:nth-child(2):after {
	display: none;
}

.slider-style-one .slide-type-two .slider-content-box .slide-btn-1 a:nth-child(2):before {
	background-color: #0071b4;
}


.slider-style-two .main-slider-img-text {
	height: 100vh;
}

.slider-style-two .main-slider-img-text .slider-content-box {
	padding: 290px 0px 210px 0px;
}


/* 第二张banner  */
/* slider-style-three  */
#slider-eltron .main-slider-img-text.slide-type-two .background_overlay {
	background-color: rgba(0, 0, 0, 0.3);
}

#slider-eltron .main-slider-img-text.slide-type-two .slider-content-box h1{
	margin-bottom: 0;
}

#slider-eltron .main-slider-img-text.slide-type-two .slider-content-box p{
	font-size: 48px;
	line-height: 1.25;
}

@media (max-width: 1440px) {
	#slider-eltron .main-slider-img-text.slide-type-two .slider-content-box p{
		font-size: 42px;
	}
}

@media (max-width: 768px) {
	#slider-eltron .main-slider-img-text.slide-type-two .slider-content-box p{
		font-size: 24px;
	}
}

#slider-eltron .main-slider-img-text.slide-type-two .slider-content-box .slide-btn-1{
	margin-top: 45px;
}


@media (max-width: 768px) {
	#slider-eltron .main-slider-img-text.slide-type-two .slider-content-box .slide-btn-1{
		margin-top: 15px;
	}
}



/* 第三张banner  */
/* slider-style-three  */
#slider-eltron .main-slider-img-text.slide-type-three .background_overlay {
	background-color: rgba(0, 0, 0, 0.3);
}

#slider-eltron .main-slider-img-text.slide-type-three .slider-content-box h1{
	font-size: 48px;
	line-height: 1.25;
}

@media (max-width: 1440px) {
	#slider-eltron .main-slider-img-text.slide-type-three .slider-content-box h1{
		font-size: 36px;
	}
}


@media (max-width: 768px) {
	#slider-eltron .main-slider-img-text.slide-type-three .slider-content-box h1{
		font-size: 24px;
	}
}

#slider-eltron .main-slider-img-text.slide-type-three .slider-content-box h1 em{
	font-size: 72px;
	font-style: normal;
	line-height: 1.25;
}


@media (max-width: 1440px) {
	#slider-eltron .main-slider-img-text.slide-type-three .slider-content-box h1 em{
		font-size: 60px;
	}
}


@media (max-width: 768px) {
	#slider-eltron .main-slider-img-text.slide-type-three .slider-content-box h1 em{
		font-size: 36px;
	}
}


/* 第四张banner  */
/* slider-style-four  */
#slider-eltron .main-slider-img-text.slide-type-four .background_overlay {
	background-color: rgba(0, 0, 0, 0.3);
}

#slider-eltron .main-slider-img-text.slide-type-four .slider-content-box h1{
	margin-bottom: 0;
}

#slider-eltron .main-slider-img-text.slide-type-four .slider-content-box p{
	font-size: 48px;
	line-height: 1.25;
}

@media (max-width: 1440px) {
	#slider-eltron .main-slider-img-text.slide-type-four .slider-content-box p{
		font-size: 42px;
	}
}

@media (max-width: 768px) {
	#slider-eltron .main-slider-img-text.slide-type-four .slider-content-box p{
		font-size: 24px;
	}
}

#slider-eltron .main-slider-img-text.slide-type-four .slider-content-box .slide-btn-1{
	margin-top: 45px;
}


@media (max-width: 768px) {
	#slider-eltron .main-slider-img-text.slide-type-four .slider-content-box .slide-btn-1{
		margin-top: 15px;
	}
}




.img-zooming {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 700ms linear;
	-o-transition: all 700ms linear;
	transition: all 700ms linear;
}

#slider-eltron .slider-img-bg {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	z-index: -2;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center center;
}

#slider-eltron img {
	display: inherit;
}

#slider-eltron .owl-prev,
#slider-eltron .owl-next {
	top: 50%;
	left: 0;
	color: rgba(255, 255, 255, 0.6);
	font-size: 45px;
	position: absolute;
	background-color: transparent;
	border: none;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: auto;
	height: 20px;
	line-height: 20px;
	font-size: 18px;
	color: #fff;
	outline: 0;
	font-family: 'JosefinSans-Bold';
	position: absolute;
	top: 50%;
	margin-top: -10px;
	z-index: 2
}

#slider-eltron .owl-next {
	right: 0;
	left: auto;
}


@media (max-width: 668px) {
	#slider-eltron .owl-nav button {
		font-size: 12px
	}
}

#slider-eltron .owl-nav button i {
	display: inline-block;
	vertical-align: middle;
	margin: 0 10px 0 10px;
	width: 60px;
	height: 1px;
	line-height: 1px;
	background-color: #fff
}

@media (max-width: 1681px) {
	#slider-eltron .owl-nav button i {
		width: 25px;
		margin: 2px;
	}
}

@media (max-width: 992px) {
	#slider-eltron .owl-nav button i {
		width: 10px;
		margin: 0;
	}
}

#slider-eltron .owl-dots {
	display: none;
}


#slider-eltron .owl-item.active .main-slider-img-text span {
	opacity: 1;
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
	-webkit-transition: all 1200ms ease;
	-o-transition: all 1200ms ease;
	transition: all 1200ms ease;
	-webkit-transition-delay: 600ms;
	-o-transition-delay: 600ms;
	transition-delay: 600ms;
}

#slider-eltron .owl-item.active .main-slider-img-text h1 {
	opacity: 1;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition: all 1500ms ease;
	-o-transition: all 1500ms ease;
	transition: all 1500ms ease;
	-webkit-transition-delay: 900ms;
	-o-transition-delay: 900ms;
	transition-delay: 900ms;
}

#slider-eltron .owl-item.active .main-slider-img-text p {
	opacity: 1;
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
	-webkit-transition: all 2100ms ease;
	-o-transition: all 2100ms ease;
	transition: all 2100ms ease;
	-webkit-transition-delay: 1200ms;
	-o-transition-delay: 1200ms;
	transition-delay: 1200ms;
}

#slider-eltron .owl-item.active .main-slider-img-text .slide-btn-1 {
	opacity: 1;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition: all 2100ms ease;
	-o-transition: all 2100ms ease;
	transition: all 2100ms ease;
	-webkit-transition-delay: 1500ms;
	-o-transition-delay: 1500ms;
	transition-delay: 1500ms;
}

#slider-eltron .owl-item.active .main-slider-img-text .img-zooming {
	-webkit-transform: scale(1.15);
	-ms-transform: scale(1.15);
	transform: scale(1.15);
	-webkit-transition: all 7000ms linear;
	-o-transition: all 7000ms linear;
	transition: all 7000ms linear;
}


#slider-eltron .owl-item.active .main-slider-img-text .hero-thumb {
	opacity: 1;
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
	-webkit-transition: all 2100ms ease;
	-o-transition: all 2100ms ease;
	transition: all 2100ms ease;
	-webkit-transition-delay: 1200ms;
	-o-transition-delay: 1200ms;
	transition-delay: 1200ms;
}

.index__banner-page {
	width: 203px;
	height: 100px;
	padding: 0px;
	font-size: 30px;
	color: #fff;
	font-family: "JosefinSans-Bold";
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: absolute;
	left: auto;
	right: 80px;
	bottom: 50px;
	z-index: 3
}

@media (max-width: 1681px) {
	.index__banner-page {
		padding: 50px 0 0 45px;
		width: 160px;
		height: 157px;
		font-size: 20px
	}
}

@media (max-width: 1440px) {
	.index__banner-page {
		padding: 50px 0 0 45px;
		width: 140px;
		height: 137px
	}
}

@media (max-width: 668px) {
	.index__banner-page {
		padding: 20px 0 0 25px;
		width: 100px;
		height: 98px;
		right: 20px;
		bottom: 20px;
		font-size: 16px
	}
}

.index__banner-page .num {
	font-family: "JosefinSans-Regular";
	font-size: 72px
}

@media (max-width: 1681px) {
	.index__banner-page .num {
		font-size: 50px
	}
}

@media (max-width: 1440px) {
	.index__banner-page .num {
		font-size: 40px
	}
}

@media (max-width: 668px) {
	.index__banner-page .num {
		font-size: 20px
	}
}

.index__banner-page .num em {
	font-size: 30px;
	font-style: normal
}

.index__intro {
	padding-top: 110px;
	padding-bottom: 110px;
	position: relative
}

@media (max-width: 1681px) {
	.index__intro {
		padding-top: 80px;
		padding-bottom: 80px
	}
}

@media (max-width: 1180px) {
	.index__intro {
		padding-top: 20px;
		padding-bottom: 20px
	}
}




/*=========================
	Start ProClass CSS
===========================*/

.index  .i-proclass-area  .t02 { display: none;}
.dlist_56  .i-proclass-area  .t02 { display: none;}


.i-proclass-area {
	position: relative;
	z-index: 1;
	background: #eeeeee;
	padding-left: 0;
	padding-right: 0;
	overflow: hidden;
}


.i-proclass-area .container {

	padding-left: 0;
	padding-right: 0;
}

@media (min-width: 1440px) {
	.i-proclass-area .container {
		width: 1400px;
	}
}


.i-proclass-area .container div {
	padding: 0;
	margin: 0;

}


.i-proclass-area .container .proclass-item {
	padding: 0;
	margin: 0;
}


.i-proclass-area .container .proclass-item .proclass-item-left,
.i-proclass-area .container .proclass-item .proclass-item-right {
	word-break: break-all;

}

.i-proclass-area .container .proclass-img-wrap {
	width: 350px;
	height: 350px;
}

@media (max-width: 1440px) {
	.i-proclass-area .container .proclass-img-wrap {
		width: 100%;
		height: 100%;
	}
}


@media (max-width: 1200px) {

	.i-proclass-area .container .proclass-item-2 .proclass-item-left {
		float: right;
		word-break: break-all;
		padding-bottom: 2000px;
		margin-bottom: -2000px;
	}

	.i-proclass-area .container .proclass-item-2 .proclass-desc .arrow-left {
		left: auto;
		right: -20px;
		transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		/* IE 9 */
		-webkit-transform: rotate(180deg);
		/* Safari and Chrome */
	}

	.i-proclass-area .container .proclass-item-3 .proclass-item-left {
		float: right;
	}

	.i-proclass-area .container .proclass-item-3 .proclass-desc .arrow-right {
		left: auto;
		left: -20px;
		transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		/* IE 9 */
		-webkit-transform: rotate(180deg);
		/* Safari and Chrome */
	}

}


.i-proclass-area .container .proclass-img-wrap {
	background-color: #c2e5df;
}


@media (max-width: 1440px) {
	.i-proclass-area .container .proclass-img-wrap-left {
		background-color: #c2e5df;
	}
}


@media (max-width: 1200px) {
	.i-proclass-area .container .proclass-img-wrap-left {
		background-color: #c2e5df;
		text-align: center;
	}

}


.i-proclass-area .container .proclass-img-wrap-right {}


.i-proclass-area .proclass-item {
	background: #FFFFFF;
}

.i-proclass-area .proclass-item .proclass-img {
	overflow: hidden;
}

@media (max-width: 1440px) {
	.i-proclass-area .proclass-item .proclass-img {
		overflow: hidden;
		background-position: center center;
		background-repeat: no-repeat;
	}
}

@media (max-width: 1200px) {
	.i-proclass-area .proclass-item .proclass-img {
		width: 485px;
		height: 485px;
		padding: 30px;
		padding-top: 25px;
	}
}

@media (max-width: 992px) {
	.i-proclass-area .proclass-item .proclass-img {
		width: 375px;
		height: 375px;
		padding: 0;
		padding-top: 0;
	}
}

@media (max-width: 768px) {
	.i-proclass-area .proclass-item .proclass-img {
		width: 100%;
		height: auto;
		padding-top: 0;
	}
}

@media (max-width: 575.98px) {}



.i-proclass-area .proclass-item .proclass-img img {
	-webkit-transition: .3s all ease-in-out;
	-o-transition: .3s all ease-in-out;
	transition: .3s all ease-in-out;
}

.i-proclass-area .container .proclass-desc {
	width: 350px;
	height: 350px;
	background: #FFFFFF;
	padding: 35px;
	position: relative;
	background-size: cover;
}

@media (max-width: 1440px) {
	.i-proclass-area .container .proclass-desc {
		width: 292.5px;
		height: 292.5px;
		padding: 30px;
		padding-top: 25px;
	}
}


@media (max-width: 1200px) {
	.i-proclass-area .container .proclass-desc {
		width: 485px;
		height: 485px;
		padding: 30px;
		padding-top: 25px;
	}
}

@media (max-width: 992px) {
	.i-proclass-area .container .proclass-desc {
		width: 375px;
		height: 375px;
		padding: 30px;
		padding-top: 25px;
	}
}

@media (max-width: 768px) {
	.i-proclass-area .container .proclass-desc {
		width: 100%;
		height: auto;
		padding: 30px;
		padding-top: 25px;
	}
}


@media (max-width: 768px) {
	.i-proclass-area .container .proclass-desc {
		background: #ffffff;
		background-image: none !important;
	}
}





.i-proclass-area .container .proclass-desc .title {
	font-size: 36px;
}

@media (max-width: 575.98px) {
	.i-proclass-area .container .proclass-desc .title {
		font-size: 24px;
	}
}

.i-proclass-area .container .proclass-desc .title a {
	color: #85cbbf;
	font-weight: bold;
}

.i-proclass-area .container .proclass-desc p {
	font-size: 24px;
}

@media (max-width: 575.98px) {
	.i-proclass-area .container .proclass-desc p {
		font-size: 18px;
	}
}

.i-proclass-area .container .proclass-desc ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

@media (max-width: 575.98px) {
	.i-proclass-area .container .proclass-desc ul {
		display: none;
	}
}

.i-proclass-area .container .proclass-desc ul li {
	font-size: 14px;
	color: #666666;
}


.i-proclass-area .container .proclass-desc ul li a{
	color: #666666;
}

.i-proclass-area .container .proclass-desc ul li i {
	width: 25px;
	color: #85cbbf;
}

/* @张宏伟 */
.arrow {
	width: 0px;
	height: 0px;
	position: absolute;
	z-index: 10;
}

.arrow-left {
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
	border-right: 20px solid white;
}

.arrow-right {
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
	border-left: 20px solid white;
}

.i-proclass-area .container .proclass-desc .arrow {
	top: 50px;
}

.i-proclass-area .container .proclass-desc .arrow-left {
	left: -20px;
}

.i-proclass-area .container .proclass-desc .arrow-right {
	right: -20px;
}


.proclass-item:hover .proclass-img {
	overflow: hidden;
}

.proclass-item:hover .proclass-img img {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}

/*=========================
	Start News CSS
===========================*/
.i-news-area {
	position: relative;
	z-index: 1;
	background: #f5f5f5;
}

.i-news-area .container {
	padding-top: 110px;
	padding-bottom: 80px;

}

@media (min-width: 1675px) {
	.i-news-area .container {
		width: 1675px;
	}
}


@media (max-width: 1675px) and (min-width: 1440px) {
	.i-news-area .container {
		width: 1400px;
	}
}

@media (max-width: 576px) {


	.i-news-area .container {

		padding-top: 60px;
		padding-bottom: 30px;
	}

}


.i-news-area .section-title {
	margin-bottom: 55px;
}

@media (max-width: 576px) {

	.i-news-area .section-title {
		margin-bottom: 25px;
	}

}




.i-news-area .section-title .section-title-left .bg-text {
	font-size: 72px;
	-webkit-text-stroke: 1px #85cbbf;
	color: transparent;
	text-transform: uppercase;
	font-style: normal;
	font-family: 'Conv_BEBAS';
	position: absolute;
	margin-top: -50px;
	z-index: -1;
	opacity: 0.3;
}


@media (max-width: 576px) {


	.i-news-area .section-title .section-title-left .bg-text {
		font-size: 30px;
		margin-top: -20px;
	}

}




.i-news-area .section-title .section-title-left h2 {
	font-size: 48px;
	font-weight: bold;
	color: #85cbbf;
	margin: 0;
	padding: 0;
}

@media (max-width: 576px) {


	.i-news-area .section-title .section-title-left h2 {

		font-size: 24px;
	}

}



.news-filter-btn {
	float: right;
}


@media (max-width: 576px) {

	.news-filter-btn {
		float: none;
		clear: both;
		margin-top: 20px;

	}

}



.news-filter-btn .filter-button {
	height: 50px;
	width: 170px;
	margin: 0;
	padding: 0;
	float: left;
	border: 1px solid #ffcc00;
	display: inline-block;
	background: #FFFFFF;
	color: #000;
	border-right: none;
}




.news-filter-btn .filter-button:last-child {
	border-right: 1px solid #ffcc00;
}

.news-filter-btn .filter-button.is-checked,
.news-filter-btn .filter-button.on {
	background-color: #ffcc00;
}



@media (max-width: 576px) {


	.news-filter-btn .filter-button {
		height: 35px;
		width: auto;
		margin: 0;
		padding: 0 15px;
		float: left;
		border: 1px solid #ffcc00;
		display: inline-block;
		background: #FFFFFF;
		border-right: none;
	}

}

.i-news-area .list .row .item a {
	display: block;
	background: #fff;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	text-decoration: none;
}

.i-news-area .list .row .item a .img {
	width: 100%;
	height: 100%;
	overflow: hidden
}

.i-news-area .list .row .item a .img span {
	display: block;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	-webkit-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s
}

.i-news-area .list .row .item a .txt {
	padding: 30px
}


@media (max-width: 1440px) {
	.i-news-area .list .row .item a .txt {
		padding: 20px
	}
}

.i-news-area .list .row .item a .txt b.title {
	display: block;
	height: 20px;
	line-height: 20px;
	overflow: hidden;
	font-size: 20px;
	color: #7dcebb;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}

@media (max-width: 1440px) {
	.i-news-area .list .row .item a .txt b.title {
		font-size: 18px
	}
}

@media (max-width: 668px) {
	.i-news-area .list .row .item a .txt b.title {
		font-size: 16px
	}
}

.i-news-area .list .row .item a .txt .des {
	font-size: 18px;
	line-height: 30px;
	color: #666;
	font-weight: lighter;
	height: 60px;
	overflow: hidden;
	margin: 10px 0
}

@media (max-width: 1440px) {
	.i-news-area .list .row .item a .txt .des {
		font-size: 14px;
		line-height: 24px;
		height: 48px
	}
}

@media (max-width: 668px) {
	.i-news-area .list .row .item a .txt .des {
		font-weight: normal
	}
}

.i-news-area .list .row .item a .txt span.date {
	display: block;
	color: #ffcc00;
	font-size: 16px;
	font-family: 'FuturaBT-Medium'
}

@media (min-width: 1180px) {
	.i-news-area .list .row .item a:hover {
		-webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
		box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15)
	}

	.i-news-area .list .row .item a:hover .img span {
		-webkit-transform: scale(1.07);
		-ms-transform: scale(1.07);
		transform: scale(1.07)
	}

	.i-news-area .list .row .item a:hover .txt b.title {
		color: #333
	}
}

@media (max-width: 968px) {
	.i-news-area .list .row .item.item01 {
		margin-bottom: 20px
	}
}

@media (max-width: 668px) {
	.i-news-area .list .row .item.item01 {
		margin-bottom: 10px
	}
}

.i-news-area .list .row .item.item01 a {
	display: block
}

.i-news-area .list .row .item.item01 a .img {
	height: 421px
}

@media (max-width: 1440px) {
	.i-news-area .list .row .item.item01 a .img {
		height: 318px
	}
}

@media (max-width: 1180px) {
	.i-news-area .list .row .item.item01 a .img {
		height: 310px
	}
}

@media (max-width: 668px) {
	.i-news-area .list .row .item.item01 a .img {
		height: 250px
	}
}

.i-news-area .list .row .item.item02 ul li {
	display: block;
	margin-bottom: 24px
}

@media (max-width: 1180px) {
	.i-news-area .list .row .item.item02 ul li {
		margin-bottom: 20px
	}
}

@media (max-width: 668px) {
	.i-news-area .list .row .item.item02 ul li {
		margin-bottom: 10px
	}
}

.i-news-area .list .row .item.item02 ul li a {
	display: block;
	height: 185px
}

@media (max-width: 1440px) {
	.i-news-area .list .row .item.item02 ul li a {
		height: 140px
	}
}

@media (max-width: 668px) {
	.i-news-area .list .row .item.item02 ul li a {
		height: auto
	}
}

.i-news-area .list .row .item.item02 ul li a .img {
	float: left;
	width: 30%
}

@media (max-width: 668px) {
	.i-news-area .list .row .item.item02 ul li a .img {
		float: none;
		width: 100%;
		height: 250px
	}
}

.i-news-area .list .row .item.item02 ul li a .txt {
	float: right;
	width: 70%
}

@media (max-width: 668px) {
	.i-news-area .list .row .item.item02 ul li a .txt {
		float: none;
		width: 100%
	}
}

.i-news-area .list .row .item.item02 ul li a .txt b.title {
	font-size: 18px
}

@media (max-width: 1440px) {
	.i-news-area .list .row .item.item02 ul li a .txt b.title {
		font-size: 16px
	}
}

.i-news-area .list .row .item.item02 ul li a .txt .des {
	font-size: 16px;
	line-height: 26px;
	height: 52px;
	margin: 10px 0 20px
}

@media (max-width: 1440px) {
	.i-news-area .list .row .item.item02 ul li a .txt .des {
		font-size: 14px;
		line-height: 24px;
		height: 48px;
		margin: 10px 0
	}
}



/*=========================
	Start Cases CSS
===========================*/
.i-cases-area {
	position: relative;
	z-index: 1;
	background: #85cbbf;

}

.i-cases-area .container {
	padding-top: 110px;
	padding-bottom: 60px;

}


@media (min-width: 1675px) {
	.i-cases-area .container {
		width: 1675px;
	}
}


@media (max-width: 1675px) and (min-width: 1440px) {
	.i-cases-area .container {
		width: 1400px;
	}
}

@media (max-width: 576px) {


	.i-cases-area .container {

		padding-top: 60px;
		padding-bottom: 30px;
	}

}



.i-cases-area .section-title {}


.i-cases-area .section-title .section-title-left .bg-text {
	font-size: 72px;
	-webkit-text-stroke: 1px #FFFFFF;
	color: transparent;
	text-transform: uppercase;
	font-style: normal;
	font-family: 'Conv_BEBAS';
	position: absolute;
	margin-top: -50px;
	z-index: -1;
	opacity: 0.3;
}

@media (max-width: 576px) {


	.i-cases-area .section-title .section-title-left .bg-text {
		font-size: 30px;
		margin-top: -20px;
	}

}

.i-cases-area .section-title .section-title-left h2 {
	font-size: 48px;
	font-weight: bold;
	color: #FFFFFF;
	margin: 0;
	padding: 0;
}


@media (max-width: 576px) {


	.i-cases-area .section-title .section-title-left h2 {
		font-size: 24px;
	}


}


.i-cases-area .list {
	position: relative;
	padding: 50px 0;
}

@media (max-width: 576px) {


	.i-cases-area .list {
		position: relative;
		padding: 20px 0;
	}


}

.i-cases-area .list .item {
	width: 100%;
	overflow: hidden;
	padding: 0 15px;
}

.i-cases-area .list .item .img {
	width: 100%;
	height: 100%;
	overflow: hidden;

}

.i-cases-area .list .item .img img {
	width: 100%;
	-webkit-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
}

.i-cases-area .list .item .txt {
	padding: 0;
	padding-top: 20px;
	overflow: hidden;
}

.i-cases-area .list .item .txt b {
	color: #FFFFFF;
	font-size: 18px;
	width: 99%;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	display: block;
}

.i-cases-area .list .item .txt .des {
	padding-top: 8px;
	font-size: 14px;
	line-height: 20px;
	color: #FFFFFF;
	height: 48px;
	overflow: hidden;
}





.i-cases-area .list .item .txt a.more {
	font-size: 14px;
	margin-top: 26px;
	display: block;
	color: #FFFFFF;
}

.i-cases-area .list .item .txt a.more i {
	background: #ffcc00;
	color: #000000;
	padding: 3px 4px;
	border-radius: 3px;
	font-weight: 100;
	text-align: center;
	margin-left: 5px;
}

.i-cases-area #owl-demo {
	padding-left: 260px;
}


@media (max-width: 576px) {
	.i-cases-area #owl-demo {
		padding-left: 0;
	}

}


.i-cases-area .owl-carousel .owl-nav {
	padding-top: 20px;
	position: absolute;
	left: 0;
	top: 40px;

}

.i-cases-area .owl-carousel .owl-nav button {
	width: 140px;
	display: block;
	height: 40px;
	margin-top: 20px;
	background-color: #57b1a2;
	border: none;
	border-radius: 5px;
	color: #FFFFFF;
	font-family: 'JosefinSans-Bold';
}

@media (max-width: 576px) {

	.i-cases-area .owl-carousel .owl-nav button {
		width: auto;
		padding: 0 8px;

	}

}


.i-cases-area .owl-carousel .owl-nav button i {
	padding-right: 10px;
}

@media (max-width: 576px) {

	.i-cases-area .owl-carousel .owl-nav button i {
		padding-right: 2px;
	}

}


.i-cases-area .owl-carousel .owl-nav button.owl-next {
	background-color: #ffcc00;
	color: #000000;
}

.i-cases-area .owl-carousel .owl-nav button.owl-next i {
	padding-left: 10px;
	padding-right: 0;
}

@media (max-width: 576px) {

	.i-cases-area .owl-carousel .owl-nav button.owl-next i {
		padding-left: 2px;
		padding-right: 0;
	}

}

.i-cases-area .owl-carousel .owl-dots {
	display: none;
}

.i-cases-area .list .item:hover .img img {
	width: 100%;
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}



/*=========================
	Start About Us CSS
===========================*/
.i-about-area {
	position: relative;
	z-index: 1;
	background: #4b4948;
}

@media (max-width: 1200px) {
	.i-about-area {
		margin-bottom: 30px;
	}
}


.about-image {
	width: 100%;
	height: 100%;
	height: 725px;
	background-image: url(../images/about-img.jpg);
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}

@media (max-width: 576px) {
	.about-image {
		height: auto;
	}
}




.about-image img {
	display: none;
}

@media (max-width: 576px) {

	.about-image img {
		display: block;
	}
}

.about-content {
	max-width: 700px;
	padding-top: 100px;
	padding-bottom: 60px;
	padding-left: 50px;
	padding-right: 120px;
	float: right;
}


@media (max-width: 1200px) {
	.about-content {
		max-width: 100%;
	}
}


@media (max-width: 992px) {
	.about-content {
		float: none;
	}
}


@media (max-width: 768px) {}

@media (max-width: 576px) {

	.about-content {
		padding: 15px;
		padding-top: 60px;
		padding-bottom: 60px;
	}
}








.about-content .bg-text {
	font-size: 72px;
	-webkit-text-stroke: 1px #FFFFFF;
	color: transparent;
	text-transform: uppercase;
	font-style: normal;
	font-family: 'Conv_BEBAS';
	position: absolute;
	z-index: -1;
	margin-top: -50px;
	opacity: 0.1;
}

@media (max-width: 576px) {
	.about-content .bg-text {
		font-size: 30px;
		margin-top: -20px;
	}
}

.about-content span {
	display: block;
	margin-bottom: 5px;
	color: #1A76D1;
	font-size: 17px;
}




.about-content h2 {
	margin-bottom: 0;
	line-height: 1.3;
	font-size: 40px;
	font-weight: 600;
	display: inline-block;
	width: 100%;
	color: #FFFFFF;
	letter-spacing: 2px;
	margin-top: 0;
}

@media (max-width: 576px) {
	.about-content h2 {
		font-size: 24px;
	}
}


.about-content h2 span {
	font-weight: 300;
	font-size: 40px;
	display: inline-block;
	color: #ffcc00;
}

@media (max-width: 576px) {
	.about-content h2 span {
		font-size: 24px;
	}
}


.about-content p {
	margin-top: 10px;
	margin-bottom: 0;
}

.about-content ul {
	padding-left: 0;
	list-style-type: none;
	margin-top: 25px;
	margin-bottom: 0;
}

.about-content ul li {
	margin-bottom: 40px;
	position: relative;
	padding-left: 103px;
	font-size: 24px;
}

.about-content ul li h4 {
	color: #FFFFFF;
	font-size: 24px;
	font-weight: 600;
	margin-bottom: 15px;
}

@media (max-width: 576px) {
	.about-content ul li h4 {
		font-size: 18px;
	}
}


.about-content ul li p {
	font-size: 18px;
	color: #999999;
}

@media (max-width: 576px) {
	.about-content ul li p {
		font-size: 14px;
	}
}


.about-content ul li i {
	width: 80px;
	height: 80px;
	line-height: 80px;
	text-align: center;
	border-radius: 100%;
	color: #85cbbf;
	-webkit-transition: 0.5s;
	transition: 0.5s;
	display: inline-block;
	font-size: 46px;
	position: absolute;
	left: 0;
	top: -2px;
}

.about-content ul li:hover i {
	background-color: #85cbbf;
	color: #ffffff;
}

.about-content ul li:last-child {
	margin-bottom: 0;
}

.about-content .btn {
	margin-top: 30px;
}

.i-about2-area {
	background: #FFFFFF;
	position: relative;
}

.i-about2-area .about-image {
	width: 100%;
	height: 100%;
	height: 520px;
	background-image: url(../images/about-img2.jpg);
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}

@media (max-width: 576px) {
	.i-about2-area .about-image {
		height: auto;
	}
}





.i-about2-area .about-content {
	float: left;
	padding-left: 180px;
	padding-right: 10px;
	padding-top: 120px;
}


@media (max-width: 1680px) {

	.i-about2-area .about-content {
		padding-left: 120px;
		padding-top: 120px;
		padding-right: 60px;
	}
}

@media (max-width: 1440px) {

	.i-about2-area .about-content {
		padding-left: 80px;
		padding-top: 80px;
		padding-right: 80px;
	}
}



@media (max-width: 576px) {

	.i-about2-area .about-content {
		float: none;
		clear: both;
		padding-left: 15px;
		padding-right: 15px;
		padding-top: 60px;
		padding-bottom: 60px;
	}
}


.i-about2-area .about-content .title h2 {
	font-size: 36px;
	color: #87cac0;
	font-weight: 600;
	line-height: 1;
}


@media (max-width: 576px) {

	.i-about2-area .about-content .title h2 {
		font-size: 24px;
	}
}



.i-about2-area .about-content .title span {
	font-size: 24px;
	padding-top: 0;
	font-weight: 200;
	line-height: 1;
	margin: 0;
	padding: 0;
	display: block;
	margin-top: 10px;
	color: #87cac0;
}

@media (max-width: 576px) {

	.i-about2-area .about-content .title span {
		font-size: 18px;

	}
}

.i-about2-area .about-content p {
	font-size: 14px;
	line-height: 30px;
	margin-top: 28px;
}

@media (max-width: 576px) {

	.i-about2-area .about-content p {
		margin-top: 15px;
	}
}


.i-about2-area .about-content a.more {
	font-size: 14px;
	margin-top: 12px;
	display: block;
}

.i-about2-area .about-content a.more i {
	background: #ffcc00;
	color: #000000;
	padding: 3px 4px;
	border-radius: 3px;
	font-weight: 100;
	text-align: center;
	margin-left: 5px;
}


/*----------------------------------------*/
/*  18 - Components - Advantage
/*----------------------------------------*/
.bg-cape-cod {
	background: #3a3c3e;
	fill: #3a3c3e;
}

.bg-accent {
	background: #85cbbf;
	fill: #85cbbf;
}

.section-with-counters>div {
	position: relative;
	box-shadow: 2px 2px 27px 0px rgba(1, 3, 4, 0.35);
	z-index: 2;
	margin-top: -30px;
	margin-bottom: -30px;
}

@media (max-width: 1440px) {
	.section-with-counters>div {
		margin-top: 0;
		margin-bottom: 0;
	}
}


.i-advantage-area .container {
	padding: 75px 0;
	width: 1675px;
}

@media (max-width: 1680px) {
	.i-advantage-area .container {
		padding: 75px 0;
		width: 100%;
	}
}

@media (max-width: 576px) {
	.i-advantage-area .container {
		padding: 60px 0;
	}
}



.i-advantage-area .container .list-fact {
	width: 1400px;
	margin: 0 auto;
}


@media (max-width: 1440px) {
	.i-advantage-area .container .list-fact {

		width: 100%;
	}
}

.fact-item {
	margin-bottom: 75px;
	position: relative;
	border-radius: 4px;
	padding: 15px 15px 0px;
	transition: .3s linear;
}

@media (max-width: 576px) {
	.fact-item {
		margin-bottom: 30px;
	}
}

.fact-item h2 {
	line-height: 1;
	color: #ffcc00;
	font-size: 72px;
	margin-bottom: 10px;
	font-weight: 600;
}


@media (max-width: 1440px) {
	.fact-item h2 {
		line-height: 1;
		color: #ffcc00;
		font-size: 40px;
		margin-bottom: 10px;
		font-weight: 600;
	}
}

@media (max-width: 576px) {
	.fact-item h2 {

		font-size: 40px;
		margin: 0;
		font-weight: 600;
	}
}



.fact-item>span {
	font-size: 18px;
	color: #FFFFFF;
	text-transform: uppercase;
	font-weight: 700;
	display: block;
}

@media (max-width: 576px) {
	.fact-item>span {
		font-size: 14px;

	}
}

.button-block {}

.button-block a,
.button-block span {
	display: inline-block;
}

.button-block span {
	width: 70px;
	color: #FFFFFF;
	font-size: 18px;
}

@media (max-width: 576px) {

	.button-block span {
		padding: 5px;
		font-size: 14px;
	}
}

.button-block a {
	height: 52px;
	line-height: 50px;
	padding: 0;
	width: 350px;
	background-color: #ffcc33;
	border: 1px solid #ffcc33;
	color: #000000;
	font-size: 18px;
}

@media (max-width: 576px) {
	.button-block a {
		height: 45px;
		line-height: 43px;
		font-size: 14px;
	}
}


.button-block a.btn-white-outline {
	background-color: transparent;
	border-color: #FFFFFF;
	color: #FFFFFF;
}

.button-block a:hover {
	background: #85cbbf;
}





/*----------------------------------------*/
/*  17 - Components - Social Link
/*----------------------------------------*/
.social-link li {
	display: inline-block;
	padding-right: 25px;
}

.social-link li:last-child {
	padding-right: 0;
}

.social-link li>a {
	font-size: 16px;
	display: block;
}

.social-link li>a i {
	color: #666666;
}

.social-link.nobel-color>li {
	padding-right: 20px;
}

.social-link.nobel-color>li:last-child {
	padding-right: 0;
}

.social-link.nobel-color>li>a {
	color: #9b9b9b;
	font-size: 14px;
}

.social-link.nobel-color>li:hover.facebook>a {
	color: #3b579d;
}

.social-link.nobel-color>li:hover.twitter>a {
	color: #3acaff;
}

.social-link.nobel-color>li:hover.youtube>a {
	color: #d72525;
}

.social-link.nobel-color>li:hover.skype>a {
	color: #00aff0;
}

.social-link.with-border-radius>li {
	padding-right: 5px;
}

.social-link.with-border-radius>li>a {
	background-color: #f2f2f2;
	color: #9b9b9b;
	width: 48px;
	height: 48px;
	line-height: 48px;
	text-align: center;
	font-size: 22px;
	display: block;
	border-radius: 100%;
}

.social-link.with-border-radius>li>a:hover {
	background-color: #1054c8;
	color: #ffffff;
}

.social-link.with-border-radius.sm-size>li>a {
	width: 40px;
	height: 40px;
	line-height: 40px;
	font-size: 16px;
}

/*----------------------------------------*/
/*  31 - Section - Footer
/*----------------------------------------*/
.footer-area {
	background: #4b4948;
}

.footer-area .footer-top_area {
	padding: 60px 0 50px;
}

@media (max-width: 768px) {
	.footer-area .footer-top_area {
		display: none;
	}
}




.footer-area .container {}

@media (min-width: 1440px) {
	.footer-area .container {
		width: 1400px;
	}
}



@media (max-width: 991px) {
	.footer-widgets_area {
		padding-bottom: 20px;
	}
}

.footer-widgets_area .widgets-heading {
	font-size: 24px;
	line-height: 28px;
	font-weight: 600;
	color: #FFFFFF;
	margin-bottom: 32px;
}

.footer-widgets_area .logo {
	padding-bottom: 25px;
}

.footer-widgets_area .logo img {
	width: 158px;
}

.footer-widgets_area p.short-desc {
	font-size: 14px;
	line-height: 28px;
	color: #9b9b9b;
	max-width: 85%;
}

.footer-widgets_area .footer-widgets>ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

.footer-widgets_area .footer-widgets>ul>li:not(:last-child) {
	margin-bottom: 13px;
}

.footer-widgets_area .footer-widgets>ul>li>a {
	font-size: 16px;
	line-height: 28px;
	color: #999999;
}

.footer-widgets_area .footer-widgets>ul>li>a i {
	color: #ffcc00;
	width: 16px;
}

.footer-widgets_area .footer-widgets_05>ul>li>a i {
	color: #ffcc00;
	width: 28px;
}

.footer-widgets_area.latest-tweets_widget .tweets-widget {
	background-color: #ffffff;
	padding: 20px 22px 25px;
	border-radius: 5px;
	position: relative;
}

.footer-widgets_area.latest-tweets_widget .tweets-widget:before {
	border-style: solid;
	border-color: #ededed transparent transparent transparent;
	left: 34px;
	bottom: -17px;
	border-width: 18px 18px 0 0;
	position: absolute;
	content: "";
}

.footer-widgets_area.latest-tweets_widget .tweets-widget:after {
	left: 35px;
	bottom: -15px;
	border-width: 16px 16px 0 0;
	border-style: solid;
	border-color: #fff transparent transparent transparent;
	position: absolute;
	content: "";
}

.footer-widgets_area.latest-tweets_widget .tweets-widget>a {
	font-size: 14px;
	line-height: 28px;
	color: #9b9b9b;
	text-transform: none;
	display: block;
	color: #7e7e7e;
}

.footer-widgets_area.latest-tweets_widget .tweets-widget>a>span {
	color: #8cc63e;
}

.footer-widgets_area.latest-tweets_widget h3.title {
	font-size: 14px;
	line-height: 18px;
	font-weight: 500;
	margin: 25px 0;
}

.footer-widgets_area.latest-tweets_widget h3.title i {
	color: #1054c8;
}

/* ---Footer Bottom Area--- */
.footer-bottom_area .footer-bottom_nav {
	border-top: 1px solid #5d5c5b;
	padding: 20px 0;
}

@media (max-width: 768px) {
	.footer-bottom_area .copyright {
		text-align: center;
		margin-bottom: 15px;
	}
}

.footer-bottom_area .copyright span,
.footer-bottom_area .copyright a {
	font-size: 14px;
	line-height: 28px;
	color: #9b9b9b;
}

.footer-bottom_area .copyright a:hover {
	color: #1054c8;
}

.footer-bottom_area .footer-right_area {
	text-align: right;
}

@media (max-width: 768px) {
	.footer-bottom_area .footer-right_area {
		text-align: center;
	}
}



/*** ====================================================================	
Page Title 
====================================================================***/
.pagebanner {
	padding: 0;
	position: relative;
	z-index: 1;
	background: #f7f7f7;
	height: 660px;
	background: url(../images/pagebanner.jpg) center center;
	background-size: cover !important;
	-webkit-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
}

@media (max-width: 768px) {
	.pagebanner {
		height: 260px;
	}
}

.pagebanner .title {
	padding-top: 230px;
	-webkit-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
}


@media (max-width: 768px) {
	.pagebanner .title {
		padding-top: 100px;
	}
}


.pagebanner .title h4 {
	font-size: 48px;
	font-weight: 700;
	line-height: 60px;
	color: #fff;
	text-transform: uppercase;
	text-align: left;
	position: relative;
	padding-bottom: 30px;
	/* text-shadow:  1px 2px 4px #000000; */
}

@media (max-width: 768px) {
	.pagebanner .title h4 {
		font-size: 28px;
		line-height: 1;
		padding-bottom: 15px;
		margin-bottom: 0;
		text-align: center;
	}
}



.pagebanner .title h4::before {
	content: "";
	width: 120px;
	height: 2px;
	background: #fff;
	position: absolute;
	left: 0%;
	bottom: 0px;
	/* text-shadow:  1px 2px 4px #000000;
	box-shadow:  1px 2px 4px #000000; */
}

@media (max-width: 768px) {
	.pagebanner .title h4::before {
		content: "";
		width: 80px;
		height: 2px;
		background: #fff;
		position: absolute;
		left: 50%;
		margin-left: -40px;
		bottom: 0px;
	}
}

.pagebanner .title-manu {
	text-align: left;
	position: relative;
	z-index: 1;
}

.pagebanner .title-manu li {
	font-size: 24px;
	line-height: 26px;
	font-weight: 400;
	color: #fff;
	margin-left: 15px;
	padding: 17px 0px;
	display: inline-block;
	text-transform: capitalize;
	text-align: left;
	margin: 0;
}

@media (max-width: 768px) {
	.pagebanner .title-manu li {
		font-size: 16px;
		line-height: 26px;
		text-align: center;
		width: 100%;
		padding-top: 10px;
	}
}

.pagebanner .title-manu li a {
	color: #fff;
	transition: all 500ms ease;
	text-shadow: 1px 2px 4px #000000;
}

.pagebanner .title-manu li a:hover {
	color: #009999;
	transition: all 500ms ease;
}


.pagebanner::before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	background-color: rgba(0, 0, 0, 0.4);
}


.minpagebanner {
	height: 420px;
	background-size: cover !important;
}

@media (max-width: 768px) {
	.minpagebanner {
		height: 200px;
	}
}

.minpagebanner .title {
	padding-top: 180px;
	-webkit-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
}

@media (max-width: 768px) {
	.minpagebanner .title {
		padding-top: 80px;
		-webkit-transition: all 1s;
		-o-transition: all 1s;
		transition: all 1s;
	}
}


.minpagebanner .title h4 {
	padding-bottom: 20px;
	margin: 0;
}


@media (max-width: 768px) {
	.minpagebanner .title h4 {
		padding-bottom: 15px;
		margin: 0;
	}
}

/*** ====================================================================	
关于我们
====================================================================***/

/*公共标题样式*/
.t01 {
	margin: 0;
	padding: 0;
	text-align: center;
}

.t01 span {
	display: block;
	font-size: 30px;
	font-weight: bold;
	padding-bottom: 20px;
	color: #fff
}

@media (max-width: 768px) {
	.t01 span {
		font-size: 24px;
	}
}




.t01 i {
	display: block;
	width: 60px;
	height: 4px;
	line-height: 4px;
	margin: 0 auto;
	background: #ffcc00
}

/* 样式2 */
.t02 {
	margin: 0;
	padding: 0;
	text-align: center;
	margin-bottom: 45px;
}

.t02 span {
	display: block;
	font-size: 48px;
	font-weight: bold;
	padding-bottom: 0;
	color: #85cbbf
}

@media (max-width: 768px) {
	.t02 span {
		font-size: 24px;
	}
}




.t02 i {
	display: block;
	width: 60px;
	height: 4px;
	line-height: 4px;
	margin: 0 auto;
	background: #ffcc00;
	display: none;
}


/*公司简介*/

.about {
	background: url(../img/bg_about.jpg) center top no-repeat;
	padding: 0;
}



.about ul {
	margin: 0;
	padding: 0
}

.about .container {
	margin: 85px auto;
}


@media (min-width: 1440px) {
	.about .container {
		width: 1400px;
	}
}


@media (max-width: 768px) {
	.about .container {
		margin: 30px auto;
	}
}





.about .des {
	position: relative
}

.about .des .txt {
	color: #c7c7c7;
	line-height: 28px;
	font-size: 14px;
	padding-left: 65px;
	padding-top: 15px;
}

@media (max-width: 1440px) {
	.about .des .txt {
		color: #c7c7c7;
		line-height: 2;
		font-size: 14px;
		padding-left: 25px;
		padding-top: 15px;
	}
}


@media (max-width: 768px) {
	.about .des .txt {
		padding-left: 0;
	}
}



.about .des .txt h2 {
	color: #87cac0;
	font-size: 36px;
	font-weight: bold;
	margin: 0;
	padding: 0;
	margin-bottom: 10px;
}

@media (max-width: 768px) {
	.about .des .txt h2 {
		font-size: 24px;
	}
}


.about .des .txt h3 {
	color: #87cac0;
	font-size: 24px;
	font-weight: normal;
	margin: 0;
	padding: 0;
	margin-bottom: 30px;

}

@media (max-width: 768px) {
	.about .des .txt h3 {
		font-size: 18px;
		margin-bottom: 10px;
	}
}



.about .des .txt p {
	text-indent: 0;
	line-height: 36px;
	font-size: 18px;

}

@media (max-width: 1440px) {
	.about .des .txt p {
		line-height: 2;
		font-size: 16px;

	}
}

@media (max-width: 768px) {
	.about .des .txt p {
		line-height: 1.5;
		font-size: 16px;

	}
}

.about .des .logo {
	position: absolute;
	left: 0px;
	bottom: 0px
}

.about .des .logo li {
	display: block;
	float: left;
	margin-right: 10px
}

.about a.more {
	display: block;
	color: #ee1c23;
	margin-top: 30px
}

.about a.more:hover {
	color: #cb191f;
	text-decoration: none
}

.aboutslide {
	width: 700px;
	height: auto;
	overflow: hidden;
	position: relative
}

@media (max-width: 1440px) {
	.aboutslide {
		width: 100%;
		height: auto;
		overflow: hidden;
		position: relative
	}
}


@media (max-width: 768px) {
	.aboutslide {
		width: 100%;
		height: auto;
		overflow: hidden;
		position: relative
	}
}


.aboutslide ul {
	margin: 0;
	padding: 0
}

.aboutslide li {
	list-style-type: none
}

.aboutslide .hd {
	width: 100%;
	height: 16px;
	overflow: hidden;
	text-align: center;
	position: absolute;
	left: 0px;
	bottom: 10px;
	z-index: 1
}

.aboutslide .hd ul {
	zoom: 1
}

.aboutslide .hd ul li {
	display: inline-block;
	margin-right: 10px;
	width: 16px;
	height: 16px;
	cursor: pointer;
	background: none;
	border: 1px solid #ee1c23;
	text-indent: -9999px;
	overflow: hidden;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px
}

.aboutslide .hd ul li.on {
	background: #ee1c23
}

.aboutslide .bd {
	position: relative;
	height: 100%;
	z-index: 0
}

.aboutslide .bd li {
	zoom: 1;
	vertical-align: middle
}

.aboutslide .bd li img {
	width: 700px;
	height: auto;
	display: block
}

.about_link {
	width: 1080px;
	margin: 20px auto 0px
}

.about_link ul li {
	display: block
}

.about_link ul li a {
	color: #ee1c23;
	line-height: 30px;
	text-decoration: underline
}

.about_link ul li a span {
	font-size: 12px
}



/*发展历程*/

.intro_history {
	padding-left: 160px;
	padding-right: 160px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	background-image: url(../images/intro_history_bg.jpg);

}

@media (max-width: 1681px) {
	.intro_history {
		padding-left: 60px;
		padding-right: 60px;
	}
}


@media (max-width: 768px) {
	.intro_history {
		padding-right: 15px;
		padding-left: 15px;
	}
}

.intro_history .intro_history_list_w {
	margin-top: 50px;
	padding: 0 70px;
	position: relative
}

@media (max-width: 1440px) {
	.intro_history .intro_history_list_w {
		margin-top: 30px
	}
}

@media (max-width: 768px) {
	.intro_history .intro_history_list_w {
		margin-top: 0px;
		padding: 0 40px
	}
}

.intro_history .intro_history_list_w:after {
	content: '';
	display: block;
	width: 100%;
	height: 24px;
	background: url("../images/intro_history_line.png") center center repeat-x;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -12px
}

.intro_history .intro_history_list_w .arrow {
	width: 50px;
	height: 50px;
	line-height: 50px;
	border: 2px solid #ffffff;
	-webkit-border-radius: 100%;
	border-radius: 100%;
	text-align: center;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	position: absolute;
	top: 50%;
	margin-top: -25px;
	z-index: 10;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}

.intro_history .intro_history_list_w .arrow i.fa {
	font-size: 34px;
	line-height: 42px;
	color: #ffffff;
}

.intro_history .intro_history_list_w .arrow.intro_history_prev {
	left: -40px;
}

@media (max-width: 768px) {
	.intro_history .intro_history_list_w .arrow.intro_history_prev {
		left: 0;
	}
}

.intro_history .intro_history_list_w .arrow.intro_history_next {
	right: -40px
}

@media (max-width: 768px) {
	.intro_history .intro_history_list_w .arrow.intro_history_next {
		right: 0
	}
}

.intro_history .intro_history_list_w .arrow:hover {
	border-color: #85cbbf;
	background-color: #85cbbf;
	color: #fff
}

.intro_history .intro_history_list {
	padding: 20px 0;
	position: relative
}

.intro_history .intro_history_list .swiper-slide .item {
	width: 100%;
	height: 250px;
	position: relative;
	padding-left: 20px
}

@media (max-width: 1681px) {
	.intro_history .intro_history_list .swiper-slide .item {
		height: 200px
	}
}

.intro_history .intro_history_list .swiper-slide .item:before {
	content: '';
	display: block;
	width: 1px;
	height: 100%;
	background: #d3d3d3;
	position: absolute;
	left: 20px;
	bottom: 0;
	z-index: 2
}

.intro_history .intro_history_list .swiper-slide .item .txt {
	width: 100%;
	height: 100%;
	padding-left: 40px;
	padding-right: 10px;
	position: absolute;
	left: 0;
	bottom: 0
}

@media (max-width: 668px) {
	.intro_history .intro_history_list .swiper-slide .item .txt {
		padding-right: 0px
	}
}

.intro_history .intro_history_list .swiper-slide .item .txt:before {
	content: '';
	display: block;
	width: 28px;
	height: 28px;
	background: #85cbbf;
	opacity: .3;
	-webkit-border-radius: 100%;
	border-radius: 100%;
	position: absolute;
	left: 6px;
	bottom: -14px;
	z-index: 2
}

.intro_history .intro_history_list .swiper-slide .item .txt:after {
	content: '';
	display: block;
	width: 14px;
	height: 14px;
	background: #85cbbf;
	-webkit-border-radius: 100%;
	border-radius: 100%;
	position: absolute;
	left: 14px;
	bottom: -7px;
	z-index: 2
}

.intro_history .intro_history_list .swiper-slide .item .txt b.t {
	display: block;
	height: 50px;
	line-height: 50px;
	font-size: 30px;
	font-family: 'Bebas';
	color: #85cbbf
}

@media (max-width: 1681px) {
	.intro_history .intro_history_list .swiper-slide .item .txt b.t {
		height: 40px;
		line-height: 40px;
		font-size: 26px
	}
}

@media (max-width: 1440px) {
	.intro_history .intro_history_list .swiper-slide .item .txt b.t {
		font-size: 22px
	}
}

.intro_history .intro_history_list .swiper-slide .item .txt .des {
	font-size: 17px;
	line-height: 34px;
	color: #ffffff;
	font-weight: lighter
}

@media (max-width: 1681px) {
	.intro_history .intro_history_list .swiper-slide .item .txt .des {
		font-size: 16px;
		line-height: 30px
	}
}

@media (max-width: 1440px) {
	.intro_history .intro_history_list .swiper-slide .item .txt .des {
		font-size: 14px;
		line-height: 20px
	}
}


@media (max-width: 768px) {
	.intro_history .intro_history_list .swiper-slide .item .txt .des {
		font-size: 13px;
		line-height: 1.5
	}
}


.intro_history .intro_history_list .swiper-slide .item .txt .des p {
	margin-bottom: 8px;
}


.intro_history .intro_history_list .swiper-slide:nth-of-type(even) .item:before {
	left: 100px;
	bottom: 0
}

@media (max-width: 668px) {
	.intro_history .intro_history_list .swiper-slide:nth-of-type(even) .item:before {
		left: auto;
		right: 20px
	}
}

.intro_history .intro_history_list .swiper-slide:nth-of-type(even) .item .txt {
	padding-top: 30px;
	padding-left: 120px;
	padding-right: 10px;
	bottom: 0
}

@media (max-width: 668px) {
	.intro_history .intro_history_list .swiper-slide:nth-of-type(even) .item .txt {
		padding-left: 20px
	}
}

.intro_history .intro_history_list .swiper-slide:nth-of-type(even) .item .txt:before {
	left: 86px;
	top: -14px
}

@media (max-width: 668px) {
	.intro_history .intro_history_list .swiper-slide:nth-of-type(even) .item .txt:before {
		left: auto;
		right: 8px
	}
}

.intro_history .intro_history_list .swiper-slide:nth-of-type(even) .item .txt:after {
	left: 94px;
	top: -7px
}

@media (max-width: 668px) {
	.intro_history .intro_history_list .swiper-slide:nth-of-type(even) .item .txt:after {
		left: auto;
		right: 14px
	}
}

.history {
	background: #85cbbf;
	padding-bottom: 60px
}

.history ul {
	margin: 0;
	padding: 0
}

.history .t01 span {
	color: #fff
}

.history_list {
	width: 100%;
	position: relative;
	margin: 70px 0px 0px
}

.history_list ul {
	margin: 0;
	padding: 0
}

.history_list li {
	list-style-type: none
}

.history_list .bd {
	position: relative;
	width: 950px;
	height: 280px;
	margin: 0 auto 80px;
	z-index: 0;
	text-align: center;
	background: #eeeeee
}

.history_list .bd ul {
	margin: 0;
	padding: 0;
	height: 280px;
	color: #000
}

.history_list .hd {
	width: 100%;
	height: 50px;
	/* overflow: hidden; */
	text-align: center;

	border-top: 1px solid #ffffff;
}

.history_list .hd ul {
	margin: 0;
	padding: 0;
	zoom: 1
}

.history_list .hd ul li {
	display: inline-block;
	cursor: pointer;
	color: #ffffff;
	height: 50px;
	line-height: 50px;
	padding: 8px 10px 0px;
	width: 60px;
	font-size: 14px;
	font-family: arial;
	/* background: url(../images/history_list_ico.jpg) center top no-repeat */
	margin-top: -13px;
	position: relative;
	overflow: initial;

}

.history_list .hd ul li::before {
	content: "";
	position: absolute;
	width: 7px;
	height: 7px;
	border-radius: 100%;
	background-color: #ffffff;
	left: 50%;
	margin-left: -3px;

}

.history_list .hd ul li.on {
	color: #ffcc00;
	font-weight: bold;
	font-size: 18px;
}


.history_list .hd ul li.on::before {

	background-color: #ffcc00;


}

.his_d {
	width: 950px;
	height: 280px;
	margin: 0 auto;
	position: relative
}

.his_d span.year {
	display: block;
	width: 70px;
	height: 70px;
	text-align: center;
	line-height: 70px;
	background: #ffcc00;
	color: #fff;
	font-size: 22px;
	position: absolute;
	left: -35px;
	top: -35px;
	z-index: 10
}

.his_d .h {
	display: none
}

.his_d .b {
	position: relative
}

.his_d .b ul {
	margin: 0;
	padding: 0;
	width: 950px;
	height: 280px;
	overflow: hidden
}

.his_d .b ul span {
	display: block
}

.his_d .b ul span.thumb {
	float: left;
	width: 425px;
	height: 280px
}

.his_d .b ul span.thumb img {
	width: 100%;
	height: 100%
}

.his_d .b ul span.txt {
	float: right;
	width: 425px;
	margin: 50px 50px 0px;
	overflow: hidden;
	text-align: left;
	color: #646464;
	font-size: 14px
}

.his_d .b ul span.txt i.date {
	display: block;
	padding-bottom: 24px;
	font-style: normal;
	font-size: 16px
}

.his_d .b ul span.txt p {
	display: block;
	height: auto;
	line-height: 1.2;
	overflow: hidden;

}

.his_d .prev02,
.his_d .next02 {
	display: block;
	width: 28px;
	height: 28px;
	line-height: 28px;
	color: #fff;
	background: #d2d2d2;
	text-align: center;
	position: absolute;
	right: 81px;
	bottom: 20px;
	text-decoration: none
}

.his_d .next02 {
	right: 49px
}

.his_d .prev02:hover,
.his_d .next02:hover {
	background: #ee1c23;
	text-decoration: none
}

.his_d .prevStop {
	display: none
}

.his_d .nextStop {
	display: none
}
/* 发展历程样式2 */
.lcr_section{background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-image: url(../images/intro_history_bg.jpg); background-attachment: fixed; }
.lcr{margin-top:20px;background:url(../images/fzlc_06.jpg) repeat-y 27px top;float:left;width:100%;z-index:1;position:relative;}
.lcr li div b{ font-size:16px; color:#6f6f6f; float:left; line-height:40px; display:inline-block; width:36px; text-align:center; display: none;}
.lcr li h3{ font-size:20px; color:#87cac0; font-weight:bold; line-height:53px; float:left;margin-left:20px; display:inline; margin-top: 0; margin-bottom: 0;}
.lcr li h3 span{ background:#fff;border-radius:50px;behavior: url(ie-css3.htc); border:5px solid #87cac0; width:18px; height:18px; float:left; margin:16px 18px 15px 0; display:inline;}
.lcr li div{ float:left;width:100%; margin:0 0  5px 0;}
.lcr li div span{ background:#6f6f6f; float:left; width:12px; height:12px;border-radius:50px;behavior: url(ie-css3.htc); margin:14px 20px 0 23px; display:inline-block;  }
.lcr li div div.desc{ float: none; clear: none; background: rgba(255, 255, 255, 0.9); padding:10px ;margin-left: 70px;line-height:26px; font-size:16px; color:#333; border-radius: 5px;}
.lcr li div div.desc p{ margin: 4px 0; line-height: 1.5; border-bottom: 1px dotted rgba(0, 0, 0, 0.3);}
@media screen and (max-width: 769px){
	.lcr li div div.desc {
		width: 80% !important;
		font-size: 14px;
	}
}
@media screen and (max-width:600px){
	.lcr li div div.desc{ 
		width:80% !important;
	}
}
@media screen and (max-width:512px){
	.lcr li div div.desc{ 
		width:80% !important;
	}
}
@media screen and (max-width:490px){
	.lcr li div div.desc{ 
		width:80% !important;
	}
}
@media screen and (max-width:470px){
	.lcr li div div.desc{ 
		width:80% !important;
	}
}

.lcr li div em{width: 0;height: 0;border-top:10px solid transparent;border-right:15px solid rgba(255, 255, 255, 0.9);border-bottom:10px solid transparent; float:left; margin-top:12px;}




/*认证证书*/
.certificate {
	background: #eeeeee;
}

.certificate .t01 {
	margin-bottom: 35px;
}

.certificate .t01 span {
	color: #000;
}


#certificate-demo {
	padding: 0;
	margin: 0;
}
 

#certificate-demo.owl-carousel .owl-item {
	padding:0 15px;
}

#certificate-demo .img {
	border: 1px solid rgba(0, 0, 0, 0.1);
	overflow: hidden;
}

#certificate-demo .img img {

	-webkit-transform: scale(1.0);
	-ms-transform: scale(1.0);
	transform: scale(1.0);
	-webkit-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
}

#certificate-demo .txt {
	text-align: center;
	line-height: 1.5;
	color: #000;
	padding-top: 15px;
}

#certificate-demo .owl-nav {
	display: none;
}

#certificate-demo .owl-dots {
	text-align: center;
}

#certificate-demo .owl-dots button {
	width: 15px;
	height: 15px;
	display: inline-block;
	border-radius: 100%;
	border: 1px solid #85cbbf;
	background: #fff;
	margin: 5px;
}

#certificate-demo .owl-dots button.active {
	background: #85cbbf;
}

#certificate-demo .item:hover .img img {
	width: 100%;
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}


/*质量方针*/
.quality {
	background: #eeeeee;
	background-image: url(../images/quality_bg.jpg);
 
}

 


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

.quality .t01 i {
	margin-left: 0;
}

.quality-con {
	padding-top: 40px;
	color: #ffffff;
	line-height: 1.5;
	font-size: 18px;
}

@media (max-width: 768px) {
	.quality-con {
		padding-top: 15px;
		font-size: 14px;
	}
}

.quality-con ul,
.quality-con ul li {
	margin: 0;
	padding: 0;
	list-style: none;
}

.quality-con ul {
	margin-bottom: 10px;
}

.quality-con ul li {
	line-height: 40px;
}

@media (max-width: 768px) {
	.quality-con ul li {
		line-height: 2;
	}
}



.quality-con ul li::before {
	font-family: FontAwesome;
	font-weight: bold;
	content: "\f105";
	padding-right: 10px;
	color: #ffcc00;

}




/*=========================
	Start blog CSS
===========================*/

.blog__list {
	padding-top: 70px;
	padding-bottom: 70px
}

@media (max-width: 1681px) {
	.blog__list {
		padding-top: 50px;
		padding-bottom: 50px
	}
}

@media (max-width: 1180px) {
	.blog__list {
		padding-top: 20px;
		padding-bottom: 20px
	}
}

@media (max-width: 668px) {
	.blog__list {
		padding: 20px
	}
}

.blog__list-col {
	margin-top: 50px;
	padding-bottom: 70px
}

@media (max-width: 1681px) {
	.blog__list-col {
		margin-top: 30px;
		padding-bottom: 50px
	}
}

@media (max-width: 1180px) {
	.blog__list-col {
		margin-top: 20px;
		padding-bottom: 0px
	}
}

.blog__list-item {
	display: block
}

@media (max-width: 668px) {
	.blog__list-item {
		margin-bottom: 20px
	}
}

.blog__list-item a {
	display: block;
	padding-top: 40px;
	padding-bottom: 40px;
	overflow: hidden;
	position: relative;
	border-bottom: 1px solid #e3e3e3;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}

@media (max-width: 1180px) {
	.blog__list-item a {
		padding-top: 20px;
		padding-bottom: 20px
	}
}

@media (max-width: 668px) {
	.blog__list-item a {
		padding: 0 0 20px
	}
}

.blog__list-item a:after {
	content: '';
	display: block;
	width: 750px;
	height: 750px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	background-image: url("../img/logo_gray.png");
	opacity: 0;
	position: absolute;
	right: -100px;
	top: 50px;
	z-index: 1;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}

@media (max-width: 1180px) {
	.blog__list-item a:after {
		display: none
	}
}

.blog__list-item a .date {
	float: left;
	width: 20%;
	font-family: 'AGFutura';
	font-size: 32px;
	color: #9e9e9e;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}

@media (max-width: 1681px) {
	.blog__list-item a .date {
		font-size: 26px
	}
}

@media (max-width: 1440px) {
	.blog__list-item a .date {
		width: 15%
	}
}

@media (max-width: 968px) {
	.blog__list-item a .date {
		display: none
	}
}

.blog__list-item a .date span {
	display: block;
	height: 46px;
	line-height: 46px;
	font-size: 46px;
	margin: 15px 0 5px
}

@media (max-width: 1681px) {
	.blog__list-item a .date span {
		height: 34px;
		line-height: 34px;
		font-size: 34px
	}
}

.blog__list-item a .date:before {
	content: '';
	display: block;
	width: 36px;
	height: 1px;
	line-height: 1px;
	background-color: #fed900
}

.blog__list-item a .img {
	float: left;
	width: 30%;
	height: 310px;
	overflow: hidden;
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 5px;
}

@media (max-width: 1681px) {
	.blog__list-item a .img {
		height: 280px
	}
}

@media (max-width: 1440px) {
	.blog__list-item a .img {
		width: 35%
	}
}

@media (max-width: 1180px) {
	.blog__list-item a .img {
		height: 250px
	}
}

@media (max-width: 968px) {
	.blog__list-item a .img {
		width: 40%
	}
}

@media (max-width: 668px) {
	.blog__list-item a .img {
		float: none;
		width: 100%;
		height: 200px
	}
}

.blog__list-item a .img span {
	display: block;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	-webkit-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
	background-color: #f5f5f5
}

.blog__list-item a .txt {
	float: right;
	width: 50%;
	padding-left: 60px;
	padding-top: 30px;
	position: relative;
	z-index: 2
}

@media (max-width: 1180px) {
	.blog__list-item a .txt {
		padding-left: 20px;
		padding-top: 0px
	}
}

@media (max-width: 968px) {
	.blog__list-item a .txt {
		width: 60%
	}
}

@media (max-width: 668px) {
	.blog__list-item a .txt {
		float: none;
		width: 100%;
		padding: 20px 0 0
	}
}

.blog__list-item a .txt b.t {
	display: block;
	font-size: 24px;
	color: #333;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}

@media (max-width: 1681px) {
	.blog__list-item a .txt b.t {
		font-size: 20px
	}
}

@media (max-width: 1440px) {
	.blog__list-item a .txt b.t {
		font-size: 18px
	}
}

.blog__list-item a .txt .date_m {
	display: none
}

@media (max-width: 968px) {
	.blog__list-item a .txt .date_m {
		display: block;
		color: #999
	}
}

.blog__list-item a .txt .des {
	font-size: 18px;
	line-height: 34px;
	height: 68px;
	margin: 20px 0 50px;
	color: #333;
	font-weight: lighter;
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

@media (max-width: 1440px) {
	.blog__list-item a .txt .des {
		font-size: 16px;
		line-height: 30px;
		height: 90px;
		min-width: 0;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		margin: 25px 0
	}
}

@media (max-width: 1180px) {
	.blog__list-item a .txt .des {
		font-size: 14px;
		font-weight: normal
	}
}

@media (max-width: 668px) {
	.blog__list-item a .txt .des {
		height: auto
	}
}

.blog__list-item a .txt .more {
	width: 155px;
	height: 42px;
	line-height: 40px;
	position: relative;
	border: 1px solid #000;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	text-align: center;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}

.blog__list-item a .txt .more span {
	font-size: 14px;
	color: #000;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}

.blog__list-item a .txt .more i {
	width: 16px;
	height: 16px;
	vertical-align: top;
	margin: 12px 0 0 10px;
	color: #000;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}

@media (min-width: 668px) {
	.blog__list-item a:hover {
		background-color: #f5f5f5;
		border-bottom: 1px solid #f5f5f5
	}

	.blog__list-item a:hover:after {
		opacity: 1
	}

	.blog__list-item a:hover .date {
		color: #85cbbf
	}

	.blog__list-item a:hover .img span {
		-webkit-transform: scale(1.1);
		-ms-transform: scale(1.1);
		transform: scale(1.1);
		background-color: #fff
	}

	.blog__list-item a:hover .txt b.t {
		color: #85cbbf
	}

	.blog__list-item a:hover .txt .more {
		border-color: #85cbbf;
		background-color: #85cbbf
	}

	.blog__list-item a:hover .txt .more span {
		color: #fff
	}

	.blog__list-item a:hover .txt .more i {
		color: #fff
	}
}

.blog__content {
	max-width: 1000px;
	margin: 0 auto;
	padding: 70px 0
}

@media (max-width: 1681px) {
	.blog__content {
		padding: 50px 0
	}
}

@media (max-width: 1180px) {
	.blog__content {
		padding: 20px
	}
}

.blog__content h1.title {
	width: 100%;
	font-size: 24px;
	line-height: 40px;
	color: #333;
	font-weight: bold;
	text-align: center
}

@media (max-width: 1380px) {
	.blog__content h1.title {
		font-size: 18px;
		line-height: 30px
	}
}

.blog__content .info {
	font-size: 14px;
	line-height: 20px;
	text-align: center;
	padding: 20px 0 0;
	color: #999;
	font-family: 'FuturaBT-Medium'
}

.blog__content .info span {
	display: inline-block;
	vertical-align: top
}

.blog__content .info svg {
	width: 20px;
	height: 20px;
	color: #999
}

.blog__content .txt {
	padding: 30px 0;
	font-size: 16px;
	line-height: 30px;
	color: #666;
	margin-top: 30px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd
}

@media (max-width: 1440px) {
	.blog__content .txt {
		font-size: 14px;
		line-height: 26px
	}
}

@media (max-width: 668px) {
	.blog__content .txt {
		font-weight: normal;
		margin-top: 20px;
		padding: 10px 0
	}
}

.blog__content .txt img {
	max-width: 100% !important;
	height: auto !important;
	margin-top: 10px;
	margin-bottom: 10px
}

.blog__content .txt br {
	display: block;
	content: '';
	margin-top: 10px
}

.blog__content .blog_content_video {
	width: 800px;
	height: 600px;
	margin: 20px auto
}

@media (max-width: 968px) {
	.blog__content .blog_content_video {
		width: 100%;
		height: 500px
	}
}

@media (max-width: 668px) {
	.blog__content .blog_content_video {
		height: 250px
	}
}

.blog__content .updown {
	padding: 40px 0 0 0;
	font-size: 14px;
	line-height: 28px;
	color: #666
}

@media (max-width: 1380px) {
	.blog__content .updown {
		padding: 20px 0 0;
		font-size: 12px;
		line-height: 22px
	}
}

@media (max-width: 1180px) {
	.blog__content .updown {
		padding: 10px 0 0
	}
}

.blog__content .updown a {
	color: #666;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}

.blog__content .updown a:hover {
	color: #85cbbf
}

.blog__content .updown .inner {
	width: 100%;
	padding-right: 150px;
	position: relative
}

@media (max-width: 668px) {
	.blog__content .updown .inner {
		padding: 0
	}
}

.blog__content .updown .btn_back {
	display: block;
	width: 150px;
	height: 44px;
	line-height: 42px;
	padding: 0 30px;
	-webkit-border-radius: 40px;
	border-radius: 40px;
	border: 1px solid #5b5b5b;
	color: #666;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -22px;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}

@media (max-width: 668px) {
	.blog__content .updown .btn_back {
		position: static;
		margin: 20px auto 0
	}
}

.blog__content .updown .btn_back span {
	display: block;
	float: right;
	margin: 14px 0 0;
	width: 15px;
	height: 12px;
	position: relative
}

.blog__content .updown .btn_back span:before,
.blog__content .updown .btn_back span:after {
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	line-height: 1px;
	background: #5b5b5b;
	position: absolute;
	left: 0;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}

.blog__content .updown .btn_back span:before {
	top: 0
}

.blog__content .updown .btn_back span:after {
	bottom: 0
}

.blog__content .updown .btn_back span i {
	display: block;
	width: 100%;
	height: 1px;
	line-height: 1px;
	background: #5b5b5b;
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}

.blog__content .updown .btn_back:hover {
	background: #85cbbf;
	border-color: #85cbbf;
	color: #fff;
	text-decoration: none
}

.blog__content .updown .btn_back:hover span:before,
.blog__content .updown .btn_back:hover span:after {
	width: 10px;
	background: #fff
}

.blog__content .updown .btn_back:hover span:before {
	top: 2px;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

.blog__content .updown .btn_back:hover span:after {
	bottom: 2px;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg)
}

.blog__content .updown .btn_back:hover span i {
	opacity: 0
}


/*=========================
	Start blog CSS
===========================*/

.training__list>ul {
	margin: 0;
	padding: 0
}

.training__list>ul>li {
	display: block
}

.training__list>ul>li .item {
	background-color: #eeeeee;
	display: flex;
	min-height: 465px
}

@media (max-width: 1440px) {
	.training__list>ul>li .item {
		min-height: 400px
	}
}

@media (max-width: 968px) {
	.training__list>ul>li .item {
		flex-wrap: wrap;
		height: auto
	}
}

.training__list>ul>li .item .txt {
	width: 50%;
	color: #fff;
	padding: 100px 120px
}

@media (max-width: 1440px) {
	.training__list>ul>li .item .txt {
		padding: 80px
	}
}

@media (max-width: 968px) {
	.training__list>ul>li .item .txt {
		width: 100%;
		padding: 20px
	}
}

.training__list>ul>li .item .txt .title b {
	display: block;
	font-size: 48px;
	line-height: 48px;
	color: #85cbbf;
	position: relative;
	z-index: 2
}

@media (max-width: 768px) {
	.training__list>ul>li .item .txt .title b {

		font-size: 30px;
		line-height: 2;

	}
}


.training__list>ul>li .item .txt .des {
	font-size: 18px;
	line-height: 36px;
	margin-top: 30px;
	color: #4a4947;
	margin-bottom: 50px;
}

@media (max-width: 1440px) {
	.training__list>ul>li .item .txt .des {
		font-size: 14px;
		line-height: 30px
	}
}

@media (max-width: 768px) {
	.training__list>ul>li .item .txt .des {
		font-size: 14px;
		margin-top: 15px;
		margin-bottom: 15px;
	}
}

.training__list>ul>li .item .txt .more a {
	display: block;
	width: 170px;
	height: 46px;
	line-height: 46px;
	border-radius: 3px;
	background: #ffcc00;
	color: #000;
	text-align: center;
}

.training__list>ul>li .item .img {
	width: 50%;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover
}

.training__list>ul>li .item .img img {
	-webkit-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
}

@media (max-width: 968px) {
	.training__list>ul>li .item .img {
		width: 100%;
		height: 200px
	}
}



.training__list>ul>li:nth-of-type(1) .item .txt .title span {
	display: block;
	font-size: 48px;
	line-height: 60px;
	color: rgba(255, 153, 102, 0.3);
	font-weight: bold;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	z-index: 1
}

@media (max-width: 1440px) {
	.training__list>ul>li:nth-of-type(1) .item .txt .title span {
		font-size: 40px;
		line-height: 50px
	}
}

@media (max-width: 968px) {
	.training__list>ul>li:nth-of-type(1) .item .txt .title span {
		font-size: 30px;
		line-height: 40px
	}
}

@media (min-width: 968px) {
	.training__list>ul>li:nth-of-type(odd) .item .img {
		order: -1
	}
}


.training__list>ul>li .item:hover .img img {
	-webkit-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
	-webkit-transform: scale(1.07);
	-ms-transform: scale(1.07);
	transform: scale(1.07);
}


/*=========================
	Start contact CSS
===========================*/

.contact-section .container{ height: auto; }

@media (min-width: 1440px) {
	.contact-section .container{ width: 1400px;}
}

@media (max-width: 768px) {

 
}




.contact__info {
	padding-top: 70px;
	padding-bottom: 70px
}



@media (max-width: 1440px) {
	.contact__info {
		padding-top: 50px;
		padding-bottom: 50px
	}
}

@media (max-width: 1180px) {
	.contact__info {
		padding-top: 20px;
		padding-bottom: 20px
	}
}



 

@media (max-width: 968px) {
	.contact__info-txt {
		width: 100%;
		position: static
	}
}

@media (max-width: 668px) {
	.contact__info-txt .logo {
		text-align: center
	}
}

.contact__info-txt .logo img {
	max-width: 100%
}

@media (max-width: 668px) {
	.contact__info-txt .logo img {
		max-width: 50%
	}
}

.contact__info-txt .logo b {
	display: block;
	font-size: 24px;
	margin: 20px 0
}

@media (max-width: 668px) {
	.contact__info-txt .logo b {
		font-size: 18px;
		margin-top: 0;
		padding-top: 0;
	}
}

.contact__info-txt .logo b:after {
	content: '';
	display: block;
	width: 30px;
	height: 4px;
	line-height: 4px;
	background: #fed900;
	margin-top: 20px
}

@media (max-width: 668px) {
	.contact__info-txt .logo b:after {
		margin: 20px auto 0
	}
}

.contact__info-txt .des {
	font-size: 16px;
	line-height: 28px;
	color: #666
}

.contact__info-txt .des a {
	color: #666;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}

.contact__info-txt .des a:hover {
	color: #85cbbf
}

.contact__info-txt .qr {
	max-width: 120px;
	margin-top: 40px;
	float: left;
	margin-right: 20px;
}


@media (max-width: 668px) {
	.contact__info-txt .qr {
		margin: 20px 15px 0
	}
}

.contact__info-txt .qr img {
	width: 100%
}

.contact__info-txt .qr span {
	display: block;
	text-align: center;
	font-size: 14px;
	color: #595757;
	line-height: 40px
}

.contact__info-map {  }

#map01,
#map02 {
	width: 100%;
	height: 510px
}

@media (max-width: 668px) {
	#map01 {
		height: 250px
	}
}


/* 销售网络 */
.contact__network {
 
	background-color: #85cbbf;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
}

@media (min-width: 1440px) {
	.contact__network .container{ width: 1400px;}
}


.contact__network .t01 span {
	color: #ffffff;
}

 
 

.contact__network-txt {
	font-size: 16px;
	color: #ffffff;
	text-align: center;
	margin: 20px 0 40px
}

@media (max-width: 1180px) {
	.contact__network-txt {
		margin: 20px 0
	}
}


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

.contact__network-con img {
	margin: 0 auto;
}


/* 留言表单 */
.contact__message {
	background-color: #f5f5f5;
}

@media (min-width: 1440px) {
	.contact__message .container{ width: 1400px;}
}


.contact__message .t01 span {
	color: #000;
}

@media (max-width: 1440px) {
	.contact__message {
		/* padding-top: 50px;
		padding-bottom: 50px */
	}
}

@media (max-width: 1180px) {
	.contact__message {
		/* padding-top: 20px;
		padding-bottom: 20px */
	}
}

@media (max-width: 768px) {
	.contact__message {
		padding-left: 15px;
		padding-right: 15px
	}
}

.contact__message-txt {
	font-size: 16px;
	color: #666;
	text-align: center;
	margin: 20px 0 40px
}

@media (max-width: 1180px) {
	.contact__message-txt {
		margin: 20px 0
	}
}

 
 

.message_form_col {
	overflow: hidden
}

.message_form_col em {
	color: red
}

.message_form_col>.row>div {
	margin-bottom: 30px
}

.message_form_col>.row>div ::-webkit-input-placeholder {
	color: #999;
	font-size: 14px
}

@media (max-width: 1380px) {
	.message_form_col>.row>div ::-webkit-input-placeholder {
		font-size: 12px
	}
}

.message_form_col>.row>div ::-moz-placeholder {
	color: #999;
	font-size: 14px
}

@media (max-width: 1380px) {
	.message_form_col>.row>div ::-moz-placeholder {
		font-size: 12px
	}
}

.message_form_col>.row>div :-moz-placeholder {
	color: #999;
	font-size: 14px
}

@media (max-width: 1380px) {
	.message_form_col>.row>div :-moz-placeholder {
		font-size: 12px
	}
}

.message_form_col>.row>div :-ms-input-placeholder {
	color: #999;
	font-size: 14px
}

@media (max-width: 1380px) {
	.message_form_col>.row>div :-ms-input-placeholder {
		font-size: 12px
	}
}

.message_form_col>.row>div .form-control {
	width: 100%;
	height: 58px;
	line-height: 56px;
	background: #fff;
	padding: 0 20px;
	border: 1px solid #dcdcdc;
	font-size: 16px;
	color: #999;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-border-radius: 0;
	border-radius: 0
}

@media (max-width: 668px) {
	.message_form_col>.row>div .form-control {
		height: 42px;
		line-height: 40px
	}
}

.message_form_col>.row>div .form-control.textarea {
	height: 240px;
	line-height: 30px;
	padding: 20px
}

@media (max-width: 668px) {
	.message_form_col>.row>div .form-control.textarea {
		height: 180px;
		font-size: 14px
	}
}

.message_form_col>.row>div.item_submit {
	padding-top: 10px;
	margin-bottom: 0
}

@media (max-width: 668px) {
	.message_form_col>.row>div.item_submit {
		padding-top: 0
	}
}

.message_form_col>.row>div .submit {
	display: block;
	width: 215px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	border: none;
	outline: none;
	background: #85cbbf;
	color: #fff;
	font-size: 16px;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	margin: 0 auto
}

@media (max-width: 668px) {
	.message_form_col>.row>div .submit {
		height: 50px;
		line-height: 50px
	}
}

.message_form_col>.row>div .submit:hover {
	background: #fed900
}

.contact__sales {
	padding-top: 70px;
	padding-bottom: 70px
}


/*=========================
	Start nav_breadcrumb CSS
===========================*/
/* nav_breadcrumb */
.nav_breadcrumb {
	line-height: 58px;
	background: #85cbbf;
	padding: 15px 0;
}

.nav_breadcrumb .container {}

@media (min-width: 1440px) {
	.nav_breadcrumb .container {
		width: 1400px;
	}
}


@media (max-width: 768px) {
	.nav_breadcrumb .container {
		width: 100%;
	}
}

.breadcrumb {
	color: #fff;
	font-size: 16px;
	background: none;
	padding: 0;
	margin: 0;
}

@media (max-width: 768px) {
	.breadcrumb {

		font-size: 14px;

	}

}

.breadcrumb a {
	color: #fff;
	font-size: 16px;
}

@media (max-width: 768px) {
	.breadcrumb a {
		color: #fff;
		font-size: 14px;
	}

}

.breadcrumbnav {
	text-align: right;
}


@media (max-width: 768px) {
	.breadcrumbnav {
		text-align: left;
	}

}

@media (max-width: 768px) {
	.breadcrumbnav ul {
		line-height: 1;
	}

}


.breadcrumbnav li {
	display: inline-block;
}

@media (max-width: 768px) {
	.breadcrumbnav li {
		display: inline-block;
		padding: 0; margin: 0;
		margin-bottom: 5px;
	}

}

.breadcrumbnav li a {
	width: 150px;
	height: 40px;
	line-height: 40px;
	display: inline-block;
	text-align: center;
	background: #ffffff;
	color: #85cbbf;
	text-decoration: none;
}

@media (max-width: 768px) {
	.breadcrumbnav li a {
		width: auto;
		line-height: 2;
		height: auto;
		display: inline-block;
		text-align: center;
		background: #ffffff;
		color: #85cbbf;
		text-decoration: none;
		padding: 6px 10px;
	}


}


.breadcrumbnav li.hover a {
	background-color: #ffcc00;
	color: #000;
}


/*=========================
	Start 种植牙 CSS
===========================*/

.comp-section.style-color {
	background-color: #85cbbf;
	padding: 60px 0;
}

@media (max-width: 768px) {
	.comp-section.style-color {
		padding: 30px 0;
	}
}

.comp-text.margin-reduced {
	margin-bottom: 30px;
}

@media (max-width: 768px) {
	.comp-text.margin-reduced {
		margin-bottom: 15px;
	}
}

.comp-text h2 {
	font-size: 48px;
	color: #fff;
}

@media (max-width: 768px) {
	.comp-text h2 {
		font-size: 24px;
		color: #fff;
		margin-top: 0;
	}
}

.style-color .comp-button {
	text-align: center;
}

.style-color .comp-button .button {
	background-color: #36393a;
	padding-right: 45px;
	padding-left: 45px;
	font-size: 24px;
	line-height: 68px;
	display: inline-block;
	color: #FFFFFF;
}

@media (max-width: 768px) {
	.style-color .comp-button .button {
		background-color: #36393a;
		padding-right: 15px;
		padding-left: 15px;
		font-size: 18px;
		line-height: 2;
		display: inline-block;
		color: #FFFFFF;
	}
}


.style-color .comp-button .button i {
	color: #ffcc00;
	padding: 0 5px;
}


.comp-section {
	position: relative;
}

.comp-section>.background,
.comp-section>.overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.comp-section>.background {
	opacity: 1;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}




.BC-page {
	padding: 100px 0;
	background-color: #e7f1f1;
}


@media (max-width: 768px) {
	.BC-page {
		padding: 30px 0;
	}
}

.BC-page .comp-text {
	padding: 0;
	margin: 0;
}

.BC-page .comp-text h1 {
	color: #85cbbf;
	font-size: 48px;
	font-weight: bold;
	margin-bottom: 30px;
}


@media (max-width: 768px) {
	.BC-page .comp-text h1 {
		color: #85cbbf;
		font-size: 24px;
		font-weight: bold;
		margin-bottom: 15px;
	}
}

.BC-page .comp-text p {
	font-size: 18px;
	line-height: 30px;
	margin-bottom: 15px;
}

@media (max-width: 768px) {
	.BC-page .comp-text p {
		font-size: 16px;
		line-height: 1.5;
		margin-bottom: 10px;
	}
}

.BC-page .comp-text p i {
	color: #85cbbf;
	padding-right: 8px;
}

.BC-page .comp-text .more { margin-top: 30px;}

.BC-page .comp-text .more a {

	width: 150px;
	height: 40px;
	line-height: 40px;
	display: inline-block;
	text-align: center;
	background: #ffffff;
	color: #85cbbf;
	text-decoration: none;
	background-color: #ffcc00;
	color: #000;

}


/*===========================
    Products css 
===========================*/
.products-area {
	padding-top: 112px;
	padding-bottom: 258px;
	position: relative;
	background-attachment: fixed;
}

.products-area::before {
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-color: rgba(27, 31, 46, 0.7);
}

.products-area .section-title {
	padding-bottom: 4px;
}


.products-main-area .products-item .products-thumb {
	position: relative;
	border: 1px solid rgba(0, 0, 0, 0.1);
}

.products-main-area .products-item .products-thumb .share ul li a:hover {
	background: #3c1ddd;
}

.products-main-area .products-item .products-thumb img {
	width: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}

.products-main-area .products-item .products-content {

	padding-top: 25px;
	padding-bottom: 23px;
}

.products-main-area .products-item .products-content .title {
	font-weight: 400;
	font-size: 20px;
}

.products-main-area .products-item .products-content span {
	color: #838694;
}

.products-main-area .products-item:hover .products-thumb .share ul {
	opacity: 1;
	bottom: 56px;
}

.products-main-area .products-item:hover .products-thumb img {
	/* filter: grayscale(100%); */
}

.products-main-area.about-product-main-area {
	margin-top: 112px;
	padding-bottom: 120px;
}

.products-main-area.products-page-area {
	padding-top: 90px;
	margin-top: 0;
}


/*===========================
    修复 css 
===========================*/
.categories-area {
	padding-top: 112px;
	padding-bottom: 128px;
	background-size: 100% 100%;
	background-color: #e7f1f1;
}

@media (max-width: 768px) {
	.categories-area {
		padding-top: 30px;
		padding-bottom: 30px;
	}
}


.categories-area .categories-content {
	margin-top: -10px;
}

.categories-area .categories-content span {
	font-size: 18px;
	color: #d1c8fe;
	position: relative;
	padding-left: 14px;
}

.categories-area .categories-content span::before {
	position: absolute;
	content: '';
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	height: 6px;
	width: 6px;
	background: #29f0b4;
}

.categories-area .categories-content .title {
	font-size: 48px;
	color: #85cbbf;
	font-weight: 600;
	padding-top: 6px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
	.categories-area .categories-content .title {
		font-size: 50px;
	}
}

@media (max-width: 767px) {
	.categories-area .categories-content .title {
		font-size: 30px;
		text-align: center;
	}
}

.categories-area .categories-content p {
	font-size: 18px;
	color: #d1c8fe;
	line-height: 34px;
	padding-top: 39px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
	.categories-area .categories-content p {
		font-size: 16px;
	}
}

.categories-area .categories-content .item {
	padding-left: 66px;
	position: relative;
	margin-top: 0;
}

@media (max-width: 767px) {
	.categories-area .categories-content .item {
		padding-left: 15px;
		padding-right: 15px;
	}
}

.categories-area .categories-content .item::before {
	position: absolute;
	content: '';
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 7px;
	height: 75px;
	background: #29f0b4;
	display: none;
}

.categories-area .categories-content .item .thumb {
	margin-right: 30px;
	position: relative;
}

.categories-area .categories-content .item .thumb::before {
	position: absolute;
	content: '';
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	border-radius: 50%;
	width: 75px;
	height: 75px;
	border: 1px solid #fff;
}

.categories-area .categories-box {
	margin-left: 54px;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
	.categories-area .categories-box {
		margin-left: 0;
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.categories-area .categories-box {
		margin-left: 0;
		margin-top: 30px;
	}
}

@media (max-width: 767px) {
	.categories-area .categories-box {
		margin-left: 0;
		margin-top: 10px;
		overflow: hidden;
	}
}

.categories-area .categories-box .categories-box-item {
	display: flex;
}

@media (max-width: 767px) {
	.categories-area .categories-box .categories-box-item {
		display: flex;
	}
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.categories-area .categories-box .categories-box-item {
		display: flex;
	}
}

.categories-area .categories-box .categories-box-item .item {
	width: 27%;
	margin: 3%;
	padding: 22px 0 36px;
	background: #85cbbf;
	border: 1px solid #674df0;
	text-align: center;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
	position: relative;
	border: none;
	overflow: hidden;

}

@media (max-width: 767px) {
	.categories-area .categories-box .categories-box-item .item {
		width: 33.33333%;
		margin: 1%;
		padding-bottom: 25px;
	}
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.categories-area .categories-box .categories-box-item .item {
		width: 33.33333%;
	}
}

.categories-area .categories-box .categories-box-item .item::before {
	position: absolute;
	content: '';
	top: 0;
	right: 0;
	height: 0px;
	width: 0px;
	background: #ffcc00;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}

.categories-area .categories-box .categories-box-item .item a {
	text-align: center;
}

.categories-area .categories-box .categories-box-item .item a i {
	font-size: 60px;
	color: #674df0;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
	width: 100%;
	display: inline-block;
	height: 120px;
}

@media (max-width: 767px) {
	.categories-area .categories-box .categories-box-item .item a i {
		background-size: cover !important;
		height: 80px;
	}
}


.categories-area .categories-box .categories-box-item .item a span {
	font-size: 18px;
	font-weight: 500;
	color: #ffffff;
	padding-top: 18px;
}

@media (max-width: 767px) {
	.categories-area .categories-box .categories-box-item .item a span {
		font-size: 16px;

	}
}


.categories-area .categories-box .categories-box-item .item:hover {
	box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.15);
	z-index: 10;
}

.categories-area .categories-box .categories-box-item .item:hover::before {
	height: 18px;
	width: 18px;
}

.categories-area .categories-box .categories-box-item .item:hover a i {
	transform: scale(1.1);
}

.base {
	background-color: white;
	position: absolute;
	left: 1122px;
	top: 1058px;
	width: 204px;
	height: 199px;
	z-index: 470;
}


/*===========================
    product css 
===========================*/
.product-area {
	padding-top: 112px;
	padding-bottom: 258px;
	position: relative;
	background-attachment: fixed;
}

.product-area::before {
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-color: rgba(27, 31, 46, 0.7);
}

.product-area .section-title {
	padding-bottom: 4px;
}

.product-main-area {
	margin-top: -230px;
}

.product-main-area .product-item {
	border: 1px solid #e9e9ee;
}

.product-main-area .product-item .product-thumb {
	position: relative;
	overflow: hidden;
}

.product-main-area .product-item .product-thumb .share {
	position: absolute;
	left: 0;
	bottom: 0;
	height: 56px;
	width: 56px;
	text-align: center;
	line-height: 56px;
	color: #fff;
	background: #674df0;
	z-index: 5;
	border-top: 1px solid #765ff2;
}

.product-main-area .product-item .product-thumb .share ul {
	position: absolute;
	left: 0;
	bottom: 40px;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
	opacity: 0;
	z-index: -1;
}

.product-main-area .product-item .product-thumb .share ul li a {
	height: 56px;
	width: 56px;
	text-align: center;
	line-height: 56px;
	color: #fff;
	background: #674df0;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}

.product-main-area .product-item .product-thumb .share ul li a:hover {
	background: #3c1ddd;
}

.product-main-area .product-item .product-thumb img {
	width: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}

.product-main-area .product-item .product-content {
	padding-top: 15px;
	padding-bottom: 15px;
}

.product-main-area .product-item .product-content .title {
	font-weight: 400;
	font-size: 20px;
}

.product-main-area .product-item .product-content span {
	color: #838694;
}

.product-main-area .product-item:hover .product-thumb .share ul {
	opacity: 1;
	bottom: 56px;
}

.product-main-area .product-item:hover .product-thumb img {
	/* filter: grayscale(100%); */
	-webkit-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2)
}

.product-main-area.about-product-main-area {
	margin-top: 112px;
	padding-bottom: 120px;
}

.product-main-area.product-page-area {
	padding-top: 90px;
	margin-top: 0;
}

@media (max-width: 768px) {
	.product-main-area.product-page-area {
		padding-top: 30px;
		padding-bottom: 15px;
		margin-top: 0;
	}
}


/*===========================
    product DETAILS css 
===========================*/
.product-details-area {
	background: #fff;
}

.product-details-area .product-details-thumb {
	position: relative;
}

.product-details-area .product-details-thumb .icon {
	position: absolute;
	right: 20px;
	top: 20px;
	height: 34px;
	width: 34px;
	background-color: #fbfbfb;
	border-radius: 50%;
	text-align: center;
	line-height: 32px;
	opacity: .4;
}

.product-details-area .product-details-thumb .icon i {
	font-size: 14px;
	color: #1b1f2e;
}

.product-details-area .product-details-thumb img {

	width: 100%;
	max-width: 480px;
}

.product-details-area .product-details-content {
	padding-left: 30px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.product-details-area .product-details-content {
		padding-left: 0;
		padding-top: 30px;
	}
}

@media (max-width: 767px) {
	.product-details-area .product-details-content {
		padding-left: 0;
		padding-top: 30px;
	}
}

.product-details-area .product-details-content .details-btn {
	display: flex;
}

.product-details-area .product-details-content .details-btn span {
	font-size: 11px;
	font-weight: 500;
	color: #fff;
	background: #674df0;
	line-height: 30px;
	padding: 0 15px;
	text-transform: uppercase;
	letter-spacing: 2px;
}

.product-details-area .product-details-content .details-btn .flag {
	display: flex;
	margin-left: 20px;
}

.product-details-area .product-details-content .details-btn .flag p {
	font-size: 14px;
	color: #838694;
	padding-left: 9px;
}

.product-details-area .product-details-content>.title {
	font-size: 40px;
	padding-top: 7px;
	padding-bottom: 19px;
	font-weight: bold;
	color: #85cbbf;
}

@media (max-width: 767px) {
	.product-details-area .product-details-content>.title {
		font-size: 34px;
	}
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.product-details-area .product-details-content>.title {
		font-size: 40px;
	}
}

@media (max-width: 576px) {
	.product-details-area .product-details-content>.title {
		font-size: 24px;
		padding-bottom: 10px;
	}
}


.product-details-area .product-details-content .product-details-item {
	display: block;
}


@media (max-width: 576px) {
	.product-details-area .product-details-content .product-details-item p{
		font-size: 16px !important;
	}
	.product-details-area .product-details-content .product-details-item span{
		font-size: 16px !important;
	}
}




.product-details-area .product-details-content .product-details-item table {
	width: 100%;
	border-collapse: collapse;
	word-wrap: normal;
	word-break: normal;
}

@media (max-width: 768px) {
	.product-details-area .product-details-content .product-details-item table {
		width: max-content;
	}
}


.product-details-area .product-details-content .product-details-item table tr {
	border-bottom: 1px solid #686a6b;
}

.product-details-area .product-details-content .product-details-item table tr td {
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 20px;
}



@media (max-width: 576px) {
	.product-details-area .product-details-content .product-details-item table tr td {
		padding-top: 10px;
		padding-bottom: 10px;
		font-size: 16px;
	}
}



.product-details-area .product-details-content .product-details-item .item {
	background: #fff;
	width: 144px;
	height: 137px;
	padding-top: 40px;
	margin-right: 6px;
}

.product-details-area .product-details-content .product-details-item .item .title {
	font-size: 24px;
	color: #674df0;
}

@media (max-width: 767px) {
	.product-details-area .product-details-content .product-details-item .item .title {
		font-size: 20px;
	}
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.product-details-area .product-details-content .product-details-item .item .title {
		font-size: 24px;
	}
}

.product-details-area .product-details-content .product-details-item .item span {
	color: #838694;
	padding-top: 3px;
}

.product-details-area .product-details-content .projects-range {
	padding-top: 25px;
}

.product-details-area .product-details-content .projects-range .projects-range-content ul {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.product-details-area .product-details-content .projects-range .projects-range-content ul li {
	font-size: 14px;
	font-weight: 500;
	color: #838694;
}

.product-details-area .product-details-content .projects-range .projects-range-content .range {
	width: 100%;
	height: 9px;
	background: #e9e9ee;
	position: relative;
	margin-top: 4px;
}

.product-details-area .product-details-content .projects-range .projects-range-content .range::before {
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	height: 100%;
	width: 23%;
	background: #29f0b4;
}

.product-details-area .product-details-content .projects-goal {
	margin-top: 13px;
}

.product-details-area .product-details-content .projects-goal span {
	font-size: 16px;
	font-weight: 700;
	color: #1b1f2e;
}

.product-details-area .product-details-content .projects-goal span span {
	color: #674df0;
}

.product-details-area .product-details-content .product-share {
	margin-top: 25px;
}

.product-details-area .product-details-content .product-share span {
	font-size: 18px;
	font-weight: 500;
	color: #1b1f2e;
	padding-right: 16px;
}

@media (max-width: 767px) {
	.product-details-area .product-details-content .product-share span {
		font-size: 16px;
	}
}

.product-details-area .product-details-content .product-share ul li {
	display: inline-block;
}

.product-details-area .product-details-content .product-share ul li a {
	color: #838694;
	margin-right: 14px;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}

.product-details-area .product-details-content .product-share ul li a:hover {
	color: #674df0;
}

.product-details-content-area .tab-btns .nav {
	flex-wrap: inherit;
	margin-top: -72px;
}

@media (max-width: 767px) {
	.product-details-content-area .tab-btns .nav {
		flex-wrap: wrap;
	}
}

.product-details-content-area .tab-btns .nav li a {
	padding: 0 60px;
	background-color: transparent;
	color: #fff;
	font-size: 20px;
	font-weight: 500;
	background: #674df0;
	border-radius: 0;
	line-height: 72px;
	margin-right: 10px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.product-details-content-area .tab-btns .nav li a {
		padding: 0 48px;
	}
}

@media (max-width: 767px) {
	.product-details-content-area .tab-btns .nav li a {
		padding: 0 20px;
		margin-bottom: 10px;
	}
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.product-details-content-area .tab-btns .nav li a {
		padding: 0 25px;
		margin-bottom: 0;
	}
}

.product-details-content-area .tab-btns .nav li a.active {
	background: #fff;
	color: #1b1f2e;
}

.product-details-content-area .product-details-content-top .product-details-thumb {
	padding-top: 58px;
}

.product-details-content-area .product-details-content-top .product-details-thumb img {
	width: 100%;
}

.product-details-content-area .product-details-content-top p {
	font-size: 18px;
	line-height: 36px;
	color: #838694;
	padding-top: 48px;
	padding-bottom: 45px;
}

.product-details-content-area .product-details-content-top ul li {
	line-height: 40px;
	color: #838694;
	font-size: 18px;
}

@media (max-width: 767px) {
	.product-details-content-area .product-details-content-top ul li {
		font-size: 16px;
	}
}

.product-details-content-area .product-details-content-top ul li i {
	color: #674df0;
	padding-right: 10px;
}

.product-details-content-area .product-details-item>p {
	font-size: 18px;
	line-height: 36px;
	color: #838694;
	padding-top: 47px;
	padding-bottom: 42px;
}

.product-details-content-area .product-details-item>p.text {
	padding-bottom: 0;
}

.product-details-content-area .product-details-item .item {
	padding-left: 90px;
	position: relative;
}

.product-details-content-area .product-details-item .item i {
	position: absolute;
	left: 0;
	top: 6px;
	height: 58px;
	width: 58px;
	background: #f0edfd;
	text-align: center;
	line-height: 58px;
	font-size: 30px;
	color: #674df0;
}

.product-details-content-area .product-details-item .item .title {
	font-size: 20px;
}

.product-details-content-area .product-details-item .item p {
	font-size: 18px;
	line-height: 36px;
	color: #838694;
	padding-top: 22px;
}

.product-details-content-area .product-details-sidebar .box {
	background: #f7f7f9;
	padding: 60px;
}

@media (max-width: 767px) {
	.product-details-content-area .product-details-sidebar .box {
		padding: 20px;
	}
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.product-details-content-area .product-details-sidebar .box {
		padding: 60px;
	}
}

.product-details-content-area .product-details-sidebar .product-details-info .info {
	position: relative;
	padding-left: 105px;
}

.product-details-content-area .product-details-sidebar .product-details-info .info img {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}

.product-details-content-area .product-details-sidebar .product-details-info .info .title {
	font-size: 20px;
}

.product-details-content-area .product-details-sidebar .product-details-info .info span {
	color: #674df0;
	padding-top: 7px;
}

.product-details-content-area .product-details-sidebar .product-details-info p {
	font-size: 18px;
	line-height: 36px;
	color: #838694;
	padding-top: 45px;
}

.product-details-content-area .product-details-sidebar .product-details-park .title {
	font-size: 24px;
	padding-bottom: 33px;
}

.product-details-content-area .product-details-sidebar .product-details-park img {
	width: 100%;
}

.product-details-content-area .product-details-sidebar .product-details-park>span {
	font-size: 20px;
	font-weight: 500;
	color: #1b1f2e;
	padding-top: 31px;
	padding-bottom: 9px;
}

@media (max-width: 767px) {
	.product-details-content-area .product-details-sidebar .product-details-park>span {
		font-size: 18px;
	}
}

.product-details-content-area .product-details-sidebar .product-details-park p {
	font-size: 18px;
	font-weight: 500;
	color: #674df0;
	padding-bottom: 30px;
}

.product-details-content-area .product-details-sidebar .product-details-park ul li {
	font-size: 18px;
	line-height: 36px;
	color: #1b1f2e;
}

.product-details-content-area .product-details-sidebar .product-details-park ul li span {
	color: #838694;
}

.product-details-content-area .product-details-sidebar .product-details-park a {
	width: 100%;
	margin-top: 27px;
}

.product-details-content-area .product-details-sidebar .product-details-park.item-2>span {
	padding-top: 0;
}

.product-details-content-area .product-details-sidebar .product-details-park.item-2 .title {
	padding-bottom: 25px;
}

.product-details-content-area .tab-content .tab-pane .faq-accrodion .accrodion {
	background: #f7f7f9;
}

.product-details-content-area .tab-content .tab-pane .faq-accrodion .accrodion.active .accrodion-inner {
	background: #674df0;
}

.product-details-content-area .tab-content .tab-pane .faq-accrodion .accrodion.active .accrodion-title h4 {
	color: #fff;
}

.product-details-content-area .tab-content .tab-pane .faq-accrodion .accrodion.active .accrodion-title::after {
	color: #fff;
}

.product-details-content-area .tab-content .tab-pane .faq-accrodion .accrodion .accrodion-title h4 {
	color: #1b1f2e;
}

.product-details-content-area .tab-content .tab-pane .faq-accrodion .accrodion .accrodion-title::before {
	color: #674df0;
}

.product-details-content-area .tab-content .tab-pane .faq-accrodion .accrodion+.accrodion {
	margin-top: 20px;
}

.product-details-content-area .tab-content .tab-pane .faq-accrodion .accrodion .accrodion-content .inner {
	padding-right: 30px;
}

.product-details-content-area .tab-content .tab-pane .product-details-updates .product-details-updates-top {
	margin-top: 52px;
	padding-bottom: 40px;
	border-bottom: 1px solid #e9e9ee;
}

.product-details-content-area .tab-content .tab-pane .product-details-updates .product-details-updates-top .title {
	font-size: 30px;
	padding-bottom: 22px;
}

@media (max-width: 767px) {
	.product-details-content-area .tab-content .tab-pane .product-details-updates .product-details-updates-top .title {
		font-size: 24px;
	}
}

.product-details-content-area .tab-content .tab-pane .product-details-updates .product-details-updates-top .info-updates .info img {
	margin-right: 24px;
}

.product-details-content-area .tab-content .tab-pane .product-details-updates .product-details-updates-top .info-updates .info span {
	font-size: 18px;
	color: #838694;
}

.product-details-content-area .tab-content .tab-pane .product-details-updates .product-details-updates-top .info-updates .info span span {
	color: #222;
	padding-left: 2px;
}

.product-details-content-area .tab-content .tab-pane .product-details-updates .product-details-updates-top .info-updates .info span span span {
	font-size: 16px;
	color: #674df0;
	padding-left: 10px;
}

.product-details-content-area .tab-content .tab-pane .product-details-updates .product-details-updates-top .info-updates .update span {
	font-size: 18px;
	color: #674df0;
}

@media (max-width: 767px) {
	.product-details-content-area .tab-content .tab-pane .product-details-updates .product-details-updates-top .info-updates .update span {
		margin-top: 20px;
	}
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.product-details-content-area .tab-content .tab-pane .product-details-updates .product-details-updates-top .info-updates .update span {
		margin-top: 0px;
	}
}

.product-details-content-area .tab-content .tab-pane .product-details-updates .product-details-updates-content {
	margin-top: 48px;
}

.product-details-content-area .tab-content .tab-pane .product-details-updates .product-details-updates-content p {
	font-size: 18px;
	line-height: 36px;
	color: #838694;
}

@media (max-width: 767px) {
	.product-details-content-area .tab-content .tab-pane .product-details-updates .product-details-updates-content p {
		font-size: 16px;
		line-height: 28px;
	}
}

.product-details-content-area .tab-content .tab-pane .product-details-updates .product-details-updates-content p.text {
	margin-top: 37px;
}

.product-details-content-area .tab-content .tab-pane .comment-one .comment-one__single .comment-one__image {
	min-width: 165px;
}

/* 为什么选择 */

.case__list-item {}

@media (max-width: 768px) {
	.case__list-item {
		overflow: hidden;
		padding: 0;
	}
}


.case__list-item .w {
	width: 100%;
}

@media (max-width: 768px) {
	.case__list-item .w {
		width: 100% !important;
	}
}

.case__list-item a .txt {
	width: 65%;
}

@media (max-width: 768px) {
	.case__list-item a .txt {
		width: 100% !important;
	}
}

@media (max-width: 768px) {
	.case__list-item a .txt .des {
		height: auto;
		width: 100%;
	}
}




/* 自定义内页标题 */
.diy-title {
	height: 50px;
	line-height: 50px;
	background-color: #eeeeee;
	margin: 15px 0;
}

@media (max-width: 768px) {
	.diy-title {
		height: 30px;
		line-height: 30px;
		background-color: #eeeeee;
		margin: 15px 0;
	}
}

.diy-title strong {
	display: inline-block;
	min-width: 160px;
	padding: 0 25px 0 30px;
	position: relative;
	font-size: 24px;
	color: #fff;
	background: #87cac0;
	color: #fff;
	position: relative;
	border-right: 5px solid #ffffff;
}

@media (max-width: 768px) {
	.diy-title strong {
		min-width: 120px;
		padding: 0 15px 0 15px;
		font-size: 18px;
	}
}

.diy-title strong::before {
	content: "";
	border-top: 25px solid transparent;
	border-right: 25px solid transparent;
	border-bottom: 25px solid #87cac0;
	border-left: 25px solid #87cac0;
	position: absolute;
	right: -50px;
	z-index: 1;
}

@media (max-width: 768px) {
	.diy-title strong::before {
		content: "";
		border-top: 15px solid transparent;
		border-right: 15px solid transparent;
		border-bottom: 15px solid #87cac0;
		border-left: 15px solid #87cac0;
		position: absolute;
		right: -30px;
		z-index: 1;
	}
}

.diy-title strong::after {
	content: "";
	border-top: 25px solid transparent;
	border-right: 25px solid transparent;
	border-bottom: 25px solid #ffffff;
	border-left: 25px solid #ffffff;
	position: absolute;
	top: 0;
	right: -55px;
	z-index: 0;
}

@media (max-width: 768px) {
	.diy-title strong::after {
		content: "";
		border-top: 15px solid transparent;
		border-right: 15px solid transparent;
		border-bottom: 15px solid #ffffff;
		border-left: 15px solid #ffffff;
		position: absolute;
		right: -35px;
		z-index: 0;
	}
}


/* 频道-全口解决方案 */
.c-qkjjfa-area { background: rgba(0, 0, 0, 0.35); background-image: url(../images/c-qkjjfa-area_bg.jpg) ; background-position:  center center; background-repeat: no-repeat; background-size: cover ;}

.c-qkjjfa-area .container {  }

@media (min-width: 1440px) {
	.c-qkjjfa-area .container {
		width: 1400px;
	}
}

.c-qkjjfa-area .c-qkjjfa-items .item {
	background: #85cbbf;
	overflow: hidden;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	height: 260px;
	overflow: hidden;
	border-radius: 5px;
  }

  
@media (max-width: 1200px) {
	.c-qkjjfa-area .c-qkjjfa-items .item {
		height: 460px;
	  }
}

@media (max-width: 992px) {
	.c-qkjjfa-area .c-qkjjfa-items .item {
		height: 420px;
	}
}

@media (max-width: 768px) {
	.c-qkjjfa-area .c-qkjjfa-items .item {
		height: auto;
		margin-bottom: 15px;
	}
}


  
  .c-qkjjfa-area.three-colum .c-qkjjfa-items .item {
	padding: 50px 30px;
	border-radius: 5px;
  }
  
  .c-qkjjfa-area .c-qkjjfa-items .item .thumb {
	background-size: cover;
	background-position: center center;
	height: 260px;
  }


  @media (max-width: 992px) {
	.c-qkjjfa-area .c-qkjjfa-items .item .thumb {
		height: 235px;
	}
}

@media (max-width: 768px) {
	.c-qkjjfa-area .c-qkjjfa-items .item .thumb {
		height: auto;
		background: none !important ;
		background: #ffffff !important;
	}
}

  .c-qkjjfa-area .c-qkjjfa-items .item .thumb {
	text-align: center;
	position: relative;
	overflow: hidden;
  }

  .c-qkjjfa-area .c-qkjjfa-items .item .thumb img{
	-webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
	transition: .3s all ease-in-out;
	max-width: 380px;
	width: 100%;
  }

  @media (max-width: 768px) {
	.c-qkjjfa-area .c-qkjjfa-items .item .thumb img{
		height: auto;
		width: 60%;
		margin-bottom: 15px;
	}
}

  .c-qkjjfa-area .c-qkjjfa-items .item .thumb a{
	text-align: center;
	position: relative;
	display: block;
	height: 260px;
	line-height: 260px;
  }




      
	@media (max-width: 992px) {
		.c-qkjjfa-area .c-qkjjfa-items .item .thumb a{
			text-align: center;
			position: relative;
			display: block;
			height: 235px;
		  }
	}


	@media (max-width: 768px) {
		.c-qkjjfa-area .c-qkjjfa-items .item .thumb a{
			height: auto;
 
		}
	}

  
  .c-qkjjfa-area .c-qkjjfa-items .item .footer {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 30px;
  }
  
  .c-qkjjfa-area .c-qkjjfa-items .item .info h4 {
	text-transform: capitalize;
	font-weight: 600;
	margin-bottom: 15px;
	font-size: 30px;
	color: #fff;
  }

  @media (max-width: 1440px) {
	.c-qkjjfa-area .c-qkjjfa-items .item .info h4 {
		font-size: 24px;
	  }
}

  @media (max-width: 768px) {
	.c-qkjjfa-area .c-qkjjfa-items .item .info h4 {
		font-size: 18px;
	  }
}

  .c-qkjjfa-area .c-qkjjfa-items .item .info h4 a{
 
	color: #fff;
  }
  
  .c-qkjjfa-area .c-qkjjfa-items .item .info li {
	display: block;
	margin-bottom: 10px;
	text-transform: uppercase;
	font-weight: 600;
	color: #fff;
	font-size: 14px;
  }

  .c-qkjjfa-area .c-qkjjfa-items .item .info li i{
	  margin-right: 8px;
  }

  
  .c-qkjjfa-area.three-colum .c-qkjjfa-items .item .info span {
	padding: 0;
	margin: 0;
  }
  
  .c-qkjjfa-area .c-qkjjfa-items .item .footer a {
	display: inline-block;
	margin: 0 5px;
  }
  
  .c-qkjjfa-area .c-qkjjfa-items .item .footer a.icon-btn {
	height: 42px;
	width: 42px;
	background: linear-gradient(90deg, rgba(12,184,182,1) 0%, rgba(11,145,144,1) 75%);
	line-height: 42px;
	color: #ffffff;
	border-radius: 50%;
  }
  
  .c-qkjjfa-area .c-qkjjfa-items .item .thumb .button {
	position: absolute;
	width: 100%;
	bottom: -10px;
  }
  
  .c-qkjjfa-area .c-qkjjfa-items .item .thumb .button > a {
	display: inline-block;
	background: linear-gradient(90deg, rgba(12,184,182,1) 0%, rgba(11,145,144,1) 75%);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	padding: 10px 35px;
	border-radius: 30px;
	color: #ffffff;
  }
  
	.c-qkjjfa-items .info {
		padding: 40px 30px;
		padding-right: 45px;
	}

    
	@media (max-width: 1200px) {
		.c-qkjjfa-items .info {
			padding: 30px 45px;
 
		}
	}

	@media (max-width: 768px) {
		.c-qkjjfa-items .info {
			padding: 10px 35px;
 
		}
	}

  
  .three-colum .c-qkjjfa-items .info {
	padding: 0;
	padding-right: 0;
	padding-top: 35px;
  }
  
  .c-qkjjfa-area .c-qkjjfa-items .item .info .bottom {
	display: flex;
	align-items: center;
	border-top: 1px solid #e7e7e7;
	margin-top: 15px;
	padding-top: 25px;
  }
  
  .c-qkjjfa-area .c-qkjjfa-items .item .info .bottom a.message {
	display: inline-block;
	background: #ffffff;
	color: #0cb8b6;
	height: 44px;
	width: 44px;
	text-align: center;
	line-height: 41px;
	border-radius: 50%;
	border: 2px solid;
  }
  
  .c-qkjjfa-area .c-qkjjfa-items .item .info .bottom a {
	margin-right: 10px;
  }
  
  .c-qkjjfa-area .c-qkjjfa-items .item .info h5 {
	font-size: 16px;
	margin-top: 20px;
  }
  
  .c-qkjjfa-area .c-qkjjfa-items .item .info strong {
	display: flex;
	justify-content: space-between;
	margin-top: 15px;
	font-weight: 600;
  }
  
  .c-qkjjfa-area .c-qkjjfa-items .item .info strong span {
	color: #232323;
  }
  
  .c-qkjjfa-items .info .consultation h5 span {
	display: inline-block !important;
	color: #232323 !important;
	font-weight: 500 !important;
  }
  
  .c-qkjjfa-area .c-qkjjfa-items .item .info .consultation h5 {
	margin-bottom: 0;
	margin-top: 15px;
  }

  .c-qkjjfa-area .c-qkjjfa-items .item:hover .thumb img{
	-webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }




  /* 联系方式2 */
.contact__information{}
.contact__information .t01 span {
	color: #000;
}

.contact__information .con1_xun {
	width: 98%;
	height: 200px;
	padding-top: 65px;
	border: #EEEEEE solid 1px;
	background: #fcfcfc;
	float: left;
	position: relative;
	margin: 85px 49px 30px 49px;
	margin-left: auto;
	margin-right: auto;
}
.contact__information .con1_xun .con1_xun_img {
	position: absolute;
	width: 100%;
	text-align: center;
	height: 100px;
	border-radius: 100px;
	top: -50px;
}

.contact__information .con1_xun .con1_xun_img .icon{
	width: 100px;
	height: 100px;
	border-radius: 100%;
	margin-left: auto;
	margin-right: auto;
	background: #85cbbf ;
	font-family: 'iconfont2';
	color: #fff;
	line-height: 80px;
	font-size: 36px;
	border: 10px solid #ade9e1;

	-webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;

}

.contact__information .con1_xun .con1_xun_title {
	font-size: 18px;
	width: 100%;
	color: #3b3b3b;
	line-height: 2em;
	text-align: center;
	margin-bottom: 15px;
}
.contact__information .con1_xun .con1_xun_zi {
	font-size: 15px;
	line-height: 23px;
	color: #3b3b3b;
	width: 100%;
	text-align: center;
}
.contact__information .con1_xun .con1_xun_zi img {
	margin-top: 7px;
	width: 100px;
	margin-right: 2.5px ;
	margin-left: 2.5px ;
}
.contact__information .con1_xun .con1_xun_text {
	padding: 0 1%;
}


.contact__information .con1_xun:hover  {
	box-shadow: 0 0 16px 5px #e9e9ea;
	-webkit-box-shadow: 0 0 16px 5px #e9e9ea;
    -moz-box-shadow: 0 0 16px 5px #e9e9ea;
    -ms-box-shadow: 0 0 16px 5px #e9e9ea;
    -o-box-shadow: 0 0 16px 5px #e9e9ea;

}


.contact__information .con1_xun:hover .con1_xun_img .icon{
	background: #ffb82a ;
	border: 10px solid #ffc341;
	-webkit-transform: rotate(360deg) scale(1.05);
    -moz-transform: rotate(360deg) scale(1.05);
    -ms-transform: rotate(360deg) scale(1.05);
    -o-transform: rotate(360deg) scale(1.05);

}


/*加入我们*/
.contact__join{
	background-color: black;
	background-image: url(../images/contact__join_bg.jpg);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size: cover;
	text-align: center;
}

.contact__join .title {
	padding-bottom: 5px;
	font-size: 30px;
	font-weight: normal;
	text-align: center;
	color: #fff;
	padding-bottom: 20px;
	text-transform: uppercase;
}

.contact__join i {
    display: block;
    width: 60px;
    height: 4px;
    line-height: 4px;
    margin: 0 auto;
    background: #ffcc00;
}

.contact__join .desc {
	padding-bottom: 0;
	margin: 0 auto;
	font-size: 16px;
	color: #fff;
	text-align: center;
	margin: 20px 0 40px;
}

.contact__join .btn {
	display: inline-block ;
	min-width: 128px;
	height: 50px;
	padding: 0;
	margin: 0 auto;
	font-size: 16px;
	line-height: 50px;
	color: #fff;
	background: transparent;
	border: 1px solid #fff;
	border-radius: 0;
	transition: all .2s;
	text-align: center;
	cursor: pointer;
	vertical-align: middle;
	padding-left: 15px;
	padding-right: 15px;
}

.contact__join .btn:hover {
	background: rgba(255, 255, 255, .1);
}





/* 移动端导航样式  */
  .hamburger {
    position: fixed;
    right: 20px;
    top: 25px;
    z-index: 1004;
    width: 25px;
    height: 20px;
    background: transparent;
    border: none;
    display: none
}

@media (max-width: 1180px) {
    .hamburger {
        display: block
    }
}

@media (max-width: 968px) {
    .hamburger {
        width: 20px;
        height: 16px;
        right: 20px;
        top: 27px
    }
}

@media (max-width: 668px) {
    .hamburger {
        top: 23px
    }
}

.hamburger:hover,
.hamburger:focus,
.hamburger:active {
    outline: none
}

.hamburger.is-closed:before {
    content: '';
    display: block;
    width: 100px;
    font-size: 14px;
    color: #333;
    line-height: 32px;
    text-align: center;
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-transition: all .35s ease-in-out
}

.hamburger.is-closed:hover:before {
    opacity: 1;
    display: block;
    -webkit-transform: translate3d(-100px, 0, 0);
    -webkit-transition: all .35s ease-in-out
}

.hamburger.is-closed .hamb-top,
.hamburger.is-closed .hamb-middle,
.hamburger.is-closed .hamb-bottom,
.hamburger.is-open .hamb-top,
.hamburger.is-open .hamb-middle,
.hamburger.is-open .hamb-bottom {
    width: 100%;
    height: 3px;
    position: absolute;
    left: 0
}

.hamburger.is-closed .hamb-top,
.hamburger.is-closed .hamb-middle,
.hamburger.is-closed .hamb-bottom {
    background-color: #fff
}

.scroll .hamburger.is-closed .hamb-top,
.scroll .hamburger.is-closed .hamb-middle,
.scroll .hamburger.is-closed .hamb-bottom {
    background-color: #333
}

.hamburger.is-closed .hamb-top {
    top: 0px;
    -webkit-transition: all .35s ease-in-out
}

.hamburger.is-closed .hamb-middle {
    top: 50%;
    margin-top: -2px
}

.hamburger.is-closed .hamb-bottom {
    bottom: 0px;
    -webkit-transition: all .35s ease-in-out
}

.hamburger.is-closed:hover .hamb-top {
    top: 0;
    -webkit-transition: all .35s ease-in-out
}

.hamburger.is-closed:hover .hamb-bottom {
    bottom: 0;
    -webkit-transition: all .35s ease-in-out
}

.hamburger.is-open .hamb-top,
.hamburger.is-open .hamb-middle,
.hamburger.is-open .hamb-bottom {
    background-color: #fff
}

.hamburger.is-open .hamb-top,
.hamburger.is-open .hamb-bottom {
    top: 50%;
    margin-top: -2px
}

.hamburger.is-open .hamb-top {
    -webkit-transform: rotate(45deg);
    -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.73, 1, 0.28, 0.08)
}

.hamburger.is-open .hamb-middle {
    display: none
}

.hamburger.is-open .hamb-bottom {
    -webkit-transform: rotate(-45deg);
    -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.73, 1, 0.28, 0.08)
}

.hamburger.is-open:before {
    content: '';
    display: block;
    width: 100px;
    font-size: 14px;
    color: #fff;
    line-height: 32px;
    text-align: center;
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-transition: all .35s ease-in-out
}

.hamburger.is-open:hover:before {
    opacity: 1;
    display: block;
    -webkit-transform: translate3d(-100px, 0, 0);
    -webkit-transition: all .35s ease-in-out
}

.overlay {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1000
}

.popup_search {
    width: 100%;
    background: rgba(255, 255, 255, 0.98);
    position: fixed;
    left: 0;
    top: 0;
    z-index: -999;
    display: none;
    transition: all .5s
}

.popup_search-inner {
    width: 100%;
    height: 100%;
    position: relative
}

.popup_search-top {
    padding-top: 31px
}

@media (max-width: 1470px) {
    .popup_search-top {
        padding-top: 21px
    }
}

@media (max-width: 668px) {
    .popup_search-top {
        padding-top: 17px;
        padding-right: 50px
    }
}

.popup_search-close {
    display: block;
    float: right;
    width: 38px;
    height: 38px;
    padding: 11px;
    border: none;
    border-radius: 100%;
    outline: 0;
    background: #208acc;
    transition: all .5s
}

.popup_search-close svg {
    width: 100%;
    height: 100%;
    color: #fff;
    transition: all .5s
}

.popup_search-close:hover {
    transform: rotate(90deg)
}

.popup_search-logo {
    max-width: 350px;
    margin: 0 auto 60px
}

@media (max-width: 1440px) {
    .popup_search-logo {
        max-width: 300px;
        margin-bottom: 30px
    }
}

@media (max-width: 668px) {
    .popup_search-logo {
        max-width: 200px;
        margin-bottom: 0
    }
}

.popup_search-logo svg {
    width: 100%;
    height: 60px;
    color: #333
}

.popup_search-box {
    width: 800px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -60%)
}

@media (max-width: 1180px) {
    .popup_search-box {
        width: 90%
    }
}

.popup_search-box form {
    display: block;
    width: 100%;
    position: relative
}

.popup_search-box form .btn1 {
    width: 100%;
    height: 70px;
    line-height: 70px;
    border: 1px solid #ddd;
    margin: 0;
    padding: 0 70px 0 20px
}

@media (max-width: 668px) {
    .popup_search-box form .btn1 {
        height: 50px;
        line-height: 50px
    }
}

.popup_search-box form .btn2 {
    display: block;
    width: 70px;
    height: 70px;
    padding: 20px;
    text-align: center;
    margin: 0;
    border: none;
    background: none;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2
}

@media (max-width: 668px) {
    .popup_search-box form .btn2 {
        width: 50px;
        height: 50px;
        padding: 15px
    }
}

.popup_search-box form .btn2 svg {
    width: 100%;
    height: 100%;
    color: #999;
    transition: all .5s
}

.popup_search-box form .btn2:hover svg {
    color: #208acc
}

.popup_search.on {
    z-index: 2000
}

.target-fix {
    position: relative;
    top: -70px;
    display: block;
    width: 100%;
    height: 1px;
    line-height: 1px;
    background: none;
    overflow: hidden;
    outline: 0;
    text-decoration: none;
    border: none
}

.target-fix:focus {
    outline: 0
}


/* <!--移动端导航开始--> */


/* 下载中心 */


table {
    border-spacing: 0;
    border-collapse: collapse
}

th {
    font-weight: 400
}

.g-table {
    font-size: 14px;
    width: 100%;
    margin-bottom: 20px
}

.g-table>thead {
    background-color: #f9f9f9;
    color: #2a2d44
}

.g-table>tbody {
    color: #666
}

.g-table td,
.g-table th {
    border: 1px solid #e4e8ec;
    height: 38px
}

.g-table th {
    text-align: left
}

.g-table td,
.g-table th {
    padding: 0 10px
}

.g-table td>div {
    word-break: break-all
}


.listCenter .container {

}

@media (min-width: 1440px) {
	.listCenter .container {
		width: 1400px;
	}
}



.listCenter .tab_head {
    margin-bottom: 27px;
    overflow: hidden;
    position: relative;
    height: 45px;
}
.listCenter .tab_head li {
    padding: 0 32px;
    font-size: 16px;
    line-height: 42px;
    border-bottom: 3px solid #e4e7ec;
    float: left;
    cursor: pointer;
}
.listCenter .tab_head .active {
    border-bottom: 3px solid #85cbbf;
}


.tab_list table td,
.tab_list table th {
	height: 45px;
	line-height: 45px;
}

.tab_list table a {
    color: #68c1eb
}


@media (max-width: 668px) {
 
    .tab_list table .td2 {
        display: none;
	}
	.tab_list table .td3{
		text-align: center;
		width: 60px;
	}
	.tab_list table .td3 span {
        display: none;
    }
}


/* 频道 下载中心 */
.c-download-area {  background: #eeeeee; }
.c-download-area  .tab_list table  { background:#ffffff; }
.c-download-area .btn {
	padding: 0; 
	display: block;
	margin: 0 auto;
	width: 155px;
    height: 45px;
    line-height: 43px;
    position: relative;
    border: 1px solid #000;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    text-align: center;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
	transition: all .5s; 
	margin-top: 30px;
}

.c-download-area .btn:hover {
    border-color: #85cbbf;
	background-color: #85cbbf;
	color: #fff;
}

/* 频道 why */
.c-wsmxz-area .btn {
	padding: 0; 
	display: block;
	margin: 0 auto;
	width: 155px;
    height: 45px;
    line-height: 43px;
    position: relative;
    border: 1px solid #000;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    text-align: center;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
	transition: all .5s; 
	margin-top: 30px;
}

.c-wsmxz-area .btn:hover {
    border-color: #85cbbf;
	background-color: #85cbbf;
	color: #fff;
}


/************************************************************************************************ MODULE pagination *************************************************************************************************/
.pagination{ display: block;}
.list_page{text-align:center;margin:10px;display:block; margin-top: 30px;}
.list_page:after{content:" ";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.list_page ul{list-style:none;margin:0;padding:0;display:inline-block;vertical-align:bottom;}
.list_page ul li{display:inline-block;border:solid 1px #ddd;border-radius:4px;}
.list_page ul a{color:#333;padding:8px 12px;line-height:18px;display:block;transition:all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;background:#fff;}
.page_group ul{border-right:solid 1px #ddd;border-radius:4px;}
.page_group ul li{border-right:none;border-radius:0;float:left;}
.page_group ul li:not(:first-child):not(:last-child){border-radius:0;}
.page_group ul li:first-child{border-radius:4px 0 0 4px;}
.page_group ul li:last-child{border-radius:0 4px 4px 0;}
.page_group ul .active a{background:#f3f3f3;border-radius:0;}