danci/www.pengcieredu.com/css/index.css

/* CSS Document */



body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{

	margin: 0;

	padding: 0;

	border:0;

}

body{

	font-family: 'Microsoft YaHei';

	font-size: 12px;

	color:#444;

}

ol,ul li{list-style-type:none;}

em,i,cite{font-style:normal;}

fieldset,img{border:none; vertical-align:middle;}

a{color:#444;text-decoration:none;}

a:hover{ text-decoration:none; color: #3498db;}

.clear{clear:both;}

.clearfix:after{clear:both; visibility:hidden;content:"";display:block;font-size:0;height:0;}

* html .clearfix{height:1%}

input[type="text"], input[type="password"], textarea {

  outline-style: none;

  -webkit-appearance: none;

}

select,

input,

textarea {vertical-align: middle;outline: none;resize: none;}





/*.header{height:100px; position: absolute;top:0;left:0;width:100%;z-index: 11}

.logo{width:140px;height:80px;font:30px/80px "icomoon";color:#fff;padding-left:50px; position: absolute;left:0;top:0;}

.nav{width:580px;float:right;padding-top:16px;padding-right: 50px;}

.nav_list{width:365px;float:right;padding-top:12px;}

.nav_list li{float:left;}

.nav_list li a{display:block;margin:0 35px;border-bottom:transparent solid 2px;font:14px/24px 'Microsoft YaHei';color:#fff;}

.nav_list li a:hover{border-bottom:#00b0a0 solid 2px;}

.download{display:block;float:right;width:135px;height:50px;background:#00b0a0;color:#fff;font:14px/50px 'Microsoft YaHei';border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px; text-align: center;}

.down{display:inline-block;font:14px/50px 'Arial';vertical-align: -5px;padding-right:15px;width:19px;height:19px;background:url(../images/down.png) no-repeat left top; color:#fff;}

.download:hover{color:#fff;}*/





.banner_box{margin:0 auto; position: relative;}

.img_list li{height:960px;background-position: center top; position: absolute;left:0;right:0;top:0;z-index: 10;}

.href_box{width:1280px;height:755px;position:absolute;z-index: 12;left:50%;margin-left:-640px;top:0;}

.pengci_icon{width:96px;height:96px;margin:0 auto;font:34px/96px "icomoon";background:#fff url(../images/banner_logo.png) no-repeat center top ;margin-top:205px;position: relative;z-index: 12;border-radius: 15px;-webkit-border-radius: 15px;-moz-border-radius: 15px;-ms-border-radius: 15px;}

.pengci_tit{ text-align: center;font:45px/86px "Microsoft YaHei";color:#fff; }

.pengci_intro{text-align: center;font:18px/50px "Microsoft YaHei";color:#fff;}

.pengci_icon_z{display:block;margin:0 auto;width:94px;height:30px; text-align: center;border:#fff solid 1px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;font:14px/30px "Microsoft YaHei";color:#fff;}

.pengci_icon_z:hover{color:#fff;background:#00b0a0;border:#00b0a0 solid 1px;}

.line_list{ position: absolute;left:50%;width:1280px;margin-left:-640px;bottom:30px;height:12px; text-align: center; }

.line_list li{width:12px;height:12px; cursor: pointer; background:#595959;margin:0 5px;border-radius:50%;-webkit-border-radius:50%;-ms-border-radius:50%;-moz-border-radius:50%;display: inline-block;}

.line_list .line_cur{background:#00b0a0;}

.list_box{width:1325px;margin:0 auto; position: relative;}

.list_logo{width:71px;height:78px;margin:0 auto;background:url(../images/list_icon1.png) no-repeat center 130px;padding-top:130px;}

.list_tit{ text-align: center;display:block;font:45px/86px "Microsoft YaHei";color:#4c4c4c; }

.list_intro{text-align: center;display:block;font:24px/62px "Microsoft YaHei";color:#4c4c4c;padding-bottom:405px; position: relative;}

.list_icon{background: url(../images/list_icon2.png) no-repeat center 130px;}

.list_bg{height:190px;background:#f5f5f5;}

.slider_box{height:400px; position: absolute;width:1280px;left:50%;margin-left:-640px;top:450px;  }

.slider_overflow{height:400px;width:1280px;overflow:hidden; position: absolute; left: 0; top: 0;}

.slider_ul{width:10000px;position: absolute; left: 0; top: 0;}

.slider_ul li{width:406px;float:left;margin-right:30px;}

.slider_img_box{width:406px;height:309px;}

.slider_txt{width:406px;background: #fff;}

.slider_txt p{padding-left:30px;font:16px/26px "Microsoft YaHei";color:#3b3b3b;padding-top:16px;}

.slider_txt span{display:block;padding-left:30px;font:12px/20px "Microsoft YaHei";color:#3b3b3b;padding-bottom:18px;}

.slider_pre ,.slider_next{display:block;width:48px;height:90px; position: absolute;top:50%;margin-top:-45px;}

.slider_pre{background:url(../images/left.png) no-repeat left top;left:-100px;}

.slider_next{background:url(../images/right.png) no-repeat left top;right:-100px;}

.list_pattern{padding-bottom:0;}

.list_box .pattern_p{padding-top:10px;font:14px/20px "Microsoft YaHei";color:#a7a7a7; text-align: center;padding-bottom:55px;}

.pattern_tit{font:22px/60px "Microsoft YaHei";color:#4c4c4c;display: block; text-align: center;}

.pattern_tit em{font-family:"Times";font-size:40px;vertical-align: -5px;padding-right:5px;}

.pattern_box ul{padding-top:55px;padding-bottom:130px;}

.pattern_box li{border-left:#dddddd solid 1px;float:left;width:406px;height:216px;}

.pattern_box li:first-child{border:none;}

.pattern_txt{width:102px;height:102px;margin:0 auto;}

.pattern_box p{padding-top:30px;font:18px/26px "Microsoft YaHei";color:#4c4c4c; text-align: center;width:406px;}

.fotter{background:#00b0a0;padding:30px 0; text-align: center;font:14px/22px "Microsoft YaHei";color:#fff;}





.header_child .logo{color:#00b0a0;}

.header_child .nav_list li a{color:#8f8e94;}

.main_child_z{background:url(../images/child_banner.png) no-repeat center top;margin-top:80px;}

.main_child{height:412px;width:1280px;margin:0 auto;}

.down_box{padding-top:204px;width:300px;padding-left:735px;}

.down_btn{width:162px;float:left;}

.iphone_btn , .android_btn{display:block;width:161px;height:52px;}

.iphone_btn{background:url(../images/iphone.png) no-repeat left top;margin-bottom: 20px;}

.android_btn{background:url(../images/anzuo.png) no-repeat left top;}

.er_ma{width:112px;height:112px;float: right;border:#00b0a0 solid 2px;}

.child_list{width:1280px;border:#f3f3f3 solid 1px;margin:50px auto 136px;}

.child_tit_span{display:block;margin:-18px auto; text-align: center; width:173px;height:36px;background: url(../images/child_tit.png) no-repeat center top;font:24px/36px "Microsoft YaHei";color:#4c4c4c; }

.child_list_bor{ text-align: center; }

.child_list_bor ul{padding:40px 0;width:950px;margin:0 auto;}

.child_list_bor li{width:160px;height:216px;margin:0 15px;float:left;box-shadow: 0px 0px 10px #e0dede; cursor: pointer; position: relative;}

.transtion_div{ width:160px;height:216px;position: absolute;left:0;top:0; }

.transtion_img{width:160px;height:220px; position: absolute;left:0;top:0;

transform:rotateY(-180deg);

	transform-style:preserve-3d;

	transition:all 0.25s ease ;

	opacity:0;}

.child_list_bor li:hover .transtion_img{

	opacity:1;

	transform:rotateY(0deg);transform:scale(1.2);

}

.child_list_bor li:hover .transtion_div{opacity:0;}





.fun_icon{width:100px;height:100px;margin:30px auto 0;background:#fafafa;border-radius:50%;-weikit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;}

.fun_icon img{width:44px;height:45px;margin:25px auto 0;}

.child_list_bor li span{display: block; text-align: center; padding:60px 0 30px 0;font:14px/26px "Microsoft YaHei";color:#888888;}





.flex-control-nav{ width: 100%; position: absolute; left: 0; bottom: 30px; z-index: 9999999; text-align: center; }

.flex-control-nav li{ display: inline-block; margin:0 6px; }

.flex-control-nav li a{ display: block; width: 12px; height: 12px; border-radius: 12px; background: #595959; font-size: 0; }

.flex-control-nav li a.flex-active{ background: #00b0a0 }

.flex-direction-nav {display:none;}

.flexslider {position: relative;width: 100%;height: 100%; margin:0 auto; overflow:hidden;}

.slides li .banner_img{ width:100%; height:100%;}

.slides li { position:relative; width:100%; height:100%;}

.slides {width:100%; height:100%;}