/*基层*/
.application_main{padding:35px 0 30px;}
.primer_item{padding:55px 0;}
.primer_item .container{overflow:visible;}
.c_title h3{font-size:22px;color:#231815;}
.c_title h3 span{color:#f39800;}
.c_title p{font-size:16px;color:#f39800;text-transform:uppercase;}
.primer_item .content{padding-top:45px;}
.primer_item .text{line-height:26px;color:#585757;margin:14px 0 0;}
.primer_item .text img{width:100%;}
.primer_item .text img:nth-of-type(1){margin-top:50px;}
.p_left{width:40%;}
.p_right{width:55.625%;}
.p_right .c_title{text-align:right;}
.p_right ul{margin-top:70px;}
.p_right ul li{position:relative;float:left;width:50%;color:#404040;font-size:16px;margin-bottom:35px;cursor:pointer;}
.p_right ul .img{width:120px;height:120px;margin:0 18px;border-radius:50%;overflow:hidden;}
.p_right ul .img img{width:100%;height:100%;border-radius:50%;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;}
.p_right ul .p{padding-top:60px;line-height:23px;}
.p_right ul .tip{position:absolute;width:120%;left:18px;top:114%;border:2px solid #f39800;background:#fff;padding:20px 10px;color:#585757;font-size:14px;line-height:25px;z-index: 5;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;display:none;}
.p_right ul .tip:before{content:'';position:absolute;width:20px;height:10px;background:url(../images/icon_22.png) no-repeat center;left:55px;top:-10px;}
.p_right ul li:hover img{transform:rotate(15deg);}

/*面漆*/
.paint_bg{background:#EFEFEF url(../images/paint_bg.png) no-repeat top center;background-size:100% auto;}
.paint_item{padding:55px 0 10px;overflow:hidden;}
.paint_item .container{overflow:visible;}
.paintList{padding:75px 0 40px;}
.paintList li{float:left;width:31.82%;padding:15px 0 15px 0 ;background:#fff;border-radius:5px;cursor:pointer;margin-bottom:1.5%;margin-right:1.5%;}
.paintList li:nth-child(3n){margin-right:0;}
.paintList li .li_top{padding:0 10px;}
.paintList li .img{position:relative;width:100%;height:100%;overflow:hidden;}
.paintList li img{width:100%;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;}
.paintList li .icon_23{position:absolute;width:64px;height:64px;left:50%;top:50%;margin:-32px 0 0 -32px;background:url(../images/icon_23.png) no-repeat center;background-size:100% 100%;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;}
.paintList li h4{color:#231815;font-size:16px;line-height:34px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 10px;}
.paintList li p{font-size:14px;padding:0 10px;line-height:34px;color:#727171;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.paintList li:hover .hover{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);}
.paintList li:hover .icon_23{transform:scale(0.95);-webkit-transform:scale(0.95);-moz-transform:scale(0.95);-ms-transform:scale(0.95);}
.paintList li:hover h4{color:#f39800;}
.paintList li:hover{box-shadow:0 0 10px rgba(0,0,0,0.3);}
.paintList li .s_logo{height:40px;padding:6px 0;}
.paintList li .s_logo img{width:auto;height:100%;margin:0;}
.paintList li .t_logo img{position:relative;top:5px;width:55px;height:auto;}

.paint_item .page:hover .page_arrow_right{left:35px;}

.video_mark{position:fixed;width:100%;height:100%;background:#000;left:0;top:0;z-index:20;display:none;}
.modal_content{position:absolute;width:50%;height:60%;background:#fff;border-radius:8px;top:20%;left:25%;padding:6px 20px;}
.modal_content .swiper-container{width:100%;height:100%;overflow:hidden;}
.modal_content .swiper-wrapper{width:9999px;height:100%;}
.modal_content .swiper-slide{float:left;height:100%;}
.video_mark .close{position:absolute;width:51px;height:51px;background:url(../images/icon_26.png) no-repeat center;background-size:100% 100%;top:90px;right:8.75%;cursor:pointer;}
.video_mark .btnArea{position:absolute;width:100%;text-align:center;left:0;bottom:-15%;}
.video_mark .swiper-button{display:inline-block;width:20px;height:35px;margin:0 15px;cursor:pointer;}
.video_mark .swiper-button-next{background:url(../images/v_right.png) no-repeat center;background-size:100% 100%;}
.video_mark .swiper-button-prev{background:url(../images/v_left.png) no-repeat center;background-size:100% 100%;}
.video_mark .swiper-button-disabled{opacity: 0.5;}
.iframe{width:100%;height:100%;}
.iframe iframe{width:100%;height:100%;}


/*疑问解答*/
.qA_item {padding-top:55px;}
.qA_item .container{max-width:1200px;}
.qAList{padding:75px 0 31px;}
.qAList li{margin-bottom:15px;}
.qAList h3{height:70px;line-height:70px;background:#DCDCDC;padding:0 26px;color:#585859;font-size:16px;cursor:pointer;}
.qAList .icon{width:40px;height:100%;background:url(../images/icon_24.png) no-repeat center;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;}
.qAList .ask{padding:30px;background:#fff;color:#585757;font-size:16px;line-height:33px;display:none;}
.qAList .ask_q{margin-bottom:30px;}
.qAList .cur h3{background:#f39800;color:#fff;}
.qAList .cur .icon{background:url(../images/icon_25.png) no-repeat center;transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);}


.paintList.propagandistVideo{padding:0;}


@media screen and (min-width:1200px) and (max-width:1399px){
	/*基层*/
	.p_right ul .img{width:100px;height:100px;}
	.p_right ul .p{padding-top:45px;}
	.p_right ul .tip{width:110%;left:0;}


	.modal_content{width:70%;left:15%;}

}

@media screen and (min-width:992px) and (max-width:1199px){
	/*基层*/
	.primer_item{padding:20px 0 55px;}
	.p_right ul .img{width:100px;height:100px;margin:0 5px 0 0;}
	.p_right ul .p{padding-top:45px;}
	.p_right ul .tip{width:110%;left:-14px;}
	
	/*面漆*/
	.paint_item{padding-top:10px;}
	.paintList{padding:40px 0 20px;}
	.paintList li .icon_23{width:40px;height:40px;margin:-20px 0 0 -20px;}
	.paintList li .s_logo{height:35px;}
	.paintList li .t_logo img{width:45px;height:auto;}

	.modal_content{width:90%;left:5%;}
	.video_mark .close{width:45px;height:45px;right:5%;top:5%;}


	/*疑问解答*/
	.qA_item{padding-top:10px;}
	.qAList{padding:40px 0 20px;}
	.qAList .ask_q{margin-bottom:20px;}
}

@media screen and (min-width:768px) and (max-width:991px){
	/*基层*/
	.primer_item{padding-top:10px;}
	.primer_item .content{padding-top:30px;}
	.p_left{width:100%;margin-bottom:20px;}
	.c_title h3{font-size:20px;}
	.c_title p{font-size:14px;}
	.primer_item .text img{margin:20px 0;}
	.primer_item .text img:nth-of-type(1){margin-top:20px;}
	.p_right{width:100%;}
	.p_right .c_title{text-align:left;}
	.p_right ul{margin-top:30px;}
	.p_right ul .img{width:100px;height:100px;margin:0 5px 0 0;}
	.p_right ul .p{padding-top:30px;}
	.p_right ul .tip{left:0;width:110%;}


	/*面漆*/
	.paint_item{padding-top:10px;}
	.paintList{padding:40px 0 20px;}
	.paintList li{width:31.4%;margin-right:2.9%;margin-bottom:2.9%;}
	.paintList li:nth-child(4n){margin-right:2.9%;}
	.paintList li:nth-child(3n){margin-right:0;}
	.paintList li .icon_23{width:40px;height:40px;margin:-20px 0 0 -20px;}
	.paintList li .s_logo{height:35px;}
	.paintList li .t_logo img{width:45px;height:auto;}


	.modal_content{width:94%;left:3%;padding:5px;}
	.video_mark .close{width:45px;height:45px;right:5%;top:5%;}



	/*疑问解答*/
	.qA_item{padding-top:10px;}
	.qAList{padding:40px 0 20px;}
	.qAList h3{height:60px;line-height:60px;}
	.qAList .ask{line-height:30px;padding:20px;}
	.qAList .ask_q{margin-bottom:15px;}

}

@media screen and (min-width:0px) and (max-width:767px){
	/*基层*/
	.primer_item{padding-top:0;}
	.primer_item .content{padding-top:30px;}
	.p_left{width:100%;margin-bottom:10px;}
	.c_title h3{font-size:18px;}
	.c_title p{font-size:14px;}
	.primer_item .text img{margin:20px 0;}
	.primer_item .text img:nth-of-type(1){margin-top:20px;}
	.p_right{width:100%;}
	.p_right .c_title{text-align:left;}
	.p_right ul{margin-top:30px;}
	.p_right ul li{width:100%;font-size:15px;}
	.p_right ul .img{width:80px;height:80px;margin:0 15px 0 0;}
	.p_right ul .p{padding-top:15px;}
	.p_right ul .tip{left:0;width:100%;}
	.p_right ul .tip:before{left:30px;}


	/*面漆*/
	.paint_item{padding-top:0;}
	.paintList{padding:40px 0 20px;}
	.paintList li{width:48%;margin-right:4%;margin-bottom:4%;}
	.paintList li:nth-child(4n){margin-right:4%;}
	.paintList li:nth-child(3n){margin-right:4%;}
	.paintList li:nth-child(2n){margin-right:0;}
	.paintList li .icon_23{width:40px;height:40px;margin:-20px 0 0 -20px;}
	.paintList li .s_logo{height:35px;}
	.paintList li .t_logo img{width:45px;height:auto;}
	
	.modal_content{width:94%;height:50%;top:25%;left:3%;padding:5px;}
	.video_mark .close{width:30px;height:30px;right:50%;top:15%;margin-right:-15px;}
	.video_mark .swiper-button{width:15px;height:25px;}


	/*疑问解答*/
	.qA_item{padding-top:0;}
	.qAList{padding:25px 0 20px;}
	.qAList h3{font-size:15px;height:50px;line-height:50px;padding:0 12px;}
	.qAList .ask{font-size:15px;line-height:25px;padding:15px;}
	.qAList .ask_q{margin-bottom:10px;}
	.qAList .icon{width:30px;background-size:60%;}
	.qAList .cur .icon{background-size:90%;}

}

@media screen and (min-width:0px) and (max-width:500px){
	.paintList li{width:100%;}
}