html, body, div, span, h1, h2, h3, h4, h5, h6, em, img, strong, sub, sup, tt,dd, dl, dt, form, label, table, caption, tbody, tfoot, thead, tr, th, td,ul,li,p,a{margin:0;padding:0;list-style-type:none;}
body{   font-size:150%;}
.font_black{   font-size:70%;color:black;font-weight: normal;text-align:left;display:inline;}
.font_white{   font-size:70%;color:white;font-weight: normal;text-align:left;display:inline;}
.font_pink{   font-size:70%;color:pink;font-weight: normal;text-align:left;display:inline;}
.font_green{   font-size:70%;color:green;font-weight: normal;text-align:left;display:inline;}
.font_dark_green{   font-size:70%;color:#669900;font-weight: normal;text-align:left;display:inline;}
.font_cen{   font-size:70%;color:#ff9900;font-weight: normal;text-align:left;display:inline;}
.font_Lgreen{   color:#00ff00;}
.font_Lred{   color:#ff0000;}
.font_grey{  font-size:80%;color:#aaaaaa;}
a.none{font-size:60%;text-decoration:none;}a.none:link {font-size:60%;text-decoration:none;}a.none:hover {font-size:60%;text-decoration:none;}a.none:visited {font-size:60%;text-decoration:none;}a.none:active {font-size:60%;text-decoration:none;}
a.white{font-size:130%;line-height: normal;font-weight: bold;color: #FFFFFF;text-decoration: none;}
a.white:link {font-size:130%;line-height: normal;font-weight: bold;color: #FFFFFF;text-decoration: none;}
a.white:visited {font-size:130%;line-height: normal;font-weight: bold;color: #FFFFFF;text-decoration: none;}
a.white:hover {font-size:130%;line-height: normal;font-weight: normal;color: #FFFFFF;text-decoration: none;}
a.white:active {font-size:130%;line-height: normal;font-weight: bold;color: #FFFFFF;text-decoration: none;}
a.goad{font-size:60%;font-style: normal;line-height: normal;font-weight: normal;color: #000000;text-decoration: none;}
a.goad:link {font-size:60%;font-style: normal;line-height: normal;font-weight: normal;color: #000000;text-decoration: none;}
a.goad:visited {font-size:60%;font-style: normal;line-height: normal;font-weight: normal;color: #000000;text-decoration: none;}
a.goad:hover {font-size:60%;font-style: normal;line-height: normal;font-weight: normal;color:#FF6600;text-decoration: none;}
a.goad:active {font-size:60%;font-style: normal;line-height: normal;font-weight: normal;color: #000000;text-decoration: none;}
a.pink{font-size:60%;font-style: normal;line-height: normal;font-weight: normal;color: #FF00FF;text-decoration: none;}
a.pink:link {font-size:60%;font-style: normal;line-height: normal;font-weight: normal;color: #FF00FF;text-decoration: none;}
a.pink:visited {font-size:60%;font-style: normal;line-height: normal;font-weight: normal;color: #FF00FF;text-decoration: none;}
a.pink:hover {font-size:60%;font-style: normal;line-height: normal;font-weight: normal;color:#FF6600;text-decoration: none;}
a.pink:active {font-size:60%;font-style: normal;line-height: normal;font-weight: normal;color: #FF00FF;text-decoration: none;}
a.goad_1em{line-height: normal;font-weight:bold;color: #000000;text-decoration: none;}
a.goad_1em:link {line-height: normal;font-weight:bold;color: #000000;text-decoration: none;}
a.goad_1em:visited {line-height: normal;font-weight:bold;color: #000000;text-decoration: none;}
a.goad_1em:hover {line-height: normal;font-weight:bold;color:#FF6600;text-decoration: none;}
a.goad_1em:active {line-height: normal;font-weight:bold;color: #000000;text-decoration: none;}
a.pink_1em{line-height: normal;font-weight:bold;color: #FF00FF;text-decoration: none;}
a.pink_1em:link {line-height: normal;font-weight:bold;color: #FF00FF;text-decoration: none;}
a.pink_1em:visited {line-height: normal;font-weight:bold;color: #FF00FF;text-decoration: none;}
a.pink_1em:hover {line-height: normal;font-weight:bold;color:#FF6600;text-decoration: none;}
a.pink_1em:active {line-height: normal;font-weight:bold;color: #FF00FF;text-decoration: none;}
a.red{line-height: normal;font-weight: normal;color: #000000;text-decoration: none;}
a.red:link {;font-style: normal;line-height: normal;font-weight: normal;color: #000000;text-decoration: none;}
a.red:visited {line-height: normal;font-weight: normal;color: #000000;text-decoration: none;}
a.red:hover {line-height: normal;font-weight: normal;color: #FF0000;text-decoration: none;}
a.red:active {line-height: normal;font-weight: normal;color: #000000;text-decoration: none;}


.round_1em {
    -moz-border-radius: 1em;
    -webkit-border-radius: 1em;
    -o-border-radius: 1em;
    -ms-border-radius: 1em;
    border-radius:1em;
}
.round_04em {
    -moz-border-radius: .4em;
    -webkit-border-radius: .4em;
    -o-border-radius: .4em;
    -ms-border-radius: .4em;
    border-radius: .4em;
}

.shadow_1 {
    box-shadow: 2px 2px 5px rgba(50, 50, 50, 1);
    -webkit-box-shadow: 2px 2px 5px rgba(50, 50, 50, 1);
    -moz-box-shadow: 2px 2px 5px rgba(50, 50, 50, 1);
    -o-box-shadow: 2px 2px 5px rgba(50, 50, 50, 1);
    -ms-box-shadow: 2px 2px 5px rgba(50, 50, 50, 1);
}

.shadow_2_white {
    box-shadow: 0em 0em 0.4em rgba(184, 181, 201, 1) inset;
    -webkit-box-shadow: 0em 0em 0.4em rgba(184, 181, 201, 1) inset;
    -moz-box-shadow: 0em 0em 0.4em rgba(184, 181, 201, 1) inset;
    -o-box-shadow: 0em 0em 0.4em rgba(184, 181, 201, 1) inset;
    -ms-box-shadow: 0em 0em 0.4em rgba(184, 181, 201, 1) inset;
}

.shadow_2_red {
    box-shadow: 0em 0em 1em rgba(134, 6, 46, 1) inset;
    -webkit-box-shadow: 0em 0em 1em rgba(134, 6, 46, 1) inset;
    -moz-box-shadow: 0em 0em 1em rgba(134, 6, 46, 1) inset;
    -o-box-shadow: 0em 0em 1em rgba(134, 6, 46, 1) inset;
    -ms-box-shadow: 0em 0em 1em rgba(134, 6, 46, 1) inset;
}

.shadow_2_green {
    box-shadow: 0em 0em 1em rgba(6, 134, 46, 1) inset;
    -webkit-box-shadow: 0em 0em 1em rgba(6, 134, 46, 1) inset;
    -moz-box-shadow: 0em 0em 1em rgba(6, 134, 46, 1) inset;
    -o-box-shadow: 0em 0em 1em rgba(6, 134, 46, 1) inset;
    -ms-box-shadow: 0em 0em 1em rgba(6, 134, 46, 1) inset;
}

.bg_trans_quarter{
  background:rgba(255,255,255,.3);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=##30ffffff, endColorstr=##30ffffff);
}
.bg_trans_half{
  background:rgba(255,255,255,.7);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=##70ffffff, endColorstr=##70ffffff);
}
.bg_trans_all{
  background:rgba(255,255,255,0);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=##00ffffff, endColorstr=##00ffffff);
}
.bg_trans_half_black{
  background:rgba(0,0,0,.7);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=##70000000, endColorstr=##70000000);
}
.bg_trans_half_lightBlue{
  background:rgba(79,158,222,.6);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=##604f9ede, endColorstr=##604f9ede);
}

.input_shing{
  font-size:70%;vertical-align:middle; background-color:black;color:white;
  border-radius:0.4em;
  border:1px solid #909090;
  -webkit-transition: box-shadow 0.30s ease-in-out;   //只让box-shadow属性做过渡效果！
  -moz-transition:  box-shadow 0.30s ease-in-out;
  -o-transition: box-shadow 0.30s ease-in-out;
  -ms-transition:  box-shadow 0.30s ease-in-out;
}
.input_shing :focus{
  outline:none;
  border:#87C6F9 1px solid;
  box-shadow: 0 0 0.4em rgba(103, 166, 217, 1) inset;
  -webkit-box-shadow: 0 0 0.4em rgba(103, 166, 217, 1) inset;
  -moz-box-shadow: 0 0 0.4em rgba(103, 166, 217, 1) inset;
  -o-box-shadow: 0 0 0.4em rgba(103, 166, 217, 1) inset;
  -ms-box-shadow: 0 0 0.4em rgba(103, 166, 217, 1) inset;
}

.label_1 {
	float:left; clear:left;text-align:left; font-size:80%;text-transform:uppercase;
}

.button {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font-size:100%;
	padding: .5em 0.5em .55em;
	text-shadow: 0 2px 2px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	-o-border-radius: .5em; 
	-ms-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 2px 3px rgba(0,0,0,.2);
	-moz-box-shadow: 0 2px 3px rgba(0,0,0,.2);
	-o-box-shadow: 0 2px 3px rgba(0,0,0,.2);
	-ms-box-shadow: 0 2px 3px rgba(0,0,0,.2);
	box-shadow: 0 2px 3px rgba(0,0,0,.2);
}
.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}
.orange {
	color: #fef4e9;
	border: solid 1px #da7c0c;
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
	background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}
.orange:hover {
	background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background: -moz-linear-gradient(top,  #f88e11,  #f06015);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
.orange:active {
	color: #fcd3a5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
	background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
} 

.redcolor {
	color: #ff0000;
	border: solid 1px #cc0000;
	background: #ff0000;
	background: -webkit-gradient(linear, left top, left bottom, from(#ff0000), to(#ff5555));
	background: -moz-linear-gradient(top,  #ff0000,  #ff5555);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#ff5555');
}

.greencolor {
	color: #00ff00;
	border: solid 1px #669900;
	background: #00ff00;
	background: -webkit-gradient(linear, left top, left bottom, from(#00ff00), to(#22cc22));
	background: -moz-linear-gradient(top,  #00ff00,  #22cc22);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ff00', endColorstr='#22cc22');
}

.yellowcolor {
	color: #ffff00;
	border: solid 1px #441100;
	background: #ffff00;
	background: -webkit-gradient(linear, left top, left bottom, from(#ff9900), to(#aa4400));
	background: -moz-linear-gradient(top,  #ff9900,  #aa4400);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9900', endColorstr='#aa4400');
}

.detail_div {
	width: 90%; margin: 1em auto; padding:1em;
	background: #c9d0de; border: 1px solid #e1e1e1;
	display:none;
	-moz-box-shadow: 0px 0px 8px #444;
	-webkit-box-shadow: 0px 0px 8px #444;
}










.ly_contact {
	width: 80%; margin: 60px auto; padding: 60px 30px;
	background: #c9d0de; border: 1px solid #e1e1e1;
	-moz-box-shadow: 0px 0px 8px #444;
	-webkit-box-shadow: 0px 0px 8px #444;
}

.ly_h1 {
        margin: 0; padding: 0; border: 0; outline: none;
	font-size: 200%; color: #445668; text-transform: uppercase;
	margin: 0 0 1em 0; text-shadow: 0px 1px 0px #f2f2f2;
}

.ly_label {
	float: left; clear: left; margin: 11px 20px 0 0; width: 95px;
	text-align: right; font-size: 100%; color: #445668; 
	text-transform: uppercase; text-shadow: 0px 1px 0px #f2f2f2;
}

.ly_input {
        margin: 0; padding: 0; border: 0; outline: none;
	 padding: 5px 20px 0px 20px; margin: 0 0 20px 0; 
	background: #5E768D;
	background: -moz-linear-gradient(top, #546A7F 0%, #5E768D 20%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#546A7F), color-stop(20%,#5E768D)); /* webkit */
	border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
	-moz-box-shadow: 0px 1px 0px #f2f2f2;-webkit-box-shadow: 0px 1px 0px #f2f2f2;
	font-family: sans-serif; font-size: 100%; color: #f2f2f2; text-shadow: 0px -1px 0px #334f71; 
}
	input::-webkit-input-placeholder  {
    	color: #a1b2c3; text-shadow: 0px -1px 0px #38506b;  
	}
	input:-moz-placeholder {
	    color: #a1b2c3; text-shadow: 0px -1px 0px #38506b; 
	}

.ly_textarea {
        margin: 0; padding: 0; border: 0; outline: none;
	width: 90%; height: 400px; padding: 12px 20px 0px 20px; margin: 0 0 20px 0; 
	background: #5E768D;
	background: -moz-linear-gradient(top, #546A7F 0%, #5E768D 20%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#546A7F), color-stop(20%,#5E768D)); /* webkit */
	border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
	-moz-box-shadow: 0px 1px 0px #f2f2f2;-webkit-box-shadow: 0px 1px 0px #f2f2f2;
	font-family: sans-serif; font-size: 100%; color: #f2f2f2; text-transform: uppercase; text-shadow: 0px -1px 0px #334f71; 
}
	textarea::-webkit-input-placeholder  {
    	color: #a1b2c3; text-shadow: 0px -1px 0px #38506b;  
	}
	textarea:-moz-placeholder {
	    color: #a1b2c3; text-shadow: 0px -1px 0px #38506b; 
	}
	
.ly_input:focus, .ly_textarea:focus {
	background: #728eaa;
	background: -moz-linear-gradient(top, #668099 0%, #728eaa 20%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#668099), color-stop(20%,#728eaa)); /* webkit */
}

.ly_input[type=submit] {
	display: inline-block; font-size:100%; padding: .5em 2em .55em; 
	-moz-box-shadow: 0px 0px 5px #999;-webkit-box-shadow: 0px 0px 5px #999;
	border: 1px solid #556f8c;
	background: -moz-linear-gradient(top, #718DA9 0%, #415D79 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#718DA9), color-stop(100%,#415D79)); /* webkit */
	cursor: pointer;
}


.hidden_div_waikuang{
text-align:center;
width:100%;height:100%;
/*position:absolute;*/
z-index:999;
/*float:right;
margin:0 auto;*/
top:4px;
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.hidden_div_neikuang{
background-color:rgba(0,19,21,0.9);
border:solid 1px #222222;
display : -moz-box;
display : -webkit-box;
display : box;
-moz-box-pack : center;
-moz-box-align : center;
-webkit-box-pack : center;
-webkit-box-align : center;
box-pack : center;
box-align : center;
width:90%;height:96%;
-moz-box-orient:vertical;
-webkit-box-orient:vertical;
box-orient:vertical;//垂直排列
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
overflow:auto;
}

.hidden_div_waikuang_left{
text-align:left;
width:100%;height:100%;
z-index:999;
top:4px;
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.hidden_div_neikuang_left{
background-color:rgba(0,19,21,0.9);
border:solid 1px #222222;
display : -moz-box;
display : -webkit-box;
display : box;
-moz-box-pack : left;
-moz-box-align : left;
-webkit-box-pack : left;
-webkit-box-align : left;
box-pack : left;
box-align : left;
width:90%;height:96%;
-moz-box-orient:vertical;
-webkit-box-orient:vertical;
box-orient:vertical;//垂直排列
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
overflow:auto;
}

.vertical_box{
width:100%;
display:-moz-box;
display:-webkit-box;
display:box;
-moz-box-orient:vertical;
-webkit-box-orient:vertical;
box-orient:vertical;//垂直排列
}
.sectionOne{
-moz-box-flex:1;
-webkit-box-flex:1;
box-flex:1;
}
.sectionTwo{
-moz-box-flex:2;
-webkit-box-flex:2;
box-flex:2;
}
.sectionThree{
-moz-box-flex:3;
-webkit-box-flex:3;
box-flex:3;
}

.btn_addPic{  
display: inline-block;  
position: relative;  
width: 40%;  
height: 39px;  
overflow: hidden;  
border: 1px solid #da7c0c;  
background: none repeat scroll 0 0 #f78d1d;  
color: #ffffff;  
text-align: center;  
}  
.btn_addPic span{display: inline-block;line-height: 39px;}  
.filePrew {  
display: inline-block;  
position: absolute;  
top: 0;  
left: 0;  
width: 40%;  
height: 39px;  
font-size: 100%; /* 增大不同浏览器的可点击区域 */  
opacity: 0; /* 实现的关键点 */  
filter:alpha(opacity=0);/* 兼容IE */  
}

.box_flex_grid{
    width:100%;height:100%;
    display:-moz-box;display:-webkit-box;display:-o-box;display:-ms-box;display:box;
    display:-moz-flex;display:-webkit-flex;display:-o-flex;display:-ms-flex;display:flex;
    -moz-flex-pack:center;-webkit-flex-pack:center;-o-flex-pack:center;-ms-flex-pack:center;flex-pack:center;/*justify是均匀分布*/
    -moz-box-pack:center;-webkit-box-pack:center;-o-box-pack:center;-ms-box-pack:center;box-pack:center;
    -moz-flex-align:center;-webkit-flex-align:center;-o-flex-align:center;-ms-flex-align:center;flex-align:center;/*stretch是拉伸填充,baseline是基线对齐*/
    -moz-box-align:center;-webkit-box-align:center;-o-box-align:center;-ms-box-align:center;box-align:center;
}
.box_flex_row{
    -moz-flex-direction:row;-webkit-flex-direction:row;-o-flex-direction:row;-ms-flex-direction:row;direction:row;
    -moz-box-orient:horizontal;-webkit-box-orient:horizontal;-o-box-orient:horizontal;-ms-box-orient:horizontal;box-orient:horizontal;
}
.box_flex_column{
    -moz-flex-direction:column;-webkit-flex-direction:column;-o-flex-direction:column;-ms-flex-direction:column;direction:column;
    -moz-box-orient:vertical;-webkit-box-orient:vertical;-o-box-orient:vertical;-ms-box-orient:vertical;box-orient:vertical;
}
.box_flex_wrap{/*默认为none;伸缩项目可以多行显示,flex-wrap:none效果等同于Flexbox布局2013版本中的flex-wrap:nowrap*/
    -moz-flex-wrap:wrap;-webkit-flex-wrap:wrap;-o-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;
    -moz-box-wrap:wrap;-webkit-box-wrap:wrap;-o-box-wrap:wrap;-ms-box-wrap:wrap;box-wrap:wrap;
}

.col-1 {  text-align:center;  -moz-box-flex:1;  -webkit-box-flex:1; -o-box-flex:1;  box-flex:1;}
.col-2 {  text-align:center;  -moz-box-flex:8;  -webkit-box-flex:8; -o-box-flex:8;  box-flex: 8;}
.col-3 {  text-align:center;  -moz-box-flex:1;  -webkit-box-flex:1; -o-box-flex:1;  box-flex:1;}
.col-4 {  text-align:center;  -moz-box-flex:1;  -webkit-box-flex:1; -o-box-flex:1;  box-flex:1;  margin:4px;}
.col-twice {  text-align:center;  -moz-box-flex:2;  -webkit-box-flex:2;  -o-box-flex:2; box-flex:2;  margin:4px;}

.colh-1 {width:1px;text-align:center;-moz-box-flex:1;-webkit-box-flex:1;-o-box-flex:1;-ms-box-flex:1;box-flex:1;-moz-flex:1;-webkit-flex:1;-o-flex:1;-ms-flex:1;flex:1;color:white;}
.colh-twice {width:1px;text-align:center;-moz-box-flex:2;-webkit-box-flex:2;-o-box-flex:2;-ms-box-flex:2;box-flex:2;-moz-flex:2;-webkit-flex:2;-o-flex:2;-ms-flex:2;flex:2;color:white;}
.colh-4 {width:1px;text-align:center;-moz-box-flex:4;-webkit-box-flex:4;-o-box-flex:4;-ms-box-flex:4;box-flex:4;-moz-flex:4;-webkit-flex:4;-o-flex:4;-ms-flex:4;flex:4;color:white;}
.colh-5 {width:1px;text-align:center;-moz-box-flex:5;-webkit-box-flex:5;-o-box-flex:5;-ms-box-flex:5;box-flex:5;-moz-flex:5;-webkit-flex:5;-o-flex:5;-ms-flex:5;flex:5;color:white;}