@charset "UTF-8";

body { font-family: SimHei, Arial, sans-serif; margin: 0 !important;}
img{vertical-align: bottom;}

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  line-height: 1;
  margin-bottom: 0;
}

p {
  margin-top: 0;
  margin-bottom: 0;
}

address {
  margin-bottom: 1.125rem;
  font-style: normal;
  line-height: inherit;
}

ul, ol, dl {
  margin: 0;
  padding: 0;
  list-style: none;
}

blockquote {
  margin: 0 2.875em 1.125em 2.875em;
}

small {
  font-size: 62.5%;
}

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -.375em;
}

sup {
  top: -.5em;
}

a {
  color: inherit;
  text-decoration: none;
}

i {
  font-style: inherit;
}

img {
  vertical-align: middle;
  border: 0 none;
}

table {
  width: 100%;
  border-collapse: collapse;
}

th {
  text-align: inherit;
}

input {
  padding: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
  background-color: inherit;
  border: 0 none;
  outline: 0 none;
}

button {
  margin: 0;
  padding: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
  background-color: inherit;
  border: 0 none;
  cursor: pointer;
}

textarea {
  padding: .375em .625em;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
  overflow: auto;
  resize: vertical;
}

hr {
  height: 1px;
  background: #eee;
  border: 0 none;
}

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

*:focus {
  outline: 0 none;
}

.container {
  max-width: 1500px;
  margin-left: auto;
  margin-right: auto;
}

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

.clearfix:after {
  clear: both;
}

.pic {
  margin: 0 0 1.125em;
}

.pic img {
  width: 100%;
}

figure {
  margin: 0;
}

figure img {
  width: 100%;
}


.left {
  float: left;
}

.right {
  float: right;
}
/*IEtips ie*/
.IEtips{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000000; background: rgba(0,0,0,1); display: none;}
.IEtips_Box{ width: 1000px; background: #FAFAFA; height: 500px; position: absolute; left: 50%; top: 50%; margin: -250px 0 0 -500px;}
.IEtips .Browser{ margin-top: 35px;}
.IEtips .IEtips_title{ font-size: 36px; width: 80%; margin: 0 auto; padding-top: 35px;}
.IEtips .Browser ul{ overflow: hidden; text-align: center; width: 80%; margin: 0 auto;font-size: 0;}
.IEtips .Browser ul li{ margin: 0 40px; text-align: center; width: 120px;display: inline-block;vertical-align: top;}
.IEtips .Browser ul li img{ width: 100px; margin: 0 auto;}
.IEtips .Browser ul li a, .IEtips .Browser ul li span{ display: block; margin-top: 25px; color: #2570e1; font-size: 16px; transition: all .5s; -webkit-transition: all .5s;}
.IEtips .Browser ul li a:hover{ color: #800886;}
.IEtips .brn_off{ background: url(../images/brn_off.png); height: 32px; width: 32px; position: absolute; top: 5px; right: 5px; cursor: pointer;}

/* ***** 页面公共部分 ***** */
/* 头部导航栏 */
header { position: fixed; top: 0; left: 0; width: 100%; height: 80px; background: rgba(255,255,255, 0.8); transition: all .3s; z-index: 3000; }
.no-rgba header { background: #000; }
header .logo { margin-top: 10px; transition: all .3s; }
header .logo img {  height: 60px; transition: all .3s; }
header nav { margin-top: 25px; transition: all .3s; }
header .nav-item { position: relative; float: left; margin-right: 45px; font-size: 15px; text-align: center; }
header .nav-item.current > a { color: #f5bc00; }
header .nav-item:hover > a { color: #f5bc00; }
header .nav-item:hover .sub-nav-list { margin-top: 15px; opacity: 1; visibility: visible; }
header .nav-item > a { display: block; color: #333; line-height: 30px; transition: all .2s; }
header .nav-item > a:hover { color: #f5bc00; }
header .nav-item > a.active{color: #f5bc00; }
header .sub-nav-list { position: absolute; top: 100%; left: -30px; right: -30px; margin-top: 25px; padding-top: 20px; padding-bottom: 20px; background: #fff; opacity: 0; visibility: hidden; transition: all .3s; }
header .sub-nav-list:before { content: ''; position: absolute; top: 0; left: 50%; width: 28px; height: 4px; margin-left: -14px; background: #f5bc00; }
header .sub-nav-item { position: relative; line-height: 35px; color: #666; cursor: pointer; transition: all .3s; z-index: 1; }
header .sub-nav-item:hover { color: #fff; }
header .sub-nav-item:hover:before { transform: none; }
.no-csstransforms header .sub-nav-item:hover:before { visibility: visible; }
header .sub-nav-item:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #f5bc00; transition: all .3s linear; transform: scale(0, 1); z-index: -1; }
.no-csstransforms header .sub-nav-item:before { visibility: hidden; }
header .contact { margin-top: 32px; transition: all .3s; }
header .contact-item { position: relative; display: block; float: left; width: 21px; height: 16px; margin-left: 25px; background: no-repeat center; transition: background .2s; }
header .contact-item.sina { background-image: url("../images/sina.png"); }
header .contact-item.sina:hover { background-image: url("../images/sina_h.png"); }
header .contact-item.wx { background-image: url("../images/wx.png"); }
header .contact-item.wx:hover { background-image: url("../images/wx_h.png"); }
header .contact-item:hover .contact-2wm { margin-top: 20px; opacity: 1; visibility: visible; }
header .contact-2wm { position: absolute; top: 100%; right: 0; width: 120px; height: 120px; margin-top: 30px; margin-right: -5px; padding: 5px; background: #fff; border: 1px solid #eee; border-radius: 5px; box-shadow: 1px 1px 3px 1px #aaa; opacity: 0; visibility: hidden; transition: all .5s; }
header .contact-2wm:before { content: ''; position: absolute; right: 5px; bottom: 100%; margin-left: -8px; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #fff; z-index: 2; }
header .contact-2wm:after { content: ''; position: absolute; right: 4px; bottom: 100%; margin-top: -1px; margin-left: -9px; border-left: 9px solid transparent; border-right: 9px solid transparent; border-bottom: 9px solid #aaa; z-index: 1; }
header .contact-2wm img { width: 100%; }
header .nav-menu-btn { display: none; }

.navbar-overlay { display: none; }

/* 首页banner */
.home-banner { position: relative; }
.home-banner .carousel-item { color: #fff; text-align: center; line-height: 1; }
.home-banner .carousel-item.ani .desc { transform: scale(0.86); transform-origin: center 120%; transition: all 1.6s; }
.home-banner .carousel-item.current .desc { transform: none; transition: transform 5.5s linear; }
.home-banner .carousel-item.current .en, .home-banner .carousel-item.current .zh, .home-banner .carousel-item.current .small { transform: none; opacity: 1; }
.home-banner .carousel-item.current .en b { top: 0; opacity: 1; transition-property: top, opacity; transition-duration: .6s; }
.home-banner .carousel-item .desc { position: relative; display: table; background: no-repeat center center; z-index: 1; transform: scale(1.08); }
.no-backgroundsize .home-banner .carousel-item .desc { background: none !important; }
.home-banner .carousel-item .desc.ww { background-size: 100% auto; }
.no-backgroundsize .home-banner .carousel-item .desc.ww .carousel-bg { width: 100%; }
.home-banner .carousel-item .desc.hh { background-size: auto 100%; }
.no-backgroundsize .home-banner .carousel-item .desc.hh .carousel-bg { height: 100%; }
.home-banner .carousel-item .desc-cell { display: table-cell; vertical-align: middle; }
.home-banner .carousel-item .carousel-bg { display: none; }
.no-backgroundsize .home-banner .carousel-item .carousel-bg { position: absolute; left: 0; bottom: 0; display: block; z-index: -1; }
.home-banner .carousel-item .en { margin: 0; font-family: Arial, sans-serif; font-weight: bold; font-size: 56px; text-transform: uppercase; opacity: 0; transform: translate(0, -1em); transition: all 1s .5s; }
.home-banner .carousel-item .en b { position: relative; top: -56px; opacity: 0; transition-duration: 0s; }
.home-banner .carousel-item .zh { margin-top: 20px; font-size: 26px; opacity: 0; transform: translate(0, 1em); transition: all 1s .5s; }
.home-banner .carousel-item .small { position: relative; display: inline-block; margin-top: 80px; font-family: Arial, sans-serif; font-size: 12px; text-transform: uppercase; opacity: 0; transition: all .8s .5s; }
.home-banner .carousel-item .small:before, .home-banner .carousel-item .small:after { content: ''; position: absolute; top: 50%; width: 8px; height: 1px; background: #fff; }
.home-banner .carousel-item .small:before { left: -20px; }
.home-banner .carousel-item .small:after { right: -20px; }
.home-banner .slick-dots { bottom: 68px; line-height: 10px; }
.home-banner .slick-dots:before { content: ''; position: absolute; left: 50%; bottom: -15px; margin-left: -50px; width: 100px; height: 1px; background: rgba(255, 255, 255, 0.5); }
.no-rgba .home-banner .slick-dots:before { background: #fff; }
.home-banner .slick-dots li { width: 10px; height: 10px; margin-left: 5px; margin-right: 5px; background: url("../images/transparent.png"); border: 1px solid #fff; border-radius: 50%; }
.home-banner .slick-dots li.slick-active { background: #fff; }
.home-banner .scroll-down { position: absolute; left: 50%; bottom: 10px; margin-left: -16px; width: 32px; height: 32px; background: url("../images/hm-scrolldown.png") no-repeat center center; cursor: pointer; animation: scroll_down 2s infinite linear; z-index: 10; }

@keyframes scroll_down { 0% { transform: translate(0, -50%); opacity: 0; }
  5% { opacity: 0; }
  40% { transform: translate(0, -10%); opacity: 1; }
  60% { transform: translate(0, 10%); opacity: 1; }
  95% { opacity: 0; }
  100% { transform: translate(0, 50%); opacity: 0; } }
/* 首页公用部分 */
.hm-common { position: relative; }
.hm-common .hm-title { font-size: 30px; font-weight: normal; color: #f5bc00; }
.hm-common .hm-desc { width: 80%; margin-left: auto; margin-right: auto; line-height: 2; }
.hm-common .hm-details { display: inline-block; width: 100px; margin-top: 30px; line-height: 36px; font-size: 12px; font-family: Arial, sans-serif; text-transform: capitalize; background: url("../images/hm-details.png") no-repeat right bottom; transition: all .5s; }
.hm-common .hm-details:hover { margin-left: 20px; padding-right: 20px; color: #f5bc00; background-image: url("../images/hm-detailsh.png"); }
.hm-common .hm-scrolldown2 { position: absolute; left: 50%; bottom: 60px; width: 50px; height: 28px; margin-left: -25px; background: url("../images/hm-scrolldown2.png") no-repeat center center; cursor: pointer; z-index: 10; }
.hm-common .hm-scrolldown2:hover { animation: scroll_down 2s infinite linear; }

.cy-table { display: table; width: 100%; height: 100%; }

.cy-table-cell { display: table-cell; width: 100%; height: 100%; vertical-align: middle; }

.hm-common-ornament { position: relative; width: 28%; height: 100%; overflow: hidden; }
.hm-common-ornament span { position: absolute; left: 30px; bottom: 50px; color: #fff; font-size: 12px; font-family: "Times New Roman", sans-serif; line-height: 2; text-transform: capitalize; }
.hm-common-ornament span:before { content: ''; position: absolute; top: 0; left: 0; width: 30px; height: 1px; background: #fff; }


.fp-nav { position: fixed; top: 50%; right: 5%; z-index: 100; }
.fp-nav li { position: relative; width: 30px; height: 30px; }
.fp-nav a { position: absolute; top: 13px; left: 0; right: 0; bottom: 13px; background: #ebebeb; transition: all .5s; }
.fp-nav a.active { margin-left: -10px; margin-right: -20px; background: #f5bc00; }

/*------------------底部------------------*/
.section6 .fp-tableCell{vertical-align: bottom;}
.section6{
	background: #2C2C2C;
}

.footer_t{
	
	height:auto;
	overflow: hidden;
}
.footer_r{
	padding: 30px 0 10px 0;
	text-align: center;
	float:right;
	width:310px;
	border-left:1px solid #999 ;
}
.footer_r  a{
	cursor: pointer;
	margin: 20px 5px 0 5px;
	display: inline-block;
	width:40px;
	height:40px;
	border-radius: 50%;
	background: #333333;
	line-height: 40px;
}
.footer_r  a span{
	color:#999;
}
.footer_r  a:hover{
	background: #fff;
}
.footer_r  a:hover span{
	color:#f5bc00;
}
.footer_l{
	padding: 30px 0 10px 0;
	margin-right: 310px;
}
.footer_l dl{
	float:left;
	width:calc(100%/6);
	text-align: left;
}
.footer_l dl dt{
	color:#fff;
	margin-bottom: 20px;
}
.footer_l dl dd{
	margin-left: 0;
	font-size: 14px;
	color:#999;
	line-height: 35px;
}
.footer_b{
	margin-top: 60px;
	border-top:1px solid #999;
  line-height: 50px;
  height:50px;
  color:#999;
  font-size: 14px;
}
.footer_b_l{
	float:left;
}
.footer_b_r{
	float:right;
}

.phfootbp{
	padding:10px 0 ;
	background: #2C2C2C;
	color:#999;
	line-height: 20px;
}


@media  (min-width: 641px) {
	.phfoot{display: none;}
	.section6{padding-top: 100px;height: auto!important;}
	.section6 .fp-tableCell{display: block!important;height: auto!important;}
}
@media  (max-width: 640px) {
	.pcfoot{display: none;}
	header .sub-nav-item a{display: block;width:100%;height:100%;}
}