/*Banner*/
.homeslider{width: 100%; z-index: 1; }
 .homeslider ul.slides li {}
.homeslider ul li img {-webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; }
.homeslider ul li img.flexLazy {width:1px;height:1px;opacity:0;}
.homeslider .flex-control-nav {bottom:5%; }    
.homeslider  .homesliderLi {position: relative;width:100%; } 
.homeslider  .homesliderLi .caption {position: absolute; left: 20%; top: 30%; }
.homeslider .homesliderLi .caption .captionP {color: #fff; line-height:1.2;font-size:36px; }
.homeslider .homesliderLi .caption .captionBtn {display:inline-block; background: url(../img/captionBtn.png) no-repeat; color:#fff; width:172px; height:36px; line-height:36px; font-size:14px; text-align:center; margin-top:50px; }

.homeslider .flex-control-paging li a {background: url(../img/flex_nav_icon.png) no-repeat center center; height:30px; width:31px; box-shadow:none; border-radius:0; }
.homeslider .flex-control-paging li a:hover {background: url(../img/flex_nav_icon.png) no-repeat center center;}
.homeslider .flex-control-paging li a.flex-active {background: url(../img/flex_nav_icon_active.png) no-repeat; }

.homeslider .flex-direction-nav a {
    /*display:none;*/ 
    width: 38px; height: 95px; margin: 0 100px; opacity: 1; top: 50%; margin-top: -48px;}
.homeslider .flex-direction-nav .flex-prev {background: url("../Img/flex_big_left.png") no-repeat scroll; left: -80px;}
.homeslider .flex-direction-nav .flex-next {background: url("../Img/flex_big_right.png") no-repeat scroll; right: -80px;}
/*.homeslider .flex-direction-nav .flex-prev.flex-disabled {background: url("../styleImg/flex_big_left_gray.png") no-repeat scroll;}
.homeslider .flex-direction-nav .flex-next.flex-disabled {background: url("../styleImg/flex_big_right_gray.png") no-repeat scroll;}*/

.visibility_hidden{
	visibility: hidden;
}

/* sprite */
.more em {display: inline-block; *display: inline; *zoom: 1; background: url(../Img/arrows.png) no-repeat 0 0;}

/* popup */
.popup {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; background: #333; background: rgba(0,0,0,.6); z-index:999; text-align: center;}
.videoPop .popWrap {margin: 0 auto; width: 100%; max-width: 1000px; background: #000; position: relative;}
.close {position: absolute; right: 15px; top: 15px; z-index: 105; cursor: pointer;}

/**
* Main Content *
**/
/* Action Section */
.actionSection {margin: 50px 0;}
.actionSection li {display: inline-block; width: 33.33333%; float: left; text-align: center; box-sizing: border-box; font-size: 14px;}
.actionSection li > div {max-width: 290px; margin: 0 auto;}
.actionSection img {display: block; margin: 0 auto 15px; max-height: 110px; width: auto;}
.actionSection h3 a{font-size: 18px; color: #000; line-height: 1; margin: 0 0 15px; display: block;}
.actionSection h3.blue a{color: #008fd5;}
.actionSection p a{text-align: left; line-height: 1.4; color: #333; max-height: 4em; overflow: hidden; margin-bottom: 1em; display: block;}
.more a {color: #008fd5;}
.more em {width: 11px; height: 17px; background-position: -80px 0; margin: 0 10px; position: relative; top: 3px;}

/* groupAction */
.groupAction {margin: 10px -5px;}
.groupAction li {display: inline-block; width: 33.3333%; float: left; text-align: left; box-sizing: border-box; font-size: 14px; padding: 0 5px;}
.groupAction li .gaImg img {display: block;}
.groupAction li .gaContent {background: #ededed; padding: 10px 8% 15px;}
.groupAction li h4 a {font-size: 16px; color: #008fd5; margin-bottom: 8px;}
.groupAction li h4 a em {display: none;}
.groupAction li p {font-size: 14px; color: #000; line-height: 1.5; padding-bottom: 1em; max-height: 7.5em; overflow: hidden; text-align: justify; box-sizing:border-box;}
.groupAction li a.more {color: #008fd5;}
.groupAction li .gaImg {overflow: hidden;}
.groupAction li .gaImg img {transition: all .5s; width: 100%;}
.groupAction li .gaImg:hover img {transform: scale(1.1);}


/* City Slider */
.citySliderWrapper {position: relative;}
.citySlider div {position: relative; cursor: pointer;}
.citySlider em {position: absolute; top: 50%; left: 50%; margin-top: -66px; margin-left: -66px; width: 132px; height: 132px; z-index: 100; background: url(../Img/ico_play.png) no-repeat; cursor: pointer;}
.citySlider h3 {position: absolute; top: 20px; left: 30px; font-size: 36px; color: #8dc63f; font-weight: normal;}
.citySlider h3 span {display: block; font-size: 24px; color: #008fd5;}
.citySlider .flex-direction-nav a {width: 38px; height: 95px; margin: 0 100px; opacity: 1; margin-top: -48px;}
.citySlider .flex-direction-nav .flex-prev {background: url("../Img/flex_big_left.png") no-repeat scroll;}
.citySlider .flex-direction-nav .flex-next {background: url("../Img/flex_big_right.png") no-repeat scroll;}

#video_box {display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 99;}
.citySliderWrapper .close {position: absolute; top: 15px; right: 15px; display: none; cursor: pointer;}
.citySlider li:hover em {transform: scale(1.1);}
.citySlider li em {transition: all .5s ease;}

/* prodSlider */
.prodSliderWrapper {margin: 50px 0; text-align: center;}
.prodSlider {margin: 0 auto;}
.prodSlider .flex-direction-nav a {width: 38px; height: 95px; margin: 0; opacity: 1; margin-top: -48px;}
.prodSlider .flex-direction-nav .flex-prev {background: url("../Img/flex_big_left_gray.png") no-repeat scroll; left: 20px;}
.prodSlider .flex-direction-nav .flex-next {background: url("../Img/flex_big_right_gray.png") no-repeat scroll; right: 20px;}

.prodSlider li > div {position: relative; text-align: left; padding: 0 7.8125%;}
.prodSlider li > div .img {position: relative; float: left; width: 45%;}
.prodSlider li > div .title {float: right; width: 54%; font-size: 50px; color: #8d817f; line-height: 2; white-space: nowrap; overflow: hidden;}
.prodSlider li > div .subtitle {float: right; width: 54%;  font-size: 30px; color: #888; margin-bottom: .5em; white-space: nowrap; overflow: hidden;}
.prodSlider li > div .desc {float: right; width: 54%;  font-size: 20px; color: #888;}
.prodSlider li > div .desc ul {margin-bottom: 1.5em;}
.prodSlider li > div .desc ul li {position: relative;}
.prodSlider li > div .desc ul li:before {position: relative; content: '●'; display: inline-block; font-weight: bold; margin-right: 10px;}
.prodSlider li > div .desc a.more {font-size: 16px; color: #008fd5;}




/* ZTE World */
.group_footer{border-top: 1px solid #ccc;padding-top: 3%;}
.zteWorld {background: #008fd5;margin-bottom: 4%;padding: 4%;}
.zteWorld h2 {font-size: 24px; color: #fff; padding: 5% 0 40px 9%;}
.zteWorld h2 img {float: left; position: relative; top: -16px; margin-right: 30px;}
.zteWorld .spots {position: relative; width: 100%; height: 100%;}
.zteWorld .spots span {position: absolute; top: 0; left: 0; text-align: center; font-size: 14px;}
.zteWorld .spots span a {color: #fff;}
.zteWorld .spots span a:hover {color: #fff; text-decoration: underline;}
.zteWorld .spots .s1 {top: 64%; left: 8.2%;}
.zteWorld .spots .s2 {top: 84%; left: 20.2%;}
.zteWorld .spots .s3 {top: 31.2%; left: 32.6%;}
.zteWorld .spots .s4 {top: 18.2%; left: 55%;}
.zteWorld .spots .s5 {top: 69.2%; left: 45.8%;}
.zteWorld .spots .s6 {top: 52.8%; left: 59.6%;}
.zteWorld .spots .s7 {top: 49.2%; left: 73.6%;}
.zteWorld .spots .s8 {top: 89.2%; left: 79.4%;}

.zteWorld .spots .s2 a:hover, .zteWorld .spots .s4 a:hover {color: #ffde3f;}
.zteWorld .spots .s3 a:hover, .zteWorld .spots .s7 a:hover {color: #f58233;}
.zteWorld .spots .s8 a:hover {color: #f287b7;}

.zteWorld .spots .s5 a:hover {color: #0b9444;}
.zteWorld .spots .s6 a:hover {color: #a3d06b;}

/*新闻资讯*/
.news_information{
	width: 100%;
	background-color: #008fd5;
	overflow: hidden;
	position: relative;
}
.news_information .center{
	width: 90%;
	max-width: 1190px;
	margin: auto;
	padding: 1% 0;
}
.news_information .center .left{
	width: 10%;
	float: left;
	padding-left: 1%;
}
.news_information .center .left img{
	width: 100%;
}
.news_information .center .left .pa{
	line-height: 2;
}



.news_information .center .left .pr{
	left: 25%;
    line-height: 0;
    position: absolute;
    top: 48%;
	font-size: 16px;
}
@media only screen and (max-width:1000px) {
.news_information .center .left .pr{
	left: 24%;
}
}

@media only screen and (max-width:900px) {
.news_information .center .left .pr{
	left: 20%; font-size: 14px;
}
}
.news_information .center .right{
	width: 85%;
	float: left;
	margin-left: 3%;
}
.news_information .center .right ul{
	width: 2000%;
	position: relative;
}
.news_information .center .right ul li{
	padding-right: 1%;
    width: 4%;
	float: left;
}
.news_information .center .right ul li a{
	color: #fff;
	line-height: 2.3;
    font-size:16px;
}
.news_information .center .right ol {
    position: absolute;
    right: 0;
    top: 0;
    width: 8%;
	background-color: #008fd5;
}
.news_information .center .right ol li{
	width: 50%;
	float: left;
	text-align: center;
    height: 100%;
    position: relative;
    cursor: pointer;
}
.news_information .center .right ol li img{
    float: left;
    height: 100%;
    max-height: 18px;
}


@media only screen and (max-width:1100px) {
/* .zteWorld .spots .s1 {top: 64%; left: 7.8%;}
.zteWorld .spots .s2 {top: 84%; left: 19.8%;}
.zteWorld .spots .s3 {top: 31.2%; left: 31%; font-size: 12px;}
.zteWorld .spots .s4 {top: 18.2%; left: 53.5%;}
.zteWorld .spots .s5 {top: 69.2%; left: 44%;}
.zteWorld .spots .s6 {top: 52%; left: 58%;}
.zteWorld .spots .s7 {top: 49.2%; left: 72%;}
.zteWorld .spots .s8 {top: 89.2%; left: 79%;} */
.news_information .center .right ul li a {
    line-height: 1.7;
}
}

@media only screen and (max-width:880px) {

.news_information .center .right ul li a {
    line-height: 1.5; white-space: nowrap; overflow: hidden; font-size: 14px;
}
}

@media only screen and (max-width:768px) {
.news_information {
    background-color: #fff;
}
.news_information .center {width: 100%; padding: 0;}
.news_information .center .left {
    float: none;
    padding-left: 0%;
    width: 100%;
}

.news_information .center .left img{
    display: none;
}
.news_information .center .left .pr{
    color: #fff!important;
    position: static;
    font-size: 30px;
	background: #008fd4;
	padding-left: 25px;
	position: relative;
	display: block;
	left:0!Important;
	height: 74px;
	line-height: 74px;
}
.news_information .center .left .pr em {position: absolute; top: 26px; right: 26px; display: inline-block; background: url(../Img/arrows.png) no-repeat -190px 0; width: 12px; height: 22px;}
.news_information .center .right {
    float: none;
    margin-left: 0%;
    width: 100%;
}


.news_information .center .right ul li a {
    color: #4c4b4c;
    font-size: 140%;
}

.news_information .center .right ul {
    width: 100%;
    left: 0!important;
}

.news_information .center .right ol {
    display: none;
}

.news_information .center .right ul li{
    width:100%;
}

/* Action Section */
.actionSection li {width: 100%; font-size: 28px;}
.actionSection li > div  {max-width: 87.5%; padding: 0 4%; margin-bottom: 0px; /* background: url(../styleImg/dash.png) repeat-x bottom; */}
.actionSection li:last-child > div {background: none;}
.actionSection img {display: block; margin: 0 auto 15px; max-height: auto; width: auto;}
.actionSection h3 {font-size: 30px; color: #000; line-height: 1; margin: 0 0 15px;}
.actionSection h3.blue {font-size: 25px; color: #008fd5;}
.actionSection h3 a {font-size: 30px;}
.actionSection p {text-align: left; line-height: 1.4; color: #333; max-height: auto; overflow: hidden; margin-bottom: 1em;}
.more {clear: both;}
.more a {color: #008fd5; font-size: 25px; float: right;}
.more em {width: 11px; height: 17px; background-position: -80px 0; margin: 0 10px; position: relative; top: 3px;}

/* groupAction */
.groupAction {margin: 5px 0 0;}
.groupAction li {width: 100%; font-size: 28px; padding: 0 0 5px 0;}
.groupAction li .gaImg {width: 100%;}
.groupAction li .gaImg img {display: block;}
.groupAction li h4 a {position: relative; font-size: 30px; display: block; line-height: 1.25em;}
.groupAction li h4 a em {position: absolute; right: 0; top: 0; color: #008fd5; display: inline-block; font-size: 30px;}
.groupAction li p {font-size: 18px;}
.groupAction li a.more {display: none;}

/* City Slider */
.citySlider div {position: relative;}
.citySlider em {position: absolute; top: 50%; left: 50%; margin-top: -66px; margin-left: -66px; width: 132px; height: 132px; z-index: 100; background: url(../styleImg/ico_play.png) no-repeat; cursor: pointer;}
.citySlider h3 {position: absolute; top: 20px; left: 0; width: 100%; text-align: center; font-size: 36px; color: #8dc63f; font-weight: normal;}
.citySlider h3 span {display: block; font-size: 16px; color: #008fd5;}
.citySlider .flex-direction-nav a {width: 38px; height: 95px; margin: 0 20px; opacity: 1; top: 40%;}
.citySlider .flex-direction-nav .flex-prev {background-position: 0 0;}
/* .citySlider .flex-direction-nav .flex-next {background-position: -39px 0;} */
.citySlider .flex-control-nav {display: none;}

/* prodSlider */
.prodSlider .flex-control-nav {display: none;}

.prodSlider li > div {position: relative; text-align: center;}
.prodSlider li > div .img {position: relative; float: none; width: 70%; margin: 0 auto; padding-top: 200px; padding-bottom: 30px;}
.prodSlider li > div .title {float: none; width: 100%; font-size: 50px; color: #8d817f; line-height: 2; white-space: nowrap; overflow: hidden; position: absolute; top: 0;}
.prodSlider li > div .subtitle {float: none; width: 100%;  font-size: 30px; color: #888; margin-bottom: .5em; white-space: nowrap; overflow: hidden; position: absolute; top: 100px;}
.prodSlider li > div .desc {float: none; width: 100%;  font-size: 24px; line-height: 1.35; color: #888;}
.prodSlider li > div .desc ul {margin-bottom: 1.5em;}
.prodSlider li > div .desc ul li {position: relative;}
.prodSlider li > div .desc ul li:before {position: relative; content: '●'; display: inline-block; font-weight: bold; margin-right: 10px;}
.prodSlider li > div .desc a.more {font-size: 16px; color: #008fd5; display: none;}




/* ZTE World */
.zteWorld {background: #58595b; padding-top: 95px;}
.zteWorld .spots {position: relative; width: 100%; height: 100%;}
.zteWorld .spots span {position: absolute; top: 0; left: 0; text-align: center; font-size: 24px;}
.zteWorld .spots .s2 {top: 9%; left: 28%;}
.zteWorld .spots .s3 {top: 7.3%; left: 73%; font-size: 24px;}
.zteWorld .spots .s4 {top: 40.5%; left: 46%;}
.zteWorld .spots .s5 {top: 53.2%; left: 45.5%;}
.zteWorld .spots .s6 {top: 58.2%; left: 69.5%;}
.zteWorld .spots .s7 {top: 85.5%; left: 15%;}
.zteWorld .spots .s8 {top: 94.2%; left: 56.4%;}



/*banner*/
.homeslider{margin-bottom: 0px; width: 100%; z-index: 1; }
.homeslider ul li img {-webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; }
.homeslider .flex-control-nav {bottom:5%; }    
.homeslider  .homesliderLi {position: relative; } 

.homeslider .flex-direction-nav a {top:auto; height:24px; width:12px; margin:0; opacity:0; }
.homeslider .flex-control-paging li {padding:0 10px;}
.homeslider .flex-control-paging li a {background: url(../Img/mb_flex_nav_icon.png) no-repeat center center; height: 33px; width: 34px; box-shadow:none; border-radius:0; }
.homeslider .flex-control-paging li a:hover {background: url(../Img/mb_flex_nav_icon.png) no-repeat center center;}
.homeslider .flex-control-paging li a.flex-active {background: url(../Img/mb_flex_nav_icon_active.png) no-repeat; }
.homeslider  .homesliderLi .caption_mob {position: absolute; left: 40px; top:40px; }





}









