body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	color:#262626; font-size:14px; font-family:"微软雅黑";
}

a:link {
	color: #262626;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #262626;
}
a:hover {
	text-decoration: none;
	color: #ed2334;
}
a:active {
	text-decoration: none;
	color: #262626;
}

div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote,i,em{margin:0; padding:0;}
i,em,span{display:inline-block; font-style:normal;}
table{border-collapse: collapse;}
img{vertical-align:middle; border:none}

a{
	transition: all 0.3s ;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	-webkit-transition: all 0.3s;
}
.ak1{
	transition: all 0.3s ;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	-webkit-transition: all 0.3s;
}
.ak2{
	transition: all 1s ;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	-webkit-transition: all 1s;
}
ul,dl{list-style: none;list-style-type: none;margin:0;padding:0;}
li,dt,dd{list-style-type: none;list-style:none;list-style-image:none;margin:0;padding:0;}

video,
img {
	display: inline;
	max-width: 100%;
	height: auto;
	vertical-align: top;
}

.oveh{overflow: hidden}
.wik{width: calc(100% - 30px); max-width: 1600px; margin: auto}



.run_banner{width:100%; height: 340px; position:relative;overflow:hidden;}
.run_banner .ruba{position: relative; z-index: 1;}
.run_banner .ruba img{width:100%;animation:scale_b 20s linear infinite alternate;position:relative;z-index:1}
.run_banner .run_text{position:absolute;bottom:15%;z-index:90;left:0;color:#fff;}
.run_banner .ruba{width:100%; height: 340px; animation:scale_b 10s linear infinite alternate}@-webkit-keyframes scale_b{0%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2)}}@-moz-keyframes scale_b{0%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2)}}@-o-keyframes scale_b{0%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2)}}@-ms-keyframes scale_b{0%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2)}}



.f_tk{position: absolute; z-index: 2; width:100%;}
.f_tkb{/*background: rgba(0,0,0,.64);*/height: 380px;}

/*.f_top{ width:100%; overflow: hidden; max-width: 1600px; margin: auto}
.f_lo{float: left; width:30%}
.f_lo img{width:180px}
.f_se{float: right; width:65%; text-align: right;}*/
.f_logo{text-align: center; margin-top: 60px;}
.f_logo img{width:200px;}
.fti{width: calc(100% - 30px); overflow: hidden; padding-top: 50px; padding-bottom: 60px; max-width: 1600px; margin: auto; text-align: center;}
.fti h3{font-size: 40px;color: #FFFFFF; margin-bottom: 10px;}
.fti span{font-size: 20px; color: #FFFFFF}

.f_sr{width:300px; height: 40px; border: solid 1px #FFFFFF; margin: auto;
	-moz-border-radius:50px;
	-ms-border-radius:50px;
	-o-border-radius:50px;
	-webkit-border-radius:50px;
	border-radius:50px;
}
.f_sr1{float: left; width:216px; height: 36px; background:none; border: none; margin-top: 2px; margin-left: 20px;color: #FFFFFF; font-size: 16px;
	-moz-border-radius:50px;
	-ms-border-radius:50px;
	-o-border-radius:50px;
	-webkit-border-radius:50px;
	border-radius:50px;
}
.f_sr1::-webkit-input-placeholder{
            color:#ffffff;
        }
.f_sr1::-moz-placeholder{   /* Mozilla Firefox 19+ */
            color:#ffffff;
        }
.f_sr1:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
            color:#ffffff;
        }
.f_sr1:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
            color:#ffffff;
}
   
.f_sr2{float: right; width:58px; height: 36px; background: url(../images/bu1.png) no-repeat center center; border: none;margin-top: 2px;}

.f_tc{width: calc(100% - 30px); max-width: 1600px; margin: auto; padding: 25px 0}
.c_logo{float:left; width:46%;}
.c_logo img{width:180px;}
.c_srk{float:right; width:46%; text-align: right; padding-top: 15px;}

.cti{float:left; width: 56%; overflow: hidden; padding-top: 130px;}
.cti h3{font-size: 30px;color: #FFFFFF; margin-bottom: 10px;}
.cti span{font-size: 16px; color: #FFFFFF; height: 60px; overflow: hidden; line-height: 200%}
.c_sj{float:right; width: 40%; text-align: right;color: #FFFFFF; padding-top: 170px; font-size: 30px;}

.too{display:none;}
.sp_header{height:50px;overflow:hidden;position:fixed;z-index:10;width:100%;background: rgba(0,0,0,.9);
	transition: all 0.3s ;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	-webkit-transition: all 0.3s;
}
.sp_logo{padding:8px;float:left;height:50px}
.sp_logo img{margin:auto;max-height:33px;}
.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:15px;}
.sp_nav span{display:block;background:#ffffff;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.sjj_nav{position:fixed;z-index:9;background:rgba(255,255,255,.9);width:100%;height:calc(100% - 104px);font-size:14px;padding: 10px 0;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s; padding-bottom: 60px;}
.nav_show{top:50px}
/*.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px)}
.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}
.sjj_nav>ul>li:first-child .language a{width:35px;float:left;text-align:center;color:#ffffff;}*/
.sjj_nav ul li i{position:absolute;top:5px;right:5px;/*border-left:1px #ddd solid;*/width:20%; height:30px; text-align: right;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{/*border-top:1px #ddd solid;*/margin-left:20px;position:relative; padding: 8px 0; font-size:14px}
/*.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}*/
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#333333;width:calc(100% - 20%);display: block;}
.sjj_nav ul li ul li a{color:#333333;display:block;text-align:left;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#333333;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#333333}
.sjj_nav ul li ul li>ul{margin-left:10px}

.shaim{padding:10px 20px;color:#333333; font-size: 12px;}
.shaim dl{border-bottom: solid 1px #e5e5e5; overflow: hidden; padding: 10px 0;  margin: auto}
.shaim dl dt{font-size: 14px; font-weight: bold;padding:2px 10px; color: #000000; margin-bottom: 2px;}
.shaim dl dd{font-size: 12px;}
.shaim dl dd a{margin-right: 4px; margin-bottom: 4px; padding:2px 10px; display: inline-block}
.shaimh:link,.shaimh:visited,.shaimh:hover,.shaimh:active{background: #ed2334; color: #FFFFFF;
	-moz-border-radius:50px;
	-ms-border-radius:50px;
	-o-border-radius:50px;
	-webkit-border-radius:50px;
	border-radius:50px;
}

.shai{padding:0 0;color:#333333; font-size: 16px;}
.shaix{width:100%;height: 1px; border-bottom:solid 1px #e5e5e5; overflow: hidden}
.shai dl{overflow: hidden; padding: 6px 0 4px 0; max-width: 1400px; width:calc( 100% - 40px ); margin: auto}
.shai dl dt{float:left; width:60px; font-size: 16px; font-weight: bold;padding:0px 0px;color: #000000}
.shai dl dd{float:left; font-size: 16px;width:calc( 100% - 60px ); }
.shai dl dd a{margin: 6px 2px; padding:6px 20px; display: inline-block}
.shaih:link,.shaih:visited,.shaih:hover,.shaih:active{background: #ed2334; color: #FFFFFF;
	-moz-border-radius:50px;
	-ms-border-radius:50px;
	-o-border-radius:50px;
	-webkit-border-radius:50px;
	border-radius:50px;
}
.shaihot img{margin-left: -14px; margin-top: -10px;
	-ms-animation: shai-hot 1.8s steps(51)infinite;
	animation: shai-hot 1.8s steps(51)infinite;
	-o-animation: shai-hot 1.8s steps(51)infinite;
	-moz-animation: shai-hot 1.8s steps(51)infinite;
	-webkit-animation: shai-hot 1.8s steps(51)infinite;
}
@-webkit-keyframes shai-hot {
	50% {margin-top: -16px;}
}
@-moz-keyframes shai-hot {
	50% {margin-top: -16px;}
}
@-o-keyframes shai-hot {
	50% {margin-top: -16px;}
}
@keyframes shai-hot {
	50% {margin-top: -16px;}
}


/**不同分辨率案例展示 begin **/
#workbox {
	position: relative;
	z-index: 6;
	overflow: hidden;
}

#workbox .workshow {
	float: left;
	display: block;
	overflow: hidden;
	width: 20%;
	position: relative;
	cursor: pointer;

}

#workbox .workshow:before {
	box-sizing: border-box;
	position: absolute;
	content: '';
	right: 30px;
	left: 30px;
	top: 30px;
	bottom: 150px;
	-webkit-transform: scale(1.4);
	transform: scale(1.4);
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	z-index: 4;
}

#workbox .workshow:hover:before {
	opacity: 1;
	top: 0;
	-webkit-transform: scale(1);
	transform: scale(1);
}

#workbox .opacity1 {
	opacity: 1;
}

.work-size {
	width: 50%;
}

@media only screen and (max-width:960px) {

	#workbox .workshow,
	.work-size {
		width: 50%;
	}
}

@media only screen and (min-width:960px) {

	#workbox .workshow,
	.work-size {
		width: 33.33%;
	}
}

@media only screen and (min-width:1260px) {

	#workbox .workshow,
	.work-size {
		width: 25%;
	}
}

@media only screen and (min-width:1800px) {

	#workbox .workshow,
	.work-size {
		width: 25%;
	}
}

@media only screen and (min-width:2400px) {

	#workbox .workshow,
	.work-size {
		width: 16.66%;
	}
}

.workshow a {
	display: block;
	position: relative;
	overflow: hidden;
	text-decoration: none;
}

.workimg {
	display: block;
	margin: 0;
	width: 100%;
	transition: -webkit-transform 0.3s linear;
	transition: -moz-transform 0.3s linear;
	transition: transform 0.3s linear;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	transform: scale(1);
}

/*.work_img {display: block;}*/
.work-imgbox {
	overflow: hidden;
	display: block;
	position: relative;
}

#workbox .workshow .work-imgbox:before {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	display: block;
	z-index: 3;
	background: url(../images1/nal_hua.png) repeat;
	top: -100%;
	transition: opacity 0.35s;
	-webkit-transition: opacity 0.35s;
	opacity: 0;
	-moz-opacity: 0;
	-ms-opacity: 0;
	-o-opacity: 0;
	-webkit-opacity: 0;
	filter: alpha(opacity=0);
}

#workbox .workshow .woryan {
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	z-index: 99;
	left: 0;
	top: 0;
	background: url(../images/nal_yan.png) center top no-repeat;
	text-align: center;
}

#workbox .workshow .woryan {
	transition: -o-transform 0.6s cubic-bezier(1, .57, .78, 1.0);
	transition: -ms-transform 0.6s cubic-bezier(1, .57, .78, 1.0);
	transition: -webkit-transform 0.6s cubic-bezier(1, .57, .78, 1.0);
	transition: -moz-transform 0.6s cubic-bezier(1, .57, .78, 1.0);
	transition: transform 0.6s cubic-bezier(1, .57, .78, 1.0);
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	opacity: 0;
	-moz-opacity: 0;
	-ms-opacity: 0;
	-o-opacity: 0;
	-webkit-opacity: 0;
	filter: alpha(opacity=0);
}

#workbox .workshow:hover .work-imgbox:before {
	top: 0;
	opacity: 1;
	-moz-opacity: 1;
	-ms-opacity: 1;
	-o-opacity: 1;
	-webkit-opacity: 1;
	filter: alpha(opacity=100);
}

#workbox .workshow:hover .workimg {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}

#workbox .workshow:hover .woryan {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	transform: scale(1);
	opacity: 1;
	-moz-opacity: 1;
	-ms-opacity: 1;
	-o-opacity: 1;
	-webkit-opacity: 1;
	filter: alpha(opacity=100);
}

#workbox .worjsk {
	display: block;
	float: left;
	background-color: transparent !important;
	width:100%;
}

#workbox .workshow:nth-child(2n+1) .worjs{
	background: #ffffff;
	padding: 20px;
	overflow: hidden;
	position: relative;
}

#workbox .workshow:nth-child(2n+2) .worjs{
	background: #f1f1f1;
	padding: 20px;
	overflow: hidden;
	position: relative;
}
/*#workbox .worjs{
	background: #ffffff;
	padding: 20px;
	overflow: hidden;
	position: relative;
}
#workbox .worjs0{
	background: #f1f1f1;
	padding: 20px;
	overflow: hidden;
	position: relative;
}*/

#workbox .worjs1 {
	font-size: 18px;
	color: #010101;
	width:calc( 100% - 35px);
	margin-bottom: 10px;
}

#workbox .worjs2 {
	font-size: 12px;
	line-height: 24px;
	color: #999999;
	margin-bottom: 4px; display:block; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
#workbox .worjs2 em{
	margin-right: 5px; font-style: normal; display: inline;
}
#workbox .worjs3 {
	font-size: 12px;
	line-height: 24px;
	color: #999999;
	margin-bottom: 4px;
}
#workbox .worjs4{
	color: #ed2334; font-size: 18px; display:block; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}

#workbox .workshow .al_ewmk {
	display: block;
	width: 32px;
	height: 32px;
	cursor: pointer;
	position: absolute;
	z-index: 999;
	overflow: hidden;
	background: url(../images/alewm_qu2.png) center center no-repeat;
	float: left;
	bottom: 104px;
	right: 20px;
}

#workbox .workshow .al_ewm1 {
	position: relative;
	display: block;
	top: 0;
	left: 0;
}

#workbox .workshow .al_ewm2 {
	position: relative;
	display: block;
	top: 0px;
	left: 0;
}

#workbox .workshow .al_ewmk,
#workbox .workshow .al_ewm1,
#workbox .workshow .al_ewm2 {
	-o-transition: 0.6s cubic-bezier(1, .57, .78, 1.45);
	-webkit-transition: 0.6s cubic-bezier(1, .57, .78, 1.45);
	-ms-transition: 0.6s cubic-bezier(1, .57, .78, 1.45);
	-moz-transition: 0.6s cubic-bezier(1, .57, .78, 1.45);
	transition: 0.6s cubic-bezier(1, .57, .78, 1.45);
}

#workbox .workshow:hover .al_ewmk {
	background: url(../images/alewm_qu.png) center center no-repeat;
}

#workbox .workshow:hover .al_ewmk .al_ewm1 {
	top: -32px !important;
}

#workbox .workshow:hover .al_ewmk .al_ewm2 {
	top: -32px !important;
}


#workbox .workshow i {
	display: block;
	top: 33%;
	position: relative;
	transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
}

#workbox .workshow i em {
	display: inline-block;
	width: 50px;
	height: 65px;
	background-image: url(../images/go.png);
	transform: scale(0.7, 0.7);
	-webkit-transform: scale(0.7, 0.7);
	-moz-transform: scale(0.7, 0.7);
	-o-transform: scale(0.7, 0.7);
}

#workbox .workshow i em {
	-ms-animation: sprite-animate-go 1.7s steps(51)infinite;
	animation: sprite-animate-go 1.7s steps(51)infinite;
	-o-animation: sprite-animate-go 1.7s steps(51)infinite;
	-moz-animation: sprite-animate-go 1.7s steps(51)infinite;
	-webkit-animation: sprite-animate-go 1.7s steps(51)infinite;
}

@-webkit-keyframes sprite-animate-go {
	from {
		background-position: 0 0
	}

	to {
		background-position: -2550px 0
	}
}

@-moz-keyframes sprite-animate-go {
	from {
		background-position: 0 0
	}

	to {
		background-position: -2550px 0
	}
}

@-o-keyframes sprite-animate-go {
	from {
		background-position: 0 0
	}

	to {
		background-position: -2550px 0
	}
}

@keyframes sprite-animate-go {
	from {
		background-position: 0 0
	}

	to {
		background-position: -2550px 0
	}
}

/*chrome  浏览器滚动条的美化 */
::-webkit-scrollbar-track-piece {
	width: 8px;
	background-color: #f4f4ff;
}

::-webkit-scrollbar {
	width: 8px;
	background-color: #ed2334;
}

::-webkit-scrollbar-thumb {
	width: 8px;
	height: 50px;
	background-color: #ed2334;
}

::-webkit-scrollbar-thumb:hover {
	width: 8px;
	background-color: #ed2334;
}




/**案例展示**/
.casebg {
	display: block;
	overflow: hidden;
	background: #FFF;
}

.ca_ti {
	text-align: center;
	display: block;
}

#workbox {
	position: relative;
	width: 100%;
	height: 100%;
}

#workbox .workshow {
	float: left;
	display: block;
	overflow: hidden;
	width: 25%;
	position: relative;
	cursor: pointer;
}

#workbox .workshow:before {
	box-sizing: border-box;
	position: relative;
	/*background: url(../images1/view.png) no-repeat center;*/
	content: '';
	right: 30px;
	left: 30px;
	top: 30px;
	bottom: 150px;
	-webkit-transform: scale(1.4);
	transform: scale(1.4);
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	z-index: 4;
}

#workbox .workshow:hover:before {
	opacity: 1;
	top: 0;
	-webkit-transform: scale(1);
	transform: scale(1);
}

#workbox .opacity1 {
	opacity: 1;
}

.work-size {
	width: 50%;
}

@media only screen and (max-width:960px) {

	#workbox .workshow,
	.work-size {
		width: 50%;
	}
	#workbox .worjs1 {
		font-size: 12px;
		height: 28px; line-height: 14px; overflow: hidden; width:100%; margin-bottom: 5px;
	}
	#workbox .worjs2 {
		font-size: 10px; line-height: 14px; margin-bottom: 5px;
	}
	#workbox .worjs2 em{
		margin-right: 5px; margin-bottom: 0px; font-style: normal; display: block;
	}
	#workbox .worjs3 {
		font-size: 10px; line-height: 14px; height: 26px; overflow: hidden; margin-bottom: 5px;
	}
	#workbox .worjs4{
		font-size: 13px;
	}
	
	#workbox .workshow:nth-child(2n+1) .worjs{padding: 14px 14px;}
	#workbox .workshow:nth-child(2n+2) .worjs{padding: 14px 14px;}
	
	#workbox .workshow:nth-child(4n+1) .worjs,#workbox .workshow:nth-child(4n+4) .worjs{
		background: #ffffff;
	}

	#workbox .workshow:nth-child(4n+2) .worjs,#workbox .workshow:nth-child(4n+3) .worjs{
		background: #f1f1f1;
	}
	
	#workbox .workshow .woryan {
		width: 100%;
		height: 100%;
		display: block;
		position: absolute;
		z-index: 99;
		left: 0;
		top: -40px;
		background: url(../images/nal_yanm.png) center center no-repeat;  background-size:100%;
		text-align: center;
	}
	#workbox .workshow .woryan {
		transition: -o-transform 0.6s cubic-bezier(1, .57, .78, 1.0);
		transition: -ms-transform 0.6s cubic-bezier(1, .57, .78, 1.0);
		transition: -webkit-transform 0.6s cubic-bezier(1, .57, .78, 1.0);
		transition: -moz-transform 0.6s cubic-bezier(1, .57, .78, 1.0);
		transition: transform 0.6s cubic-bezier(1, .57, .78, 1.0);
		-webkit-transform: scale(0);
		-moz-transform: scale(0);
		-ms-transform: scale(0);
		-o-transform: scale(0);
		transform: scale(0);
		opacity: 0;
		-moz-opacity: 0;
		-ms-opacity: 0;
		-o-opacity: 0;
		-webkit-opacity: 0;
		filter: alpha(opacity=0);
	}

	#workbox .workshow i em {
		display: inline-block;
		width: 50px;
		height: 65px;
		background-image: url(../images/go.png);
		transform: scale(0.6, 0.6);
		-webkit-transform: scale(0.6, 0.6);
		-moz-transform: scale(0.6, 0.6);
		-o-transform: scale(0.6, 0.6);
	}
	
	.linp{display: none}
	.linm{display: block}
	.linm2{display: block; opacity:1}
	.shai{display: none}
}

@media only screen and (min-width:960px) {

	#workbox .workshow,
	.work-size {
		width: 33.33%;
	}
	#workbox .worjs1 {
		font-size: 16px; display:block; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
	}
	#workbox .worjs2 {
		font-size: 12px;
		line-height: 24px;
	}
	#workbox .worjs3 {
		font-size: 12px; line-height: 14px; height: 26px; display:block; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
	}
	#workbox .worjs4{
		font-size: 16px;
	}
	
	.linp{display: block}
	.linm{display: none}
	.linm2{display: none; opacity:0}
	.shai{display: block}
	.shai dl dt{float:left; width:60px; font-size: 14px; font-weight: bold;padding:12px 0;color: #000000}
	.shai dl dd{font-size: 14px;width:calc( 100% - 60px ); }
}

@media only screen and (min-width:1260px) {

	#workbox .workshow,
	.work-size {
		width: 25%;
	}
	#workbox .worjs1 {
		font-size: 16px; display:block; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
	}
	#workbox .worjs2 {
		font-size: 12px;
		line-height: 24px;
	}
	#workbox .worjs3 {
		font-size: 12px; line-height: 14px; height: 26px; display:block; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
	}
	#workbox .worjs4{
		font-size: 16px;
	}
	
	.linp{display: block}
	.linm{display: none}
	.linm2{display: none; opacity:0}
	.shai{display: block}
	.shai dl dt{float:left; width:60px; font-size: 16px; font-weight: bold;padding:12px 0;color: #000000}
	.shai dl dd{font-size: 16px;width:calc( 100% - 60px ); }
}

@media only screen and (min-width:1800px) {

	#workbox .workshow,
	.work-size {
		width: 25%;	
	}
	#workbox .worjs1 {
		font-size: 18px; display:block; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
	}
	#workbox .worjs2 {
		font-size: 12px;
		line-height: 24px;
	}
	#workbox .worjs3 {
		font-size: 12px; line-height: 14px; height: 26px; display:block; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
	}
	#workbox .worjs4{
		font-size: 18px;
	}
	
	.linp{display: block}
	.linm{display: none}
	.linm2{display: none; opacity:0}
	.shai{display: block}
}

@media only screen and (min-width:2400px) {

	#workbox .workshow,
	.work-size {
		width: 16.66%;
	}
	#workbox .worjs1 {
		font-size: 18px; display:block; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
	}
	#workbox .worjs2 {
		font-size: 12px;
		line-height: 24px;
	}
	#workbox .worjs3 {
		font-size: 12px; line-height: 14px; height: 26px; display:block; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
	}
	#workbox .worjs4{
		font-size: 18px;
	}
	
	.linp{display: block}
	.linm{display: none}
	.linm2{display: none; opacity:0}
	.shai{display: block}
}

.workshow a {
	display: block;
	overflow: hidden;
	text-decoration: none;
}

.workimg {
	display: block;
	margin: 0;
	width: 100%;
	transition: -webkit-transform 0.3s linear;
	transition: -moz-transform 0.3s linear;
	transition: transform 0.3s linear;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	transform: scale(1);
}

.work-imgbox img {
	font-size: 14px;
	color: #666;
}

#workbox .workshow:hover .workinfo {
	background-image: none;
	bottom: 0;
	background-color: #000;
	color: #d5d5d5;
}

#workbox .workshow .work-imgbox:before {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	display: block;
	z-index: 3;
	background: rgba(0, 0, 0, 0.7);
	opacity: 0;
	top: -100%;
	transition: opacity 0.35s;
	-webkit-transition: opacity 0.35s;
}

#workbox .workshow:hover .work-imgbox:before {
	opacity: 1;
	top: 0;
}

#workbox .workshow:hover .workimg {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	transform: scale(1.1);
}



.al_ewmk_00 {
	width: 32px;
	height: 32px;
	overflow: hidden;
}

/*#workbox .workshow:nth-child(2n) .worjs {
	background: #f1f1f1;
}*/




.menu2{overflow:hidden; text-align:center; padding: 30px 40px;}
.menu2 a{font-size: 18px; background: #e9e9e9; color:#212121; padding:12px 50px;margin: 3px; overflow: hidden; display:inline-block;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
.menu2 a:hover{background: #ed2334;color:#ffffff;}
.menu2h:link,.menu2h:visited,.menu2h:hover,.menu2h:active{background: #ed2334; color: #FFFFFF}


.c_nt{width: calc(100% - 30px); padding: 20px 0; max-width: 1600px; margin: auto; border-bottom:solid 1px #e5e5e5; overflow: hidden}

.c_n1{float:left; width:54%}
.c_n1 li{display: inline-block; margin-right: 25px; font-size: 18px; padding-top: 5px;}
.c_n1 li em{color: #8B8B8B;}

.c_n2{float:left; width:44%}
.c_n2 a{background: #b61b28; color: #FFFFFF; padding: 8px; width:120px; text-align: center; display: block; float: right; margin-left: 20px;
	-moz-border-radius:50px;
	-ms-border-radius:50px;
	-o-border-radius:50px;
	-webkit-border-radius:50px;
	border-radius:50px;
}
.c_n2 a:hover{background: #a11521}
.c_n2 img{width:22px; margin-right: 5px;}

.ym{overflow:hidden; text-align: center; padding: 30px 40px}
.ym a{border:solid 1px #dcdcdc; padding:5px 10px 5px 10px; color:#999999; background: #FFFFFF; margin-right:5px; margin-bottom:5px; display: inline-block;}
.ym a:hover{background:#bf1800; color:#FFF; border:solid 1px #bf1800;}
.ym a.select{background:#bf1800; color:#FFF; border:solid 1px #bf1800;}
.ym a.select:hover{background:#bf1800; color:#FFF; border:solid 1px #bf1800;}

.dwd{background: #1d1d1d; overflow: hidden; padding: 40px 20px; font-size: 14px;color:#ffffff}
.dwk{ width:100%; max-width: 1600px; margin: auto}
.dwd a{color:#ffffff}
.dwd a:hover{text-decoration: underline}
.dw1{float: left; width: 42%;}
.dw2{float: left; width: 16%;}
.dw2 dt{float:left; width:14%}
.dw2 dt img{width:25px}
.dw2 dd{float:left; width:86%; line-height: 24px;}
.dw3{float:right; width:26%; text-align: right;}

@media screen and (min-width: 960px) and (max-width: 1200px){
	
	.run_banner{height: 340px; }
	.run_banner .ruba{height: 340px;}
	
	.f_logo img{width:200px}
	.fti{ width:100%; overflow: hidden; padding-top: 50px; padding-bottom: 80px; max-width: 1600px; margin: auto; text-align: center;}
	.fti h3{font-size: 40px;color: #FFFFFF; margin-bottom: 10px;}
	.fti span{font-size: 20px; color: #FFFFFF}
	
	.menu2{padding: 20px 20px;}
	.menu2 a{font-size: 16px; padding: 10px 40px}
	
	.dw1{float: left; width: 100%; text-align: center; margin-bottom: 20px}
	.dw2{float: left; width: 20%; margin-bottom: 20px}
	.dw2 dt{float:left; width:12%;}
	.dw2 dt img{width:25px}
	.dw2 dd{float:left; width:78%; line-height: 24px;}
	.dw3{float:left; width:60%; text-align: right;}
}

@media screen and (min-width: 750px)and (max-width: 960px){
	
	.run_banner{height: 300px; }
	.run_banner .ruba{height: 300px;}
	
	.f_logo{text-align: center; margin-top: 40px;}
	.f_logo img{width:200px;}
	.fti{ width:100%; overflow: hidden; padding-top: 40px; padding-bottom: 30px; max-width: 1600px; margin: auto; text-align: center;}
	.fti h3{font-size: 34px;color: #FFFFFF; margin-bottom: 10px;}
	.fti span{font-size: 18px; color: #FFFFFF}
	
	.f_sr{width:300px; height: 40px; border: solid 1px #FFFFFF; margin: auto;
		-moz-border-radius:50px;
		-ms-border-radius:50px;
		-o-border-radius:50px;
		-webkit-border-radius:50px;
		border-radius:50px;
	}
	.f_sr1{float: left; width:220px; height: 36px; background:none; border: none; margin-top: 2px; margin-left: 20px; font-size:14px;
		-moz-border-radius:50px;
		-ms-border-radius:50px;
		-o-border-radius:50px;
		-webkit-border-radius:50px;
		border-radius:50px;
	}
	.f_sr2{float: right; width:50px; height: 36px; background: url(../images/bu1.png) no-repeat center center; border: none;margin-top: 2px;}
	
	.menu2{padding: 10px 10px;}
	.menu2 a{font-size: 14px; background: #e9e9e9; color:#212121; padding:6px 20px;margin: 3px; overflow: hidden; display:inline-block;}
	
	.dw1{float: left; width: 100%; text-align: center; margin-bottom: 20px}
	.dw2{float: left; width: 50%; margin-bottom: 20px}
	.dw2 dt{float:left; width:12%; margin-left: 20%}
	.dw2 dt img{width:25px}
	.dw2 dd{float:left; width:58%; line-height: 24px;}
	.dw3{float:left; width:100%; text-align: center;}
}


@media screen and (max-width: 750px){
	
	.run_banner{height: 120px; }
	.run_banner .ruba{height: 120px;}
	
	.f_logo{text-align: center; margin-top: 15px;}
	.f_logo img{width:110px}
	.fti{ width:100%; overflow: hidden; padding-top: 10px; padding-bottom: 20px; max-width: 1600px; margin: auto; text-align: center;}
	.fti h3{font-size: 16px;color: #FFFFFF; margin-bottom: 5px;}
	.fti span{font-size: 10px; color: #FFFFFF}
	
	.f_sr{width:220px; height: 35px; border: solid 1px #FFFFFF; margin: auto;
		-moz-border-radius:50px;
		-ms-border-radius:50px;
		-o-border-radius:50px;
		-webkit-border-radius:50px;
		border-radius:50px;
	}
	.f_sr1{float: left; width:156px; height: 30px; background:none; border: none; margin-top: 2px; margin-left: 20px; font-size: 14px;
		-moz-border-radius:50px;
		-ms-border-radius:50px;
		-o-border-radius:50px;
		-webkit-border-radius:50px;
		border-radius:50px;
	}
	.f_sr2{float: right; width:40px; height: 30px; background: url(../images/bu1.png) no-repeat center center; background-size: 20px; border: none;margin-top: 2px;}
	
	.menu2{padding: 10px 10px;}
	.menu2 a{font-size: 12px; background: #e9e9e9; color:#212121; padding:6px 15px;margin: 3px; overflow: hidden; display:inline-block;}
	
	.ym{font-size: 10px; padding: 20px;}
	
	.dwd{font-size:	10px;padding: 20px 20px;}
	.dw1{float: left; width: 100%; text-align: center; margin-bottom: 10px}
	.dw2{float: left; width: 50%; margin-bottom: 10px}
	.dw2 dt{float:left; width:12%; margin-left: 15%}
	.dw2 dt img{width:18px}
	.dw2 dd{float:left; width:70%; line-height: 20px;}
	.dw3{float:left; width:100%; text-align: center;}
}


/*浮动*/
.suspension{position:fixed;z-index:99999;right:15px;bottom:10px;width:70px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:44px;height:44px;background:rgba(0,0,0,0.66);margin-bottom:4px;cursor:pointer;outline:none;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
.suspension .a.active,
.suspension .a:hover{background:rgba(0,0,0,0.7);}
.suspension .a .i{float:left;width:44px;height:44px;background-image:url(../images/side_icon.png);background-repeat:no-repeat;}
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background:url(../images/qq_bg.png);background-repeat:no-repeat;}
.suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background:url(../images/tel_bg.png);background-repeat:no-repeat;}
.suspension .a-qrcode .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background:url(../images/erw_bg.png);background-repeat:no-repeat;}
.suspension .a-wb .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background:url(../images/wb_bg.png);background-repeat:no-repeat;}
.suspension .a-wm .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background:url(../images/shouji_bg.png);background-repeat:no-repeat;}
.suspension .a-ws .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background:url(../images/ser_bg.png);background-repeat:no-repeat;}
.suspension .a-top .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background:url(../images/top_bg.png);background-repeat:no-repeat; background-size: 20px}
.suspension .a-top{background:rgba(0,0,0,.6);display:none;}
.suspension .a-top:hover{background:rgba(0,0,0,0.7);}
.suspension .d{display:none;width:223px;background:#fff;position:absolute;right:58px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.suspension .d-service-phone{top:-14px;}
.suspension .d-wm{top:34px;}
.suspension .d-ws{top:84px;}
.suspension .d-service{top:130px;}
.suspension .d-qrcode{top:178px;}
.suspension .d-wb{top:78px;}
.suspension .d .inner-box{padding:8px 22px 8px;}
.suspension .d .inner-box img{width: 180px; height: 180px;}
.suspension .d-service-item{padding:14px 0; overflow: hidden}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item a:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../images/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px; font-weight: normal}
.suspension .d-service-item .text{float:left;width:120px;line-height:28px;font-weight: bold;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{font-size:18px;font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-item .text .red{ color: #ff5f6d; }
.suspension .d-service-intro{padding-bottom:20px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{background:url(../images/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:20px 0;}
.suspension .d-qrcode p{font-size:16px;color:#93959c;}
.suspension .d-wb{text-align:center;}
.suspension .d-wb .inner-box{padding:20px 0;}
.suspension .d-wb p{font-size:16px;color:#93959c;}
.suspension .d-wm{text-align:center;}
.suspension .d-wm .inner-box{padding:20px 0;}
.suspension .d-wm p{font-size:16px;color:#93959c;}

@-webkit-keyframes bounce-up1 {
    25% {
        -webkit-transform: translateY(-10px);
    }
    50%, 100% {
        -webkit-transform: translateY(0);
    }
    75% {
        -webkit-transform: translateY(10px);
    }
}
 
@keyframes bounce-up1 {
    25% {
        transform: translateY(-10px);
    }
    50%, 100% {
        transform: translateY(0);
    }
    75% {
        transform: translateY(10px);
    }
}
 
.animate-bounce-up1{
    -webkit-animation: bounce-up1 2.4s linear infinite;
    animation: bounce-up1 2.4s linear infinite;
}

.anm1 p{
	-moz-transition:-moz-transform 1.5s; /* Firefox 4 */
	-webkit-transition:-webkit-transform 1.5s; /* Safari and Chrome */
	-o-transition:-o-transform 1.5s; /* Opera */
	-ms-transition:-o-transform 1.5s;
	transition:transform 1.5s;
}
.anm1:hover p{
	-moz-transform:rotateY(360deg);
	-ms-transform:rotateY(360deg);
	-o-transform:rotateY(360deg);
	-webkit-transform:rotateY(360deg);
	transform:rotateY(360deg);
}

.anm2 p img{
	transition: all 0.5s ;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.anm2:hover p img{transform:scale(1.2);}

.anm3 p,.anm3 p i,.anm3 p img{
	transition: all 1.5s ;
	-moz-transition: all 1.5s;
	-ms-transition: all 1.5s;
	-o-transition: all 1.5s;
}
	
.anm3:hover p img,.anm3:hover p i{
	-moz-transform:rotateY(360deg);
	-ms-transform:rotateY(360deg);
	-o-transform:rotateY(360deg);
	-webkit-transform:rotateY(360deg);
	transform:rotateY(360deg);
}

.anm4 p,.anm4 p i,.anm4 p img{
	transition: all 1s ;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
}

.anm4:hover p img,.anm4:hover p i{
	-ms-transform:rotate(360deg); 	/* IE 9 */
	-moz-transform:rotate(360deg); 	/* Firefox */
	-webkit-transform:rotate(360deg); /* Safari 和 Chrome */
	-o-transform:rotate(360deg);
	transform:rotate(360deg);
}

.anmn{
	transition: all 0.5s ;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	-webkit-transition: all 0.5s;
}

.browser_ieh {height: 240px;}
#browser_ie a{COLOR: #000; }
#browser_ie .brower_info {
	text-align: center;background:url(../images/browser/browser.png); WIDTH: 100%; height: 240px;line-height:24px; bottom:0; position:fixed; z-index: 999980;
}
#browser_ie .brower_info .notice_info {
	POSITION: relative; MARGIN-TOP: 5px;text-align: center; width: 900px; margin: 0 auto; font-size: 18px; padding-top:40px;  padding-bottom: 20px;COLOR: #d52340;LINE-HEIGHT: 200%; 
}
#browser_ie .browser_list {
	POSITION: relative;
}
#browser_ie .browser_list img {
	WIDTH: 40px; HEIGHT: 40px
}
#browser_ie .browser_list span {
	TEXT-ALIGN: center; WIDTH: 100px; DISPLAY: inline-block;
}