html, body {
  margin:0;border:0;padding:0;
  font-size:16px;
  font-family: Helvetica,Arial, sans-serif;
  overflow-x:hidden;
  position: relative;
  vertical-align: baseline;
}

html {
    -webkit-font-smoothing: antialiased;
}

h1 {font-size:40px;}
h2 {font-size:26px;}
h3 {font-size:30px;}
h4 {font-size:24px;}
h5 {font-size:20px;}
h6 {font-size:18px;}

h2 {
  padding-bottom: 14px;
  padding-left:15px;
}

li{
  list-style: none;
}

.display_none{
  display: none;
}
.accent {
  font-family: Helvetica;
  line-height: 14px;
  color: #60A9F0;
}

.bold {
	font-weight: bold;
}

.tm-border {
	border: 5px solid #fff;
	box-shadow: 2px 2px #000;
}

.shadow {
	text-shadow: 1px 1px #000;
}

.tm-title {
	color: #66CCFF;
	font-size:32px;
}

.white {
  color: #fff;
  font-size:28px;
}

.black{
  color: #000;
  font-size: 28px;
}

.picc img{
  display: block;
  height: auto;
  max-width: 100%;
}
#renwutu{
  display: block;height: auto;max-width: 50%;border: 10px #fff solid; border-radius: 10px;
}
@media(max-width: 480px){
  #renwutu{
  display: block;height: auto;max-width: 100%;border: 4px #fff solid; border-radius: 10px;
}
}
.footcopyright *{
   color:#fff;
}
.footcopyright p{
   color:#fff;
}
.footcopyright a{
   color:#fff;
}
.about,.skills,
.education,.languages,
.contact, .experience {
  padding: 20px;
  min-height: 280px;
  line-height:30px;
}
.artlist {
  padding: 10px;
  min-height: 380px;
  width:100%;
  line-height:30px;
}
.artlist3 {
  padding: 20px;
  min-height: 580px;
  width:100%;
  line-height:30px;
}

.education, .languages,
.contact, .experience {
  margin-top: 30px;
}
.copyrights{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;}

/*@font-face {
    font-family: 'Proxima';
    src: url(../fonts/ProximaNova-Regular.otf);
}

@font-face {
    font-family: 'Proxima Bold';
    src: url(../fonts/ProximaNova-Bold.otf);
}*/

/* preloader section */
.preloader {
  position: fixed;
  top: 0;
  left: 0;
   width: 100%;
  height: 100%;
   z-index: 99999;
   display: -webkit-flex;
    display: -ms-flexbox;
   display: flex;
   -webkit-flex-flow: row nowrap;
   -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
     -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
     -ms-flex-align: center;
     align-items: center;
    background: none repeat scroll 0 0 #fff;
  background: none repeat scroll 0 0 #f9f9f9;
}
.sk-spinner-wordpress.sk-spinner {
  background-color: #3366CC;
  width: 30px;
  height: 30px;
  border-radius: 30px;
  position: relative;
  -webkit-animation: sk-innerCircle 1s linear infinite;
          animation: sk-innerCircle 1s linear infinite; }
.sk-spinner-wordpress .sk-inner-circle {
  display: block;
  background-color: #fff;
  width: 8px;
  height: 8px;
  position: absolute;
  border-radius: 8px;
  top: 5px;
  left: 5px; }
.all_height{ text-align: center;position: absolute; z-index: 1;overflow:scroll; overflow-x:hidden; width: 100%;}
.height_100{height:100%;}

.all_height .main{margin: 0px auto;  position: relative; min-width:320px; max-width:640px; padding-bottom:30px;}

/*各类详细页面头部控制*/
.xx_title{ width:100%; height:88px; line-height:88px;color:#002D91; background:url(../images/bg.fw.png) 0px -682px; border-right:#00274F 1px solid; overflow:hidden}
.xx_title table{ width:98%; margin:0px auto; height:88px;}
.xx_title table td{ text-align:center;}
.xx_title table .fh{ float:left; width:94px;background:url(../images/bg.fw.png) -267px -322px; display:block; margin-top:-30px; line-height:108px;}
.xx_title table .fh:hover{background:url(../images/bg.fw.png) -267px -402px; }
.xx_title table td .bt{ height:50px; line-height:20px; padding-top:0px; text-align:center; font-size:20px;font-family:Arial,Microsoft YaHei;}
.xx_title table td .dt_fl{ height:60px; margin:0px auto; margin-top:-30px; width:218px; line-height:20px; padding-top:0px; text-align:center;  background:url(../images/bg.fw.png) -420px -520px;}
.xx_title table td .dt_fl span{ float:left; height:60px; line-height:60px; width:109px; text-align:center; color:#FFF; display:block;font-family:Arial,Microsoft YaHei; font-size:20px; }
.xx_title table td .dt_fl_1{ height:60px; margin:0px auto; margin-top:-30px; width:218px; line-height:20px; padding-top:0px; text-align:center;  background:url(../images/bg.fw.png) -420px -430px}
.xx_title table td .dt_fl_1 span{ float:left; height:60px; line-height:60px; width:109px; text-align:center; color:#FFF; display:block;font-family:Arial,Microsoft YaHei; font-size:22px; }
.xx_title table td .dt_fl_1 span a,.xx_title table td .dt_fl span a{ font-size:22px; color:#FFF; text-decoration:none }
.xx_title table td.zt{  float:right; padding-right:10px; width:70px;}
.xx_title table td.fh img{ margin-top:-22px;}
.xx_title table td.zt img{ margin-top:15px;}
/*意见反馈*/
.login_main { height:520px;}
.login_main li{ list-style:none;}
.login_main .title {float: left;width:200px;text-align: left;line-height:30px;padding-right: 5px; color:#005391; background:none; margin-left:5%; font-size:18px;}
.yjfk{ background:#e3e3e3; width:95%; margin:0px auto; padding:5px 0px}
.yjfk ul{ padding-left:20px;padding-top:20px;}
.yjfk .input_list textarea.text{ clear:both; height:150px; font-size:16px; font-family:'Microsoft Yahei'; border-radius:5px; border:none; margin-left:2%;background: #fff; width:85%;}
.yjfk .input_list input.text{ height:35px; line-height:35px; font-size:14px; font-family:'Microsoft Yahei'; border-radius:5px; border:none; padding:0px 1%; width:49%; background:#e3e3e3; margin-left:2%; border:#ccc 1px solid; background:#fff}
 input.dl_tj{ clear:both; width:50%; height:55px; line-height:55px; background:#005391; color:#fff;font-size:16px; font-family:'Microsoft Yahei'; border-radius:5px; border:none;margin-left:10%; margin-top:30px;text-align:center;}

textarea.text_1{background: #fff;}
.label-title {float: left;width:125px;text-align: right;line-height:50px;padding-right: 5px; font-size:18px; color:#005391;}
.label-title em {color: #f00;}
ul.input_list li select.w_33{ height:35px; width:40%; font-size:16px; font-family:'Microsoft Yahei'; border-radius:5px;border:none;margin-left:2%;border:#ccc 1px solid; background:#fff}
/*各类标题控制区*/
.title{color:#fff;background:url(../images/ba.png);height:40px;line-height:40px;margin:0px auto;　}
.title span{display:block; font-size:16px;margin-left:5px;margin-right:0px;font-family:Arial,Microsoft YaHei; }
.title span.more{width:50px;font-size:14px;height:25px;line-height:25px;text-align:center;padding-right:15px;background:url(../images/more.png) no-repeat; margin-top:8px;}
.title span.more a，.title span.more1 a{font-size:14px;}
.title span a{ color:#fff; text-decoration:none;font-size:16px;}

.title span.more1{width:100px;font-size:14px;height:25px;line-height:25px;text-align:center;padding-right:15px;background:url(../images/more1.png) no-repeat; margin-top:8px;}

@-webkit-keyframes sk-innerCircle {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0); }

  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes sk-innerCircle {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0); }

  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

/* header section */
header {
  text-align: center;
  min-height: 50px;
  overflow: hidden;
  position: relative;
  padding-top: 100px;
  padding-bottom: 140px;
}
header img {
  display: inline-block !important;
}
header h2 {
  padding-top: 40px;
}
header hr {
  border-color: #3366CC;
  width: 100px;
}
/* artlist section */
.artlist3 {
  background: #fff;
  line-height:30px;
  box-shadow: 0px 1px 5px rgba(50,50,50,0.08);
}
.artlist3 a{
  color: #000;
  }
.artlist {
  background: #fff;
  line-height:30px;
  box-shadow: 0px 1px 5px rgba(50,50,50,0.08);
}
.artlist img{
  display: block;
  height: auto;
  max-width: 100%;
}
.artlist a{
  color: #000;
  }
.artlist a:hover{
  color: #60A9F0;
  background: transparent;
  text-decoration:none;
  }

/* content show */
.artlistt {
  background: #fff;
  line-height:30px;
  box-shadow: 0px 1px 5px rgba(50,50,50,0.08);
}
.artlistt img{
  display: block;
  height: auto;
  max-width: 100%;
}
.artlistt {
  padding: 10px;
  min-height: 480px;
  width:100%;
  line-height:30px;
}
.artlistt ul {
  padding-left:15px;
}
.artlistt a{
  color: #000;
  }
.artlistt a:hover{
  color: #60A9F0;
  background: transparent;
  text-decoration:none;
  }

.datt{
	color:#66CCFF;
	font-size:13px;
}
  
/* about section */
.about {
  color: #fff;
  background: #4d8fc0;
  box-shadow: 10px 10px 0 #fff;
}
.about a{
  color: #fff;
  }
.about a:hover{
  color: #fff;
  background: transparent;
  text-decoration:none;
  }
.about li { 
  float:left;width:49%;
} 

.contact {
  background: #fff;
  box-shadow: 0px 1px 5px rgba(50,50,50,0.08);
}
.contact a{
  color: #000;
  }
.contact a:hover{
  color: #60A9F0;
  background: transparent;
  text-decoration:none;
  }

/* skills section */
.skills {
  background: #fff;
  color: #000;
  box-shadow: 10px 10px 0 #4d8fc0;
}
.skills a{
  color: #000 ; 
  text-decoration:none;}
.skills a:hover{
  color: #4d8fc0;
  background: transparent;
  text-decoration:none;
  }
.skills .progress {
  border-radius: 0px;
  height: 4px;
}
.skills .progress .progress-bar-primary {
  background: #204090;
}
.skills strong {
  display: inline-block;
  font-weight: normal;
  padding-bottom: 6px;
}
.skills li { 
  float:left;width:49%;
  overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
} 
/* education section */
.education {
  background: #fff;
  color: #000;
  box-shadow: 10px 10px 0 #eea45a;
}
.education li { 
  float:left;width:49%;
} 
.artlist2 { 
  float:left;width:49%;
} 
.education a{
  color: #000 ;
  text-decoration:none;}
.education a:hover{
  color: #eea45a;
  background: transparent;
  text-decoration:none;
  }
.education .education-content {
  padding-bottom: 14px;
}
.education h5 {
  display: inline-block;
}
.education span {
  padding-right: 10px;
  padding-left: 20px;
}

/* languages section */
.languages {
  background: #fff;
 box-shadow: 0px 1px 5px rgba(50,50,50,0.08);
}
.languages ul {
  padding: 10px;
}
.languages ul li {
  padding-bottom: 6px;
}

/* contact section */
.contact {
  background: #eea45a;
 box-shadow: 10px 10px 0 #fff;
 color: #fff;
}
.contact .fa {
  padding-right: 6px;
}
.contact a{
  color: #fff;
}

.contacts {
  background: #4d8fc0;
 box-shadow: 10px 10px 0 #fff;
 color: #fff;
}
.contacts .fa {
  padding-right: 6px;
}
.contacts a{
  color: #fff;
}

/* experience section */
.experience {
  background: #fff;
  color: #000;
  box-shadow: 10px 10px 0 #4d8fc0;
}
.experience li{ 
  list-style:none;
  margin-left:5px;
}

.experience a:link{
  color: #000 ; 
  text-decoration:none;}
.experience a:hover{
  color: #000;
  background: transparent;
  text-decoration:none;
  }
.experience .experience-content {
  padding-bottom: 14px;
}
.experience h5 {
  display: inline-block;
}


/* footer section */
footer {
  color: #f9f9f9;
  text-align: center;
  padding-top: 140px;
  padding-bottom: 100px;
}
#toTop {
  display: none;
  text-decoration: none;
  position: fixed;
  bottom: 14px;
  right: 3%;
  overflow: hidden;
  width: 40px;
  height: 40px;
  border: none;
  text-indent: 100%;
}
/* social icon section */
.social-icons {
  padding: 0;
  margin: 0;
}
.social-icons li {
  display: inline-block;
  list-style: none;
}
.social-icons li a {
  background: #3366CC;
  border-radius: 50%;
  color: #fff;
  text-decoration: none;
  font-size: 18px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  transition: all 0.4s ease-in;
  position: relative;
  bottom: 10px;
  top: 10px;
}
.social-icons li a:hover {
  background: #202020;
  color: #fff;
}

@media ( max-width: 980px ) {
  .skills {
    margin-top: 30px;
  }
}

@media ( max-width: 360px ) {
  header h1 {
    font-size: 30px;
  }
  .about h2 {
    font-size: 24px;
  }
  .education h4,
  .experience h4 {
    font-size: 20px;
  }
}
.more{
	text-align:center;
	padding-top:35px;
	}
.more a{
	font-size: 16px;
    color: #FFF;
	text-align: center;
    padding: 10px 30px;
    text-decoration: none;
    background-color: #66CCFF;
	font-family: 'Josefin Sans', sans-serif;
	transition:.5s all;
	-webkit-transition:.5s all;
	-moz-transition:.5s all;
	-o-transition:.5s all;
	-ms-transition:.5s all;
}
.more a:hover{
	color:#66CCFF;
	background:#06F;
	text-decoration:none;
}
.cutton{
	text-align:center;
	padding-top:35px;
	padding-bottom:15px;
	}
.cutton a{
	font-size: 16px;
    color: #FFF;
	text-align: center;
    padding: 10px 10px;
    text-decoration: none;
    background-color: #66CCFF;
	font-family: 'Josefin Sans', sans-serif;
	transition:.5s all;
	-webkit-transition:.5s all;
	-moz-transition:.5s all;
	-o-transition:.5s all;
	-ms-transition:.5s all;
}
.cutton a:hover{
	color:#66CCFF;
	background:#06F;
	text-decoration:none;
}
.cutton2{
	text-align:right;
	padding-bottom:20px;
	padding-right:15px;
	}
.cutton2 a{
	font-size: 16px;
    color: #FFF;
	text-align: center;
    padding: 10px 10px;
    text-decoration: none;
    background-color: #66CCFF;
	font-family: 'Josefin Sans', sans-serif;
	transition:.5s all;
	-webkit-transition:.5s all;
	-moz-transition:.5s all;
	-o-transition:.5s all;
	-ms-transition:.5s all;
}
.cutton2 a:hover{
	color:#66CCFF;
	background:#06F;
	text-decoration:none;
}
/*=================================
||			4. Header 
==================================*/
a.logo
{
	font-size: 22px;
	letter-spacing: 8px;
	display: inline-block;
	color: #66CCFF;
	padding-left:10%;
}
a.logo:hover
{
	color: #fff;
	text-decoration: none;
}
.star
{
	color: #e64d69;
}
.header-description
{
	background: url(../images/header_bg.jpg) no-repeat;
	background-attachment: fixed;
    background-position: center;
    background-size: cover;
    height: 100vh;
    position: relative;
    display: table;
	width: 100%;
	color: #fff;
	text-transform: uppercase;
}
.header-content
{
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}
.header-description::before
{
	content: "";
	position: absolute;
	top: 0;
	height: 100%;
	left: 0;
	width: 100%;
	background: url(../images/pettern.png) repeat;
}
.heading
{
	font-weight: bold;
	padding: 15px 30px;
	letter-spacing: 15px;
	border: 2px solid #FFF;
	display: inline-block;
	font-size: 25px;
}
.heading-subtitle
{
	font-weight: 100;
	letter-spacing: 12px;
	font-size: 25px;
}
.button-down
{
	bottom: 11%;
	position: absolute;
	left: 48%;
}
/*=================================
||			Navigation 
==================================*/
.navigationbar
{
	font-weight: 400;
	padding: 25px 0px;
	background: #221e2d;
	color: #fff;
	text-transform: uppercase;
	min-height: 35px;
	background: transparent;

}
#iconhideshow
{
	font-size: 25px;
	margin-top: 5px;
	cursor: pointer;
	padding-right:10%;
}
.nav li.active a,.nav li.active a:hover
{
	background: transparent;
}
.nav li
{
	color: #fff;
  	border: 1px solid transparent;
}
.nav li:hover
{
	border: 1px solid #FFF;
}
.nav-pills>li>a
{
  	border-radius: 0px;
  	color: #fff;
}
.nav-pills>li>a:hover{
	color: #000;
	background: transparent;
}
.modified
{
	padding: 10px 0px;
	transition: .5s;
	min-height: 35px;
}
.education .education-content ul,.about ul, .skills ul,.contact ul{
  padding: 0 0 0 18px;
  margin:0 0 10px 0;
}
.skills li,.about li,.education li{
  margin-top: 10px;
}
.about h2{
  border-bottom: 1px #fff solid;
}
.skills h2{
  border-bottom: 1px #4d8fc0 solid;
}
.education h2{
  border-bottom: 1px #eea45a solid;
}
.contact h2{
  border-bottom: 1px #fff solid;
}
@media ( max-width:768px){
  .education li,
  .skills li{
    width:100%;
    float: none;
  }
  #newBridge .nb-icon-right-center{
    top: 65%!important;
  }
}
@media(max-width: 320px){
  *{
    font-size: 12px;
  }
  .education h2,.contact h2,.skills h2,.about h2{
    font-size: 14px;
  }
}