@import url(../../common/index.css);
#top_vedio {
	width: 100%;
	height: 400px;
	position: relative;
	overflow: hidden
}
#top_vedio #background_video {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	object-fit: cover;
	/*height: 100%;*/
	width: 100%;
	top: -60%\9; /* IE6, IE7, IE8, IE9, IE10 */  
	left: 0%\9;
}
#top_vedio .controller .ctms {
	background: url(/images/msd.png) no-repeat;
	width: 273.5px;
	height: 65.5px;
	position: absolute;
	top: 150px;
	left: 50%;
	margin-left: -137px;
	background-size: cover;
	-ms-behavior: url(/js/backgroundsize.min.htc);
	behavior: url(/js/backgroundsize.min.htc);
}
#top_vedio .controller .ctms-p {
	font-size: 40px;
	text-align: center;
	top: 185px;
	position: absolute;
	color: #fff;
	width: 100%
}
#top_vedio .controller .play {
	background: url(/images/play.png) no-repeat;
	width: 56px;
	height: 56px;
	position: absolute;
	top: 280px;
	left: 50%;
	margin-left: -28px;
	background-size: 100%;
	
	-ms-behavior: url(/js/backgroundsize.min.htc);
	behavior: url(/js/backgroundsize.min.htc);
	/*background-size:cover;
	filter:progid:DXimagesTransform.Microsoft.AlphaimagesLoader(src='/images/play.png',sizingMethod='scale');  */
	cursor: pointer
}
#top_vedio .controller .ctms-play {
	font-size: 15px;
	text-align: center;
	top: 340px;
	position: absolute;
	color: #fff;
	width: 100%
}
#top_vedio .vedio_lock {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: .3;
	-webkit-opacity: .3;
	-moz-opacity: .3;
	-ms-opacity: .3;
	-o-opacity: .2;
	filter: alpha(opacity=30);
	display: none
}
#title_bj {
	max-width: 1800px;
	min-width: 1024px;
	margin: 0 auto
}
#title_bj .sec-top {
	width: 100%;
	background:url(/images/main-bj-ie.jpg) center center; 
	height:400px;
	background-size:100% 100%;
	margin-top: 0px;
	overflow: hidden;
	position: relative;
	-ms-behavior: url(/js/backgroundsize.min.htc);
	behavior: url(/js/backgroundsize.min.htc);
}
#title_bj .sec-top img {
	width: 1800px;
	/*display: none;*/
}
#section {
	width: 100%;
	margin: 0 auto;
	margin-top: 15px;
	margin-bottom: 15px
}
#section .sec-top {
	width: 1024px;
	margin: 0 auto
}
#section .sec-top li {
	position: relative;
	float: left;
	margin-right: 11px;
	width: 333px;
	width:330px\9;
	*+width:182px;
	padding: 35px 28px 35px 120px;
	background-color: #fff;
	box-sizing: border-box;
	
}
#section .sec-top li:last-child {
	margin-right: 0
}
#section .sec-top li h5 {
	font-size: 20px;
	color: #35a7de;
	padding-bottom: 6px;
	font-weight: normal
}
#section .sec-top li .li-icon {
	position: absolute;
	top: 38px;
	left: 34px
}
#section .sec-top li .li-icon1 {
	background: url(/images/main-top1.png) no-repeat;
	background-size: 49.5px 57.5px;
	width: 49.5px;
	height: 57.5px;
	-ms-behavior: url(/js/backgroundsize.min.htc);
	behavior: url(/js/backgroundsize.min.htc);
}
#section .sec-top li .li-icon2 {
	background: url(/images/main-top2.png) no-repeat;
	background-size: 51.5px 53.5px;
	width: 51.5px;
	height: 53.5px;
	-ms-behavior: url(/js/backgroundsize.min.htc);
	behavior: url(/js/backgroundsize.min.htc);
}
#section .sec-top li .li-icon3 {
	background: url(/images/main-top3.png) no-repeat;
	background-size: 55px 55px;
	width: 55px;
	height: 55px;
	-ms-behavior: url(/js/backgroundsize.min.htc);
	behavior: url(/js/backgroundsize.min.htc);
}
#section .sec-top li p {
	line-height: 1.3em
}
#section .sec-ul {
	width: 100%
}
#section .sec-ul .sec-li {
	height: 455px;
	background-color: transparent;
	width: 100%;
}
#section .sec-ul .sec-li .li-int {
	width: 1024px;
	margin: 0 auto;
	height: 455px;
	position: relative
}
#section .sec-ul .sec-li .li-int .main-news-group {
	width: 475px;
	position: absolute;
	top: 150px;
	cursor:pointer;
}
#section .sec-ul .sec-li .li-int .main-news-group h2 {
	font-size: 36px;
	color: #35a7de;
	height: 1em;
	line-height: 1em;
	margin-bottom: 12px;
	font-weight: normal
}
#section .sec-ul .sec-li .li-int .main-news-group p {
	font-size: 16px;
	margin-bottom: 30px;
	line-height: 1.5em
}
#section .sec-ul .sec-li .li-int .group-right {
	right: 50px
}
#section .sec-ul .sec-li .li-int .group-left {
	left: 70px
}
#section .sec-ul .sec-li .li-int .g-icons {
	height: 88px;
	position: relative
}
#section .sec-ul .sec-li .li-int .g-icons .i-span {
	font-size: 14px;
	position: absolute;
	top: 20px;
	left: 0;
	text-align: center;
	opacity: 0;
	filter: alpha(opacity=0)
}
#section .sec-ul .sec-li .li-int .g-icons .i-span .i-icons {
	height: 88px;
	background: url("/images/main-new-icons.png") no-repeat;
	background-size: 500px 500px;
	display: block;
	width: 68px;
	height: 68px;
	margin: 0 auto;
	margin-bottom: 7px
	-ms-behavior: url(/js/backgroundsize.min.htc);
	behavior: url(/js/backgroundsize.min.htc);
}
#section .sec-ul .sec-li .li-int .g-icons .i-span .i-1-2 {
	background-position-x: -75px
}
#section .sec-ul .sec-li .li-int .g-icons .i-span .i-1-3 {
	background-position-x: -150px
}
#section .sec-ul .sec-li .li-int .g-icons .i-span .i-1-4 {
	background-position-x: -225px
}
#section .sec-ul .sec-li .li-int .g-icons .i-span .i-1-5 {
	background-position-x: -302px
}
#section .sec-ul .sec-li .li-int .g-icons .i-span .i-2 {
	background-position-y: -96px
}
#section .sec-ul .sec-li .li-int .g-icons .i-span .i-2-2 {
	background-position-x: -75px
}
#section .sec-ul .sec-li .li-int .g-icons .i-span .i-2-3 {
	background-position-x: -150px
}
#section .sec-ul .sec-li .li-int .g-icons .i-span .i-2-4 {
	background-position-x: -226px
}
#section .sec-ul .sec-li .li-int .g-icons .i-span .i-2-5 {
	background-position-x: -302px
}
#section .sec-ul .sec-li .li-int .g-icons .i-span .i-3 {
	background-position-y: -194px
}
#section .sec-ul .sec-li .li-int .g-icons .i-span .i-3-2 {
	background-position-x: -75px
}
#section .sec-ul .sec-li .li-int .g-icons .i-span .i-3-3 {
	background-position-x: -150px
}

#section .sec-ul .sec-li .li-int .g-icons .i-span .i-3-4 {
	background-position-x: -226px
}
#section .sec-ul .sec-li .li-int .g-icons .i-span .i-3-5 {
	background-position-x: -302px
}

#section .sec-ul .sec-li .li-int .g-icons .i-span .i-4 {
	background-position-y: -301px
}
#section .sec-ul .sec-li .li-int .g-icons .i-span .i-4-2 {
	background-position-x: -75px
}
#section .sec-ul .sec-li .li-int .g-icons .i-span .i-4-3 {
	background-position-x: -150px
}
#section .sec-ul .sec-li .li-int .g-icons .i-span .i-4-4 {
	background-position-x: -226px
}
#section .sec-ul .sec-li .li-int .g-icons .i-span .i-4-5 {
	background-position-x: -302px
}

#section .sec-ul .sec-li .li-int .g-icons .i-span-1-2 {
	left: 98px
}
#section .sec-ul .sec-li .li-int .g-icons .i-span-1-3 {
	left: 196px
}
#section .sec-ul .sec-li .li-int .g-icons .i-span-1-4 {
	left: 293px
}
#section .sec-ul .sec-li .li-int .g-icons .i-span-1-5 {
	left: 391px
}
#section .sec-ul .sec-li .li-int .main-new-bj-1 {
	background: url("/images/C3.gif") no-repeat;
	-ms-behavior: url(/js/backgroundsize.min.htc);
	behavior: url(/js/backgroundsize.min.htc);
}
#section .sec-ul .sec-li .li-int .main-new-bj-2 {
	background: url("/images/T3.gif") no-repeat;
	-ms-behavior: url(/js/backgroundsize.min.htc);
	behavior: url(/js/backgroundsize.min.htc);
}
#section .sec-ul .sec-li .li-int .main-new-bj-3 {
	background: url("/images/D3.gif") no-repeat;
	-ms-behavior: url(/js/backgroundsize.min.htc);
	behavior: url(/js/backgroundsize.min.htc);
	
}
#section .sec-ul .sec-li .li-int .main-new-bj-4 {
	background: url("/images/E3.gif") no-repeat;
	-ms-behavior: url(/js/backgroundsize.min.htc);
	behavior: url(/js/backgroundsize.min.htc);
}
#section .sec-ul .sec-li .li-int .main-new-bj {
	width: 571.5px;
	height: 239px;
	background-size: 100%;
	position: absolute;
	top: 133px;
	cursor:pointer;
	
}
#section .sec-ul .sec-li .li-int .in-left {
	left: -60px;
	opacity: 0;
	filter: alpha(opacity=0);
	*+filter: alpha(opacity=100);
}
#section .sec-ul .sec-li .li-int .in-right {
	right: -20px;
	opacity: 0;
	filter: alpha(opacity=0);
	*+filter: alpha(opacity=100);
}
#section .sec-ul .sec-li:nth-child(even) {
	background-color: #fff
}
.sec-customer, .sec-customer img {
	margin: 0 auto;
	width: 1024px;
	text-align: center;
	margin-bottom: 20px
}
.sec-customer h3 {
	font-size: 36px;
	color: #35a7de;
	font-weight: normal;
	line-height: 300%
}
.sec-customer img {
	width: 893px
}
.sec-test {
	margin: 0 auto;
	width: 1024px;
	text-align: center;
	margin-bottom: 20px
}
.sec-test a {
	border-radius: 33.5px;
	-webkit-border-radius: 33.5px;
	-moz-border-radius: 33.5px;
	behavior:url(/js/pie.htc);
}
#videos {
	position: fixed;
	z-index: 10001;
	top: -100%;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 20px 0;
	opacity: 0;
	filter: alpha(opacity=0)
}
#videos .zhe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: .6;
	filter: alpha(opacity=60)
}
#videos #video_in {
	margin: 0 auto;
	max-width: 850px;
	margin-top: 50px;
	position: relative;
	z-index: 20
}
#videos #video_in .close-video {
	position: absolute;
	right: 5px;
	top: 5px;
	width: 32px;
	height: 32px;
	/*background: url(../img/close.png)*/
}
.handel-url ul li {
	float: left;
	width: 160px;
	height: 30px;
	line-height: 30px;
	border: 1px solid #35a7de;
	/*border: 1px solid #000;*/
	background: #FFF;
	text-align: center;
	z-index: 999;
}
li.handel-url {
	width: 115px;/*border: 1px solid #fff;*/

}
ul.listbox {
	position:relative;
	left:-25px;
	display: none;
}
li.handel-url:hover ul.listbox {
	display: block;
}