body{
	background: url(images/bg.jpg) repeat;
	margin: 0px;
  font-family: Arial,  \5FAE\8EDF\6B63\9ED1\9AD4;
  min-width: 1050px;
}

img{
  border: none;
}

.all{
	width: 100%;
	    margin: 0px auto;
}

.all-page{
	width: 1010px;
	-webkit-box-shadow: 1px 1px 10px #000;
	        box-shadow: 1px 1px 10px #000;
	    margin: 0px auto;
}



.header{ width: 100%; height:90px; background: url(images/header_bg.png) repeat-x bottom;  margin: 0px; position: fixed; z-index: 10; 
min-width: 1050px;}

.logo{  width: 100%; height: 80px;  position: absolute; float: left;}
#logotype { height: 90px;  top: 0px; left: 0px; position: relative;}
#logotype img{ height:  90px;}
.slider{width: 100%; height: 350px; background: #3AFCE3;}



.menu{ float: right; margin-right: 20px;}

.menu a{
  height: 90px;
  text-align: center;
  padding-top: 35px;
  padding-left: 26px;
  padding-right: 26px;
  font-weight: 500;
  box-sizing: border-box;
  text-decoration: none;
  color: #fff;
  
  font-family:Arial, \5FAE\8EDF\6B63\9ED1\9AD4;
  font-size: 15px;
  position: relative;
  float: right;
}

.menu .bar{ width: 2px; float: right; height: 18px; margin-top: 37px; background: #FFF;}

.menu a:hover{ 
  background: url(images/spotlight.png) no-repeat center top;
  color: #FDFFCA;
    -o-transition: color .50s ease-in;
    -webkit-transition: color .50s ease-in;
    -moz-transition: color .50s ease-in;
    transition:  color .50s ease-in;
  }


.menu  .active{ 
  background: url(images/spotlight.png) no-repeat center top;
  color: #FDFFCA;
  }

#slide_txt{
  position: absolute;
  right: 18px;
  top: 386px;
  font-size: 16px;
  font-weight: 900;
  font-family: Arial,  \5FAE\8EDF\6B63\9ED1\9AD4;
  color: #4F3838;
}

.light{
  width: 100%;
  position: relative;
  padding-top: 25px;
  box-sizing: border-box;
  background: url(images/light-01.png) no-repeat;
  -o-background-size: 100%;
  -ms-background-size: 100%;
  -moz-background-size: 100%;
  -webkit-background-size: 100%;
  background-size: 100%
}

.content{
  -webkit-box-shadow: 1px 1px 14px #000;
          box-shadow: 1px 1px 14px #000;
  position: relative;
  background: #13131C;
  width: 955px;
  color: #FFF;
  margin: 0px auto;
  padding: 52px 66px;
  box-sizing: border-box;
  height:100%;
  margin-bottom: 15px;
  }


.t1 {
  width: 930px;
  height: 71px;
  top: 0px;
  padding-top: 2px;
  letter-spacing: 2px;
  text-shadow: 1px 1px 8px #ffffff;
  box-sizing: border-box;
  margin: 0px auto;
  position: relative;
  font-size: 24px;
  color: #004675;
  font-family: Arial,  \5FAE\8EDF\6B63\9ED1\9AD4;
  line-height: 52px;
  font-weight: 800;
}

.t1 img{ width: 56px; height: 78px; float: left;}

#p1_photo{ float: left; position: relative; width: 302px; margin-right: 48px;}

.t2{
  font-size: 19px;
  float: left;
  position: relative;
  color: #ABDBF4;
  font-family: Arial,  \5FAE\8EDF\6B63\9ED1\9AD4;
  width: 472px;
}

.t2 img{ width: 19px; height: 16px; margin-right: 5px; }

.t3{
  color: #A8D7EF;
  font-size: 19px;
  /* padding-top: 20px; */
  /* position: relative; */
  }

.t3 img{ width: 22px; height: 26px; margin-right: 5px; float: left;}

.t3 a{ font-size: 13px; color: #A1ADB4; text-decoration: none; margin-left: 17px;}

.t3 a:hover{ color: #FFF;}

.txt_1{
  font-size: 14px;
  color: #D3D3D3;
  line-height: 24px;
  border-left: 2px solid #A3A3A3;
  padding-left: 16px;
  box-sizing: border-box;
  margin-left: 352px;
  font-family: Arial,  \5FAE\8EDF\6B63\9ED1\9AD4;
  margin-top: 33px;
}

#photo_bar{
  width: 900px;
  height: 73px;
  left: -36px;
  box-sizing: border-box;
  padding-top: 18px;
  padding-left: 285px;
  background: url(images/photo_bar.jpg) center;
  position: relative;
  top: 55px;
}

#photo_bar a{
  font-size: 16px;
  font-weight: 800;
  padding: 0px 22px;
  color: #552269;
  float: left;
  font-family: Arial,  \5FAE\8EDF\6B63\9ED1\9AD4;
  }

#photo_bar a:hover{ color: #005489;}

#photo_bar .active { color: #005489;}

#photo_bar .bar{ width: 2px; float: left; height: 15px; margin-top: 5px; background: #575369;}


#ICON{
  position:fixed;
  right:10px;
  bottom:10px;
  width:50px;
  height:50px;
  z-index: 1;
  text-align:center;
}

#ICON a:hover{
  opacity: 0.5;
  
}

.footer{
  width: 100%;
  height: 52px;
  background: url(images/footer_bg.jpg) repeat-x;
  border-top: 1px solid #676868;
  font-family: Arial,  \5FAE\8EDF\6B63\9ED1\9AD4;
}

.f_all{
  width: 955px;
  padding-top: 12px;
  margin: 0px auto;
}

#f_logo{
  width: 76px;
  height: 25px;
  float: left;
  position: relative;
  background: url(images/footer_logo.svg) no-repeat;
}



#f_txt{ font-size: 11px; color: #FFF; position: relative; top: 6px; left: 5px; float: left;}

#count{ float: right; position: relative; font-size: 13px; color: #fff; top: 6px;}

#count a{ color: #FFF; background: #D8D8D8; padding-top: 2px; padding-left: 1px; font-family: Arial; letter-spacing: 3px;}

.p2_article{
  width: 475px;
  float: left;
}

.p2_img img{ width: 190px;}
.p2_img{ float: left; position: relative; }
.p2_article .p2_txt{ 
  width: 261px;
  box-sizing: border-box;
  margin-left: 15px;
  margin-bottom: 35px;
  font-size: 13px;
  line-height: 20px;
  float: left;
  position: relative;
  color: #A1ADB4;
  }

.p2_txt .p2_txt_title{
  font-size: 15px;
  color: #49E2E2;
}

.p2_txt_title{
  font-size: 19px;
  font-weight: 600;
  color: #99D4D5;
}

.p2_profile{
  width: 300px;
  float: right;
}

.p2_profile .t2{
  margin-top: 16px; margin-bottom: 12px; font-weight: 800;
  }


.p2_profile .p2_txt{ 
  box-sizing: border-box;
  font-size: 14px;
  line-height: 24px;
  float: left;
  position: relative;
  color: #fff;
}

.p2_0_left{
  width: 482px;
  line-height: 24px;
  font-family: Arial,  \5FAE\8EDF\6B63\9ED1\9AD4; 
  color:#A1ADB4; 
  font-size: 13px;
  float: left;
}

.p2_0_left img{
  width: 100%;
  margin-bottom: 10px;
}

.p2_0_right{
  width: 277px;
  float: right;
  }
.question{
  color: #FFF;
  font-size: 14px;
}

.p2_0_right .other{
  width: 275px;
  height: 200px;
  border: 2px dotted #A1ADB4;
  border-radius: 5px;
  margin-bottom: 20px;
  padding: 15px 18px;
  box-sizing: border-box;
}

.other .p2_txt{ 
  font-size: 13px;
  line-height: 20px;
  float: left;
  position: relative;
  color: #A1ADB4;
  }

.other .p2_txt_title{
  margin-bottom: 7px;
}

.p2_0_right a:first-child{ margin-top:15px ;}

.p3_top{
  width: 100%;
  height: 1810px;
  -webkit-border-radius: 5px;
          border-radius: 5px;
  background: url(images/p3_top_bg.svg) no-repeat;
}

.p3_top img{ width: auto;  margin:-890px 0px 0px -367px; position: relative; left: 50%; top: 50%;}

.p3_iframe iframe{ width: 100%; height: 238px; border: none;}
.p3_iframe {margin-top: 20px; border: 1px solid #393544; height: 238px;}

#p3_subtitle{ 
font-size: 18px;
  font-weight: 900;
  padding: 0px 24px;
  text-align: center;
  margin: 0px auto;
  color: #552269;
  font-family: Arial,  \5FAE\8EDF\6B63\9ED1\9AD4;}

  #p3_subtitle #open{
  color: #1D1E1A; 
  font-size: 12px;
  font-weight: 700;
  }


.article01,.article02,.article03,.article04,.article05,.article06,.article07,.article08,.article09,.article10,.article11,.article12,.article13,.article14,.article15,.article16,.article17,.article18,.article19,.article20,.article21,.article22,.article23,.article24,.article25,.article26 {
  height: 473px;
clear: left;
position: relative;
margin-bottom: 65px;
  
}



.hide{
  display: none;
}

.show{
  display: block ;
}
.article_title{
  height: 50px; width: 100%; text-align: left;
  border-bottom: 2px dotted #ADADAD;
  font-size: 27px;
  line-height: 40px; 
  margin-bottom: 15px; 
}

.article_title img{
  margin-right: 10px;
  float: left;
  }

.article_title .ac{
  position: relative;
  top: 10px;
  float: left;
  font-family: Arial,  \5FAE\8EDF\6B63\9ED1\9AD4;
}

 .pa_left{
  width: 263px;
  float: left;
  margin-left: 5px;
  font-size: 13px;
  padding-top: 3px;
  font-weight: 500;
  font-family: Arial,  \5FAE\8EDF\6B63\9ED1\9AD4;
}

 .pa_left img{
  margin-top: 3px;
  }

.pa_left .blue{  color: #AADDF7; float: left;}
.pa_left .gray{  color: #C5C6C6; float: left;}

.pink{ color: #de91e8;}

.pa_right{
  width: 492px;
  float: right;
  font-size: 13px;
  font-weight: 500;
  line-height: 23px;
  font-family: Arial,  \5FAE\8EDF\6B63\9ED1\9AD4;
  
}

.pa_right .blue{  color: #AADDF7; }
.pa_right .gray{  color: #C5C6C6; }
.pa_right .gray ul{ margin-left: 20px;}

.clear{ clear: both;}

.p4_content{
  width: 975px;
  margin: 0px auto;
}

.p4_content #p4_title{
  width: 350px;
  height: 80px;
  position: relative;
  padding-bottom: 30px;
  left: 60px;
  float: left;
  }

.p4_left{
  width: 345px;
  height: 400px;
  margin-top: 15px;
  float: left;
  position: relative;
  background: url(images/p4_shadow.png) right no-repeat;
}

.p4_left img { width: 342px; height: 66px; margin-bottom: 1px; float: left; position: relative; overflow: hidden; cursor: pointer;}

.links{ position: relative; left: 30px; top: -44px;}

.links a{ float: left; position: relative; width: 100px;}

.links a img{ width: auto; height: auto;}

.p3_nav{
  width: 300px;
  text-align: center;
  margin: 0px auto;
  margin-top: 20px;
}

.p3_nav  a{

  color: #FFF;
  text-decoration: none;
  font-size: 16px;
  margin: 5px;
  }

.p3_nav  a:hover{
  color: #fff891;
}

.p3_nav .active{
  width: 20px;
  height: 40px;
  padding: 5px;
  background: #395d6c;
}


.scence{
  width: 100%;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 15px;
  text-align: center;
  font-size: 12px;
  font-family: Arial,  \5FAE\8EDF\6B63\9ED1\9AD4;
  line-height: 22px;
}

.scence .tt{
  font-size: 16px;
  font-weight: 900;
  color: #FDEA80;
  }
