html{
	color: #686868;
	min-width: 320px;
	font-size: 14px;
	line-height: 1;	
	
}


body{
	/*line-height: 1 !important;*/overflow-x: hidden;
}
:selection{
	background: #b3d4fc;
	text-shadow: none;	
}

ul,h1,h2,h3,p,div,dl,dt,dd,figure,figcaption{
	font-weight: 400;
	margin: 0;
	padding: 0;
}
li{list-style: none;}
* {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
  	    -ms-box-sizing: border-box;
   			box-sizing: border-box;
}
:after, :before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

img{ max-width: 100%; height: auto; transition: all .5s;}

a{
	color: #878787;
	text-decoration: none;
	transition: all .4s; 
}
a:active,a:hover{
	color: #ea120f;
	text-decoration: none;
}
/*banner*/
.program-banner{background-size: cover !important;}
.program-banner a.container{display: block;clear: both;overflow: hidden;color: #fff;padding: 0;text-align: center;}
.program-pd{padding: 10px 0;font-size: 12px;line-height: 1.8;}
.program-top{padding: 10px 0;color: #333;}
.program-top big{display: block;clear: both;overflow: hidden;font-size:1.4em;}
.program-top p{color: #818181;clear: both;overflow: hidden;padding-top:1em;font-size: 1.15em;}
/*小程序的优势特点*/
.program1 .owl-carousel .item section{padding: 10px;}
.program1 .owl-carousel .item em{display: block;max-width: 50%;margin: 0 auto;}
.program1 .owl-carousel .item big{display: block;overflow: hidden;color: #333;padding:.6em 0 .2em;}
.program1 .owl-carousel .item p{color: #818181;}
.program1 .owl-carousel{padding-bottom: 8px;}
.program1 .owl-theme .owl-pagination{margin-top: -15px;}
.program1 .owl-theme .owl-controls .owl-page span{height:4px;width: 35px;border-radius: 0;margin: 0;background: #e5e5e5;}
.program1 .owl-theme .owl-controls .owl-page.active span{background: #ef4b4a;}
.program1 .owl-theme .owl-controls .owl-page:first-child span{border-radius: 2px 0 0 2px;}
.program1 .owl-theme .owl-controls .owl-page:last-child span{border-radius:0 2px 2px 0;}
.program1 .owl-theme .owl-controls .owl-buttons div{position: absolute;top: 25%;width: 40px;height: 40px;background-image: url(../images/program1-botton.png); background-repeat: no-repeat;background-size: 200% auto !important;padding: 0;z-index: 5;filter: Alpha(Opacity=100);opacity:1;display: none;background-color:rgba(255,255,255,.0);}
.program1 .owl-theme .owl-controls .owl-buttons div.owl-prev{background-position: 0 0;left:-20px;}
.program1 .owl-theme .owl-controls .owl-buttons div.owl-next{background-position: 0 bottom;right:-20px;}
.program1 .owl-theme .owl-controls .owl-buttons div.owl-prev:hover{background-position: right 0;}
.program1 .owl-theme .owl-controls .owl-buttons div.owl-next:hover{background-position: right bottom;}
/*小程序的权限*/
.program2,.program6{background: #fafafa;}
.program2-ul{margin: 0 -5px;}
.program2-ul li{padding: 8px 0;}
.program2-ul li section{padding: 10px;}
.program2-ul li section em{float: left;width: 70px;margin-right: 10px;display: inline-block;}
.program2-ul li section em img{width: 100%;}
.program2-ul li section article{overflow: hidden;}
.program2-ul li section article big{display: block;overflow: hidden;font-size: 1.3em;clear: both;}
.program2-ul li section article p{color: #818181;}
.program2-ul li:hover section{box-shadow: 0 0 10px rgba(0,0,0,.2);background: #fff;border-radius: 5px;}
/*选择小程序*/
.program2-ul.program3-ul li section{border: 1px solid #e5e5e5;border-radius:5px;}
/*定制小程序*/
.program4.program-pd{background:url(../images/program4-bg.jpg)  no-repeat center center;background-size: cover !important;color: #fff;padding-bottom: 0;}
.program4-1 big{display: block;clear: both;text-align: center;font-size: 1.3em;padding:.8em 0;}
.program4-dl{margin: 0 -5px;padding: 10px 0;}
.program4-dl dd{float: left;width:19%;display: inline-block;}
.program4-dl dt{float: left;width:8%;display: inline-block;}
.program4-dl em{display: block;overflow: hidden;clear: both;vertical-align: top;}
.program4-dl em img{height: 45px}
.program4-dl dd p{padding: 10px 0;}
.program4-a{text-align: center;padding: 0 0 25px;}
.program4-a a{display: inline-block;border-radius: 8px;border: 1px solid #ef4b4a;background: #ffb400;color: #fff;line-height: 2.8;padding: 0 2em;font-size: 1.2em;}
.program4-right{text-align: center;}
.program4-right img{max-width: 90%;}
/*小程序适用行业*/
.program5-ul{padding: 10px 0;margin: 0 -8px;}
.program5-ul li{display: inline-block;width: 25%;float: left;padding: 8px;}
.program5-ul li em{display: block;clear: both;overflow: hidden;}
.program5-ul li em img{max-width: 120px;width: 100%;}
.program5-ul li p{padding:.7em 0 .5em;clear: both;overflow: hidden;font-size: 1.1em;}
/*他们都在用小程序*/
.program6-ul{padding: 10px 0;margin: 0 -5px;}
.program6-ul li{padding: 10px;float: left;width:50%;}
.program6-ul li dl{position: relative;background: #fff;border-radius: 10px;}
.program6-ul li dl dd{padding:10px;clear: both;overflow: hidden;}
.program6-ul li dl dd i{display: block;overflow: hidden;}
.program6-ul li dl dd p{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;padding-top: .4em;color: #818181;}
.program6-ul li dl dt{position:absolute;left: 0;right: 0;top: 0;bottom: 0;z-index: 2;display: block;background: #fff;border-radius: 10px;}
.program6-ul li dl em{display: table-cell;vertical-align: middle;overflow: hidden;text-align: center;}
.program6-ul li dl dd em img{max-height: 100%;}
.program6-ul li dl dt em img{max-height:calc(100% - 20px);max-width:calc(100% - 20px);}
.program6-ul li:hover dl{box-shadow: 0 0 18px rgba(0,0,0,.2);}
.program7{background:url(../images/program7-bg.jpg)  no-repeat center center;background-size: cover !important;color: #fff;padding-bottom: 0;}
.program7 .program-top big{color: #fff;}
.program7 p.program7-1{padding-bottom:.8em;margin-top: .3em;}
.program7 p.program7-1 a{display: inline-block;line-height: 3;padding: 0 2em;border-radius: .8em;background: #ef4b4a;overflow: hidden;color: #fff;}
@media only screen and (min-width:768px) {
.program-banner a.container{padding:0 15px;}
.program-pd{font-size: 14px;padding: 20px 0;}	
.program-top{padding: 20px 0;}
.program1 .owl-carousel{padding: 0 20px;}
.program1 .owl-carousel .item section{margin: 0 auto;max-width: 230px;}
.program1 .owl-carousel .item big{padding: .8em 0 .4em;}
.program1 .owl-theme .owl-controls .owl-buttons div{display: block;}
.program1 .owl-theme .owl-controls .owl-page span{height: 6px;width: 50px;}
.program2-ul{padding: 15px 0;margin: 0 -10px;}
.program2-ul li{padding: 10px;float: left;width: 33.3333%;}
.program2-ul li section{padding: 20px;}
.program2-ul li section em{width:85px;margin: 0 auto;clear: both;overflow: hidden;float: none;display: block;}
.program2-ul li section article{text-align: center;}
.program2-ul li section article big{padding: .7em 0 .3em;white-space: nowrap;text-overflow: ellipsis;}
.program2-ul li section article p{height: 3.6em;overflow: hidden;}
.program2-ul li:hover section,.program2-ul.program3-ul li section{border-radius: 20px;}

/*定制小程序*/
.program4 .container{position: relative;}
.program4-1{float: left;width:60%;display: inline-block;padding: 25px 0;position: relative;z-index: 2;}
.program4-1 big{text-align: left;font-size: 1.7em;padding:2em 0 .8em;font-weight: lighter;}
.program4-dl{margin: 0 }
.program4-dl em img{height: 60px}
.program4-dl dd p{padding: 10px 0;}
.program4-a{text-align: left;padding: 15px 0 30px;}
.program4-right{position: absolute;right: 15px;bottom: 0;width: 48%;z-index: 1;}
.program4-right img{max-width: 100%;}
.program5-ul{margin: 0 -30px;}
.program5-ul li{float: none;width: auto;max-width: 20%;padding:20px 30px;}
.program5-ul li p{font-size: 18px;}
.program6-ul{margin: 0 -10px;}
.program6-ul li{width: 20%}
.program6-ul li dl dd p{padding-top: .1em;}
}
@media only screen and (min-width:992px) {
.program-pd{padding: 35px 0;}	
.program-top *{font-weight: lighter;}
.program-top big{font-size: 38px;}
.program-top p{font-size: 18px;}
.program1 .owl-carousel{padding: 40px 50px;}
.program1 .owl-carousel .item p{height: 5.4em;}
.program1 .owl-carousel .item big{font-size: 18px;}
.program1 .owl-theme .owl-controls .owl-buttons div{top:95px;}
.program1 .owl-theme .owl-controls .owl-buttons div.owl-prev{left:0;}
.program1 .owl-theme .owl-controls .owl-buttons div.owl-next{right:0;}

.program2-ul li section em{margin:0 20px 0 0;float: left;display: inline-block;clear: none;}
.program2-ul li section article{text-align: left;}
.program2-ul li section article big{padding: 0;}
.program2-ul.program3-ul li section em{width: 75px;padding: 7px 0;margin-right: 25px;}
/*定制小程序*/
.program4-1{padding: 25px 0 70px;font-size: 16px;}
.program4-1 big{font-size: 38px;padding:1.5em 0 .8em;}
.program4-dl em img{height: 70px}
.program4-dl dd p{padding: 15px 0;}
.program4-a{text-align: left;padding: 15px 0 30px;}
.program4-a a{font-size: 18px;}
.program6-ul{margin: 0 -20px;padding-bottom:20px}
.program6-ul li{padding: 15px 20px;}
}

@media only screen and (min-width:1200px) {
.program1 .owl-carousel .item p{height: 7.2em;}
.program2-ul{padding:30px 0;margin: 0 -35px;}
.program2-ul li{padding: 15px;}
.program2-ul li section em{width: 110px;}
.program2-ul li section article big{font-size: 18px;padding: .5em 0 .2em;}
.program2-ul.program3-ul{ margin: 0 -40px;padding: 20px 0;}
.program2-ul.program3-ul li{padding: 20px 40px;}
.program2-ul.program3-ul li section{padding: 20px 30px 25px;}
.program2-ul.program3-ul li section article big{padding-top: 0;}
/*定制小程序*/
.program4-dl em img{height: 82px}
.program5-ul{margin: 0 -50px;}
.program5-ul li{padding: 50px;}
.program5-ul li p{padding: 1em 0 0;}
.program6-ul{margin: 0 -35px;padding-bottom: 30px;}
.program6-ul li{padding: 35px;}
.program6-ul li dl,.program6-ul li dl dt{border-radius: 25px;}
.program-pd.program7{padding-top: 70px;}
.program7 p.program7-1{margin-top: 0;padding-bottom: 0;}
}