body {overflow-x:hidden }
#wrapper .center {width: 980px;margin-left: -490px;position: relative;left: 50%;}

#wrapper .banner {height: 800px;background: url(../images/banner.jpg) no-repeat center top;position: relative;}
#wrapper .banner .bannerDiv {position: absolute;left: 50%;top: 185px;width:1024px;margin-left: -512px;}
#wrapper .banner img.phoneImg {display: none;}
#wrapper .banner h2 {font-size: 40px;color: #fff;margin:0px; font-weight: normal;}
#wrapper .banner h1 {margin:0px;}
#wrapper .banner p{color:#fff;font-size: 22px;}
#wrapper .banner p a {display: inline-block; text-align:center;width: 160px;height: 40px;background:#da3333;color: #fff;line-height: 40px;font-size: 20px; text-decoration: none;}
.ulList{padding:0; }
.ulList li {width: 1920px;margin-left: -960px;left: 50%;position: relative;margin-top: 70px;}
.ulList li .divL,.ulList li .divR{width: 50%;float: left;}
.ulList li img {display:block;}

.ulList li.li1 {background: #da3333;overflow: hidden;_zoom:1;}

.ulList li.li1 .divR div {width:370px;padding-left: 70px;padding-top: 80px; position: relative;z-index: 99;}
.ulList li.li1 .divR h4 {font-size: 36px !important;color: #fff;margin: 0px; margin-bottom: 15px; background: url(../images/icon1.png) no-repeat bottom left;padding-bottom: 20px; font-weight: normal; }
.ulList li.li1 .divR  p {font-size: 16px;line-height: 24px!important;color: #fff;margin-top: 20px;}
.ulList li.li1 .divR  p a{color:#fff;font-size: 18px; line-height: 26px; text-decoration: none;background:url("../images/new_icon04.png") no-repeat right center; padding-right: 20px; }
.ulList li.li1 .divR  p a:hover{text-decoration: underline;}
.ulList li.li1 .divR  p span{display: block;font-size: 14px;margin-bottom:20px;}

.ulList li.li2 {background: #f7f7f7;overflow: hidden;_zoom:1;}
.ulList li.li2 .divL {float: right;}
.ulList li.li2 .divR  {float: left;}

.ulList li.li2 .divR{position: relative; z-index: 99}
.ulList li.li2 .divR div {position: absolute;top: 30px; right: 80px;width: 430px; }
.ulList li.li2 .divR div h3,.ulList li.li3 .divR div h3 {font-size: 34px !important;color: #333;background: url(../images/icon3.png) no-repeat bottom left;padding-bottom: 20px; margin-bottom:0;}
.ulList li.li2 .divR div h3 span {color: #c22323;}
.ulList li.li2 .divR div p,.ulList li.li3 .divR div p{font-size: 14px;line-height: 26px;margin-bottom: 20px; color:#555;}
.ulList li.li2 .divR div a,.ulList li.li3 .divR div a{background: url(../images/new_icon02.png) no-repeat right center;padding-right: 20px; color:#a16c03; text-decoration: none;}
.ulList li.li2 .divR div a:hover,.ulList li.li3 .divR div a:hover{text-decoration: underline;}

.ulList li.li3 {background: #f7f7f7;overflow: hidden;_zoom:1;}
.ulList li.li3 .divR{position: relative; z-index: 99;}
.ulList li.li3 .divR div {position: absolute;top: 80px; left: 80px;width: 450px;}
.ulList li.li3 .divR div h3 span {color: #c22323;}



.ulList li.li4 {position: relative;overflow: hidden;_zoom:1;background: #da3333;}
.ulList li.li4 .divL {float: right;}
.ulList li.li4 .divR  {float: left; position: relative;}
.ulList li.li4 .divR div {position: absolute;top: 150px; right: 80px;width: 430px; }
.ulList li.li4 .divR div h3 {font-size: 34px !important;color: #fff;background: url(../images/icon1.png) no-repeat bottom left;padding-bottom: 20px; margin-bottom:0;}
.ulList li.li4 .divR div p {font-size: 16px;line-height: 24px!important;color: #fff;margin-top: 20px;}
.ulList li.li4 .divR div a{color:#fff;font-size: 18px; line-height: 26px; text-decoration: none;background:url("../images/new_icon04.png") no-repeat right center; padding-right: 20px; }
.ulList li.li4 .divR div a:hover{text-decoration: underline;}



.ulList li.li0  { position: relative; padding-bottom: 15%; width: 100%;margin-left: -50%;left: 50%;}
.ulList li.li0 i{width:100%; margin:0 auto; position: absolute; z-index: 11; bottom:-50%;}
.ulList li.li0 i img{width:100%;}
.ulList li.li0  div {width:960px; margin:0 auto;}
.ulList li.li0  div h3 {font-size: 36px !important;color: #de0000; font-weight: normal;}
.ulList li.li0  div .dl_list {width: 960px;overflow: hidden; margin:0 auto;}
.ulList li.li0  div .dl_list p{width:48%; vertical-align: top; float: left; margin:0;height: 80px; -webkit-margin-start:0;}
.ulList li.li0  div .dl_list p b{background:url("../images/new_icon02.png") no-repeat right center; color:#a16c03; font-size: 18px; line-height: 26px; padding-right: 20px;}
.ulList li.li0  div .dl_list p b a{ color:#a16c03; text-decoration: none;}
.ulList li.li0  div .dl_list p b a:hover{text-decoration: underline;}
.ulList li.li0  div .dl_list p span{color:#555; font-size: 14px; display: block;}

.ulList li.li1,.ulList li.li2,.ulList li.li3 {position: relative;}
.ulList li.li1 .sk {width: 483px;height: 376px;background: url(../images/new_icon05.png) no-repeat;display: inline-block;position: absolute; top: 33px;left: 801px;z-index: 9;}
.ulList li.li2 .sk {width: 401px;height: 439px;background: url(../images/new_icon06.png) no-repeat;display: inline-block;position: absolute; top: 200px;left: 200px;z-index: 9;}
.ulList li.li3 .sk {width: 254px;height: 460px;background: url(../images/new_icon07.png) no-repeat;display: inline-block;position: absolute; top: 50px;left: 860px;z-index: 9;}
.ulList li.li4 .sk {width: 449px;height: 224px;background: url(../images/new_icon08.png) no-repeat;display: inline-block;position: absolute; top:110px;left: 90px;z-index: 9;}





@media (max-width: 1024px) {

	#wrapper .banner img.phoneImg {display: block;width: 100%;} 

	#wrapper .banner .bannerDiv {position: static; left:0; top:0;width:100%; margin-left: 0;}
	#wrapper .banner .bannerTit_p{display: none;}
	#wrapper .banner h1,.app_no {display: none;}
	#wrapper .banner h2 {display: none}
	#wrapper .banner {height: auto;background: none;}
	#wrapper .banner p a {width: 100%; text-align: center;text-indent:0px;background-position: 80%;}



	.ulList li,.ulList li.li0 {position: static;left: 0;margin: 0px;width: auto;}
	.ulList li.li0{padding-bottom: 10px;}
	.ulList li.li0  div{padding:0;background: none; width: 100%;}
	.ulList li.li0 i{display: none;}
	.ulList li.li0 div h3{font-size: 20px!important;}
	.ulList li.li0 div .dl_list{width:100%;}
	.ulList li.li0 div .dl_list p{width:50%;}



	.ulList li .divL, .ulList li .divR {width: 100%;}
	.ulList li .divR{padding-bottom: 10px;}
	.ulList li img {width: 100%;}

	.ulList li.li2 .divR div,.ulList li.li1 .divL div {position: static;}

	.ulList li.li1 {background: none;}
	.ulList li.li1 .divR {background: #da3333;}
	.ulList li.li1 .divR div {width: auto;margin: 20px;padding: 0px;text-align: center;}
	.ulList li.li1 .divR h4 {background-position: center bottom;}
	.ulList li.li1 .divL div {text-align: center;width: auto;padding: 0 20px;}
	.ulList li.li2 .divR div {text-align: center;width: auto;padding: 0 20px;}
	.ulList li.li2 .divR div h3,.ulList li.li3 .divR div h3,.ulList li.li4 .divR div h3{background-position: center bottom;font-size: 20px!important; padding-bottom: 10px;}
	.ulList li.li2 .divR div p, .ulList li.li3 .divR div p, .ulList li.li4 .divR div p{margin:0;margin-bottom: 5px;}
	.ulList li.li2 .divR div {background-position: center top}
	.ulList li.li3 .divR div,.ulList li.li4 .divR div {position: static;text-align: center;width: auto;padding: 0 20px;background-position: center top}



	.ulList li.li2 .divR div ,.ulList li.li3 .divR div ,.ulList li.li4 .divR div {background: none;}

	.ulList li.li1 .sk,.ulList li.li4 .sk ,.ulList li.li2 .sk ,.ulList li.li3 .sk {display: none;}
}


@media (max-width: 512px) {
	.ulList li.li0 div .dl_list p{width:100%; height: auto;margin-bottom: 10px;}
}