.module{position: relative;background: #fff;z-index: 2;}
.webWidth{width:1300px;margin: 0 auto;}
/*头部 begin*/
.featuresHeader{width: 100%;height: 740px;position: relative;}
.featuresHBg{width: 100%;background: url(../images/banner.png) no-repeat; height: 570px;z-index: 1;overflow: hidden;}
.headerVideo{width: 100%;}
.doImg{position: absolute; left: 0; top: 520px;width: 200%; min-width: 2000px;height: 55px; background: url(../images/doLine.png) repeat-x;  z-index: 1;  -webkit-animation: do 5s linear .4s infinite normal;  -moz-animation: do 5s linear .4s infinite normal;  animation: do 5s linear .4s infinite normal;}
.doImg2{margin-left: -400px; -webkit-animation: do 8s linear .4s infinite normal; -moz-animation: do 8s linear .4s infinite normal; animation: do 8s linear .4s infinite normal;}
@keyframes do {0% {left: 0;} 99.99% {left: -800px;} 100% {left: 0;}}
.featuresHBody{width: 100%;position: absolute;top: 135px;z-index: 2}
.fhTitle{width: 1300px;margin: auto;text-align: center;}
.fhtext1{color: #fff;font-size: 60px;display: block;font-weight: 500; margin-bottom:40px}
.fhtext2{color: #fff;font-size: 26px;display: block;}
.fhPcImg{background: url(../images/pcImg.png) no-repeat;width:780px;height: 415px;margin: 0px auto;margin-top: 65px; background-size: 100%}
/*头部 end*/
/*内容 begin*/
.featuresBox{margin-top: 75px;}
/*为什么药做小程序 575 155 begin*/
.whyDoCxx{width: 1300px;text-align: center;margin: 0px auto;}
.CxxTitle{font-size: 26px;color: #000;}
.CxxSbutitle{font-size: 16px;color: #BEBEBE;margin-top: 5px;}
.CxxLine{height:30px;width:365px;background: url(../images/line.png) no-repeat;display: inline-block;}
.whyDoCxxMain{margin-top:30px;}
.whyDoCxxMain ul{display: block;}
.whyDoCxxMain ul li {width:575px;height:158px;display: inline-block;position: relative;overflow: hidden;border: 1px solid transparent;}
.whyDoCxxMain ul li:hover{background: #fff; border: 1px solid #eee;width:575px;height:158px;-webkit-box-shadow:0 0 10px #ece4e4;-moz-box-shadow:0 0 10px #ece4e4;box-shadow:0 0 10px #ece4e4;}
/*动画 begin*/
.whyDoCxxMain ul li:hover .CxxLiLeftPic img{ -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); -ms-transform: rotateY(360deg); -o-transform: rotateY(360deg); transform: rotateY(360deg); -webkit-filter:none;filter:none;transform-style: preserve-3d; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transition: all .5s ease; -webkit-transition: all .5s ease;/*-webkit-filter:grayscale(100%);*/-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%); }
/*动画 end*/
.Cxxicon img{width:77px;height:67px;display: inline-block;margin: 50px 0 0 50px;}
.CxxLiLeft{width: 160px;height: 100%; display: inline-block;float: left; position: relative;}
.CxxLiLeftPic{width: 77px;height: 68px; display: inline-block;top: 50px; left: 50px;position: absolute;}
.CxxLiLeftPic img{width: 100%;height: 100%;}
.CxxLiRight{width: 410px;display: inline-block;float: right; text-align: left;height: 100%;box-sizing: border-box;padding: 30px 20px;padding-left: 0px;}
.CxxLiRTitle{font-size: 22px;font-weight: bold;padding-bottom: 20px;}
.CxxLiRText{font-size: 14px;color: #7C7C7C;padding-top: 5px;}
/*为什么药做小程序 end*/
/*制作小程序 begin 555_03.png*/
.freemake{height:218px;width:100%;text-align: center; margin-top: 20px;background-color: #3E3E3E;position: relative;}
.freemakeLeft{background: url(../images/g_14.jpg) no-repeat; height: 100%;width: 40%;float: left;left: -150px;position: absolute;top: 0px;}
.freemakeRight{background: url(../images/g_14.jpg) no-repeat;height: 100%;width: 40%;float: right;z-index: 1;transform: rotate(180deg);right: -150px;position: absolute;top: 0px;}
.freemakeBody{width: 1300px;height: 100%;margin: auto;position: relative;}
.freemakeText{position: relative;top:55px;font-size: 30px; color:#fff;}
.freemakeBtn{position: relative;top:80px;}
.makeBtn, .findBtn{display: inline-block;height:48px;width:150px;background: #FFCF00;line-height: 48px;text-align: center;border-radius: 5px;font-size: 18px;text-decoration:none;color:#333;cursor: pointer;margin-right: 10px;}
/*制作小程序 end*/
/*核心亮点 begin*/
.coreLight{width: 1300px;margin: 0px auto;margin-top: 25px;}
.coreLightHead{text-align: center;}
.coreTitle{font-size: 26px;color: #000;}
.coreSbutitle{font-size: 16px;color: #BEBEBE;margin-top: 5px;}
.coreLine{height:30px;width:399px;background: url(../images/line.png) no-repeat;display: inline-block;  }
.coreLightMain ul li{text-align: center;display: inline-block;width: 320px;height: 280px;position: relative;overflow: hidden;}
/*动画 begin*/
.coreLightMain ul li:hover .coreLightTop img{-webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); -ms-transform: rotateY(360deg); -o-transform: rotateY(360deg); transform: rotateY(360deg); -webkit-filter:none;filter:none  height: 100%;transform-style: preserve-3d; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transition: all .5s ease; -webkit-transition: all .5s ease;/*-webkit-filter:grayscale(100%);*/-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);}
/*动画 end*/
.coreLightLiMain{padding: 50px 0px;}
.coreLightTop{width: 70px;height: 70px;margin: 0 auto;}
.coreLightTop img{width: 100%;height:100%;}
.coreLightBot{padding: 10px 0px;}
.coreLightTitle{font-size: 22px;padding-top: 10px;}
.coreLightText{font-size: 14px;color: #7C7C7C;padding-top: 10px;}
/*核心亮点 end*/
/*应用场景 begin*/
.application{width: 100%;background: url(../images/applicationBg.jpg) no-repeat;display: inline-block;background-size: cover; height: 670px;margin-top: 0px;}
.applicationMain{width: 1300px;margin: 0 auto;}
.applicationHead{text-align: center;padding: 30px 0px;}
.acTitle{color:#fff;font-size:28px ;}
.acSbutitle{font-size: 16px;color: #B0B0B0;}
.acline{height:10px;width:399px;margin: 10px 0px;background: url(../images/grayLine.png) no-repeat;display: inline-block;}
.applicationMain  ul li{text-align: center;display: inline-block; width: 320px; height: 258px;position: relative;overflow: hidden;}
/*动画 begin*/
.applicationMain  ul li:hover .acLiTop img{-webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); -ms-transform: rotateY(360deg); -o-transform: rotateY(360deg); transform: rotateY(360deg); -webkit-filter:none;filter:none  height: 100%;transform-style: preserve-3d; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transition: all .5s ease; -webkit-transition: all .5s ease;/*-webkit-filter:grayscale(100%);*/-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);}
/*动画 end*/
.acLiMain{padding: 40px 0px;}
.acLiTop{width: 105px;height: 105px;margin: 0 auto;}
.acLiBot{padding: 10px 0px;}
.acLiTitle{font-size: 24px;color: #fff;}
.acLiTips{font-size: 14px;color: #fff;padding-top: 10px;}
/*应用场景 end*/
/*核心功能 begin*/
.sceneMain{width: 1300px;margin: 0px auto;}
.sceneHead{text-align: center;margin-top: 40px;margin-bottom: 20px;}
.sceneTitle{font-size: 26px;color: #000;}
.sceneSbutitle{font-size: 16px;color: #BEBEBE;}
.sceneLine{height:30px;width:399px;background: url(../images/line.png) no-repeat;display: inline-block;}
.sceneTab{width: 1200px;margin: 0px auto;}
.sceneTab ul{width: 100%;text-align: center;}
.sceneTab ul li{display: inline-block;width: 96px;height: 40px;line-height:45px;text-align: center;cursor: pointer;border-radius: 40px;font-size: 16px;}
.liactive{background-color: #FFCF00;}
.sceneCon{width:1300px;height: 525px;position: relative;display: none;margin-top: 40px;margin-bottom: 70px;}
.sceneConLeft{width: 690px;height: 450px;display: inline-block;position: absolute;left: 0px;top:37.5px;z-index: 2;}
.sceneConLeftMain{width: 100%;height: 100%;position: relative;}
.sceneImg img{border-radius: 5px;}
.sceneVideoPho{width: 107px;height: 107px;display: inline-block;position: absolute;top: 125px;left: 280px;z-index: 3;}
.sceneVideo{height: 352px;width: 100%;position: absolute;top: 50px;}
.sceneVideoPic{width: 100%;height: 100%;}
.videocon{position: absolute;top: 0px;left: 0px;width: 100%;background-size: cover;}
.sceneCon1{display: block;}
.sceneConRight{width: 1120px;height:100%;position: absolute;background: url(../images/videobg2.png) no-repeat;background-size: 100%;left: 180px;border-radius: 5px;z-index: 1;}
.sceneTextBox{height: 100%;width: 600px;padding-left:25px;padding-right:45px;float: right;color: #fff;font-size: 14px;}
.sceneConTitle{font-size: 35px;margin-top: 40px;}
.ConTipOne{margin-top: 20px;font-size: 14px;color:#fff;}
.ConTipTwo{margin-top: 60px;font-size: 14px;color:#fff;}
.ConTipTwoThree{margin-top: 80px;font-size: 14px;color:#fff;}
/*核心功能 end*/

/*案例启示 begin*/
/*公共标题*/
.commonHead{display: block;text-align: center;}
.commonHeadTitle{color: #000;font-size: 26px;display: block;}
.commonHeadDes{color: #a3a3a3;font-size: 16px;display: block;margin-top: 3px;margin-bottom: 3px;}
.commonHeadLine{width: 364px;height: 5px;margin: 8px auto 0 auto;}
.commonHeadTitle2{color: #fff;}

.caseMain{padding:70px 0 70px;}
.caseMenu{text-align: center;margin-top: 45px;}
.caseMenuUl{display: inline-block;}
.caseMenuUl li{float:left;text-align:center; cursor: pointer;}
.caseMenuName{color: #858585;display: block;padding: 9px 36px;font-size: 16px;border-radius: 50px;}
.caseMenu li.active .caseMenuName{background: #ffcf00;color: #141414;}
.caseDesCon{margin-top: 75px;margin-bottom:80px}
.caseImgs{width:640px;position: absolute;}
.caseConList{padding-left:690px;width: 100%;}
.caseImgItem{transform: scale(0.92);top:22px;width: 304px;height: 540px;z-index:1;box-shadow: 0 0 25px 0 rgba(0,0,0,.15);position: absolute;}
.caseImgItem1{left:-5px;}
.caseImgItem2{transform: scale(1);top:0px;left:160px;z-index: 2}
.caseImgItem3{right:0;}
.caseImgs img{ width:100%;}
.caseConHead{border-bottom: 1px solid #cccccc;padding: 7px 0 12px;}
.caseHeadTitle{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;display: block;font-size: 34px;color: #000;font-weight: 500;}
.caseHeadDes{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;color: #8d8d8d;font-size: 16px;display: block;padding-top: 8px;padding-bottom: 0px;}
.introMain{margin-top: 20px;}
.introTitle{font-size:14px;color:#767676;font-weight: bold;display: block;}
.introDes{height:71px;font-size:14px;padding-top:5px;color:#767676;line-height: 22px;text-overflow:ellipsis;word-break:break-all;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.tempsMain{margin-top: 60px;}
.tempsUl{margin-top:15px;}
.tempsUl li{margin-right: 8px;float:left;}
.tempsItem{width: 146px;height: 146px;overflow: hidden;border-radius: 14px;}
.tempsUl li:last-child{margin-right: 0;}
.tempsBtns{margin-top: 56px;}
.tempsBtn{display:inline-block;background: #ffcf00;color: #000;padding: 11px 26px;border-radius: 50px;font-size: 14px;}
.tempsBtnTip{color: #b8b8b8;padding-left: 15px;}
/*案例启示 end*/
/*内容 end*/