﻿*{padding: 0;margin: 0;}
img{border: none;}
li{list-style: none;}
a{text-decoration: none;}
input, textarea, select:focus, .res_next:focus, .res_prev:focus{outline: none;}
i{font-style: normal;}
.fl{float: left;}
.fr{float: right;}
ul,li{padding: 0;margin: 0;}
/***************教研服务***************/
/*banner*/
.banner{width: 100%;height: auto;}
.banner img{width: 100%;height: auto;display: block;}
.bannerM{display: none;}
/*contentFw*/
.contentFw{padding: 0 0 50px;overflow: hidden;}
.contentFw h1{font-family: "微软雅黑";font-size: 32px;text-align: center;color: #000000;padding: 60px 0 0;}
.contentFw p.fw_title{color: #000000;font-family: "微软雅黑";font-size: 16px;text-align: center;line-height: 28px;}
.contentFw p.fw_title:first-of-type{padding-top: 20px;}
.contentFw p.fw_title span{color: #d7000f;font-family: "微软雅黑";font-size: 16px;}
.housekeeperCon,.fwPartnerCon,.targetTop,.targetCon,.porgrameCon,.storyCon{width: 95%;max-width: 1200px;margin:0 auto;height: auto;}
.housekeeperCon img{width: 100%;height: auto;display: block;margin: 40px auto 0;}
.fwPartner p.fw_title{color: #5c5c5c;}
.fwPartnerCon ul{overflow: hidden;margin: 20px auto 40px;padding: 30px 0;}
.fwPartnerCon ul li{float: left;width: 25%;}
.fro-warp-item{margin: 0 20px;padding: 20px 20px;box-shadow: 0px 0px 10px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.2);-moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.2); -o-box-shadow: 0px 0px 10px rgba(0,0,0,0.2); background:#fff;}
.fro-warp-it-pic{width: 114px;height: 114px;margin: 15px auto;}
.nr-warp-pic img{width: 100%;display: block;}
.fro-warp-it-pic .xz{display: none;}
.fro-warp-it-tit{font-size: 24px;line-height: 42px;}
.tac{text-align: center;}
.fro-warp-it-line{width: 42px;margin: 0 auto;height: 3px;background: #D7000F;border-radius: 4px;opacity: 0;}
.fro-warp-it-nr{font-size: 16px;line-height:28px;color: #333333;margin: 15px 10px 0;text-align: center;height: 70px;overflow: hidden;}
.fro-warp-item:hover{margin-top: -15px;}
.fro-warp-item:hover .fro-warp-it-line{opacity: 1;filter:alpha(opacity=100);}
.fro-warp-item:hover .fro-warp-it-pic .wxz{display: none;}
.fro-warp-item:hover .fro-warp-it-pic .xz{display: block;}
.fro-warp-item{transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-ms-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;}



.fwTarget{width: 100%;height: auto;background: url(../img/fwTarget.png) no-repeat;background-size: 100% 100%;overflow: hidden;padding-bottom: 70px;}
.targetLine{width: 114px;height: 4px;background: #D7000F;margin: 20px auto;}
.fwTarget h2{color: #010101;font-size: 30px;font-weight: 500;text-align: center;}
.targetTop ul{overflow: hidden;margin: 20px auto;width: 54%;} 
.targetTop ul li{width: 29%;height: 44px;background: #d7000f;margin-right: 1%;float: left;line-height: 40px;text-align: center;}
.targetTop ul li:last-child{ width: 39%; margin-right: 0;}
.targetTop ul li a{color: #fff;font-size: 22px;font-family: "微软雅黑";line-height: 40px;}
/*.targetTop ul li.fw_cur{background: #d7000f;}*/
/*.targetTop ul li:hover{background: #d7000f;}*/
.targetTop p{width: 71%;margin: 40px auto;text-align: center;border-top: 1px solid #b4b4b4;border-bottom: 1px solid #b4b4b4;line-height: 60px;color: #d7000f;font-size: 25px;}
.targetCon ul{overflow: hidden;margin: 30px auto 0;}
.targetCon ul li{float: left;width: 33%;background: url(../img/fwjt.png) no-repeat right;background-size: 28px 45px;}
.targetCon ul li .targetElement{width: 320px;height: 320px;margin: 0 10px 0 25px;t  transition: all 1s; transform:rotateY(360deg);
-ms-transform:rotateY(360deg); -moz-transform:rotateY(360deg);-webkit-transform:rotateY(360deg);-o-transform:rotateY(360deg);}
.targetCon ul li .targetElement:hover{ -ms-transform:rotateY(0deg); -moz-transform:rotateY(0deg);-webkit-transform:rotateY(0deg);
 -o-transform:rotateY(0deg); transition: all 1s;cursor: pointer;}
.targetElement h4{text-align: center;font-family: "微软雅黑";font-size: 36px;color: #fff;font-weight: 500;padding-top: 75px;}
.targetElement .eleLine{width: 44px;height: 3px;background: #fff;margin: 20px auto;}
.targetElement p{color: #ffffff;text-align: center;font-size: 20px;line-height: 30px;}
.targetCon_ul_m{display: none;}
.targetCon ul li:last-child{background: none;}
.targetCon ul li .element_1{background: url(../img/fwTarget1.png) no-repeat;background-size: 100%;}
.targetCon ul li .element_2{background: url(../img/fwTarget2.png) no-repeat;background-size: 100%;}
.targetCon ul li .element_3{background: url(../img/fwTarget3.png) no-repeat;background-size: 100%;}
.fwProgramme p.programmeP{text-align: center;padding: 30px 0;}
.fwProgramme p.programmeP a{padding: 8px 20px;background: #d7000f;display: inline-block;border-radius: 50px;color: #fff;text-align: center;font-size: 16px;}
.fwProgramme p.programmeP span{padding: 0 10px;}
.fwProgramme p.programmeP span img{width: auto;height: auto;}
.porgrameCon{overflow: hidden;}
.fw_por{float: left;margin: 10px auto;}
.por_1,.por_2,.por_4{width: 23%;}
.por_3{width: 31%;}
.fw_por h6{color: #d7000f;font-family: "微软雅黑";font-size: 24px;text-align: center;}
.porgrameCon_m{display: none;}
.por_content{width: 64%;float: left;} 
.por_content ul li{width: 100%;height: auto;border: 1px solid #d3d3d3;line-height: 53px;margin-top: 20px;text-align: center;color: #353535;font-size: 20px;cursor: pointer;}
.por_content ul li:hover{background: #d7000f;color: #fff;}
.fw_por img.jiantou1{margin-top: 178px;float: right;margin-right: 20px;width: auto;height: auto;}
.por_content1{width: 100%;float: left;} 
.por_content1 ul li{float: left;width: 48%;margin-right: 2.6%;}
.por_content1 li:nth-child(2n){margin-right: 0;}
.por_4 .por_content{float: right;margin-right: 5px;}
.fw_por img.jiantou2{margin-top: 178px;float: left;margin-left: 30px;}
.storyCon ul{width: 46%; height: auto; float: left;border-right: 1px solid #d3d3d3;margin-top: 50px;padding-right: 3%;}
.storyCon ul li .storyList{margin-bottom: 40px;clear: both;display: block;overflow: hidden;}
.storyCon ul li .mb0{margin-bottom: 0;}
.storyList .listImg{width: 32%;float: left;margin-right: 4%;overflow: hidden;}
.storyList .listImg img{width: 100%;height: auto;display: block;cursor: pointer;transition: all 1s;}
.storyList .listImg img:hover{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);}
.storyList .listmain{width: 64%;float: left;overflow: hidden;}
.storyList .listmain a{ width: 98%; color: #000000;font-size: 20px;font-weight: 600;cursor: pointer;line-height: 20px;padding-bottom: 18px;display: inline-block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.storyList .listmain a:hover{color: #d7000f;}
.storyList .listmain p{width: 96%; color: #5c5c5c;font-size: 14px;line-height: 24px;overflow: hidden;display:-webkit-box; 
-webkit-box-orient:vertical; -moz-box-orient:vertical; -o-box-orient:vertical;-webkit-line-clamp:3;}
.storyCon ul:nth-child(2n){ width: 46%; border-right: 0;padding-left: 3%;padding-right: 0;}


@media only screen and (max-width:1280px) {
	.targetCon ul li{background: none;}
}

@media only screen and (max-width:1200px) {
	
}
@media only screen and (max-width:1024px) {
	.fro-warp-item{margin: 0 10px;}
	.fro-warp-it-nr{font-size: 14px;}
	.targetCon ul li .targetElement{width: 250px;height: 250px;margin: auto;background-size: 100% 100%;}
	.targetElement h4{padding-top:50px;font-size: 24px;}
	.targetElement p{font-size: 16px;}
	.fw_por h6{font-size: 20px;}
	.por_content ul li{font-size: 16px;}
	.por_content1 ul li{margin-right: 2.3%;}
	.targetTop ul li a{font-size: 16px;}
	.fw_por img.jiantou1{width: 26px;height: 16px;}
	.fw_por img.jiantou2{width: 26px;height: 16px;margin-left: 20px;}
	.storyList .listmain h6{font-size: 16px;padding-bottom: 10px;}
	.storyList .listmain p{font-size: 12px;line-height: 20px;}
}
@media only screen and (max-width:760px) {
	/*banner*/
	.banner{display: none;}
	.bannerM{display: block;}
	.bannerM img{width: 100%;height: auto;display: block;}
	.contentFw h1{font-size: 22px;padding: 30px 0 0;}
	.contentFw p.fw_title{font-size: 14px;padding: 0 0px;line-height: 22px;}
	.contentFw p.fw_title span{font-size: 14px;}
	.fwPartnerCon ul{margin: 30px auto 0px;}
	.fro-warp-item{padding: 10px 0 20px;}
	.fwPartnerCon ul li{width: 50%;margin-bottom: 20px;}
	.fro-warp-it-pic{width: 70px;height: 70px;}
	.fro-warp-it-tit{font-size: 20px;}
	.fro-warp-it-nr{font-size: 12px;line-height: 22px;height: 40px;}
	.fwTarget{width: 100%;height: auto;background: url(../img/fwTarget.png) no-repeat center;background-size: 100% 100%;overflow: hidden;padding-bottom: 20px;}
	.fwTarget h2{font-size: 21px;}
	.targetTop ul{width: 90%;margin:20px auto;} 	
	.targetTop ul li a{font-size: 14px;}
	.targetTop p{ width: 90%; font-size:18px;line-height: 30px;margin: 20px auto;padding: 10px 0;}
	.targetCon_ul{display: none;}
	.targetCon_ul_m{display: block;}
	.targetCon_ul_m .element_1{background: url(../img/fwTarget1.png) no-repeat;background-size: 100% 100%;}
	.targetCon_ul_m .element_2{background: url(../img/fwTarget2.png) no-repeat;background-size: 100%;}
	.targetCon_ul_m .element_3{background: url(../img/fwTarget3.png) no-repeat;background-size: 100%;}
	.targetCon .targetElement{width: 200px;height: 200px;margin: 20px auto 50px;}
	.targetElement h4{padding-top: 35px;}
	.targetElement .eleLine{margin: 10px auto;}
	.targetElement p{font-size: 13px;line-height: 22px;padding-top: 10px;}
	.fwProgramme p.programmeP a{margin-bottom: 10px;}
	.storyCon ul{width: 100%;border-right: 0;padding-right: 0%;margin-top:20px ;}
	.storyCon ul li .storyList{margin-bottom: 20px;}
	.storyList .listImg{width: 100%;}
	.storyList .listmain{width: 100%;margin-top: 10px;}
	.storyCon ul:nth-child(2n){width: 100%;padding-left: 0%;}
	.porgrameCon{display: none;}
	.fwProgramme p.programmeP{padding: 30px 0 20px;}
	.porgrameCon_m{display: block;}
	.porgrameCon_m .swiper-container {width: 100%;height: 100%;}
	.porgrameCon_m .swiper-slide {text-align: center;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center; -ms-flex-align: center;-webkit-align-items: center;align-items: center;margin-bottom: 45px;}
	.contentFw .swiper-pagination-bullet-active{background: #D7000F;}
	.por_content h6{font-size: 20px;color: #d7000f;padding-bottom: 10px;}
	.por_content ul li{height: 40px;line-height: 40px;margin-top: 10px;font-size: 13px;}
	.por_content1{width: 90%;margin: auto;}
	.por_content1 ul li{width: 48%;margin-right: 2.6%;}
}
@media only screen and (max-width:480px) {
	
}