body{
    background: url(../images/productService/bg.png)no-repeat center 110px #f7f7f7;
}
.wrap1{
    background: #fff;
}
.header{
    margin: 0 auto;
    width: 1090px;
}
.classResources{
    width: 1050px;
    margin: 30px auto 20px;
    height: 552px;
    border-radius: 6px;
    background: #fff;
    padding-bottom: 40px;
}
.multimediaCourseware{
    width: 1050px;
    margin: 0px auto 20px;
    height: 581px;
    border-radius: 6px;
    background: #fff;
}
.evaluationTool{
    width: 1050px;
    margin: 0px auto 20px;
    height: 1204px;
    border-radius: 6px;
    background: #fff;
}
.miniProgram{
    width: 1050px;
    margin: 0px auto 20px;
    height: 621px;
    border-radius: 6px;
    background: #fff;
}
.title{
    height: 94px;
    width: 990px;
    margin: 0 auto;
    text-align: center;
    color: #312979;
    font-size: 32px;
    font-family: "SourceHanSansCNBold";
    padding-top: 35px;
}
.title1{
    background: url(../images/productService/t1.png)no-repeat center;
}
.title2{
    background: url(../images/productService/t2.png)no-repeat center;
}
.title3{
    background: url(../images/productService/t3.png)no-repeat center;
}
.title4{
    background: url(../images/productService/t4.png)no-repeat center;
}
.classResourcesDiv{
    background: url(../images/productService/pic1_bg.png)no-repeat right 13px;
    margin: 0 30px;
}
.productDiv{
    margin: 35px 0;
    padding-left: 170px;
    height: 140px;
    width: 500px;
    background: url(../images/productService/pic1.png)no-repeat left top;
    letter-spacing: 1px;
}
.productText1{
    font-family: "SourceHanSansCNMedium";
    font-size: 36px;
    color: #313131;
    padding: 10px 0;
}
.productText2{
    font-family: "SourceHanSansCNMedium";
    font-size: 17px;
    color: #666666;
    letter-spacing: 0;
}
.productGood{
    font-size: 17px;
    color: #595959;
    width: 500px;
}
.productGood li{
    padding-left: 38px;
    position: relative;
    height: 32px;
    line-height: 32px;
    font-family: "SourceHanSansCNMedium";
}
.productGood span{
    position: absolute;
    width: 38px;
    height: 36px;
    top: 0;
    left: 0;
    background: url(../images/productService/point.png)no-repeat 20px center;
}
.toUse{
    display: block;
    color: #f9f8fd;
    font-size: 24px;
    font-family: "SourceHanSansCNBold";
    margin: 55px 0 50px 20px;
    width: 160px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    border-radius: 10px;
    cursor: pointer;
    background-image: linear-gradient(to right, #3eb1fe 0%,#687ffe 50%,#6f77fe 55%, #9b43ff 100%);
}
.toUse:hover{
    background-image: linear-gradient(to right, #cdcbf9 0%,#bbd0fb 50%,#b8d1fc 55%, #a7d5fe 100%);
}
.videoDiv{
    width: 480px;
    height: 360px;
    margin-left: 90px;
    margin-right: 60px;
    margin-top: 40px;
    float: left;
}
.videoDiv video{
    width: 100%;
    height: 100%;
    outline: none;
	cursor: pointer;
}
.videoDiv2{
    float: left;
}
.multimediaCourseware .productDiv{
    width: 378px;
    margin-left: 22px;
    padding-left: 162px;
    background: url(../images/productService/pic2.png)no-repeat left top;
}
.multimediaCourseware .productGood{
    width: 378px;
    margin-left: 22px;
}
.multimediaCourseware .toUse{
    margin-left: 35px;
}
.tool1{
    margin: 0 30px;
    height: 496px;
    background: url(../images/productService/pic3_bg.png)no-repeat right top;
}
.tool1 .productDiv{
    background: url(../images/productService/pic3.png)no-repeat left top;
}
.tool2{
    margin: 0 30px;
    height: 496px;
    background: url(../images/productService/pic4_bg.png)no-repeat left top;
}
.tool2 .productDiv{
    background: url(../images/productService/pic4.png)no-repeat left top;
    margin-left: 600px;
    width: 370px;
}
.tool2 .productGood{
    margin-left: 600px;
    width: 405px;
}
.tool2 .toUse{
    margin-left: 622px;
}
.miniProgramDiv{
    margin: 0 30px;
    background: url(../images/productService/pic5_bg.png)no-repeat right top;
}
.miniProgramDiv .productDiv{
    background: url(../images/productService/pic5.png)no-repeat left top;
}
.ewm{
    width: 300px;
    margin-left: 40px;
    margin-top: 40px;
}
.ewmL{
    float: left;
    width: 100px;
    height: 110px;
    padding-top: 30px;
}
.ewmR{
    float: left;
    width: 110px;
    height: 110px;
}
.ewmL span{
    display: block;
    font-size: 17px;
    color: #333333;
    font-family: "SourceHanSansCNMedium";
}
.ewmR img{
    display: block;
    width: 100%;
    height: 100%;
}