123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270 |
- /* 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%;}
|