body,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,th,td,p,blockquote,pre,form,
fieldset,legend,input,button,textarea,hr{margin:0;padding:0;}
li{list-style:none;text-align:left}
body{background:#c3006d;text-align:center;font:12px/1.5 SimSun,SimHei,Arial,Tahoma,Helvetica,san-serif;}
img{border:none;vertical-align: bottom}
a{text-decoration: none;}
a,a:link,a:visited{color: #000;}
a:hover,a:active{color: #000;text-decoration: underline;}
.fl{float:left}
.fr{float:right}
.ml{margin-left:28px}
.mt{margin-top:10px}
.mt4{margin-top:40px}
.f12{font-size:12px}
.f14{font-size:14px}
.f16{font-size:16px}
.f0{font-size:0}
.w100{width:100%}
.cl{clear:both}
.tl{text-align:left}
.tr{text-align:right}
.hide{display:none}
.more1{margin-top:1px;font-size:14px;float:right;color:#fe0000}
.more2{margin-top:26px;float:right}
.more3{margin-top:6px;float:right}
.more1 a,.more1 a:link,.more1 a:visited{color:#fe0000}
.mid{width:1000px;margin:0 auto}
.hide,.mobShow{display:none}
.ov{overflow: hidden}

.bottom{
  width:100%;
  color: #000;
  padding-top: 20px;
  line-height: 26px;
  background-color: #fff;
}
.bottom a,.bottom a:link,.bottom a:visited{color: #000}

.top1
{
  height: 440px;
  background: url(../images/top1.jpg) no-repeat center top;
}
.top2
{
  height: 322px;
  background: url(../images/top2.jpg) no-repeat center top;
}
.nav
{
  width: 210px;
  position: absolute;
  top: 200px;
  left: 50%;
  margin-left: 500px;
}
.nav_item
{
  width: 156px;
  height: 42px;
  -webkit-transform:skew(-20deg);
  -moz-transform:skew(-20deg);
  -o-transform:skew(-20deg);
  -ms-transform:skew(-20deg);
  transform: skew(-20deg);
  background-color: #e94351;
  color: #fff;
  line-height: 42px;
  font-size: 20px;
  margin-top: 2px;
}
.nav_item > span
{
  display: inline-block;
  -webkit-transform:skew(20deg);
  -moz-transform:skew(20deg);
  -o-transform:skew(20deg);
  -ms-transform:skew(20deg);
  transform: skew(20deg);
}
.nav_item:nth-child(1){
  margin-left: 50px;
  background-color: #01caaa;
}
.nav_item:nth-child(2){
  margin-left: 33px;
}
.nav_item:nth-child(3){
  margin-left: 17px;
}
.nav_item a,.nav_item a:link,.nav_item a:visited{
  color:#fff
}

.containers{
  /*height: 1060px;*/
  height: 540px;
  background: url(../images/pic02.jpg) no-repeat center top;
}
.container2{
  height: 420px;
  background-color: #fff;
}

.thumblist li{
  background-color: #97ccff;
  margin-bottom: 18px;
  overflow: hidden;
}
.thumblist li img{
  margin-right: 15px;
  float: left;
}
.thumblist li p{
  font-size: 18px;
  margin-top: 20px;
}
.play{
  width: 76px;
  height: 76px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
}
.container3{
  width: 1020px;
  background-color: #eef7ff;
  padding: 0 90px 30px;
}



.down-arrow {
  display :inline-block;
  position: relative;
  width: 60px;
  height: 30px;
}
.down-arrow::after {
  display: inline-block;
  content: " ";
  height: 30px;
  width: 30px;
  border-width: 0 2px 2px 0;
  border-color: #3b8ede;
  border-style: solid;
  transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
  transform-origin: center;
  transition: transform .3s;
}
.vidhead
{
  height: 96px;
  border-bottom: 1px solid #fff;
}
.vidleft
{
  width: 410px;
  margin: 40px 70px 0 0;
  font-family: simhei;
  float: left;
}
.vidtit{
  color: #fff;
  text-align: left;
  height: 64px;
  line-height: 64px;
  white-space: pre;
}
.vidtitle{
  font-size: 30px;
  line-height: 40px;
  text-align: left;
  color: #fff;
  margin-top: 20px;
}
.vidpics{
  width: 410px;
  height: 100px;
  padding-top: 15px;
  margin-top: 10px;
  background-color: #fff;
}
.vidbtn{
  width: 122px;
  height: 38px;
  line-height: 38px;
  font-size: 20px;
  margin-top: 10px;
  background-color: #ff7575;
  color: #fff;
  border-radius: 30px;
}
.vidpics li{
  width: 33.3%;
  text-align: center;
  float: left;
}
.vidright
{
  position: relative;
  margin-top: 40px;
}
.kphead{
  height: 86px;
  border-bottom: 1px solid #eb4259;
}
.kpimgs{
  margin-top: 70px;
}
.kpimgs li{
  width: 20%;
  text-align: center;
  float: left;
}
.gyitem{
  width: 450px;
  min-height: 610px;
  background-color: #fff;
  margin-top: 40px;
}
.gyitem span
{
  display: inline-block;
  font-size: 20px;
  line-height: 48px;
  color: #333;
  padding: 10px 0;
}
.gyitem p
{
  padding: 0 30px;
  font-size: 16px;
  line-height: 30px;
  color: #5c6579;
  text-align: left;
}
.gyitem button{
  width: 122px;
  height: 38px;
  line-height: 38px;
  font-size: 20px;
  margin-top: 10px;
  background-color: #ff7575;
  color: #fff;
  border-radius: 30px;
  border: none;
}
.my{
  margin-top: 40px;
  margin-bottom: 40px;
  overflow: hidden;
}
.myitem{
  width: 50%
}
.myimg{
  width: 50%
}
.mytxt{
  width: 50%;
  height: 250px;
  position: relative;
  background-color: #efeff1;
}
.mytxt .arrowleft{
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 50%;
  border: 15px solid transparent;
  border-right-color: #efeff1;
  transform: translateX(-100%);
}
.mytxt .arrowright{
  width: 0;
  height: 0;
  position: absolute;
  right: 0;
  top: 50%;
  border: 15px solid transparent;
  border-left-color: #efeff1;
  transform: translateX(100%);
}
.mytxt .more{
  width: 32px;
  height: 32px;
  background-color: #fff;
  text-align: center;
  line-height: 32px;
  margin-top: 10px;
}
.mytxtcon{
  width: 80%;
  margin: 30px auto 0;
  font-size: 14px;
  color: #727272;
  line-height: 24px;
  text-align: left;
}
.mytxtcon span{
  font-size: 20px;
  line-height: 48px;
  color: #74b0ba;
}
.mytxtcon p{
  text-align: left;
}

.news
{
  margin-top: 30px;
}
.newspic
{
  width: 625px;
  float: left;
}
.newscontent
{
  width: 315px;
  height: 400px;
  font-family: simhei;
  padding: 10px 30px 0;
  background-color: #efeff1;
  margin-top: 22px;
}
.newshead
{
  font-size: 16px;
  line-height: 24px;
  margin-top: 10px;
}
.newshead span
{
  font-size: 20px;
  font-family: simHei;
  color: #000;
}
.newshead p
{
  text-align: left;
  color: #5c6579;
}
.newshead span a,.newshead span a:link,.newshead span a:visited
{
  color: #000;
}
.newslist
{
  margin-top: 20px;
  font-size: 14px;
  line-height: 30px;
  color: #000;
}
.newslist a,.newslist a:link,.newslist a:visited
{
  color: #000;
}
.line_dot
{
  height: 20px;
  border-bottom: 1px dashed #d7dbff;
}

.fulltitle
{
  font-size: 24px;
  line-height: 30px;
  padding: 20px 0;
  color: #000;
  border-top: 1px dashed #5ea4e6;
  position: relative;
  text-align: left;
}
.fulltitle span
{
  font-weight: bold;
}
.fulltitle p
{
  font-size: 18px;
  text-indent: 2em;
}
.fulltitle:last-child{
  border-bottom: 1px dashed #5ea4e6;
}
/*.fulltitle:after
{
  content: "";
  position: absolute;
  width: 265px;
  height: 7px;
  background-color: #0083cd;
  left: 50%;
  top: -4px;
  margin-left: -132px;
}*/
.fullpic
{
  text-align: justify;
}
.fullpic li
{
  width: 305px;
  height: 440px;
  color: #fff;
  display: inline-block;
  overflow: hidden;
  font-size: 16px;
  margin-top: 10px;
  background-color: #f6583a;
}
.fullpic li.sec2
{
  background-color: #f49800;
}
.fullpic li.sec3
{
  background-color: #d57c06;
}
.fullpic .pic
{
  height: 210px;
  position: relative;
}
.fullpic li p
{
  width: 100%;
  height: 35px;
  line-height: 35px;
  font-size: 14px;
  position: absolute;
  left: 0;
  bottom: 0;
  color: #fff;
  text-align: center;
  background:rgba(0,0,0,0.5);
  filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000);
}
.fullpic li p a,.fullpic li p a:link,.fullpic li p a:visited
{
  color: #fff
}
.justify_fix
{
  display: inline-block;
  width: 100%;
  height: 0;
  overflow: hidden;
}
.fullpic .description
{
  padding: 28px 28px 0;
}

.leftpic{
  width: 715px;
  margin-right: 20px;
  float: left;
}
.fullpic2{
  text-align: justify;
}
.fullpic2 li
{
  width: 300px;
  display: inline-block;
  overflow: hidden;
  font-size: 16px;
  margin-top: 40px;
  position: relative;
}
.fullpic2 li p
{
  width: 74px;
  height: 74px;
  background: rgba(255, 255, 255, .6);
  border-radius: 50%;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -37px;
  margin-top: -37px;
}
.fullpic2 li p:after
{
  content: "";
  width: 0;
  height: 0;
  border: 15px solid transparent;
  border-left-color: #000;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -5px;
  margin-top: -15px;
}


@media screen and (max-width: 600px) {
  img{max-width: 100%}
  .layer01,.layer02,.layer03,.layer04,.layer05,.layer06,.layer07,.layer08,.layer0109,.layer10{height: auto; background: none}
  .mid,.halfcon,.containers,.newspic,.container2,.container3{width: 100%;}
  .containers,.container2{height: auto;}
  .mobShow{display: block;}
  .mobShow img{max-width: 100%}
  .pcShow{display: none;}
  .news{margin-top: 0}
  .newscontent{width: 100%; height: auto;margin: 0;padding: 0}
  .vidhead,.kphead{height: auto;}
  .vidleft,.vidtitle,.vidpics{width: 100%;margin: 0;float:none;clear: both;}
  .vidright,.kpimgs{margin-top: 10px}
  .gyitem{width: 100%;margin-top: 10px;min-height: auto}
  .my{margin: 10px 0}
  .myitem{width: 100%}
  .mytxt{height: auto;min-height: 100%}
  .mytxtcon{width: 90%;margin-top: 10px}
  .mytxtcon span{line-height: 24px}
  .mytxt .more{width: 16px;height: 16px;line-height: 16px}
  .newspic{float: none;margin: 0}
  .newshead{clear: both;padding: 0 2%}
  .newslist{padding: 0 2%}
  .mt4{margin-top: 10px}
  .fulltitle{
    padding: 10px;
  }

  .fullpic li{
    width: 100%;
    text-align: center;
    height: auto;
  }
  .fullpic li p{
    padding: 0
  }
  .fullpic .description{
    padding: 10px;
  }
  .bottom{
    height: auto;
  }
  .mid img{max-width: 100%;}
  .leftpic{
    width: 100%;
    margin: 0;
  }
  .rightpic{
    clear: both;
  }
  .fullpic2 li{
    width: 48%;
    text-align: center;
    height: auto;
  }
}<!--ecms sync check [sync_thread_id="3bcee7cc5a424330844ab778a62d31c1" sync_date="2019-06-20 09:06:04" check_sum="3bcee7cc5a424330844ab778a62d31c1]-->