html {
  -webkit-text-size-adjust: none;
  -webkit-font-smoothing: antialiased
}

body {
  font: normal 12px/180% 'Microsoft YaHei', 'pingfang SC', 'helvetica neue';
  color: #333;
}

*, *::after, *::before {
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
}

* {
  margin: 0;
  padding: 0;
  outline: 0;
  border: 0;
}

a:link, a:visited {
  color: #333;
  text-decoration: none;
}

a, img {
  -webkit-touch-callout: none;
}

a:hover {
  text-decoration: underline;
}

ol, ul, li {
  list-style: none;
}

em, i {
  font-style: normal;
}

input, select, textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  font-size: 100%;
}

button, input, optgroup, select, textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button, input[type=button], input[type=reset], input[type=submit] {
  cursor: pointer;
}


table {
  border-collapse: collapse;
  border-spacing: 0;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

/*clear*/

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

.clearfix:after {
  clear: both;
  overflow: hidden;
}

.clearfix {
  zoom: 1;
}

.g-ellipsis-1 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.g-ellipsis-2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.g-ellipsis-3 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.g-ellipsis-4 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}

/*header*/

.header {
  height: 35px;
  background: #fff;
}

.header span {
  float: left;
}

.header span img {
  margin-top: 2px;
}

.header em {
  float: right;
  line-height: 35px;
  font-family: \5B8B\4F53;
}

.header em a {
  margin: 0 6px;
}

.header em, .header em a:link, .header em a:visited, .header em a:hover {
  color: #666;
}



.w1000 {
  position: relative;
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
}

.w1200 {
  position: relative;
  width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.pc .no-pc, .phone .no-phone {
  display: none;
}

.phone .no-phone, .pc .no-pc {
  display: none;
}

#copyright {width:1200px;border-top:1px solid #f5f5f5;height:auto;margin:0 auto;padding: 33px 0;text-align:center;line-height:28px;color:#000;font-family:'SimSun';font-size:12px;}
#copyright p{line-height:100%;text-align:center;line-height:28px;}
#copyright a{color:#000;}
#copyright p.mt30 {margin-top:30px;position:relative;line-height:200%;}
#copyright #beian {position:absolute;right:220px;top:0px;}
#copyright p.mt30 span#kxwz {position:absolute;right:80px;top:0px;}
#copyright a {
  color: #000;
}

#wrap3d {
  width: 1200px;
  margin: 0 auto;
  position: relative
}

#showcase {
  /* position: absolute;
  left: 0; */
  width:1200px;
  height:560px;
  /* background: #16235e;
  background: -moz-linear-gradient(top, #16235e 0%, #020223 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #16235e), color-stop(100%, #020223));
  background: -webkit-linear-gradient(top, #16235e 0%, #020223 100%);
  background: -o-linear-gradient(top, #16235e 0%, #020223 100%);
  background: -ms-linear-gradient(top, #16235e 0%, #020223 100%);
  background: linear-gradient(to bottom, #16235e 0%, #020223 100%); */
  /* -webkit-box-shadow: 0 0 13px 5px #00dcff;
  -moz-box-shadow: 0 0 13px 5px #00dcff;
  box-shadow: 0 0 43px 30px #00dcff26;
  border-radius: 8px; */
  margin-top: 12px;
  visibility: hidden;
  /* border: 1px solid rgba(0, 251, 255, .31) */
}

.right-imgs-jiaohu {
  position: absolute;
  right: 0;
  top: 0;
  width: 180px;
}

.right-imgs-jiaohu .img-list li {
  margin-bottom: 4px;
}

.right-imgs-jiaohu h3 {
  position: relative;
  font: bold 24px 'Microsoft YaHei';
  color: #c40000;
  border-bottom: 2px solid #d8d8d8;
  margin-bottom: 15px;
  padding-bottom: 8px;
}
.right-imgs-jiaohu h3:after {
  position: absolute;
  left: 0;
  bottom: -3px;
  width: 48px;
  height: 4px;
  background: #b10201;
  content: ""
}

.cloud9-item {
  position: relative;
  display: inline-block;
  width: 240px;
  height: 384px;
  opacity: 0.98;cursor:pointer;
}

.cloud9-item:after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .2);
  content: ""
}
.cloud9-item.active:after {
  display: none;
}

.cloud9-item.active .h5-mask{
  background: transparent;
}

.cloud9-item.active.show-code .h5-mask {
  display: block;
  background: #000;
  background: rgba(0, 0, 0, .7);
}
.cloud9-item.active.show-code .code {
  display: inline-block;
}
.cloud9-item.active.show-code p {
  display: block
}

.cloud9-item .img-h5bg {
  width: 100%;
  height: 100%;cursor:pointer;
}
.cloud9-item.active .img-h5bg {
    transition: all .3s ease;
}
.cloud9-item.active .img-h5bg:hover {
    transform: scale(1.4);
}

.right-imgs-jiaohu .img-list li a {
  color: #000;
  font: normal 14px SimSun;
}
.right-imgs-jiaohu .img-list li p {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

#showcase img {
  cursor: pointer
}

#item-title {
  color: #f31414;
  font-size: 29px;
  letter-spacing: .13em;
  text-shadow: 1px 1px 6px #c72b2b;
  text-align: center;
  margin-top: 30px;
  margin-bottom: 22px
}

.nav-arrow {
  text-align: center
}

.nav-arrow >button {
  width: 64px;
  height: 36px;
  color: #666;
  font: 700 16px arial;
  text-decoration: none;
  text-align: center;
  margin: 5px;
  text-shadow: 0 1px 0 #f5f5f5;
  background: #f6f6f6;
  border: solid 2px rgba(0, 0, 0, .4);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 9px 1px rgba(0, 0, 0, .4);
  -moz-box-shadow: 0 0 9px 1px rgba(0, 0, 0, .4);
  box-shadow: 0 0 9px 1px rgba(0, 0, 0, .4);
  cursor: pointer
}

.nav-arrow>button:active,
.nav-arrow>button.down {
  background: #dfdfdf;
  border: solid 2px rgba(0, 0, 0, .6);
  box-shadow: none
}

.cloud9-item.active .h5-mask {
  display: none;
}

#wrap3d .swiper-button {
  height: 71px;
  position: absolute;
  top: 0;
  bottom: 30px;
  margin: auto;
  cursor: pointer;
  z-index: 999;
}
#wrap3d .swiper-button-next {
  right: -50px;
  transform: rotate(180deg);
}
#wrap3d .swiper-button-prev {
  left: -50px;
}
.white,.white a:link,.white a:visited,.white a:hover{color:white;}
.linksbg{overflow:hidden;background:#f7f7f7; padding:50px 0 20px  0;text-align:center; width:100%; min-width:1200px;}
footer{width:1200px;border-top:1px solid #d5d5d5;height:auto;margin:0 auto;padding-top:10px;text-align:center;height:auto;line-height:28px;color:#000;font-family:'SimSun'}footer p{margin-top:22px;line-height:100%}
footer p span.xian{color:#d8d8d8}
footer p.mt30{margin-top:30px;position:relative;line-height:200%}
footer p.mt30 span#beian{position:absolute;right:220px;top:0px}
footer p.mt30 span#kxwz{position:absolute;right:80px;top:0px}
footer a:link,footer a:visited,footer a:hover{color:#000}
.top_nav{overflow:visible;}
.top_nav div{overflow:visible;}
.top_nav { height:60px;}
.top_nav div.fl{ width:1035px;overflow:hidden;}
.top_nav div.fr{ width:160px;overflow:hidden;text-align:right;}
.top_nav{ background:#e60012; height:60px;}
.top_nav div{ font: normal 14px/60px "SimSun"}
.top_nav div a{ padding:0 8px;}
.white,.white a:link,.white a:hover,.white a:visited{ color:#fff;}
.p_search{width:210px;height:80px;border:1px solid #f5f5f5;position:absolute;z-index:99999;background:#fff;padding:10px;right:0px;top:45px;display:none}
.p_search input.people_input{width:200px;height:26px;color:#d0d0d0;border:1px solid #d0d0d0;line-height:26px;padding-left:10px}
.p_search input.people_button_sub{border:none;width:96px;height:29px;background:#e70012;border:none;color:#fff;font-size:14px;text-align:center;padding:0}
.p_search input.people_input{margin-bottom:10px}
.p_search p.tc{text-align:center;}

.p_login{width:260px;height:auto;border:1px solid #f5f5f5;position:absolute;z-index:99999;top:55px;right:10px;background:#fff;margin-top:5px;padding:10px 20px;display:none}
.p_login p{margin:3px 0;color:#000;}
.p_login p a:link,.p_login p a:hover,.p_login p a:visited{color:#000;}
.p_login p a.red{color:#900}
.p_login p input,.p_search input.people_input{width:200px;height:26px;color:#d0d0d0;border:1px solid #d0d0d0;line-height:26px;padding-left:10px}
.p_login input.people_button_sub{border:none;width:96px;height:29px;background:#e70012;border:none;color:#fff;font-size:14px;text-align:center;padding:0}
.p_login p.tc{text-align:center; }
.p_login p{ font-size:12px; line-height:26px;}
.logo_line { padding:30px 0 25px 0;}
.mt40{margin-top:40px;}
.mt30{margin-top:30px;}
.logo_line .fl{ font-family:"\5FAE\8F6F\96C5\9ED1"; font-size:30px; color:#e40011; padding-top:10px}
.logo_line .fl img{ vertical-align:middle; margin-right:10px;}
.logo_line .fr{ padding-top:15px;}
.logo_line .fr input.jianso_t { width:265px ; height:33px; border:1px solid #ebebeb; float:right; padding-left:10px; color:#ccc; font-size:12px;}
.logo_line .fr input{ float:right;}
.logo_line .fr input.jianso_t{ line-height:33px;}
.logo_line img{ float:left; margin-right:10px; vertical-align:middle}
.logo_line span{ float:left; background:#e00011; font-family:"\5FAE\8F6F\96C5\9ED1";font-size:30px;color:#fff;padding:0 5px; line-height:35px; height:35px; margin-top:8px}
.logo_line span a:link,.logo_line span a:visited{color:#fff;}
.pd_nav {width:1200px;background:#e00011;height:50px;line-height:50px;font-size:16px;font-family:"\5FAE\8F6F\96C5\9ED1";text-align:center}
.pd_nav a{ margin:auto 10px;}
.jsnew_line{margin-top:20px;}
.jsnew_line span{float:left;background:#f7f7f7;line-height:40px;height:40px;text-align:center;padding:0 25px;font-size:14px;color:#7a7a7a;}
.jsnew_line div{float:left;width:1094px;height:39px;border:1px solid #ebebeb;line-height:38px;padding:0 15px;font-size:14px;}
.jsnew_line div a{ margin:auto 5px;}
.jsnew_line span a:link,.jsnew_line span a:hover,.jsnew_line span a:visitied{color:#7a7a7a;}
.lujing{ border-bottom:3px solid #efefef; width:100%; height:60px; line-height:60px;font-size:14px;}
.lujing a{ margin:0 5px;}
.list_16 li{background:url(/img/MAIN/2016/11/116906/images/dot.gif) no-repeat 5px 16px;height:32px;padding-left:15px;font-size:16px;line-height:32px;overflow:hidden;}
.list_16 li em{font-size:12px;color:#999;line-height:32px;height:32px;float:right;padding-right:16px;}
.ej_list_box{margin-top:20px;}
.ej_list_box .line1{margin:20px auto;}
.ej_list_box .line1{width:100%;height:1px;overflow:hidden;background:#dddddd;}
.page_n{text-align:center;padding:30px 0 50px 0;}
.page_n a{border:#dddad2 1px solid; background:#f7f6f3; padding:10px 15px; margin:0 5px;}
.page_n a:hover{ background:#cc3333; color:#fff; text-decoration:none;}
.p8_1 {position:relative;margin-top:20px;}
.p8_1 li span{position:absolute;left:0;bottom:0px;width:100%;height:40px;line-height:40px;font-size:16px;color:#fff;text-align:center;background:rgba(0, 0, 0, 0.6);}
.roundabout-holder{width:900px;height:640px;margin:0px auto;}
.roundabout-moveable-item{width:370px;height:640px;cursor:pointer;}
.roundabout-moveable-item img{width:100%;height:100%;}
.next{background:url(/img/MAIN/2022/04/121396/images/right.png) no-repeat;width:39px;height:77px;z-index:9999;position:absolute;top:238px;right:0;cursor:pointer;}
.prev{background: url(/img/MAIN/2022/04/121396/images/left.png) no-repeat;width:39px;height:77px;z-index:9999;position:absolute;top:238px;left:0;cursor:pointer;}