* {
	box-sizing: border-box;
}
*::before {
	box-sizing: border-box;
}
*::after {
	box-sizing: border-box;
}
html {
	margin: 0px; padding: 0px;
}
body {
	margin: 0px; padding: 0px;
}
div {
	margin: 0px; padding: 0px;
}
span {
	margin: 0px; padding: 0px;
}
iframe {
	margin: 0px; padding: 0px;
}
h1 {
	margin: 0px; padding: 0px;
}
h2 {
	margin: 0px; padding: 0px;
}
h3 {
	margin: 0px; padding: 0px;
}
h4 {
	margin: 0px; padding: 0px;
}
h5 {
	margin: 0px; padding: 0px;
}
h6 {
	margin: 0px; padding: 0px;
}
p {
	margin: 0px; padding: 0px;
}
blockquote {
	margin: 0px; padding: 0px;
}
pre {
	margin: 0px; padding: 0px;
}
a {
	margin: 0px; padding: 0px;
}
address {
	margin: 0px; padding: 0px;
}
big {
	margin: 0px; padding: 0px;
}
cite {
	margin: 0px; padding: 0px;
}
code {
	margin: 0px; padding: 0px;
}
del {
	margin: 0px; padding: 0px;
}
em {
	margin: 0px; padding: 0px;
}
font {
	margin: 0px; padding: 0px;
}
img {
	margin: 0px; padding: 0px;
}
ins {
	margin: 0px; padding: 0px;
}
small {
	margin: 0px; padding: 0px;
}
strong {
	margin: 0px; padding: 0px;
}
var {
	margin: 0px; padding: 0px;
}
b {
	margin: 0px; padding: 0px;
}
u {
	margin: 0px; padding: 0px;
}
i {
	margin: 0px; padding: 0px;
}
center {
	margin: 0px; padding: 0px;
}
dl {
	margin: 0px; padding: 0px;
}
dt {
	margin: 0px; padding: 0px;
}
dd {
	margin: 0px; padding: 0px;
}
ol {
	margin: 0px; padding: 0px;
}
ul {
	margin: 0px; padding: 0px;
}
li {
	margin: 0px; padding: 0px;
}
fieldset {
	margin: 0px; padding: 0px;
}
form {
	margin: 0px; padding: 0px;
}
label {
	margin: 0px; padding: 0px;
}
legend {
	margin: 0px; padding: 0px;
}
html {
	
}
body {
	margin: 0px auto; color: rgb(112, 112, 112); font-family: Î¢ÈíÑÅºÚ,"Heiti SC",ºÚÌå,Arial;
}
ol {
	list-style: none;
}
ul {
	list-style: none;
}
li {
	list-style: none;
}
a {
	color: inherit; text-decoration: none;
}
/*img {
	border: currentColor; vertical-align: middle; max-width: 100%;
}*/
table {
	border-collapse: collapse;
}
tr {
	margin: 0px; padding: 0px;
}
td {
	margin: 0px; padding: 0px;
}
th {
	margin: 0px; padding: 0px;
}
h1 {
	color: rgb(71, 71, 71); line-height: 120%; font-weight: normal;
}
h2 {
	color: rgb(71, 71, 71); line-height: 120%; font-weight: normal;
}
h3 {
	color: rgb(71, 71, 71); line-height: 120%; font-weight: normal;
}
h4 {
	color: rgb(71, 71, 71); line-height: 120%; font-weight: normal;
}
h5 {
	color: rgb(71, 71, 71); line-height: 120%; font-weight: normal;
}
h6 {
	color: rgb(71, 71, 71); line-height: 120%; font-weight: normal;
}
input {
	margin: 0px; padding: 0px; border: 1px solid rgb(204, 204, 204); font-family: Î¢ÈíÑÅºÚ,"Heiti SC",ºÚÌå,Arial;
}
textarea {
	margin: 0px; padding: 0px; border: 1px solid rgb(204, 204, 204); font-family: Î¢ÈíÑÅºÚ,"Heiti SC",ºÚÌå,Arial;
}
select {
	margin: 0px; padding: 0px; border: 1px solid rgb(204, 204, 204); font-family: Î¢ÈíÑÅºÚ,"Heiti SC",ºÚÌå,Arial;
}
button {
	margin: 0px; padding: 0px; border: 1px solid rgb(204, 204, 204); font-family: Î¢ÈíÑÅºÚ,"Heiti SC",ºÚÌå,Arial;
}
.clear {
	height: 0px; overflow: hidden; clear: both;
}
.left {
	float: left;
}
.right {
	float: right;
}
@media screen and (min-width:540px)
{
body {
	width: 540px;
}
header {
	width: 540px;
}
}
@media screen and (max-width:320px)
{
body {
	width: 320px;
}
header {
	width: 320px;
}
}
#header {
	background: #e1d6c0; border-bottom:2px #bd9981 solid; left: 0px; top: 0px; width: 100%; height: 66px; position: absolute; z-index: 66666; opacity: 0.8;
}
#header .lang {
	color: rgb(71, 71, 71); line-height: 46px; font-size: 15px; margin-left: 12px;
}
#header .logo {
	left: 50%; top: 8px; height: 32px; margin-left: -133px; position: absolute;
}
#header .nav {
	background: url("../images/nav.png") no-repeat center / 100% auto; top: 0px; width: 25px; height: 61px; right: 10px; display: block; position: absolute;
}
.snav {
	background: #2d2d53; padding: 15px 0px; top: 0px; width: 161px; right: 0px; display: none; position: absolute; z-index: 66666;
}
.snav .div {
	padding-left: 20px;
}

.snav .div h3 {
	color: rgb(255, 255, 255); line-height: 38px; font-size: 15px;
}
.snav .div h3 a {
	background: url("../images/j.png") no-repeat left / auto 50%; color: rgb(255, 255, 255); padding-left: 15px;
}
.snav .now.div {
	background: rgb(50, 50, 50);
}
.snav .div a {
	background: url("../images/ja.png") no-repeat left / auto 50%; padding-left: 15px;
}
.snav .now.div h3 a {
	background: url("../images/ja.png") no-repeat left / auto 50%;
}
.snav .div .hide {
	padding: 0px 0px 8px 12px; display: none;
}
.snav .div .hide a {
	color: rgb(195, 195, 195); line-height: 25px; font-size: 13px; display: block;
}
.bdshare-button-style0-32 {
	height: 80px; vertical-align: middle; display: table-cell;
}

#footer2 {
	background: #e2e2e4; padding: 16px 2.5% 0px; height: 120px;
}


#footer2 .text2 {
	text-align: center; color: #666666; line-height: 1.4; padding-top: 11px; font-size: 11px; margin-top: 7px; border-top-color: rgb(56, 56, 56); border-top-width: 0px; border-top-style: solid;
}
#home .focus {
	position: relative;
}
#home .focus .frame {
	position: relative;
}
#home .focus .frame .child {
	width: 100%; position: absolute;
}
#home .focus .nav {
	left: 0px; width: 100%; text-align: center; bottom: 21px; position: absolute;
}
#home .focus .nav a {
	background: rgb(255, 255, 255); margin: 0px 2px; width: 15px; height: 4px; display: inline-block;
}
#home .focus .nav a.now {
	border: 1px solid rgb(255, 255, 255);
}
#home .main0 {
	padding-bottom: 20px;
}
#home .main1 {
	padding-bottom: 40px;
}
#home .title {
	text-align: center; padding-top: 38px;
}
#home .title h3 {
	color: rgb(71, 71, 71); line-height: 1.2; font-size: 18px;
}
#home .main1 .ul {
	margin: 17px auto 0px; width: 95%; overflow: hidden; position: relative;
}
#home .main1 .ul .frame {
	overflow: hidden; position: relative;
}
#home .main1 .ul .frame .child {
	float: left;
}
#home .main1 .ul .frame .child a {
	padding: 0px 1px; display: block;
}
#home .main1 .ul .frame .child .pic {
	width: 100%; height: auto; overflow: hidden;
}
#home .main1 .ul .frame .child .text {
	background: rgb(242, 242, 242); padding: 6px 15px; width: 100%;
}
#home .main1 .ul .frame .child .text h3 {
	color: rgb(71, 71, 71); line-height: 1.3; font-size: 16px; font-weight:bold;
}
#home .main1 .ul .arrow_l {
	background: url("../images/arrow_l.png") no-repeat center / contain; left: 1px; top: 50%; width: 16px; height: 28px; margin-top: -34px; display: block; position: absolute; z-index: 2;
}
#home .main1 .ul .arrow_r {
	background: url("../images/arrow_r.png") no-repeat center / contain; top: 50%; width: 16px; height: 28px; right: 1px; margin-top: -34px; display: block; position: absolute; z-index: 2;
}
#home .main0 .more {
	margin: 15px auto 0px; border: 1px solid rgb(125, 125, 125); width: 105px; height: 24px; text-align: center; color: rgb(71, 71, 71); line-height: 24px; font-size: 16px; display: block;
}
#home .main1 .more {
	margin: 15px auto 0px; border: 1px solid rgb(125, 125, 125); width: 105px; height: 24px; text-align: center; color: rgb(71, 71, 71); line-height: 24px; font-size: 16px; display: block;
}
#home .main2 {
	background: rgb(242, 242, 242); padding-bottom: 45px;
}
#home .main2 .box {
	margin: 18px auto 0px; width: 95%; overflow: hidden; position: relative;
}
#home .main2 .box h2 {
	color: rgb(255, 255, 255); line-height: 1.2; font-size: 12px;
}
#home .main2 .box h3 {
	color: rgb(255, 255, 255); text-transform: uppercase; line-height: 1.2; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold;
}
#home .main2 .box h4 {
	color: rgb(255, 255, 255); text-transform: uppercase; line-height: 1.2; font-family: Arial, Helvetica, sans-serif; font-size: 9px;
}
#home .main2 .box .div1 h2 {
	color: rgb(71, 71, 71);
}
#home .main2 .box .div1 h3 {
	color: rgb(71, 71, 71);
}
#home .main2 .box .div1 h4 {
	color: rgb(71, 71, 71);
}
#home .main2 .box .div4 h2 {
	color: rgb(71, 71, 71);
}
#home .main2 .box .div4 h3 {
	color: rgb(71, 71, 71);
}
#home .main2 .box .div4 h4 {
	color: rgb(71, 71, 71);
}
#home .main2 .box .div7 h2 {
	color: rgb(71, 71, 71);
}
#home .main2 .box .div7 h3 {
	color: rgb(71, 71, 71);
}
#home .main2 .box .div7 h4 {
	color: rgb(71, 71, 71);
}
#home .main2 .box .t {
	left: 8px; bottom: 10%; position: absolute;
}
#home .main2 .box .div1 {
	left: 0px; top: 0px; width: 64.7%; position: absolute;
}
#home .main2 .box .div2 {
	top: 0px; width: 35.3%; right: 0px; position: absolute;
}
#home .main2 .box .div3 {
	left: 0px; width: 64.7%; position: absolute;
}
#home .main2 .box .div4 {
	background: rgb(222, 222, 222); width: 35.3%; right: 0px; position: absolute;
}
#home .main2 .box .div5 {
	width: 35.3%; right: 0px; position: absolute;
}
#home .main2 .box .div6 {
	background: rgb(129, 12, 24); width: 35.3%; right: 0px; position: absolute;
}
#home .main2 .box .div7 {
	background: rgb(255, 255, 255); left: 0px; width: 32.35%; position: absolute;
}
#home .main2 .box .div8 {
	background: rgb(45, 45, 45); left: 32.35%; width: 32.35%; position: absolute;
}
#home .main2 .box .div9 {
	left: 0px; width: 64.7%; position: absolute;
}
#home .main2 .box .div10 {
	left: 0px; width: 64.7%; position: absolute;
}
#home .main3 {
	background: url("../images/bg1.jpg") no-repeat top / 100% 100%; padding: 41px 2.5% 36px;
}
#home .main3 .div {
	margin-bottom: 23px;
}
#home .main3 .div .date {
	border: 1px solid rgb(255, 255, 255); width: 51px; height: 51px; color: rgb(255, 255, 255); padding-left: 6px; float: left;
}
#home .main3 .div .date .s1 {
	font-family: Arial, Helvetica, sans-serif; font-size: 15px; margin-top: 9px; display: block;
}
#home .main3 .div .date .s2 {
	font-family: Arial, Helvetica, sans-serif; font-size: 11px; display: block;
}
#home .main3 .div .text {
	padding-left: 60px; margin-top: 10px;
}
#home .main3 .div .text h3 {
	color: rgb(255, 255, 255); line-height: 1.2; font-size: 13px;
}
#home .main3 .div .text p {
	color: rgb(255, 255, 255); line-height: 1.5; font-size: 13px; margin-top: 7px;
}
#home .main3 .more {
	text-align: center; color: rgb(255, 255, 255); font-size: 15px; display: block;
}
.gotop {
	background: url("../images/gotop.png") no-repeat center / auto 60% rgb(51, 51, 51); border-radius: 5px; width: 35px; height: 50px; right: 10px; bottom: 100px; position: fixed; z-index: 2; opacity: 0;
}






.btn{display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:4px}
.btn:focus,.btn:active:focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn.active.focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}
.btn:hover,.btn:focus,.btn.focus{color:#333;text-decoration:none}
.btn:active,.btn.active{background-image:none;outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}
.btn.disabled,.btn[disabled],fieldset[disabled] .btn{pointer-events:none;cursor:not-allowed;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none;opacity:.65}
.btn-default{color:#333;background-color:#fff;border-color:#ccc}
.btn-default:hover,.btn-default:focus,.btn-default.focus,.btn-default:active,.btn-default.active,.open>.dropdown-toggle.btn-default{color:#333;background-color:#e6e6e6;border-color:#adadad}
.btn-default:active,.btn-default.active,.open>.dropdown-toggle.btn-default{background-image:none}
.btn-default.disabled,.btn-default[disabled],fieldset[disabled] .btn-default,.btn-default.disabled:hover,.btn-default[disabled]:hover,fieldset[disabled] .btn-default:hover,.btn-default.disabled:focus,.btn-default[disabled]:focus,fieldset[disabled] .btn-default:focus,.btn-default.disabled.focus,.btn-default[disabled].focus,fieldset[disabled] .btn-default.focus,.btn-default.disabled:active,.btn-default[disabled]:active,fieldset[disabled] .btn-default:active,.btn-default.disabled.active,.btn-default[disabled].active,fieldset[disabled] .btn-default.active{background-color:#fff;border-color:#ccc}
.btn-default .badge{color:#fff;background-color:#333}


.sectionHeader {
	margin: 0px auto; text-align: center; padding-bottom: 5px; position: relative;
}
.sectionHeader .sectionTitle {
	background: rgb(248, 248, 248); padding: 2px 9px; top: -22px; letter-spacing: 3.5px; font-size: 16px; display: inline-block; position: relative;
}
.sectionHeader hr {
	border-width: 0px 0px 1px; border-style: none none dashed; border-color: currentColor currentColor rgb(151, 151, 151);
}
.sectionPost {
	margin: 0px auto; position: relative;
}
.sectionPost::after {
	clear: both; display: table; content: "";
}


a {color: rgb(112, 112, 112); text-decoration: none;}
a:hover {color: rgb(102, 102, 102);}
a.casepage {color: #000000; text-decoration: none;}
a.casepage:hover {color: #707070;}





#case_left_menu a span {position: relative; display: inline-block; line-height:2.0; font-size:14px; color:#333333; font-family: 'Microsoft YaHei',Î¢ÈíÑÅºÚ,Arial; font-weight:500px; }
#case_left_menu a span:after {
content: '';height: 1px; width: 0%;position: absolute;top: 90%;left: 50%;background-color: #c39871; 
-webkit-transition: left 0.3s ease-out, width 0.3s ease-out;
-o-transition: left 0.3s ease-out, width 0.3s ease-out;
transition: left 0.3s ease-out, width 0.3s ease-out; 
}
#case_left_menu a:hover span:after {width: 100%;left: 0;line-height:2.0;}
#case_left_menu a:hover{color:#c39871;}
#case_left_menu .active span {color:#c39871; border-bottom:0px #c39871 solid; line-height:2.0; font-size:14px; font-family: 'Microsoft YaHei',Î¢ÈíÑÅºÚ,Arial; font-weight:500px;}
#case_left_menu .active > span:after {width: 100%;left: 0;line-height:2.0;font-size:14px;  }



