@charset "utf-8";
*{margin: 0;padding: 0;}
body{
	color: #333;
	background-color: #000;
	overflow-x: hidden;
	font: 14px/1.60 "Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;
	position: relative;
	width:100%;
}
img{border: none;}
ul{list-style-position:inside;list-style-type:none;margin:0px;padding:0px;list-style-image:none;}
li{list-style:none;}
a:link{color:#333;text-decoration:none;}
a:visited{color:#333;text-decoration:none;}
a:hover{color:#c1272d;text-decoration: none;}
a:active{color:#c1272d;text-decoration: none;}
.nomr{margin-right:0px !important;}
.tac{text-align: center !important;}
.maxwidth{max-width:1920px !important;}


/*反馈对话框*/
#feedback {
	overflow: hidden;
	position: fixed;
	z-index: 9;
	height: 200%;
	width: 100%;
	left: 0px;
	top: 0px;
	filter: alpha(Opacity=00);
	-moz-opacity:0;
	opacity:0;
	display:none;
}
#feedback .bg {
	background-color: #FFF;
	position: absolute;
	z-index: 1;
	height: 200%;
	width: 100%;
	left: 0px;
	top: 0px;
	filter: alpha(Opacity=0);
	-moz-opacity: 0;
	opacity: 0;	
}
#feedback .com {
	z-index: 2;
	width: 260px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	top: 100px;
}
#feedback .com .bg {
	background-color: #000;
	position: absolute;
	z-index: 1;
	height: 100%;
	width: 100%;
	left: 0px;
	top: 0px;
	filter: alpha(Opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;	
	-moz-border-radius:12px;
	border-radius:12px;	
}
#feedback .com .txt {
	z-index: 2;
	width: 92%;
	padding: 4%;
	position: relative;
	color: #FFF;
	text-align:center;
	padding-top:25px;
	padding-bottom:25px;
	font-size:15px;
}
#feedback .icon {
	height: 60px;
	width: 60px;
	background-image: url(/image/feedback.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	position: relative;
	margin-bottom:10px;
}
#feedback.success .icon {background-position: 0px 0px;}
#feedback.fail .icon {background-position: -60px 0px;}
/*反馈对话框*/

/*分页*/
#info{
	position:fixed;
	width: 100%;
	height: 20px;
	line-height: 20px;
	top: 0px;
	left: 0px;
	z-index: 10;
	display: none;
}
.bebe{
	background-color: #efefef;
	position: relative;
	width: 100%;
}
.bebe.hide{
	position:fixed;
	left: 0%;
	top:0%;
	overflow: hidden;
	/*overflow-y: scroll;*/
}
.bebe .bebg{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	z-index: 10;
	display: none;
}
.bebe.hide .bebg{
	display: block;
}
#web_page {
	width:100%;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 10px;
	padding-top: 10px;
	position: relative;
	z-index: 2;
}
#web_page a {
	height:36px;
	min-width: 12px;
	margin-right: 2px;
	padding-left:12px;
	padding-right:12px;
	line-height: 36px;
	display: inline-block;
	border: 1px solid #dfdfdf;
	background-color: #fff;
	-moz-border-radius: 5px;
	border-radius: 5px;
	vertical-align: middle;
	position: relative;
	z-index: 1;
	text-align:center;
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	margin-bottom: 5px;
}
#web_page a:hover {
	border: 1px solid #5c82ff;
	background-color: #c9d6ff;
	color: #5c82ff;
	z-index: 2;
}
#web_page a.onthis {
	border: 1px solid #c1272d;
	background-color:#c1272d;
	color:#fff;
	cursor:default;
}
#web_page a.none {
	border: 1px solid #ddd;
	background-color:#efefef;
	color:#666;
	cursor:default;
}
/*分页*/


/*PC导航*/
#web_nav {
	position: relative;
	z-index: 2;
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: #fff;
}
#web_nav .in{
	position: relative;
	height: 40px;
	width: 96%;
	margin-right: auto;
	margin-left: auto;
	z-index:2;
}
#web_nav .bg{
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0px;
	top: 0px;
	background-color: #FFF;
}
#web_nav .tn{float:left;}
#web_nav .logo{
	width:auto;
	height:40px;
	position:relative;
	z-index:2;
	display:block;
}
#web_nav .it{
	height:40px;
	line-height:40px;
	float:right;
	position: relative;
}
#web_nav .it span.m{
	height: 2px;
	width: 0%;
	left: 0%;
	position: absolute;
	bottom: 0px;
	background-color: #c1272d;
}
#web_nav .it:hover span.m{
	animation-name: mm;
    animation-duration: 0.4s;
	animation-delay: 0.8s;
	animation-fill-mode: forwards;
}
@keyframes mm {
  0%   {width:0%;left: 0%;}
  50%  {width:60%;left: 0%;}
  100% {width:20%;left: 40%;}
}
#web_nav .it span.b{
	height: 2px;
	width: 0%;
	left: 0%;
	position: absolute;
	bottom: 0px;
	background-color: #c1272d;
}
#web_nav .it:hover span.b{
	animation-name: bb;
    animation-duration: 0.4s;
}
@keyframes bb {
  0%   {width:0%;left: 0%;}
  50%  {width:100%;left: 0%;}
  100% {width:0%;left: 100%;}
}
#web_nav .it span.r{
	height: 0%;
	width: 2px;
	right: 0%;
	position: absolute;
	bottom: 0%;
	background-color: #c1272d;
}
#web_nav .it:hover span.r{
	animation-name: rr;
    animation-duration: 0.4s;
	animation-delay: 0.2s;
}
@keyframes rr {
  0%   {height:0%;bottom: 0%;}
  50%  {height:100%;bottom: 0%;}
  100% {height:0%;bottom: 100%;}
}
#web_nav .it span.t{
	height: 2px;
	width: 0%;
	right: 0%;
	position: absolute;
	top: 0px;
	background-color: #c1272d;
}
#web_nav .it:hover span.t{
	animation-name: tt;
    animation-duration: 0.4s;
	animation-delay: 0.4s;
}
@keyframes tt {
  0%   {width:0%;right: 0%;}
  50%  {width:100%;right: 0%;}
  100% {width:0%;right: 100%;}
}
#web_nav .it span.l{
	height: 0%;
	width: 2px;
	left: 0%;
	position: absolute;
	top: 0%;
	background-color: #c1272d;
}
#web_nav .it:hover span.l{
	animation-name: ll;
    animation-duration: 0.4s;
	animation-delay: 0.6s;
}
@keyframes ll {
  0%   {height:0%;top: 0%;}
  50%  {height:100%;top: 0%;}
  100% {height:0%;top: 100%;}
}
#web_nav .it a{color:#333; display: block;padding-left:20px;padding-right:20px;}
#web_nav .it.on a{color:#c1272d;}
#web_nav .it:hover a{color:#c1272d;}
#web_nav .it.on span.m{
    width: 20%;
	left: 40%;
}
#web_nav .it.on:hover span.m{
	animation-name: mm;
    animation-duration: 0s;
}
#web_nav .it.on:hover span.b{
	animation-name: bb;
    animation-duration: 0s;
}
#web_nav .it.on:hover span.r{
	animation-name: rr;
    animation-duration: 0s;
}
#web_nav .it.on:hover span.t{
	animation-name: tt;
    animation-duration: 0s;
}
#web_nav .it.on:hover span.l{
	animation-name: ll;
    animation-duration: 0s;
}

#web_nav .il{
	width:120px;
	color:#fff;
	cursor:default;
	margin-left:15px;
	float:right;
	height:40px;
}
#web_nav .il div{
	-moz-border-radius: 20px;
	border-radius: 20px;
	padding-left:15px;
	padding-right:15px;
	background-color:#c1272d;
	position:relative;
	overflow:hidden;
	height:40px;
	line-height:40px;
}
#web_nav .il .alow{
	position: absolute;
	top: 15px;
	right: 15px;
}
#web_nav .il p{
	line-height:24px;
	height:24px;
	width:100%;
	overflow:hidden;
	position:relative;
}
#web_nav .il a{color:#aaa;}
#web_nav .il a:hover{color:#fff;}

#web_nav .is{
	width: 40px;
	margin-left: 15px;
	float: right;
	height: 40px;
	background-image: url(../image/searchbut.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-color:#c1272d;
	cursor:pointer;
	-moz-border-radius: 20px;
	border-radius: 20px;
}
#web_nav .iv{
	width: 20px;
	margin-left: 15px;
	float: right;
	height: 20px;
	padding: 10px;
	background-color:#c1272d;
	cursor:pointer;
	-moz-border-radius: 20px;
	border-radius: 20px;
	display: none;
}
#web_nav .iv span{
	display: block;
	position: relative;
	width: 20px;
	height: 2px;
	background-color:#fff;
	margin-bottom: 6px;
}
#web_vav{
	background-color: #000;
	width: 60%;
	height: 100%;
	position: fixed;
	z-index: 9;
	top: 0px;
	left: -60%;
}
#web_vav .close{
	width: 25px;
	height: 25px;
	position: absolute;
	overflow: hidden;
	right: 5px;
	top: 5px;
	background-image: url(../image/close.png);
	background-position: center center;
	background-repeat: no-repeat;
}
#web_vav .in{padding-top: 20px;}
#web_vav .it{
	height: 40px;
	line-height: 40px;
	padding: 5px;
	padding-left: 12px;
	border-bottom: 1px solid #2d2d2d;
}
#web_vav .it a{
	display: block;
	color: #fff;
}
#web_vav .it.on a{color: #c1272d;}
#web_vav .il{
	width:120px;
	color:#fff;
	cursor:default;
	margin-left:10px;
	margin-top: 10px;
	height:40px;
}
#web_vav .il div{
	-moz-border-radius: 20px;
	border-radius: 20px;
	padding-left:15px;
	padding-right:15px;
	background-color:#c1272d;
	position:relative;
	overflow:hidden;
	height:40px;
	line-height:40px;
}
#web_vav .il .alow{
	position: absolute;
	top: 15px;
	right: 15px;
}
#web_vav .il p{
	line-height:24px;
	height:24px;
	width:100%;
	overflow:hidden;
	position:relative;
}
#web_vav .il a{color:#aaa;}
#web_vav .il a:hover{color:#fff;}




#web_search{
	height: 70px;
	overflow: hidden;
	position: absolute;
	width: 96%;
	left: 0px;
	top: 100%;
	padding-right: 2%;
	padding-left: 2%;
	background-color:#fff;
	display:none;
	-webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
}
#web_search .text{
	height: 70px;
	width: 100%;
	border: none;
	background-color:transparent;
	font-size:17px;
}
#web_search .text:focus{outline: none}
#web_search .but{
	width: 60px;
	height: 70px;
	background-image: url(../image/searchbut_focus.png);
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	position: absolute;
	z-index: 2;
	top: 0px;
	right: 2%;
	cursor:pointer;
	background-color:transparent;
}
#web_search div{
	position: absolute;
	height: 20px;
	line-height: 20px;
	top: 25px;
	right: 2%;
	padding-right: 70px;
}
#web_search div a{
	display:inline-block;
	padding-left:10px;
	padding-right:10px;
	background-color:#eeeeee;
	color:#7e7e7e;
	margin-right:10px;
	font-size: 12px;
}
#web_search div a:hover{color:#fff; background-color:#c1272d;}
/*PC导航*/


/*焦点图*/
#web_focus{
	width: 100%;
	position: relative;
	z-index: 1;
	overflow: hidden;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
}
#web_focus .slide{
	width:4100%;
	left:-2000%;
	position:relative;
	background-color: #000;
}
#web_focus .slide .dimg{
	width:auto;
	height:600px;
	display:block;
	margin-left:auto;
	margin-right:auto;
	background-color: #000;
}
/*焦点图*/


#web_show{
	background-color:#efefef;
	width: 100%;
	position: relative;
	z-index: 1;
}
#web_show .in{
	width: 96%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 50px;
	padding-bottom: 50px;
}
#web_show .box {
	width: 48.5%;
	margin-right: 3%;
	background-color: #FFF;
	margin-bottom: 40px;
	float: left;
	-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
	transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
#web_show .box:hover{
	-webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
}
#web_show .box .padding {padding: 20px;}
#web_show .box h3 {font-size: 16px;font-weight: normal;}
#web_show .box p{
	color: #bababa;
	position: relative;
	height: 20px;
	line-height: 20px;
	overflow: hidden;
	font-size: 12px;
}
#web_show .box .line {
	height: 1px;
	width: 2%;
	overflow: hidden;
	position: relative;
	margin-top: 10px;
	background-color: #a5a5a5;
	transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
#web_show .box:hover .line {width: 32%;}
#web_show .box .line span {
	height: 1px;
	width: 0%;
	overflow: hidden;
	position: relative;
	display: block;
	background-color: #ff0000;
	transition:all 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s;
}
#web_show .box:hover .line span {width: 32%;}
#web_show .box h3 a {color: #7B7B7B;transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
#web_show .box:hover h3 a {color: #3d3d3d;}
#web_show .box h3 a:hover {color: #c1272d;}


#web_ground{background-color:#000; width:100%; color:#fff;position: relative;z-index: 1;}
#web_ground .in{
	width: 96%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 50px;
	padding-bottom: 50px;
}
#web_ground .box{
	width:25%;
	float:left;
	text-align:center;
}
#web_ground .box .pad{
	padding: 20px;
}
#web_ground .box img{
	display: block;
	margin-bottom: 10px;
	width: 100%;
	height: auto;
	max-width: 200px;
	margin-right: auto;
	margin-left: auto;
}
#web_ground .box h2{font-weight: normal;}
#web_ground .box .line{
	margin-top:20px;
	margin-bottom: 20px;
	width: 100%;
	height: 1px;
	max-width: 80px;
	margin-right: auto;
	margin-left: auto;
	background-color:#fff;
}


#iabout{
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	background-color: #fff;
	position: relative;
}
#iabout .l{float: left;width: 50%; position: relative;}
#iabout .r{
	float: left;
	width: 50%;
	line-height: 30px;
}
#iabout .r .int{
	padding: 100px;
	padding-bottom: 0px;
	text-align: center;
}
#iabout .r h2{line-height:normal;}
#iabout .l img {
	width: 100%;
	display: block;
	position: relative;
}

a.webbut {
	height: 34px;
	width: 140px;
	border: 1px solid #333;
	display:inline-block;
	line-height: 34px;
	position: relative;
	text-align: center;
	margin-right: 5px;
	margin-left: 5px;
}
a.webbut span.txt{
	display: block;
	position: relative;
	z-index: 2;	
}
a.webbut span.bg{
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 1;
	background-color: #000;
	height: 100%;
	width: 0%;
	transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
a.webbut:hover span.bg{width: 100%;}

#promotion{
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 5;
	display: none;
}
#promotion_video{
	position:absolute;
	top: 5%;
	left: 5%;
	width: 90%;
	height: 90%;
	z-index: 1;
	background-color: #000;
}
#promotion .bg{
	background-color: #000;
	position:absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	filter: alpha(Opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}
#promotion .close{
	position:absolute;
	top: 5px;
	right: 5px;
	z-index: 2;
	color:#c1272d;
	cursor: pointer;
}

#inews{
	width:100%;
	padding-top: 100px;
	padding-bottom: 50px;
	background-color:#efefef;
}
#web_body #inews{
	padding-top: 0px;
}
#inews .in{
	width: 96%;
	margin-right: auto;
	margin-left: auto;
}
#inews .box{
	width: 100%;
	margin-bottom: 30px;
	color: #999;
	line-height: 20px;
	background-color: #FFF;
	position: relative;
	-webkit-box-shadow: rgba(0,0,0,0.01) 0px 1px 10px;
	-moz-box-shadow: rgba(0,0,0,0.01) 0px 1px 10px;
	box-shadow: rgba(0,0,0,0.01) 0px 1px 10px;	
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;	
}
#inews .box:hover{
	-webkit-box-shadow: rgba(0,0,0,0.3) 0px 5px 20px;
	-moz-box-shadow: rgba(0,0,0,0.3) 0px 5px 20px;
	box-shadow: rgba(0,0,0,0.3) 0px 5px 20px;
}
#inews .box .padding{
	padding: 20px;
	position: relative;
}
#inews .box .ibox
{
	position:relative;
	width:30%;
	margin-right:3%;
	float:left;
}
#inews .box .ibox img{display:block}
#inews .box .tbox
{
	position: relative;
	float: left;
	width: 65%;
}
#inews .box .tbox .stat{
	line-height:20px;
	height:20px;
	color:#666;
	margin-bottom:20px;
}
#inews .box .tbox .stat span{
	display:inline-block;
	margin-right:20px;
	color:#333;
}
#inews .box .tbox h3{
	position: relative;
	margin-bottom: 5px;
	padding-left: 0px;
	font-size: 17px;
	font-weight: normal;
}
#inews .box .tbox a.but
{
	clear: both;
	width: 70px;
	text-align: center;
	line-height: 20px;
	height: 20px;
	display: block;
	position: relative;
	margin-top:20px;
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;	
}
#inews .box:hover .tbox a.but{
	padding-left:10px;
	padding-right:10px;
}
#inews .box .tbox a.but:hover{color:#fff;}
#inews .box .tbox a.but span{position: relative;z-index:2;}
#inews .box .tbox a.but i{
	background-color: #c1272d;
	position: absolute;
	height: 10px;
	width: 0%;
	left: -5%;
	bottom: -2px;	
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;	
}
#inews .box:hover .tbox a.but i{width: 110%;}
#inews .box .tbox a.but:hover i{height: 24px;}
#ninfo {
	padding: 50px;
	background-color: #fff;
}
#ninfo h2.title{
	text-align: center;
	font-size: 18px;
}
#ninfo .titles{
	text-align: center;
	color: #999;
}
#ninfo .stat{
	line-height:20px;
	height:20px;
	color:#666;
	margin-bottom:20px;
	text-align: center;
}
#ninfo .stat span{
	display:inline-block;
	margin-right:20px;
	color:#333;
}
.web_h2 {
	text-align: center;
}
.web_brief {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	width: 80%;
	max-width: 520px;
	color: #999;
}
.web_line img {
	display: block;
	margin-right: auto;
	margin-left: auto;
}
.web_line {
	padding-top: 10px;
	padding-bottom: 30px;
}


#foot {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #e2e2e2;
	position: relative;
	padding-top: 30px;
	padding-bottom: 30px;
	background-color: #FFF;
}
#foot .int {
	width:96%;
	max-width: 1200px;
	margin-right: auto;
	margin-left: auto;
}
#foot .clear{
	clear: both;
	display: none;
}
#foot .box{
	width:18%;
	float:left;
}
#foot .bbox{
	width: 28%;
	float: left;
	text-align: center;
}
#foot .box h3 {
	font-size: 17px;
	font-weight: normal;
	margin-bottom: 15px;
}
#foot .box p {line-height: 34px;}
#foot .box a{color:#777;}
#foot .box a:hover{color:#3d3d3d;}
#foot .bbox h3 {
	font-size: 18px;
	font-weight: normal;
	margin-bottom: 10px;
}
#foot .bbox a.customer {
	height: 40px;
	width: 60%;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #333;
	display: block;
	font-size: 17px;
	line-height: 40px;
	position: relative;
	margin-bottom:10px;
}
#foot .bbox a.customer span.txt{
	display: block;
	position: relative;
	z-index: 2;	
}
#foot .bbox a.customer span.bg{
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 1;
	background-color: #000;
	height: 100%;
	width: 0%;
	transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
#foot .bbox a.customer:hover span.bg{width: 100%;}
#foot .bbox .thetime {margin-bottom: 8px;color:#777;}
#foot .bbox .or{margin-bottom:8px; color:#aaa}

#footer {
	background-color: #f9f9f9;
	padding-top: 30px;
	padding-bottom: 30px;
}
#footer .link {
	padding-bottom: 25px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e7e7e7;
	width:96%;
	max-width: 1200px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom:25px;
	line-height: 22px;
}
#footer .link a{
	display:inline-block;
	margin-right:20px;
	color:#666;
}
#footer .link a:hover{color:#c1272d;}
#footer .bottom {
	width: 96%;
	max-width: 1200px;
	margin-right: auto;
	margin-left: auto;
	color: #999;
	line-height: 20px;
	position: relative;
}
#footer .bottom .rbar{position: absolute;top: 0px;right: 0px;}
#footer .bottom .rbar a{display: inline-block;margin-left: 20px;color: #999;}
#footer .bottom .rbar a:hover{color: #3d3d3d;}


#web_banner {
	background-color: #000;
	height: 300px;
	width: 100%;
	position: relative;
}
#web_banner .in{
	width:4100%;
	left:-2000%;
	position:relative;
}
#web_banner .dimg{
	height: 300px;
	width:auto;
	margin-left:auto;
	margin-right:auto;
	display:block;
}


#web_path {
	width: 100%;
	position: relative;
}
#web_path .in {
	height: 20px;
	width: 96%;
	margin-right: auto;
	margin-left: auto;
	line-height: 20px;
	padding-top:20px;
	padding-bottom:20px;
}
#web_path a{color:#666;}
#web_path a:hover{color: #c1272d;text-decoration: underline;}
#web_path span{color: #999;display: inline-block;margin-right: 10px;margin-left: 10px;}


#web_body {
	width: 100%;
	position: relative;
}
#web_body .in {
	width: 96%;
	margin-right: auto;
	margin-bottom: 50px;
	margin-left: auto;
}
#web_body .l {
	width: 20%;
	margin-right: 2%;
	float: left;
	padding-bottom:100px;
	background-color:#fff;
	position: relative;
	z-index: 5;
}
#web_body .r {
	width: 78%;
	float: left;
}
#web_body .l .title {
	background-color: #c1272d;
	padding: 20px;
	color:#fff;
	margin-bottom: 1px;
}
#web_body .l .title h1 {
	font-weight: normal;
	font-size:34px;
}
#web_body .l .it{
	height: 50px;
	line-height: 50px;
	padding-left: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #efefef;
	position: relative;
}
#web_body .l .it:hover{background-color:#c1272d;}
#web_body .l .it.onthis{background-color:#c1272d;}
#web_body .l .it:hover a.bid{color: #fff; display: block}
#web_body .l .it.onthis a.bid{color: #fff;display: block}
#web_body .l .it .pop{
	width: 110%;
	background-color: #FFF;
	position: absolute;
	padding-bottom:20px;
	min-height: 100px;
	left: 100%;
	top: 0px;
	padding:15px;
	padding-top:10px;
	line-height:24px;
	display:none;
	-webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);	
}
/*#web_body .l .it:hover .pop{ display:block;}*/
#web_body .l .it .pop h3{
	line-height: 34px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	margin-bottom:5px;
}
#web_body .l .it .pop h3 a.sid.onthis{color:#c1272d;}
#web_body .l .it .pop a.nid{
	display:inline-block;
	margin-right:10px;
	margin-bottom:5px;
	color:#999;
}
#web_body .l .it .pop a.nid:hover{color:#333;}
#web_body .l .it .pop a.nid.onthis{color:#333;}


#products .box {
	width: 49%;
	margin-right: 2%;
	background-color: #FFF;
	margin-bottom: 20px;
	float: left;
	-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
	transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
#products .box:hover{
	-webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
}
#products .box .padding {padding: 20px;}
#products .box h3 {font-size: 16px; line-height: 22px; width: 100%; height: 22px; position: relative; overflow: hidden; font-weight: normal;}
#products .box p{
	color: #bababa;
	position: relative;
	height: 20px;
	line-height: 20px;
	overflow: hidden;
	font-size: 12px;
}
#products .box .line {
	height: 1px;
	width: 2%;
	overflow: hidden;
	position: relative;
	margin-top: 10px;
	background-color: #a5a5a5;
	transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
#products .box:hover .line {width: 32%;}
#products .box .line span {
	height: 1px;
	width: 0%;
	overflow: hidden;
	position: relative;
	display: block;
	background-color: #ff0000;
	transition:all 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s;
}
#products .box:hover .line span {width: 32%;}
#products .box h3 a {color: #7B7B7B;transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
#products .box:hover h3 a {color: #3d3d3d;}
#products .box h3 a:hover {color: #c1272d;}



#works{
	padding-top: 100px;
	padding-bottom: 100px;
	width: 96%;
	margin-left: auto;
	margin-right: auto;
}
#works .box {
	width: 50%;
	float: left;
}
#works .box .ibox{
	display:block;
	position:relative;
	overflow:hidden;
}
#works .box .ibox .bg{display:block;width: 100%;}
#works .box .ibox .dimg{
	position: absolute;
	width: 100%;
	left: 0px;
	top: 0px;
	transition:all 0.5s;	
}
#works .box:hover .ibox .dimg{
	width: 120%;
	left: -10%;
	top: -10%;	
}
#works .box .text{padding:20px; padding-top:10px; height:20px;line-height:20px; background-color: #fff}
#works .box h3 {font-size: 16px;font-weight: normal;}
#works .box p{
	color: #999;
	position: relative;
	height: 20px;
	line-height: 20px;
	overflow: hidden;
	font-size: 12px;
}
#works .box h3 a {color: #3d3d3d;}
#works .box h3 a:hover {color: #c1272d;}



#project .box {
	width: 48%;
	margin-right:4%;
	margin-bottom: 40px;
	float: left;
	background-color: #FFF;
	position:relative;
	overflow:hidden;
}
#project .box .ibox{
	display: block;
	position: relative;
	overflow: hidden;
}
#project .box .ibox img{display:block;}
#project .box .bg{
	display: block;
	width: 100%;
	position: absolute;
	z-index: 2;
	height: 100%;
	left: 0px;
	top: 100%;
	background-image: linear-gradient(to bottom, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0) 100%);
	transition:all 1s;
}
#project .box:hover .bg{top: -100%;}
#project .box:hover .ibox .dimg{
	width: 120%;
	left: -10%;
	top: -10%;	
}
#project .box .text{
	padding: 20px;
	height: 96px;
	line-height: 24px;
	position: relative;
	overflow: hidden;
}
#project .box h3 {font-size: 16px;font-weight: normal;}
#project .box p{
	color: #999;
	position: relative;
}
#works .box h3 a {color: #3d3d3d;}
#works .box h3 a:hover {color: #c1272d;}




#nav_show {
	background-color: #cae1ff;
	height: 50px;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #4292ff;
	position: relative;
	margin-bottom: 200px;
}
#nav_show .b{
	line-height: 50px;
	float: left;
	height: 50px;
	width: 8%;
	text-align: center;
	position: relative;
}
#nav_show .b:hover{background-color: #4292ff; color:#fff;}
#nav_show .b .bpop{
	position: absolute;
	width: 100%;
	left: 0px;
	top: 100%;
	background-color: #4292ff;
	display:none;
}
#nav_show .b:hover .bpop{display:block;}
#nav_show .b.onthis .bpop{display:block;}
#nav_show .s{
	display: block;
	height: 40px;
	line-height: 40px;
	position: relative;
}
#nav_show .s:hover{background-color:#00429a;}
#nav_show .s .spop{
	position: absolute;
	width: 100%;
	left: 100%;
	top: 0%;
	background-color: #00429a;
	display:none;
}
#nav_show .s:hover .spop{display:block;}
#nav_show .m{
	display: block;
	height: 40px;
	line-height: 40px;
	position: relative;
}
#nav_show .m:hover{background-color:#002a63;}

#foot_show {
	background-color: #cae1ff;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #4292ff;
	position: relative;
	padding-bottom: 50px;
	margin-bottom: 200px;
	padding-top: 20px;
	padding-right: 20px;
	padding-left: 20px;
}
#foot_show .bbox{
	float: left;
	width: 9%;
	margin-right: 1%;
	position: relative;
	color:#000;
}
#foot_show .sbox{
	width: 100%;
	position: relative;
	line-height:30px;
	color:#444;
}
#foot_show p{padding-left:10px;color:#999;}



#contactus{margin-bottom: 80px;}
#contactus .cc{
	position: relative;
	width: 100%;
	overflow: hidden;
}
#contactus .cc img{
	display: block;
	margin-left: auto;
	margin-right: auto;
	height: 560px;
	width: auto;
}
#contactus .cc .txt{
	width: 70%;
	position: absolute;
	left: 15%;
	top: 40%;
	text-align: center;
	font-size: 20px;
	color: #c1272d;
}
#contactus .cl{
	width: 60%;
	height: 420px;
	float: left;
	background-color: #fff;
	line-height: 22px;
	font-size: 15px;
}
#contactus .cl .in{
	padding: 50px;
}
#contactus .cl h2{
	margin-bottom: 5px;
}
#contactus .cl p{
	margin-bottom: 12px;
}
#contactus .cl p em{
	font-style: normal;
	color: #999;
}
#contactus .cl span.line{
	position: relative;
	display: block;
	background-color: #999;
	width: 180px;
	height: 1px;
	margin-top: 15px;
	margin-bottom: 15px;
}
#contactus .cr{
	width: 40%;
	height: 420px;
	float: left;
	overflow: hidden;
	position: relative;
	background-color: #c1272d;
}
#contactus .cr .bg{
	background-color: #000;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	z-index: 2;
	filter: alpha(Opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;	
}
#contactus .cr .txt{
	position: absolute;
	width: 80%;
	height: 80%;
	left: 20%;
	top: 30px;
	z-index: 3;
	color: #fff;
}
#contactus .cr .txt h1{
	font-size: 90px;
}


#book {
	margin-right: auto;
	margin-bottom: 100px;
	margin-left: auto;
	background-color: #FFF;
	-webkit-box-shadow: rgba(0,0,0,0.1) 0px 12px 25px;
	-moz-box-shadow: rgba(0,0,0,0.1) 0px 12px 25px;
	box-shadow: rgba(0,0,0,0.1) 0px 12px 25px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	overflow: hidden;
	position: relative;
}
#book .head {
	width:100%;
	position:relative;
	overflow:hidden;
}
#book .head .text{
	padding-left: 5%;
	padding-right: 5%;
	width: 90%;
	color: #fff;
	padding-top: 7%;
	padding-bottom: 10%;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index:2;
	text-align: center;
	font-size: 18px;
}
#book .head .bg{
	display:block;
	width:100%;
	height:auto;
	position:relative;
	left:0px;
}
#book .head h3{
	font-style: normal;
	font-weight: normal;
}
#book .body {
	padding-top: 5%;
	padding-right: 5%;
	padding-bottom: 200px;
	padding-left: 5%;
}
#book .box {
	float: left;
	width: 47%;
	margin-right: 6%;
	position: relative;
	margin-bottom:20px;	
}
#book .box .text {
	height: 30px;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #CCC;
	width: 100%;
	color: #3151ba;
	font-size: 16px;
}
#book .bbox{
	width: 100%;
	position: relative;
	margin-bottom: 20px;
	clear: both;
	float: none;
}
#book .bbox .textarea {
	height: 120px;
	line-height:20px;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #CCC;
	width:100%;
	color:#3151ba;
	font-size:16px;
	font: "Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;
}
#book strong{
	color: #ff0000;
	display: inline-block;
	padding-right: 2px;
}
#book .but{
	color: #FFF;
	height: 42px;
	line-height:44px;
	width: 200px;
	display: block;
	background-color: #000;
	border: none;
	cursor:pointer;
	transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;		
}
#book .but:hover{background-color: #c1272d;}
#book .tips{color:#888; font-size:13px;}
#book p .error{
	background-image: url(../image/error.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 16px;
	font-size: 12px;
	height: 20px;
	line-height:21px;
	color: #ff6f3d;
	position:relative;
	overflow: hidden;
	display:none;
	top:4px;
	margin-left:3px;
}


#aboutus{width: 100%;}
#thepop{
	width: 400px;
	height: 400px;
	margin-left: auto;
	margin-right: auto;
	background-color: #fff;
	margin-bottom: 40px;
	position: relative;
	overflow: hidden;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-box-shadow: rgba(0,0,0,0.3) 20px 0px 90px;
	-moz-box-shadow: rgba(0,0,0,0.3) 20px 0px 90px;
	box-shadow: rgba(0,0,0,0.3) 20px 0px 90px;
}
#thepop img{
	position: absolute;
	left: -30%;
	top: -35%;
	animation-name: thepop;
    animation-duration: 12s;
	animation-iteration-count: infinite;
	width: 3000px;
	height: 1688px;
}
@keyframes thepop {
  0%   {left: -30%;top: -35%;}
  10%  {left: -30%;top: -35%;}
  20%  {left: -210%;top: -140%;}
  30%  {left: -210%;top: -140%;}
  40%  {left: -120%;top: -250%;}
  50%  {left: -120%;top: -250%;}
  60%  {left: -405%;top: -195%;}
  70%  {left: -405%;top: -195%;}
  80%  {left: -550%;top: -70%;}
  90%  {left: -550%;top: -70%;}
 100%  {left: -30%;top: -35%;}
}

.wisszech1{font-size: 60px; text-align: center}
.wisszech1 span{color: #c1272d;}
.wisszectxt{
	width: 580px;
	margin-left: auto;
	margin-right: auto;
	font-size: 17px;
	line-height: 30px;
	padding: 40px;
}

#wisszecplay{
	width: 100%;
	height: 480px;
	background-color: #efefef;
	position: relative;
	overflow: hidden;
	-moz-border-radius: 15px;
	border-radius: 15px;
}
.slogan{
	background-image: url(../image/sloganbg.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-color: #000;
	height: 250px;
	padding-top: 40px;
	padding-bottom: 40px;
}
.slogan .logo{
	width: 100px;
	height: 100px;
	background-color: #fff;
	margin-left: auto;
	margin-right: auto;
	border-radius: 100%;
	position: relative;
	overflow: hidden;
	padding: 40px;
	-webkit-box-shadow: rgba(0,0,0,0.2) 0px 12px 25px;
	-moz-box-shadow: rgba(0,0,0,0.2) 0px 12px 25px;
	box-shadow: rgba(0,0,0,0.2) 0px 12px 25px;
	margin-bottom: 10px;
}
.slogan .logo img{width: 100%;}
.slogan h2{
	color: #fff;
	text-align: center;
	font-size: 40px;
}


#pinfo .outline{
	background-color: #000;
	margin-bottom: 40px;
}
#pinfo .outline .oll{
	float: left;
	width: 60%;
	position: relative;
	overflow:hidden;
	background-color:#fff;
}
.oll .slide{
	width:4100%;
	left:-2000%;
	position:relative;
	background-color: #fff;
}
.oll .slide .dimg{
	width:auto;
	height:700px;
	display:block;
	margin-left:auto;
	margin-right:auto;
	background-color: #fff;
}
#pinfo .outline .olr{
	float: left;
	width: 40%;
	background-color: #000;
	color: #fff;
	background-image: url(../image/olrbg.jpg);
	background-repeat: no-repeat;
	background-position: bottom right;
}
#pinfo .outline .olr .padding{padding: 30px;}
#pinfo .outline .olr h3.title{color: #c1272d;}
#pinfo .outline .olr .line{
	position: relative;
	height: 1px;
	background-color: #3d3d3d;
	width: 100%;
	display: block;
	margin-bottom: 20px;
	margin-top: 10px;
}
#pinfo .outline .olr ul{
	margin-bottom: 20px;
}
#pinfo .outline .olr ul li{
	line-height: 20px;
	margin-bottom: 10px;
	position: relative;
	padding-left: 16px;
}
#pinfo .outline .olr ul em{
	display: inline-block;
	font-style: normal;
	position: absolute;
	top: 0px;
	left: 0px;
}
#pinfo .outline .olr a.but{
	height: 36px;
	width: 120px;
	display: inline-block;
	border:solid 1px #fff;
	text-align: center;
	line-height: 36px;
	color: #fff;
	margin-right: 10px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;	
}
#pinfo .outline .olr a.but:hover{
	background-color: #c1272d;
	border:solid 1px #c1272d;
}
#videoshowing{
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 5;
	display: none;
}
#videoshowing_video{
	position:absolute;
	top: 5%;
	left: 5%;
	width: 90%;
	height: 90%;
	z-index: 1;
	background-color: #000;
}
#videoshowing .bg{
	background-color: #000;
	position:absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	filter: alpha(Opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}
#videoshowing .close{
	position:absolute;
	top: 5px;
	right: 5px;
	z-index: 2;
	color:#c1272d;
	cursor: pointer;
}
#mainbox{
	position: relative;
	margin-right: auto;
	margin-left: auto;
	overflow:hidden;
	width: 60%;
	margin-bottom: 10px;
}
#mainimg{display:block;width:100%;}
#picbox {
	height: 86px;
	width: 430px;
	padding-bottom: 10px;
	padding-top: 10px;
	background-color: #FFF;
	position: relative;
	overflow: hidden;
	padding-right: 25px;
	padding-left: 25px;
	margin-right: auto;
	margin-left: auto;
	z-index: 2;
	margin-bottom: 20px;
}
#picbox .pic {
	position: relative;
	height: 86px;
	width: 430px;
	overflow: hidden;
}
#picbox a.prev {
	background-image: url(../image/pn.jpg);
	background-repeat: no-repeat;
	position: absolute;
	height: 40px;
	width: 20px;
	left: 0px;
	top: 33px;
	overflow: hidden;
}
#picbox a.prev:hover{background-position: -20px 0px;}
#picbox a.prev.none{background-position: -40px 0px; cursor:default}
#picbox a.next {
	background-image: url(../image/pn.jpg);
	background-repeat: no-repeat;
	position: absolute;
	height: 40px;
	right: 0px;
	width: 20px;
	top: 33px;
	overflow: hidden;
	background-position: 0px -40px;
	background-color: #F00;
}
#picbox a.next:hover{background-position: -20px -40px;}
#picbox a.next.none{background-position: -40px -40px; cursor:default}
#picbox .picint {
	position: absolute;
	height: 86px;
	width: 10000px;
	left: 0px;
	top: 0px;
}
#picbox .picint img{
	border: 3px solid #FFF;
	width: 80px;
	height: auto;
	float: left;
	cursor: pointer;
	filter: alpha(Opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
#picbox .picint img.onthis{
	border: 3px solid #c1272d;
	filter: alpha(Opacity=100);
	-moz-opacity:1;
	opacity: 1;
}


#infobox{background-color:#FFF}
#infobox .title {
	background-color: #e4e4e4;
	border: 1px solid #d1d1d1;
	height: 60px;
}
#infobox .title a{
	line-height: 20px;
	float: left;
	height: 20px;
	padding-top:20px;
	padding-bottom:20px;
	width: 160px;
	top:0px;
	position: relative;
	text-align:center;
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;	
}
#infobox .title a.onthis{
	background-color:#c1272d;
	color:#fff;
	top:-4px;
	height:24px;
}
#infobox .title a span{
	background-color: #d1d1d1;
	position: absolute;
	height: 100%;
	width: 1px;
	top: 0px;
	right: 0px;	
}
#infobox .title a.onthis span{display:none}
#infobox .bbox{padding: 50px;}
#infobox .bbox .box{
	display: none;
	overflow-x:auto;
	position: relative;
	width: 100%;
	padding-bottom:20px;
}
#infobox .bbox .box.onthis{display:block;}
#infobox .bbox .box img{
	display:block;
	margin-left:auto;
	margin-right:auto;
	width:100%;
	height:auto;
}
#infobox .bbox .box video{
	display:block;
	width:100%;
}


.table{background-color:#333; width:100%;font-size:12px; min-width:700px; margin-bottom:40px}
.table td{background-color:#FFFFFF;padding:5px;height:40px;word-wrap:break-word;word-break:break-all;vertical-align: middle;}
.table td.tdh{background-color:#333;color:#FFFFFF; text-align: center; font-size: 17px;}
.table td.tdl{background-color:#e5e5e5;}


#service{
	background-color: #fff;
	padding: 40px;
}
#service .aac{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 40px;
	padding-bottom: 40px;
	max-width: 800px;
}
#service .aabox{
	width: 33.33333333%;
	margin-bottom: 20px;
	float: left;
	text-align: center;
	padding-top: 40px;
	padding-bottom: 40px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
}
#service .aabox:hover{
	background-color:#c1272d;
	color: #fff;
}
#service .aabox em{
	height: 50px;
	width: 50px;
	position: relative;
	overflow: hidden;
	font-style:normal;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
}
#service .aabox p{
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}
.serviceflash{margin-bottom: 100px;}
.serviceflash .slide .dimg{
	width:auto;
	height:500px;
	display:block;
	margin-left:auto;
	margin-right:auto;
	background-color: #fff;
}
#service .ccbox{
	text-align: center;
	width: 33.33333333333333%;
	height: 200px;
	padding-bottom: 10px;
	float: left;
	-moz-border-radius: 15px;
	border-radius: 15px;
	position: relative;
	overflow: hidden;
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;	
}
#service .ccbox:hover{
	background-color: #c1272d;
	color: #fff;
}
#service .ccbox .padding{
	padding: 30px;
	padding-top: 10px;
}
#service .ccbox .cc{
	height: 100px;
	width: 120px;
	position: relative;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
	line-height: 200%;
	font-size: 100px;
	color: #f1f1f1;
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;	
}
#service .ccbox:hover .cc{line-height: 100%;}

#service .ddbox {
	width: 31.333333%;
	margin-right:3%;
	margin-bottom: 40px;
	float: left;
	background-color: #FFF;
	position:relative;
	overflow:hidden;
}
#service .ddbox .ibox{
	display: block;
	position: relative;
	overflow: hidden;
}
#service .ddbox .ibox img{display:block;}
#service .ddbox .bg{
	display: block;
	width: 100%;
	position: absolute;
	z-index: 2;
	height: 100%;
	left: 0px;
	top: 100%;
	background-image: linear-gradient(to bottom, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0) 100%);
	transition:all 1s;
}
#service .ddbox:hover .bg{top: -100%;}
#service .ddbox:hover .ibox .dimg{
	width: 120%;
	left: -10%;
	top: -10%;	
}
#service .ddbox .text{
	padding: 10px;
	height: 106px;
	line-height: 24px;
	position: relative;
	overflow: hidden;
}
#service .ddbox h3 {font-size: 16px;font-weight: normal;}
#service .ddbox p{
	color: #999;
	position: relative;
}


#problem{
	background-color: #fff;
	padding: 50px;
}
#problem .it{
	margin-bottom: 30px;
}
#problem .it .title{
	background-color: #000;
	color: #fff;
	padding: 10px;
	line-height: 20px;
	border-left: 4px solid #c1272d;
}
#problem .it .text{
	padding: 10px;
	line-height: 20px;
}


#download{
	background-color: #fff;
	padding: 50px;
}
#download .box{
	width: 27.333333%;
	padding: 3%;
	height: 350px;
	float: left;
	margin-bottom: 20px;
	text-align: center;
	overflow: hidden;
	position: relative;
	background-color: #fff;
}
#download .box:hover{
	background-color: #f8f8f8;
}
#download .box .ico{
	width: 80px;
	height: 80px;
	margin-left:auto;
	margin-right: auto;
	margin-bottom: 10px;
	overflow: hidden;
	position: relative;
	-moz-border-radius: 15px;
	border-radius: 15px
}
#download .box .title{margin-bottom: 10px; width: 100%; line-height: 20px; position: relative; height: 20px; overflow: hidden;}
#download .box .text{color: #888}
#download .box .qrcode{
	width: 50px;
	height: 50px;
	position: absolute;
	bottom: 0px;
	right: 0px;
	display: none;
	cursor: pointer;
	z-index: 3;
}
#download .box:hover .qrcode{display:block;}
#download .box .qrdiv{
	z-index: 2;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	padding-top: 50px;
	background-color: #777;
	display: none;
}
#download .box.onthis .qrdiv{
	display:block;
}
#download .box .qrdiv img{
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 70%;
}



#searchbox{
	background-color: #fff;
	padding: 50px;
	padding-top: 20px;
	padding-bottom: 20px;
	height: 20px;
	border-bottom: 2px solid #3d3d3d;
	margin-bottom: 30px;
}
#searchbox a{
	display: inline-block;
	padding-left: 20px;
	padding-right: 20px;
	height: 20px;
	padding-bottom: 20px;
	border-bottom: 2px solid #3d3d3d;
}
#searchbox a:hover{
	color: #ff0000;
	border-bottom: 2px solid #ff0000;
}
#searchbox a.on{
	color: #ff0000;
	border-bottom: 2px solid #ff0000;
}
.searchibox{
	display: none;
}
.searchibox.on{
	display:block;
}



@media only screen and (max-width: 1000px){
	body{font: 12px/1.30 "Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
	
	#web_nav {padding-top: 10px;padding-bottom: 10px;}
	#web_nav .il{display: none}
	#web_nav .it{display: none}
	#web_focus .slide .dimg{height:400px;}
	#web_nav .is{margin-left: 10px;}
	#web_nav .iv{margin-left:10px;display:block;}
	
	#web_show .in{width: 96%;padding-top: 40px;padding-bottom: 40px;}
	
	#web_ground .box .pad{padding: 10px;}
	#web_ground .box .line{margin-top:10px;margin-bottom: 10px;}
	
	#web_body .in {width: 96%;margin-bottom: 50px;}
	#web_body .l {width: 100%;margin-right: 0%;float:none;padding-bottom:50px; margin-bottom: 20px;}
	#web_body .r {width: 100%;float: none;}
	
	#pinfo .outline .olr .padding{padding: 20px;}
	.oll .slide .dimg{height:600px;}
	/*#inews .in{width: 98%;}*/
	#ninfo {padding: 40px;}
	
	#contactus{margin-bottom: 60px;}
	#contactus .cl{width: 100%;height: auto;}
	#contactus .cl .in{padding: 40px;}
	#contactus .cr{width: 100%;height: 420px;float: none;}
	#contactus .cc img{height: 460px;}
	#contactus .cc .txt{top: 30%;font-size: 18px;}
	
	#book .head .bg{width:120%;left:-10%;}
	#book .head .text{font-size: 16px;}
	
	#service{padding: 20px;}
	#service .ccbox{width: 50%;height: 200px;float: left;}
	#service .ccbox .padding{padding: 10px;padding-top: 10px;}
	#service .ccbox .cc{line-height: 100%;}
	
	#problem{padding: 20px;}
	#download{padding: 20px;}
	#download .box{width: 44%;padding: 3%;}
}
@media only screen and (max-width: 800px){
	#web_nav {padding-top: 10px;padding-bottom: 10px;}
	#web_nav .il{display: none}
	#web_nav .it{display: none}
	#web_focus .slide .dimg{height:300px;}
	#web_nav .is{margin-left: 10px;}
	#web_nav .iv{margin-left:10px;display:block;}
	
	#web_search{height:auto;width: 96%;padding-right: 2%;padding-left: 2%;padding-bottom: 10px;}
	#web_search .text{width: 99%;padding-left: 1%;height: 50px;font-size:13px;background-color: #f8f8f8;}
	#web_search .but{width: 43px;height: 50px;}
	#web_search div{position:relative;height: 20px;line-height: 20px;top: 0px;right: 0px;padding-right: 0px;padding-top: 10px;}
	#web_search div a{padding-left:5px;padding-right:5px;margin-right:10px;}
	
	#web_show .in{width: 98%;padding-top: 30px;padding-bottom: 30px;}
	
	#iabout .l{float: none;width: 100%;}
	#iabout .r{float: none;width: 100%;line-height: 20px;}
	#iabout .r .int{padding: 30px;}
	
	#web_ground .in{width: 98%;padding-top: 30px;padding-bottom: 50px;}
	#web_ground .box{width:50%;}
	#web_ground .box .pad{padding: 10px;}
	#web_ground .box .line{margin-top:10px;margin-bottom: 10px;}
	
	#foot .int {width:96%;}
	#foot .box{width:25%;float:left;}
	#foot .bbox{padding-top: 40px;width: 100%;float: none; clear: both}
	#foot .box h3 {font-size: 16px;margin-bottom: 10px;}
	
	#web_banner {height: 250px;}
	#web_banner .dimg{height: 250px;}
	
	#mainbox{width: 70%;}
	.oll .slide .dimg{height:500px;}
	#pinfo .outline .oll{float: none;width: 100%;}
	#pinfo .outline .olr{float: none;width: 100%;}
	#pinfo .outline .olr .padding{padding: 20px;}
	
	#infobox .title {height: 40px;}
	#infobox .title a{padding-top:10px;padding-bottom:10px; padding-left: 20px; padding-right: 20px; width: auto;}
	#infobox .bbox{padding: 20px;}
	
	#ninfo {padding: 30px;}
	
	#contactus{margin-bottom: 40px;}
	#contactus .cl .in{padding: 30px;}
	#thepop{width: 300px;height: 300px;}
	#thepop img{width: 2250px;height: 1266px;}
	
	#book .head .bg{width:140%;left:-20%;}
	#book .head .text{font-size: 14px;}
	#book .body {padding-top: 3%;padding-right: 3%;padding-bottom: 100px;padding-left: 3%;}
	#book .box {float: none;width: 100%;margin-right: 0%;margin-bottom:20px;}

	#contactus .cc img{height: 360px;}
	#contactus .cc .txt{top:30%;font-size: 14px; width: 80%; left: 10%;}
	
	#service .aabox{width: 100%;margin-bottom: 10px;float: none;padding-top: 20px;padding-bottom: 20px;}
	.serviceflash{margin-bottom: 80px;}
	.serviceflash .slide .dimg{height:420px;}
	
	#service .ddbox {width: 100%;margin-right:0%;margin-bottom: 0px;float: none;}
}
@media only screen and (max-width: 600px){
	#web_nav {padding-top: 10px;padding-bottom: 10px;}
	#web_nav .il{display: none}
	#web_nav .it{display: none}
	#web_focus .slide .dimg{height:260px;}
	#web_nav .is{margin-left: 10px;}
	#web_nav .iv{margin-left:10px;display:block;}
	
	#web_show .in{width: 96%;padding-top: 20px;padding-bottom: 20px;}
	#web_show .box {width: 100%;margin-right: 0%;margin-bottom: 20px;float:none;}
	.web_line {padding-top: 5px;padding-bottom: 15px;}
	
	#web_ground .box{width:100%;}
	#web_ground .box .pad{padding: 20px;}
	
	#inews .box .ibox{width:100%;margin-right:0%;float:none;margin-bottom:10px;}
	#inews .box .tbox{float:none;width:100%;}
	
	#foot .clear{display:block;}
	#foot .box{width:50%;float:left; margin-bottom: 20px; text-align: center}
	#foot .box p {line-height: 28px;}
	
	#footer .bottom {text-align: center;}
	#footer .bottom .rbar{position:relative;}
	#footer .bottom .rbar a{margin-left: 5px; margin-right: 5px;}
	
	#web_banner {height: 150px;}
	#web_banner .dimg{height: 150px;}
	
	#products .box {width: 100%;margin-right: 0%;margin-bottom: 20px;float: none;}
	
	#mainbox{width: 100%;}
	/*.oll .slide .dimg{height:400px;}*/
	#picbox {height: 56px;width: 280px;}
	#picbox .pic {height: 56px;width: 280px;}
	#picbox a.prev {top: 18px;}
	#picbox a.next {top: 18px;}
	#picbox .picint {height: 56px;}
	#picbox .picint img{width: 50px;}
	
	#infobox .title a{padding-top:10px;padding-bottom:10px; padding-left: 10px; padding-right: 10px; width: auto;}
	#infobox .bbox{padding: 10px;}
	
	#ninfo {padding: 20px; padding-bottom: 40px;}
	
	#contactus .cr{width: 100%;height: auto;float: none;}
	
	#book .head .bg{width:160%;left:-30%;}
	#book .head .text{font-size: 12px;}
	#book .body {padding-top: 3%;padding-right: 3%;padding-bottom: 50px;padding-left: 3%;}
	
	#contactus .cc img{height: 260px;}
	#contactus .cc .txt{top:20%;font-size: 11px; width: 90%; left: 5%;}
	#contactus .cl .in{padding: 15px; padding-top: 30px;}
	
	#thepop{width: 200px;height: 200px;}
	#thepop img{width: 1500px;height: 844px;}
	.wisszech1{font-size: 30px;}
	.wisszectxt{width: 80%;font-size: 13px;line-height: 24px;padding: 10%;}
	
	.slogan .logo{width: 90px;height: 90px;}
	.slogan h2{font-size: 24px;}
	
	#works{padding-top: 50px;padding-bottom: 50px;width: 98%;}
	#works .box {width: 100%;float: none;}
	#works .box .text{padding:10px;padding-bottom: 30px;}
	
	.serviceflash .slide .dimg{height:320px;}
	#service .ccbox{width: 100%;height: 200px;float: none;}
	
	#download .box{width: 96%;padding: 2%; padding-top: 20px; padding-bottom: 20px; height: auto; margin-bottom: 20px}
}