*{
				margin: 0;
				padding: 0;
			}
			body{
				position: relative;
				font-family: FZLTXIANH,"Microsoft YaHei",Arial;
				/*font-size: 14px;*/
			}
			li{
				list-style: none;
			}
			a:hover{
				text-decoration: none;
			}
			.all{
				width: 100%;
				height: auto;
				/*background: red;*/
			}
/*导航开始*/
			.index_top{
				height: 80px;
				/*margin: 0 50px;*/
			}
			/*.index_top .container,
			.index_top .container nav
			{
				padding: 0;
			}*/
			.logo_left{
				z-index: 999;
				margin-left:10% ;
			}
			.logo_left span{
				position: absolute;
				display: block;
				height: 80px;
				padding: 15px 0;
				left: 0;

			}
			.logo_right{
				height: 80px;
				z-index: 999;
				line-height: 100px;
				margin-right: 10%;
			}
			.logo_right span{
				z-index: 1;
			}
			#cq_navbar{
				margin: 0;
			}			
			.cq_navbar_header .navbar-collapse {
				margin: 0;
				padding: 0;
				/*position: absolute;*/
    			z-index: 999;
			}
			.cq_navbar_header{
				height: 80px;
    			background-color:#FFFFFF;
    			margin-bottom: 0;
    			border:none; 
			}
			.cq_navbar_header ul li{
				
				height: 80px;
				float: left;
				/*border-bottom:0px solid #eb0028;*/
			}				
			
			.cq_navbar_header ul li a{
				padding: 0 30px;
				line-height: 80px;
				text-align: center;
				color: #7e7e7e;
				position: relative;
			}
			.cq_navbar_header ul li a:hover,.logo_right li span:hover{
				color: #000;
			}
			.logo_right li{
				height: 80px;
				float: left;
				
			}
			.logo_right li a{
				padding: 0 30px;
				line-height: 80px;
			}
			.logo_right li span{
				color: #7e7e7e;
				font-size: 20px;

			}
			.cq_navbar_button{
				padding: 15px 10px;
    			margin-top: 18px;
			}
			.navbar-default .navbar-collapse{
				border-color: #fff;
			}
			/*小三角形旋转开始*/
			.cq_ing{
				height: 53px;
				padding: 10px;
			}
			.cq_ing span,.cq_ing input{
				border: 0;
				background: #fff;
				height: 53px;
			}
			.cq_ing span{
				font-size: 20px;
			}
			.cq_ing input:focus{
				box-shadow: none;
			}
			.i-show-menu{
				height: 40px;
				width: 100%;
				text-align: center;		
				display: none;
			}
			.i_show{
				display: block;
			}
			.i-show-menu i{
				/*position: absolute;*/
				width: 40px;
				height: 30px;
				display: inline-block;
				margin-top: 10px;
				transition: all .3s;
			}
			.i-show-menu i:before{				
				content: '';
				display: inline-block;				
				width: 12px;
				height: 1px;
				background: #7E7E7E;		
				-webkit-transform: rotate(-40deg);
				transform: rotate(-40deg);				
				transform-origin: 100% 50%;
				transition: transform .3s;
			}
			.i-show-menu i:after {				
				content: '';
				display: inline-block;
				width: 12px;
				height: 1px;
				background: #7e7e7e;
				-webkit-transform: rotate(40deg);
				transform: rotate(40deg);			
				transform-origin: 0 50%;
				transition: transform .3s;
			}
			/*.i-show-menu i:hover:before{
				transform: rotate(40deg);
			}*/
			.i-show-menu i.changed:before{
				-webkit-transform: rotate(40deg);
				transform: rotate(40deg);				
			}
			.i-show-menu i.changed:after{
				-webkit-transform: rotate(-40deg);
				transform: rotate(-40deg);				
			}
			/*小三角形旋转结束*/
			@media (max-width: 1200px) {
				.cq_navbar_header ul li a{
					padding: 10px 9px;
				}
				.logo_right li a{
					padding: 0 15px;
				}
			}
			@media (max-width: 767px) {
				.cq_navbar_button{
					z-index: 999;
				}
				.cq_navbar_header ul li{
					height: 40px;
					border-bottom: 1px solid #CCCCCC;
					width: 100%;
				}				
				.cq_navbar_header ul li a{
					text-align: left;
					line-height: 40px;
				}				
				.logo_right {
				    position: absolute;
				    right: 10px;
				    top: -9px;
				    padding: 10px 0px;
				}
				.logo_right li span {
				    font-size: 28px;
				}
				.cq_navbar_header .container > .navbar-collapse{
					margin-right: 0;
				}
				.cq_navbar_header .container{
					padding: 0;
				}
				.cq_navbar_header .navbar-collapse{
					padding: 20px;
					background: #f3f3f3;
				}				
			}
			@media (max-width: 350px) {
				.logo_right {				   
				    width: 60%;
				}
			}
			@media (min-width:768px) {
				/*CSS添加导航下划线动画*/
				.cq_navbar_header .nav li a:after{
					content: "";
					display: block;
					position: absolute;
					left: 0;
					bottom: 0;
					width: 100%;
					height: 0px;
					background: #eb0028;	
					-webkit-transition: height .1s;			
					transition: height .1s;
				}	
				.cq_navbar_header .nav li a:hover:after{
					height: 4px;
				}	
			}
			@media screen and (min-width: 1200px) and (max-width: 1999px) {
				.navbar .navbar-nav{
					padding-left: 28%;
				}
			}	
			@media screen and (min-width: 769px) and (max-width: 780px) {
				.navbar .navbar-nav{
					padding-left: 28%;
				}
			}	
/*导航结束*/

/*正文开始*/
			.main_img1{
				width: 100%;
			}
			.main_img1 img{
				width: 100%;
			}
			.main_img2{
				width: 100%;
				overflow: hidden;/*清除浮动*/
			}
			.main_img2 li{
				list-style: none;
				height: 300px;
				float: left;
				cursor: pointer;
			}
			.main_img2 li a{
				display: inline-block;
				position: absolute;
				left: 0;
				width: 100%;
				height: 100%;				
				background-size: cover;
				background-repeat: no-repeat;
				background-position: center center;
				
			}
			.main_img2 li p{
				padding: 15px 10px;
				font-size: 24px;
			}
			.main_img2 li:nth-child(1) a{
				background-image: url(../img/OnePlus5Activity.jpg);
				color: #fff;				
			}			
			.main_img2 li:nth-child(2) a{
				background-image: url(../img/scbundle.png);
				color: #000;
			}
			.main_img2 li:nth-child(3) a{
				background-image: url(../img/TileRosewood.jpg);
				color: #fff;
			}
			.main_img3{
				position: relative;
				width: 100%;
			}
			.main_img3 img{
				width: 100%;
				overflow: hidden;
			}
			.main_img3 .img3_content{
				position: absolute;
				width: 100%;
				height: 30%;
				top: 34%;
				left: 0;
			}
			.main_img3 .img3_content h1{
				text-align: center;
				color: #fff;
				font-size: 48px;
			}
			.main_img3 .img3_content li{
				width: 10%;
				height: 30%;
				border: 2px solid #fff;
				position: absolute;
				left: 45%;
			}
			.main_img3 .img3_content li a{
				display: block;
				position: absolute;
    			top: 28%;
    			width: 100%;
				text-align: center;
				cursor: pointer;
				color: #fff;
			}
			.main_img3 .img3_content_mark{
				width: 0;
				background: #fff;
				height: 100%;
			}
			.main_img4{
				position: relative;
				width: 100%;
				padding: 5.8% 0;
				background: #f6f6f6;
			}
			.main_img4 .thumbnail{				
				cursor: pointer;
				border: none;
				padding: 0;
				transition: all 0.3s;
				/*box-shadow: -5px 5px 10px #eee;*/
			}
			.main_img4 .thumbnail:hover{
				box-shadow: -12px 12px 15px #ccc;
				top: -1px;
			}
			
			.main_img5{
				width: 100%;
				background: #fff;
			}
			.main_img5 .container{
				background: #fff;
			}
			.main_img5 .container ul li{
				padding: 35px 0;
			}
			.main_img5 .container ul li i{
				display: block;
				width: 80px;
				height: 80px;
				/*为什么只有这样才能设置图片居中呢，relative在这里什么意思*/
				position: relative;
				left: 35%;
			}
			.main_img5 .container ul li p{
				text-align: center;
				color: #565b62;
				padding:2px 5px;
			}
			.main_img5 .container ul li:nth-child(1) i{
				background-image: url(../img/serviceIcons-s01768a854d.png);
				background-position:0 -80px;
			}
			.main_img5 .container ul li:nth-child(2) i{
				background-image: url(../img/serviceIcons-s01768a854d.png);
				background-position:0 -240px;
			}
			.main_img5 .container ul li:nth-child(3) i{
				background-image: url(../img/serviceIcons-s01768a854d.png);
				background-position:0 0;
			}
			.main_img5 .container ul li:nth-child(4) i{
				background-image: url(../img/serviceIcons-s01768a854d.png);
				background-position:0 -160px;
			}
			
			@media (max-width: 1025px) {
				.main_img3 .img3_content h1{
					font-size: 28px;
				}
				.main_img3 .img3_content li {
				    width: 14%;
				    height: 33%;
				    margin-top: 10px;
				    top: 100%;
				    left: 45%;
				}

				.main_img3 .img3_content li a{
					top: 5%;
					font-size: 14px;
				}
			}
			@media (max-width: 600px) {
				.main_img3 .img3_content h1{
					font-size: 20px;
				}
				.main_img3 .img3_content li {
				    width: 16%;
				    height: 50%;
				    top: 100%;
				    left: 42%;
				}
				.main_img3 .img3_content li a{
					top: -1%;
					font-size: 10px;
				}
			}
			@media (max-width: 767px) {
				.main_img4 .col_thum .thumbnail{
    				margin: 0 0 20px 0;
				}
				.main_img4 .col_thum .thumbnail img {
					width: 100%;
				}
				.cq_navbar_header .navbar-collapse{
					position: relative;
				}
				
			}						
/*正文结束*/

/*尾部开始*/
			.footer{
				border-top: 1px solid #eee;
			}
			.footA{
				padding: 70px 0;
			}
			.footer .footA .footA_left1{
				float: left;
				padding: 0 120px 0 0;
			}
			.footer .footA .footA_left1 li:nth-child(1){
				font-size: 2rem;
    			padding-bottom: 20px;

			}
			.footer .footA .footA_left1 li a{
				font-size: 14px;
				color: #666;
				padding: 0 0 13px 0;
    			display: block;
			}
			.footer .footA_right{
				float: right;
			}
			.footer .footA_right p{
				font-size: 30px;
				padding: 5px;
				text-align: center;
			}
			.footer .footA_right li{
				width: 100%;
			    height: 30%;
			    font-size: 18px;
			    padding: 15px;
			    text-align: center;
			    border: 1px solid #000;
			    color: #000000;
			}
			.footA_left_xs{
				width: 100%;
				height: auto;
			}
			.footA_left_xs div{
				width:100%;
				height: auto;
				/*border: 1px solid #000000;*/
			}
			.footA_left_xs div li a{
				display: block;
				color: #666;
    			font-size: 14px;
    			padding: 10px 10px 10px 0;
			}
			.footA_left_xs div ul{
				margin: 0;
			}
			/*.footA_left_xs div ul li{
				border-bottom: 1px solid #eee;
				border-top: 1px solid #eee;
				margin-top: -1px;
			}*/
			.footA_left_xs div ul li:nth-child(1){
				width: 100%;
				height: 60px;
				/*border: 1px solid #C0C0C0;*/
				color: #000;
				line-height: 60px;
    			font-size: 18px;
    			border-bottom: 1px solid #eee;
				border-top: 1px solid #eee;
				margin-top: -1px;
    			position: relative;
			}
			.footA_left_xs div ul li:nth-child(1) .arrow_up{
				width: 14px;
				height: 8px;
				float: right;
				/*图片27*32*/
				background-image: url(../img/index.png);
				background-position:0 -8px;
				background-size: 14px 16px;
				position: absolute;
				right: 24px;
				top: 24px;
			}
			.arrow_down{
				width: 14px;
				height: 8px;
				float: right;
				/*图片27*32*/
				background-image: url(../img/index.png);
				background-position:0 0;
				background-size: 14px 16px;
				position: absolute;
				right: 24px;
				top: 24px;
			}
			.footA_left_xs div li.xs_mention{
				display: none;
			}	
			.footA_left_xs .kefu_xs .p1{
				display: inline-block;
				font-size: 20px;
				color: cornflowerblue;
				padding: 10px;
			}
			.footA_left_xs .kefu_xs .p2{
				display: inline-block;
				padding: 10px;
				font-size: 18px;
			}
			.footA_left_xs .kefu_xs .p3{
				display: inline-block;
				float: right;
				padding: 12px;
			}
			.footA_left_xs .kefu_xs li{
				border: 1px solid #000000;
				height: 40px;
				line-height: 40px;
				cursor:pointer;
				text-align: center;
				color: #333;
				font-size: 20px;
			}
			.footA_left_xs .kefu_right{
				float: right;
				font-size: 14px;
			}
			.footB .foot_bottom{
				height: auto;
				background: #E3E3E3;
			}
			.footB .foot_bottom p{
				display: inline-block;
				/*padding: ;*/
				background: #EEEEEE;
			}
			.footB .foot_bottom span{
				display: inline-block;
			}
			.footB .foot_bottom span:nth-child(1){
				width: 40%;
			}
			.footB .foot_bottom span:nth-child(2),
			.footB .foot_bottom span:nth-child(3){
				margin-left: 20px;
				
			}
			.footB .foot_bottom span:nth-child(4){
				display:block;
			}
			.footB .footBottom_bao{
				margin: 30px;
			}
			@media (max-width: 990px) {
				.footer .footA .footA_left1{
					padding: 0 38px 0 0;
				}
				
			}@media (max-width: 767px) {
				.footer .footA{
					padding: 0;
				}
				
			}
/*尾部结束*/