html body{ padding: 0; font-family: arial; color: #fff; background-color: #000; font-size: 12px;}
html body,ul,li,dl,h1,h2,h3,h4,h5,h6,dl,dt,dd,p{padding: 0;margin: 0; line-height: 1.7;}
ul{list-style: none;}
.clear{ clear:both; margin: 0; padding: 0; height: 0; font-size: 0;}
a{color: #fff;text-decoration: none;}
img{ border: 0 none; vertical-align: top;}
.clearfix:after{ content: ''; display: block; height: 0; clear: both; visibility: hidden;}
.fl{ float: left;}
.fr{ float: right;}
.pr{ position: relative;}
.ps{ position: absolute;}
.center{ text-align: center;}
.dn{ display: none;}
.cursor{ cursor: pointer;}
.w100{ width: 100%;}
input,select{-webkit-appearance: none; appearance: none; border-radius: 0; font-family: "微软雅黑"; color: #535353;}
/*.animate{ -moz-opacity: 0; opacity: 0; filter:alpha(opacity=0);}*/
.wapshow{ display: none;}

.bg1{ top: 0; left: 0;}
.nav{ padding: 3.5em 0 0 1.979%;}
.nav li{ float: left; font-weight: bold; padding-right: 3em;}
.language{ top: 3.75em; right: 2.5%; z-index: 10;}
.language h3{ font-weight: normal; cursor: pointer; padding-right: 15px; background: url(../images/language.png) no-repeat right center;}
.language ul{ display: none; background: rgba(255, 255, 255, 0.4);}
.language ul li{ padding: 0 7px;}
.language ul li:hover{ background: rgba(255, 255, 255, 0.3);}
.language ul li a{ display: block; padding: 0 13px 0 20px; text-align: right; height: 35px; line-height: 35px; font-size: 14px; color: #000; border-bottom: 1px solid rgba(255, 255, 255, .3);}
.language ul li.language_english a{ background: url(../images/english.png) no-repeat 15px center;}
.language ul li.language_french a{ background: url(../images/french.png) no-repeat 15px center;}
.language ul li.language_Spanish a{ background: url(../images/Spanish.png) no-repeat 15px center; border-bottom: 0;}
.top-logo{ top: 3.5em; right: 14%; width: 25.31%;}
.kv{ margin: 3em 6% 5em; width: 88%;}
.kv-btn{ display: block; width: 10.729%; height: 2.45em; line-height: 2.45em; text-align: center;}
.kv-btn1{ bottom: 4.9%; right: 17.19%; background: #fff; color: #000;}
.kv-btn2{ bottom: 4.9%; right: 5.57%; background: #000;}
.kv-icon{ display: block; width: 2.96%; bottom: 4.9%;}
.kv-fb{ left: 6.994%;}
.kv-sp{ left: 10.966%;}
.kv-tw{ left: 14.819%;}

#swiper1{ width: 100%; padding: 8.5em 0 0;}
.pagination {
  position: absolute;
  z-index: 20;
  bottom: -5%;
  width: 100%;
  text-align: center;
}
.swiper-pagination-switch {
  display: inline-block;
  width: 26px;
  height: 26px;
  border-radius: 26px;
  background: #fff; vertical-align: middle;
  margin: 0 5px;
  cursor: pointer;
}
.swiper-active-switch {
  background: none; border: 4px solid #fff;
}
.swiper-img{ float: left; width: 47.8125%; margin: 0 1.979% 0 1.458%;}
.swiper-img-wz{ left: 25.7%; width: 45.969%; bottom: 18%; color: #010101; text-align: center;}
.swiper-bg{ float: left; width: 39.89%; text-align: center;}
.swiper-bg .title{ font-size: 240%; line-height: 1.3; margin-bottom: 0.3em;}
.swiper-bg table{ width: 100%; border-collapse: collapse; background: url(../images/swiper-table-bg.png) repeat;}
.swiper-bg table td{ border: 1px solid #e20000; padding: 10px; color: #fff;}
.swiper-bg table thead td{ background: #ccc; color: #000; font-weight: bold;}
.prev1,.next1,.prev2,.next2,.prev4,.next4{ width: 4.843%; top: 35%; z-index: 20; cursor: pointer;}
.prev1{ left: 3%;}
.next1{ right: 3%;}
.prev2{ left: 2.4%; top: 42%;}
.next2{ right: 4.5%; top: 42%;}
.prev4{ left: 2%; top: 30%;}
.next4{ right: 2%; top: 30%;}

.bg3{ top: 13em;}
#swiper2,#swiper2 .swiper-slide{ width: 100%;}
.video{ margin: 9em 0 0;}
.video-bg{ margin: -2% 0 0 0; width: 44.84375%;}
.video-box{ width: 91.97%; height: 77%; overflow: hidden; top: 8%; left: 3.645%;}
.video-js{ width: 100%; height: 100%;}
.video .video-js .vjs-big-play-button{ display: none;}
.video-img{ cursor: pointer;}
.playbtn{ top: 50%; margin-top: -7.8%; left: 41.56%; width: 17.157%; cursor: pointer; z-index: 20;}
.video-wc{ display: none; width: 100%; height: 100%; top: 0; left: 0;}
.video-wc .video-js{ width: 100%; height: 100%;} 
.video-tit{ top: 0.85em; left: 2.135%; width: 39%; text-align: center; font-size: 180%; line-height: 1.3;}
.video-wz{ bottom: 8%; left: 2.135%; width: 27%; padding: 0 6%; text-align: center;}
.pagination2{ top: 50%; margin-top: -7%; right: 1.5%; width: 30px;}
.pagination2 .swiper-pagination-switch{ display: block; margin: 10px 4px;}
.pagination2 .swiper-active-switch{ margin: 10px 0;}

.bg4{ top: 0; padding-bottom: 20%;}
.bg4-left{ top: 32%; left: 12.5%; width: 23.07%; text-align: center;}
.bg4-tit{ font-size: 240%; line-height: 1.3; margin-bottom: 6%;}
.bg4-wz{}
.news-more{ width: 9%; float: right; margin: 10% 0 0;}
.news-more img{ width: 100%;}
.bg4-kuang{ top: 5.5em; right: 2.29%; width: 48.54%;}
#swiper3{ top: 9em; margin: 0 0 0 45.57%; width: 48.75%;}
#swiper3 img{ width: 100%;}
.pagination3{ bottom: 13%; left: 45.57%; width: 48.57%;}

.bg5{ padding: 7% 0;}
.bg5-img{ bottom: 0; left: 0;}
#swiper4{ width: 86.875%; padding-bottom: 10%;}
.imglist li{ float: left; position: relative; width: 48%; margin: 0 1%; box-sizing: border-box; -webkit-box-sizing: border-box;}
.imglist li .imgbox{ overflow: hidden; width: 100%;}
.imglist li .imgbox img{ transition: all .3s linear; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear;}
.imglist li .tit{ bottom: 0; left: 0; width: 96%; padding: 1% 2%; line-height: 1.3; background: url(../images/opacity-40.png) repeat; font-size: 150%; text-align: center;}
.imglist li:hover .imgbox img{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1);}
.pagination4{ bottom: 8%;}

/* 动画效果 */
.feature1,.feature2{ opacity: 0; -webkit-transform: translateY(40px); -ms-transform: translateY(40px); transform: translateY(40px); -webkit-transition: all .6s ease-in-out; transition: all .6s ease-in-out; }

.feature2 { -webkit-transition-delay: .3s; transition-delay: .3s; }

.animate .feature1,.animate .feature2{ opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }

/*详情页*/
.detail{ background: #f7f8f8;}
#master_flashnei{ width: 100%; height: 400px; background: url(../images/flash8.jpg) no-repeat center center;}
.center{ width: 1000px; margin: 0 auto; position: relative; z-index: 1;}
.flashnei{ height: 400px;}
#master_flashnei span{ color: #fff; font-size: 20px; font-weight: bold; display: block; text-transform: uppercase; position: absolute; bottom: 20px; right: 0;}
#master_menu{ position: absolute; top: 10px; left: 0; width: 100%; height: 90px; background: #e60020; z-index: 9; box-shadow: 3px 1px 10px #8c8c8c;}
.menu_logo{ position: absolute; top: -10px; left: 0; z-index: 500;}
#master_menu .nav{ right: 0; padding: 3em 0 0;}
#master_menu .nav ul li{ float: right;}
.position{ height: 90px; background: #fff;}
.positionson{ height: 90px;}
.positionson h2{ position: absolute; left: 0; top: 30px; color: #E60020; font-size: 30px; line-height: 1.1;}
.positionson p{ position: absolute; right: 0; top: 45px; color: #000; font-size: 12px; line-height: 1.1;}
.positionson p a{ color: #000;}
#master_body_nei{ padding-top: 5px; color: #666;}
.article_look_title{ padding: 15px 0; border-bottom: 1px solid #ccc;}
.article_look_title h1{ font-size: 12pt; text-align: center;}
.article_look_title p{ text-align: center; margin-top: 10px;}
.article_look_text{ text-align: left; font-size: 12px; color: #000; border-top: 1px solid #fff; padding: 30px 0; overflow: hidden;}
.article_look_text p{ margin-bottom: 10px;}
#ShareFixed{ width: 46px; height: 46px; position: absolute; right: 20px; top: 500px; z-index: 1;}
#master_foot{ padding: 20px 0; background: url(../images/foot.jpg) no-repeat center top; height: auto; border-top: 1px solid #F00;}
.foot_copr{ position: relative; z-index: 1;}
.foot_copr p{ color: #999; line-height: 25px; width: 780px; text-align: left;}
.foot_copr p.m1{ border-bottom: 1px solid #999;}
.foot_copr p a{ color: #999;}
.foot_copr img.img{ position: absolute; top: 7px; right: 0;}
#BackTop{ display: none; z-index: 9999; width: 50px; height: 50px; background: url(../images/daq_21.png) no-repeat; position: fixed; cursor: pointer; bottom: 20px; right: 20px;}

@media screen and (max-width: 1440px) {
	.swiper-pagination-switch{ width: 20px; height: 20px;}
	#swiper1{ padding: 7em 0 0;}
}
@media screen and (max-width: 1366px) {
	.swiper-bg table td{ padding: 5px;}
}
@media screen and (max-width: 1280px) {
	.kv-btn{ width: 15%;}
	.kv-btn1{ right: 24%;}
	.pagination2{ right: 1%;}
	.video-tit{ top: 0.25em;}
	.video-wz{ bottom: 6.5%;}
	.swiper-img-wz{ bottom: 15.5%;}
	.bg4-left{ width: 30.07%; left: 9%;}
}
@media screen and (max-width: 1120px) {
	.language{ top: 3.55em;}
	.top-logo{ right: 16%;}
	#swiper1{ padding: 0;}
	.swiper-img{ margin-top: 7em;}
	.swiper-bg{ margin-top: 3em;}
}
@media screen and (max-width: 1024px) {
	.kv-btn{ width: 20%;}
	.kv-btn2{ right: 2%;}
	.kv-btn1{ right: 24%;}
	.swiper-bg{ margin-top: 1em;}
	.swiper-img-wz{ width: 58.96%;}
	
	.center{ width: 100%;}
	#master_flashnei span{ right: 10px;}
	.positionson h2{ left: 2%;}
	.positionson p{ right: 2%;}
	.article_look{ margin: 0 5%;}
	#ShareFixed{ position: static; width: 90%; height: auto; margin: 0 5%; padding: 0 0 20px;}
	.foot_copr{ margin: 0 2%;}
	.foot_copr p{ width: 70%;}
	.foot_copr img.img{ width: 30%;}
}
@media screen and (max-width: 925px) {
	.top-logo{ right: 20%;}
	.language{ top: 3.35em;}
}
@media screen and (max-width: 768px) {
	.wapshow{ display: block;}
	.pcshow{ display: none;}
	.nav{ font-size: 140%; padding: 1.1em 0 0 1.979%;}
	.top-logo{ width: 31.6%; top: 2em; right: 22%;}
	.language{ top: 2em;}
	.kv{ width: 87%; margin: 1.45em auto 1.75em;}
	.kv-btn{ width: 21%;}
	.bg2-tit{ font-size: 230%; text-align: center; line-height: 1.3;}
	.bg2 .bg1{ top: 58%;}
	.swiper-img{ margin: 4% 0 0 8.88%; float: none; width: 77.86%; opacity: 1;-webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0);}
	.swiper-img-wz{ bottom: 18%; left: 22.7%;}
	.swiper-bg{ float: none; width: 85.86%; margin: 0 auto; opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0);}
	.swiper-pagination-switch{ width: 10px; height: 10px;}
	.swiper-active-switch{ width: 6px; height: 6px; border: 4px solid #fff;}
	.prev1,.next1{ top: 52%;}
	.prev1{ left: 2.26%;}
	.next1{ right: 2.26%;}
	.prev2{ left: 2.4%; top: 44.9%;}
	.next2{ right: 2.4%; top: 44.9%;}
	.prev4,.next4{ top: 25%;}
	
	.bg3{ top: 6em;}
	.video{ margin: 4em 0 0;}
	.video-bg{ width: 54.533%;}
	.video-box{ top: 14%; height: 74%;}
	.video-tit{ top: 1.2em; font-size: 200%;}
	.video-wz{ height: 3.55em; overflow: hidden; top: 87.5%; left: 4%; bottom: auto; width: 39%; padding: 0; font-size: 120%;}
	.pagination2{ width: 53.333%; top: 89%; left: 47%; margin: 0; text-align: left;}
	.pagination2 .swiper-pagination-switch{ display: inline-block; margin: 0 4px;}
	.pagination2 .swiper-active-switch{ margin: 0 4px;}
	
	.bg4{ margin-top: 4%;}
	.bg4-left{ width: 38%; left: 4%; top: 28%;}
	.bg4-tit{ font-size: 200%;}
	.news-more{ top: 46%; left: 36%; width: 3%;}
	.bg4-kuang{ top: 3em;}
	.img2-wz1{ width: 35.46%; left: 5.733%; top: 29%;}
	#swiper3{ top: 5.5em;}
	.pagination3{ bottom: 15%;}
	
	.bg5{ padding: 3% 0 10%;}
	#swiper4{ width: 95.73%;}
	.imglist li{ width: 46%; margin: 0 2%;}
	.imglist li .tit{ overflow: hidden; padding: 0 2%; font-size: 100%;}
	
	#master_menu .nav{ padding: 2em 0 0;}
	#master_menu .nav ul li{ padding-right: 1em;}
}
@media screen and (max-width: 640px) {
	.top-logo{ display: none;}
	.language{ top: 1.75em;}
	.kv-icon{ width: 6%;}
	.kv-tw{ left: 2%;}
	.kv-fb{ left: 8.6%;}
	.kv-sp{ left: 15%;}
	.nav li{ padding-right: 0.5em;}
	.kv-btn{ width: 25%;}
	.kv-btn2{ right: 3%;}
	.kv-btn1{ right: 29%;}
	.bg4{ padding-bottom: 25%;}
	
	.foot_copr p.m1{ display: none;}
	.foot_copr p.m2{ position: static; width: 80%; line-height: 1.5; margin: 0 10px 10px;}
	.foot_copr img.img{ position: static; width: 60%; display: block; margin-left: 7px;}
	#BackTop{ bottom: 10px; right: 10px;}
}
@media screen and (max-width: 530px) {
	.kv-btn{ width: 31%;}
	.kv-btn1{ right: 36%;}
	.news-more{ width: 4%;}
	.bg4-kuang{ top: 2em;}
	#swiper3{ top: 3.5em;}
}
@media screen and (max-width: 480px) {
	.bg2-tit{ font-size: 180%;}
	.imglist li .tit{ font-size: 100%;}
}
@media screen and (max-width: 425px) {
	.nav{ font-size: 100%;}
	.top-logo{ top: 1.5em;}
	.language{ top: 1.15em;}
	.kv-btn2{ width: 42%;}
	.kv-btn1{ right: 47%; width: 20%;}
	.bg2-tit{ font-size: 160%;}
	
	#master_menu .nav{ padding: 3em 0 0;}
	.positionson h2{ font-size: 20px; top: 40px;}
}
@media screen and (max-width: 360px) {
	
	
}
@media all and (min-width:0) {
	
}
@media \0screen {
	
}