@charset "utf-8"; /* About:ifreecomm Date:2014/05/12 Author:Darvin */ /* CSS Document */ [data-role="transition"] { -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; } [data-role="transition1"] { -moz-transition:all 1s ease; -webkit-transition:all 1s ease; -o-transition:all 1s ease; -ms-transition:all 1s ease; -webkit-transition:all 1s ease; } body{ color:#666666; min-width:1000px;} .in-wrap{ position:relative; margin:0 auto; width:1200px; height:100%; z-index:10;} .comm-jpg{ background:url("/images/comm.png") no-repeat;} .font-gothic{ font-family: 'gravitybook';} .bg-edeff4{ background:#edeff4;} .bg-edeff4 .interphone-pic img{ margin-bottom:0;} .bg-red{ background:#d21f1f;} .section-comm .font30 em{ font-size:30px;} /** header **/ .header{ position:fixed; width:100%; height:110px; background:#fff; background:rgba(255,255,255,.6); box-shadow:0 1px 3px rgba(0, 0, 0, 0.2); z-index:1100;} .header-scroll{ height:70px; background:rgba(255,255,255,.8);} .header a.header-logo{ margin-top:28px; background-position:-240px -128px; width:251px; height:62px; text-indent:-9999px;} .header-scroll a.header-logo{ margin-top:15px; background-position:-305px -250px; width:200px; height:43px;} .header ul li{ float:left; margin:10px 0 0 50px;} .header ul li a{ display:block; padding:10px 6px; font-size:14px; color:#5b5b5b; -moz-transition:all 0.5s ease; -webkit-transition:-webkit-transform 0.5s ease; -o-transition:-webkit-transform 0.5s ease; -ms-transition:-webkit-transform 0.5s ease; -webkit-transition:-webkit-transform 0.5s ease;} .header ul li a:hover,.header ul li a.current{ background:url("/images/comm.png") no-repeat 0 -317px; color:#cc0000; -webkit-transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05);} .header-scroll ul li{ margin-top:13px;} .header-scroll p{ display:none;} .header p{ margin-top:19px; text-align:right;} .header p a{ display:inline-block; margin:0 5px; height:14px; line-height:14px; font-size:12px; color:#949b99; zoom:1;} .header p a:hover{ color:#cc0000;} .header p a.header-login{ padding-left:10px; margin:0 6px 0 0;} .header p span { color: #cc0000; width: 1px; height: 14px; line-height: 14px; } .header p a.lan-cn { margin-left: 30px; color: #cc0000; } .header p a.lan-en { margin-left: 2px; color: #cc0000; } /** solution **/ .solution-comm{ display:none;} .related-down{ padding-top:0; margin-top:-90px;} .section-comm{ padding:40px 0 80px;} .section-comm h4{ font-size:24px; color:#000; text-align:center;} .section-comm h4 em{ display:inline-block; margin-right:20px; display:inline-block; line-height:50px; font-size:42px; color:#cc0000; vertical-align:top;} .section-comm h4 i{ display:inline-block; line-height:55px; font-size:24px; color:#000;} .section-comm h4 i span { font-size: 25px; } .section-comm h5{ margin-top:10px; font-size:15px; color:#999999; text-align:center;} .solution ul{ margin:20px auto 0; width:1125px;} .solution ul li{ float:left; margin:0 0 0 30px; width:355px; height:438px; *zoom:1;} .solution ul li:first-child{ margin-left:0;} .solution ul li:hover{ background:#edeff4;} .solution ul li p.solution-title{ font-size:20px; color:#000; text-align:center;} .solution ul li p.solution-intro{ margin:25px auto 0; width:70%; height:36px; overflow:hidden; text-align:center; color:#666} .solution ul li a.hhh{ display:block; margin-top:7px; padding-top:10px; width:100%; height:104px; color:#000; } .solution ul li a.hhh p{ text-align:center; font-size:14px; } .solution ul li a.hhh em{ margin:10px auto 0; display:block; width:31px; height:31px; background-position:0 -128px;} .solution ul li:hover a.hhh{ background:#cc0000;} .solution ul li:hover a.hhh p{ color:#fff;} .solution ul li:hover a.hhh em{ background-position:-56px -128px;} .solution ul li a.hhh div.solution-line{ margin:0 auto 23px; background:#d4d4d4; width:30px; height:1px; overflow:hidden;} .solution ul li em.solution-case-icon{ margin:80px auto 35px; display:block; width:119px; height:119px; text-indent:-9999px;} .solution ul li.solution-li1 em.solution-case-icon{background-position:0 0;} .solution ul li.solution-li2 em.solution-case-icon{background-position:-160px 0;} .solution ul li.solution-li3 em.solution-case-icon{background-position:-336px 0;} .index .solution ul li.solution-li2 em.solution-case-icon,.index .solution ul li.solution-li3 em.solution-case-icon,.index .solution ul li.solution-li4 em.solution-case-icon{ background: url("/images/commm_io.png") no-repeat; } .index .solution ul li.solution-li2 em.solution-case-icon{ background-position: 0 0; } .index .solution ul li.solution-li3 em.solution-case-icon{ background-position: -160px 0; } .index .solution ul li.solution-li4 em.solution-case-icon{ background-position: -335px 0; } .main-list{ padding:55px 0; margin-bottom:100px; background:#edeff4;} .main-list ul li{ position:relative; float:left; margin:10px 0 0 76px; width:500px; height:126px; background:#fff;} .main-list ul li.main-list-even{ margin-left:56px;} .main-list ul li p.main-list-title{ text-align:center; font-size:18px; color:#000; line-height:126px;} .main-list ul li .main-list-cont{ position:absolute; top:0; left:0; padding:0 25px; width:450px; height:0; overflow:hidden; background:#cc0000; font-size:14px; color:#fff;} .main-list ul li .main-list-cont p:first-child{ margin-top:35px;} .main-list ul li .main-list-cont p{ line-height:1.7;} /** product **/ .product{ background:#edeff4;} .product img.product-line{ position:absolute; top:-40px; left:0;} .product-btn{ margin:45px 0 55px; text-align:center;} .product-btn a{ display:inline-block; margin:0 20px; width:180px; height:180px; font-size:24px; line-height:180px; color:#666666; text-align:center; background:#fff; border-radius:50%; background:url("/images/white_bg.png") no-repeat\9;} .product-btn a:hover,.product-btn a.product-a-hover{ background:#cc0000; background:url("/images/red_bg.png") no-repeat\9; color:#fff; } .product-cont{ position:relative; height:280px;} .product-cont .product-style{ position:absolute; top:0; left:0; width:100%; display:none;} .product-cont .product-style img{ -webkit-animation:img_change .5s ease forwards; /*animation-fill-mode:;*/} @-webkit-keyframes img_change{ 0%{-webkit-transform:scale(0); opacity:0;} 100%{-webkit-transform:scale(1); opacity:1;} } .product-picshow{ position:relative; width:575px; height:208px; background:url("/images/loadinfo.gif") no-repeat center center;} .product-picshow img{ position:absolute; display:none;} .product-icon { position:absolute;} .product-icon a{ display:inline-block; width:10px; height:10px; background:#000;} .product-info{ width:470px; color:#000000; display:none; /*opacity:0; filter:alpha(opacity=0);*/} .product-info h6{ font-size:30px;} .product-info .product-title{ margin:15px 0 5px; font-size:20px;} .product-info ul li{ font-size:12px; line-height:22px;} .product-info .product-function{ margin:25px 0; font-size:12px; color:#999999;} .product-info a{ font-size:14px; color:#000;} .product-info a em{ display:inline-block; margin:0px 0 -6px 10px; width:31px; height:31px; background-position:0 -128px;} .product-info a:hover em{ background-position:-204px -365px;} /** video **/ .video{ height:444px; background:url("/images/video_bg.jpg") no-repeat center top;} .video-cont{ position:absolute; width:50%; height:444px; top:0; left:0; /*background:url("/images/index_video1.jpg") no-repeat center top; */text-align:center;} .video-cont h4{ margin-top:-172px; text-align:center;} .video-cont h4 em{ margin-right:20px; display:inline-block; line-height:50px; font-size:42px; color:#cc0000; vertical-align:top;} .video-cont h4 i{ display:inline-block; line-height:56px; font-size:24px; color:#000;} .video-cont h5{ margin-top:-40px; font-size:12px; color:#585556;} .video-cont h5 em{ font-size:18px; color:#000;} .video-cont a{ margin-top:50px; font-size:14px; color:#000;} .video-cont a em{ display:inline-block; width:59px; height:59px; background-position:0 -365px;} .video-cont a p{ margin-top:10px; font-size:14px;} .video-cont a:hover em{ background:url("/images/video_icon_hover.png") no-repeat 0 0;} .video-cont a:hover p{ color:#fff;} .video-cont .abs{ top:50%; left:0; right:0;} .video-news { right:0; top:0; width:50%; height:444px; background:url("/images/video_news_bg.png") no-repeat center top;} .video-news h4{ margin-top:50px; text-align:center;} .video-news h4 em{ margin-right:20px; display:inline-block; line-height:50px; font-size:42px; color:#cc0000; vertical-align:top;} .video-news h4 i{ display:inline-block; line-height:56px; font-size:24px; color:#000;} .video-news ul{ margin:0 auto; width:910px;} .video-news ul li{ float:left; margin:20px 20px 0; width:415px; height:130px;} .video-news ul li a.video-news-link{ float:left; margin-right:13px; color:#fff; width:171px; height:112px;} .video-news ul li a.video-news-link img{ width:100%;} .video-news .video-news-cont{ float:left; position:relative; padding-left:90px; width:133px; color:#fff;} .video-news .video-news-year{ position:absolute; top:-3px; left:0; font-size:32px; height:32px; line-height:32px; } .video-news .video-news-month{ margin-bottom:5px; font-size:18px; height:18px; line-height:18px;} .video-news .video-news-wz{ font-size:14px;} .video-news .video-news-cont a{ margin-top:15px; display:block; height:31px; line-height:31px; font-size:14px; color:#fff; /*color:#333231;*/} .video-news .video-news-cont a em{ display:inline-block; margin:0px 0 -6px 10px; width:31px; height:31px; background-position:-210px -202px; /*background-position:-172px -202px;*/} .video-news .video-news-cont a:hover{ color:#e7e5e4;} .video-news .video-news-cont a:hover em{ background-position:-204px -365px; /*background-position:-210px -202px;*/} /** contact **/ .contact{ position:relative; background:#cc0000; padding:45px 0 80px; color:#fff; z-index:1;} .contact h4{ margin-bottom:55px; text-align:center;} .contact h4 em{ margin-right:20px; display:inline-block; line-height:50px; font-size:42px; color:#fff; vertical-align:top;} .contact h4 i{ display:inline-block; line-height:56px; font-size:24px; color:#fff;} .contact h6{ margin-bottom:40px; font-size:18px;} .contact-info{ margin-right:90px; width:200px;} p.contact-address{ margin-bottom:20px; font-size:14px;} p.contact-tel{ margin-top:40px; padding-left:30px; background-position:0 -246px; font-size:18px; color:#fff;} p.contact-email{ margin-top:8px; padding-left:30px; background-position:0 -278px; font-size:14px; color:#fff;} p.contact-share{ margin-top:50px; font-size:18px;} .contact-where{ width:395px;} .contact-where div{ width:395px; height:258px; overflow:hidden;} .contact-where a{ display:block; width:395px; height:258px;} .contact-where a:hover{ -webkit-transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -ms-transform:scale(1.2);} .contact-quick{ width:415px;} .contact-quick input{ float:left; margin-bottom:10px; padding:10px 0; text-indent:10px; width:100%; height:28px; border:none; background:#fff; font-size:16px; color:#666;} .contact-quick textarea{ padding:10px; width:395px; height:125px; border:none; background:#fff; font-size:16px; color:#666;} .contact-quick a{ float:right; display:block; margin-top:5px; width:160px; height:48px; line-height:48px; text-align:center; background:#fff; font-size:16px; color:#000;} /** product list **/ .inner-banner{ height:584px; background:url("/images/loadinfo.gif") no-repeat center center;} .inner-banner h4{ position:absolute; top:230px; right:0; width:370px; font-size:52px; line-height:60px; color:#fff;} .inner-banner p{ /*position:absolute; top:360px; right:0;*/ margin-top:20px; width:370px; font-size:22px; color:#fff;} .inner-btn{ padding:85px 0 60px; background:#fff; text-align:center;} .inner-btn-pad{ padding:50px 0;} .inner-btn a{ display:inline-block; margin:0 30px 100px; width:120px; height:150px; line-height:150px; background:#f2f2f2; background:url("/images/gray_bg.png") no-repeat\9; font-size:18px; color:#000; border-radius:50%;} .inner-btn-pad a{ margin-bottom:0px;} .inner-btn a:hover{ background:#cc0000; background:url("/images/red_bg0.png") no-repeat\9; color:#fff;} .inner-btn a.current{ background:#cc0000; background:url("/images/red_bg0.png") no-repeat\9; color:#fff;} .inner-line{ margin:0 auto; width:57px; height:1px; background:#676767; overflow:hidden;} .inner-btn-div { position: relative; /*height: 174px;*/ overflow: hidden;} #btn-child { margin: 0 auto; height: 174px;} #btn-child a { float: left; display: none; } .inner-btn-cont { position: absolute; top: 0; left:0; } .inner-product{ background:#edeff4;} .inner-product .product-cont1{ position:relative; margin-top:50px;} .inner-product .product-cont1 .product-div{ position:relative; margin-left:31px; width:1130px; overflow:hidden;} .inner-product .product-cont1 .product-div ul { position:relative;} .inner-product .product-cont1 ul li{ float:left; width:359px; margin-left:15px;} .inner-product .product-cont1 ul li div.product-pic{ min-height:342px; background:#fff url("/images/loadinfo.gif") no-repeat center center;} .inner-product .product-cont1 ul li img{ width:100%;} .inner-product .product-cont1 ul li a.hhhh{ padding-top:15px; width:100%; height:104px; background:#cc0000; display:block;} .inner-product .product-cont1 ul li a.hhhh:hover{ background:#d3d6dd;} .inner-product .product-cont1 ul li a.hhhh div.solution-line{ margin:0 auto 20px; background:#d4d4d4; width:30px; height:1px; overflow:hidden;} .inner-product .product-cont1 ul li a.hhhh:hover div.solution-line{ background:#fff;} .inner-product .product-cont1 ul li a.hhhh p{ font-size:14px; color:#f2f2f2; text-align:center;} .inner-product .product-cont1 ul li a.hhhh em{ display:block; margin:10px auto 0; background-position:-56px -128px; display:block; width:31px; height:31px;} .inner-product .product-cont1 a.comm-jpg1,.productPic a.comm-jpg1,.glory a.comm-jpg1{ position:absolute; top:50%; margin-top:-19px; display:block; width:38px; height:38px;} .inner-product .product-cont1 a.inner-prev,.productPic a.inner-prev1,.glory a.inner-prev{ background:url("/images/comm.png") no-repeat -94px -365px; left:0;} .inner-product .product-cont1 a.inner-next,.productPic a.inner-next1,.glory a.inner-next{ background:url("/images/comm.png") no-repeat -148px -365px; right:0;} .inner-product .product-cont1 a:hover.inner-prev,.productPic a:hover.inner-prev1,.glory a:hover.inner-prev{ background-position:-382px -365px;} .inner-product .product-cont1 a:hover.inner-next,.productPic a:hover.inner-next1,.glory a:hover.inner-next{ background-position:-426px -365px;} .inner-solution-odd { background: #edeff4; } .inner-solution ul li{ float:left; margin:40px 0 0 76px; width:562px;} .inner-solution ul li:first-child{ margin-left:0;} .inner-solution ul li p{ margin:20px 0 0 0; font-size:14px; line-height:1.5;} .inner-solution-odd ul li { float: right; } .inner-solution-odd ul li:first-child { margin-left: 76px; } .inner-solution-odd ul li:last-child { margin-left: 0; } .inner-case{ margin-top:80px; background:#edeff4; opacity:0;} .case-cont{ margin-top:40px; width:420px; color:#000;} .case-cont h5,.solution-cont h5 { margin-top:0; font-size:30px; line-height:35px; color:#000; text-align:left;} .case-cont h6,.solution-cont h6 { font-size:19px;} .case-cont .case-line,.solution-cont .solution-line{ margin:15px 0 8px; width:57px; height:1px; background:#676767; overflow:hidden; } .case-cont a,.solution-cont a{ font-size:14px; color:#000;} .case-cont a em,.solution-cont a em{ display:inline-block; margin:0px 0 -6px 10px; background-position:-204px -365px; width:31px; height:31px;} .inner-case img{ margin-top:40px;} .case-cha{ margin:35px 0 25px; color:#858689;} .solution-cha { margin:20px 0 30px; color:#858689;} .case-cha p,.solution-cont p{ font-size:14px;} /** product center **/ .inner-btn1{ text-align:center; font-size:0;} .inner-btn1 a{ position:relative; display:inline-block; padding-top:20px; margin:0 80px 20px; text-align:center; font-size:14px; color:#000;} .inner-btn1 a p{ position:absolute; left:18px; width:84px; font-size:14px; line-height:18px;} .inner-btn1 a:hover,.inner-btn1 a.current{ color:#cc0000;} .inner-btn-application a { margin: 0 50px 20px; } .inner-btn2 a,.inner-btn3 a,.inner-btn4 a,.inner-btn5 a{ /*margin:75px 23px 90px;*/ border-radius:50%; background:#f2f2f2; background:url("/images/gray_bg0.png") no-repeat\9; font-size:14px; color:#000; line-height:17px; vertical-align:middle;} .inner-btn2 a,.inner-btn3 a{ margin:17px 23px 35px;} .inner-btn4 a{ margin:50px 23px;} .inner-btn5 a{ margin:75px 23px 90px;} .inner-btn2 a{padding:40px 18px 0; width:84px; height:80px;} .inner-btn3 a{padding:50px 18px 0; width:84px; height:70px;} .inner-btn2 a:hover,.inner-btn3 a:hover,.inner-btn2 a.current,.inner-btn3 a.current{ background:#cc0000; background:url("/images/red_bg0.png") no-repeat\9; color:#fff;} .btn-child a{ background:none; width:86px; height:82px;} #btn-child a{ background:url("/images/btn_circle_normal.png") no-repeat;} .btn-child a:hover,.btn-child a.current,#btn-child a:hover,#btn-child a.current{ background:url("/images/btn_circle.jpg") no-repeat; color:#000; } #btn-child div{ display:none;} #btn-child div.inner-btn-cont { display: block; } .industry-icon{ text-align:center;} .industry-icon a{ display:inline-block; margin:0 25px 90px; filter:gray; -webkit-filter:grayscale(100%);} .industry-icon a:hover,.industry a.current{ filter:none; -webkit-filter:grayscale(0);} /** product detail **/ .productInfo{ position:relative; color:#000; text-align:center;} .productInfo h4,.btn-child h4{ margin:15px 0 5px; font-size:18px; color:#000;} .productInfo h5,.btn-child h5{ font-size:30px; color:#000;} .productBig{ min-height:526px; overflow:hidden;} .glory { position:relative; text-align:center;} .gloryBig { min-height:600px; overflow:hidden;} .productBig ul,.gloryBig ul { position:absolute; top:0; left:0; width:4000px; } .productBig ul li,.gloryBig ul li{ float:left;} .productBig ul li div.productBigImg,.gloryBig ul li a.gloryBigImg{ width:100%; background:url("/images/loadinfo.gif") no-repeat center center; min-height:280px;} .productDes{ margin:-170px auto 0; width:415px;} .productDes h6{ font-size:30px;} .productDes p{ margin-bottom:25px; text-align:left; color:#666; font-size:14px;} .productDes p.productBigStyle{ font-size:20px; text-align:center; color:#000;} .feature-line{ margin:30px auto 60px; width:57px; height:1px; border:0; background:#676767; } .productFeature ul li.feature-intro,.interphone-pic img{ float:left; width:562px; margin-left:76px;} .productFeature ul li.feature-intro:first-child,.interphone-pic img:first-child{ margin-left:0;} .productFeature ul li img{ width:100%; margin:0 0 65px;} .interphone-pic img{ margin-top:50px; margin-bottom:50px;} .productFeature ul li p{ padding-left:30px; margin-bottom:3px; background:url("/images/comm_icon.png") no-repeat 0 -478px; font-size:12px; color:#000;} .learn{ background:#edeff4;} .learn ul{ margin:30px 0 0 -15px;} .learn ul li{ float:left; position:relative; margin:30px 0 0 15px; width:390px; height:230px; background:#fff; text-align:center;} .learn ul li a{ position:absolute; top:0; left:0; display:block; width:100%; height:100%;} .learn ul li em{ background:url("/images/comm_icon.png") no-repeat; display:block; margin:55px auto 20px; width:61px; height:61px; } .learn ul li em.comm-icon1{ background-position:0 0;} .learn ul li em.comm-icon2{ background-position:-70px 0;} .learn ul li em.comm-icon3{ background-position:-141px 0;} .learn ul li em.comm-icon4{ background-position:-213px 0;} .learn ul li:hover{ background:#cc0000;} .learn ul li:hover em.comm-icon1{ background-position:0 -69px;} .learn ul li:hover em.comm-icon2{ background-position:-70px -69px;} .learn ul li:hover em.comm-icon3{ background-position:-141px -69px;} .learn ul li:hover em.comm-icon4{ background-position:-213px -69px;} .learn ul li:hover p{ color:#fff;} .learn ul li p{ color:#000;} .learn ul li p.learn-eng{ font-size:20px;} .learn ul li p.learn-cn{ font-size:18px;} /** honor **/ .honor-top{ padding-top:0;} .honor h5{ padding-top:50px;} .honor h5 em{ display:inline-block; font-size:36px; line-height:50px; color:#cc0000; vertical-align:top;} .honor h5 i{ display:inline-block; font-size:24px; line-height:50px; color:#000;} .honor img{ margin:0 auto; display:block;} .honor-line{ margin:35px auto; background:#676767; width:27px; height:1px; overflow:hidden;} .honor .line-white{ background:#fff;} .bg-red h5 em,.bg-red h5 i{ color:#fff;} .honor-property{ text-align:center;} .honor-property ul li{ margin:0 35px; display:inline-block; font-size:14px; color:#000;} .honor-property ul li em{ margin-left:5px; font-size:18px;} .honor-bg{ background:url("/images/honor_style.jpg") no-repeat center top; width:100%; height:621px; } .honor-left,.honor-right{ position:relative; width:50%; height:100%;} .honor a.inner-prev,.honor a.inner-next{ position:absolute; left:50%; margin-left:-19px; margin:0 auto; display:inline-block; background:url("/images/comm_icon.png") no-repeat; width:38px; height:38px;} .honor a.inner-prev{ top:55px; background-position:-329px -419px;} .honor a.inner-next{ bottom:55px; background-position:-374px -419px;} .honor a:hover.inner-prev{ background-position:-419px -419px;} .honor a:hover.inner-next{ background-position:-462px -419px;} .honor-style{ position:relative; margin-top:145px; height:330px; overflow:hidden; text-align:center;} .honor-style ul{ position:relative;} .honor-style ul li img{ margin:0 10px; display:inline-block;} /** interphone solution **/ .inner-service{ padding-top:0;} .interphone-intro div,.service-intro div { float:left; margin:0px 0 0 76px; width:562px; } .interphone-intro div:first-child,.service-intro div:first-child{ margin-left:0;} .interphone-intro div:nth-child(2n+1) { margin-left: 0; } .service-intro div h5{ margin-bottom:15px; text-align:left; font-size:18px; color:#000;} .service-intro div p{ color:#848383;} .interphone-intro div p{ padding-bottom:5px; font-size:14px;} .introduction-intro div p{ padding-bottom:20px;} .interphone ul li p{ padding-bottom:20px;} .application-btn{ margin-bottom:80px;} .application-btn ul li{ float:left; *display:inline; padding:0 29px; width:auto; text-align:center; border-left:solid 1px #d9d9d9;} .application-btn ul li:first-child{ padding:0 36px 0 0; border-left:none;} .application-btn ul li:last-child{ padding:0 0 0 36px;} .application-btn ul li em{ background:url("/images/solution_icon.jpg") no-repeat; display:block; margin:0 auto; *margin:0; height:62px;} .application-btn ul li em.application-em1{ background-position:-16px 0; width:60px;} .application-btn ul li em.application-em2{ background-position:-160px 0; width:52px;} .application-btn ul li em.application-em3{ background-position:-301px 0; width:50px;} .application-btn ul li em.application-em4{ background-position:-450px 0; width:33px;} .application-btn ul li em.application-em5{ background-position:-580px 0; width:55px;} .application-btn ul li em.application-em6{ background-position:-726px 0; width:46px;} .application-btn ul li em.application-em7{ background-position:-865px 0; width:50px;} .application-btn ul li em.application-em8{ background-position:-1010px 0;width:50px;} .application-btn ul li em.application-em9{ background-position:-1148px 0;width:49px;} .application-btn ul li p{ display:inline; font-size:18px; color:#000;} .application-info a{ float:left; margin:0px 0 20px 76px; width:562px; height:321px; background:#f2f2f2;} .application-info a:first-child{ margin-left:0;} .application-info a p{ padding:55px 0 35px; font-size:14px; color:#000; text-align:center;} .application-info a p em{ font-size:24px; color:#cc0000;} .application-info a em.application-info-em1,.application-info a em.application-info-em2{ margin:0 auto; background:url("/images/comm_icon.png") no-repeat; display:block; width:146px; height:146px;} .application-info a em.application-info-em1{ background-position:0 -144px;} .application-info a em.application-info-em2{ background-position:-166px -144px;} .application-info a:hover em.application-info-em1{ background-position:0 -304px;} .application-info a:hover em.application-info-em2{ background-position:-166px -304px;} /** system **/ .system img{ margin:0 auto; display:block;} .interphone1{ padding-bottom:0;} .solution-feature{ background:#eff1f5;} .solution-feature ul li{ float:left; width:25%; height:440px; text-align:center; background:#eff1f5;} .solution-feature ul li:hover{ background:#d01d1e;} .solution-feature ul li em{ margin:80px auto 20px; display:block; width:66px; height:66px; background:url("/images/comm_icon.png") no-repeat;} .solution-feature ul li em.solution-feature-em1{ background-position:-289px 0;} .solution-feature ul li em.solution-feature-em2{ background-position:-361px 0;} .solution-feature ul li em.solution-feature-em3{ background-position:-433px 0;} .solution-feature ul li em.solution-feature-em4{ background-position:-329px -144px;} .solution-feature ul li:hover em.solution-feature-em1{ background-position:-289px -69px;} .solution-feature ul li:hover em.solution-feature-em2{ background-position:-361px -69px;} .solution-feature ul li:hover em.solution-feature-em3{ background-position:-433px -69px;} .solution-feature ul li:hover em.solution-feature-em4{ background-position:-329px -213px;} .solution-feature ul li p{ margin:15px auto 0; width:165px; font-size:14px; color:#77787a;} .solution-feature ul li h6{ font-size:14px; color:#000;} .solution-feature ul li:hover p,.solution-feature ul li:hover h6{ color:#fff;} .business-fun div{ width:300px; padding-right:49px;} .business-fun div h5{ margin-bottom:15px; font-size:14px; color:#000; text-align:left;} /** service **/ .service-cont,.faq-cont{ padding:90px 0; background:#edeff4;} .service-cont ul li{ position:relative; float:left; margin:0 0 25px 180px; width:280px; height:300px; overflow:hidden; background:#fff;} .service-cont ul li em{ margin:80px auto 15px; display:block; width:75px; height:75px; background:url("/images/icon_faq.png") no-repeat;} .service-cont ul li em.service-cont-em1{ background-position:-270px -92px;} .service-cont ul li em.service-cont-em2{ background-position:0 0;} .service-cont ul li em.service-cont-em3{ background-position:-90px 0;} .service-cont ul li em.service-cont-em4{ background-position:-180px 0;} .service-cont ul li em.service-cont-em5{ background-position:-270px 0;} .service-cont ul li em.service-cont-em6{ background-position:-360px 0;} .service-cont ul li em.service-cont-em7{ background-position:0 -92px;} .service-cont ul li em.service-cont-em8{ background-position:-90px -92px;} .service-cont ul li em.service-cont-em9{ background-position:-180px -92px;} .service-cont ul li p.service-title{ margin:0 auto; width:130px; text-align:center; font-size:18px; color:#000;} .service-cont ul li .service-info{ position:absolute; top:0px; left:0; padding:0 25px; width:230px; height:12px; color:#fff; background:#cc0000; overflow:hidden;} .service-cont ul li .service-info h6{ padding:25px 0 15px; font-size:14px;} /** faq **/ .inner-faq{ padding-bottom:0;} .faq-info{ margin:0 auto; width:1020px;} .faq-info .faq-odd,.faq-info .faq-even{ float:left; margin:0 0 30px 60px; width:450px; cursor:pointer;} .faq-info li{ margin-bottom:30px; float:left; /*margin:0 0 30px 60px;*/ width:450px; background:#fff;} .faq-info div.faq-question{ position:relative; padding:50px 40px; width:370px;} .faq-info div.faq-question p{ position:relative; font-size:18px; color:#000; z-index:20;} .faq-info div.faq-question em{ position:absolute; top:0; left:0; display:block; width:100%; height:12px; background:#cc0000; z-index:10;} .faq-info div.faq-answer{ padding:35px 40px 60px; display:none; width:370px; color:#000; background:#fff;} .faq-info div.faq-answer p{ line-height:24px;} /** news **/ .news{background:#f3f3f3;} .news-cont{ width:900px; margin:0 auto;} .inner-btn-news{ text-align:center;} .inner-btn-news a{ margin:75px 23px 90px; display:inline-block; border-radius:50%; width:120px; height:120px; background:#fff; background:url("/images/white_bg0.png") no-repeat\9; font-size:14px; color:#000; line-height:120px;} .inner-btn-news a:hover,.inner-btn-news a.current{ background:#cc0000; background:url("/images/red_bg0.png") no-repeat\9; color:#fff;} .news-box{ position:relative; float:left; margin-bottom:30px; width:275px; overflow:hidden;} .news-info{ padding:20px 10px; width:255px; background:#fff; text-align:center; -webkit-transition:background .5s ease;} .news-info em{ margin-bottom:15px; display:inline-block; width:31px; height:1px; overflow:hidden; background:#d4d4d4;} .news-info p{ color:#000; -webkit-transition:color .5s ease; text-align:left; font-size:14px;} .news-info p.news-wz { height: 63px; } .news-info time{ margin-right:5px; display:none;} .news-box-hover .news-info{ background:#cc0000;} .news-title{ position:relative; padding-left:15px;} .news-title p.news-year{ position:absolute; top: -5px; left:0; font-size:20px; color: #999; } .news-title p.news-month{ margin-bottom:5px; font-size:18px; height:18px; line-height:18px;} .news-box-hover p,.news-box-hover .news-title p.news-year { color:#fff; } .news-box a .news-photo { display: block; width: 275px; height: 152px; overflow: hidden; } .news-box .news-bg{ position:absolute; top:0; left:0; width:100%; display:block; opacity:0; filter:alpha(opacity=0); -webkit-transition:opacity .5s ease;} .news-box-hover .news-bg{ display:block; opacity:1; filter:alpha(opacity=100);} .news-bg p{ height:100%; background:#000; opacity:0.5; filter:alpha(opacity=50);} .news-bg em{ position:absolute; top:50%; left:50%; display:none; margin:-31px 0 0 -31px; width:62px; height:62px; background:url("/images/comm.png") no-repeat -310px -365px;} .news-box-hover .news-bg em{ display:inline-block;} /** contact **/ .contact-map{ position:relative; margin:110px auto 50px; background:url("/images/map.jpg") no-repeat; height:1035px;} .contact-location{ position:absolute; /*top:423px; left:771px;*/ display:block; background:url("/images/comm.png") no-repeat -2px -481px; width:17px; height:17px;} .contact-location-big{ background:url("/images/comm_icon.png") no-repeat -329px -349px; width:28px; height:28px;} .contact-pop{ position:absolute; top:50%; margin:-350px 0 0 -291px; display:none; opacity:0; filter:alpha(opacity=0); width:582px; height:307px; background:#edeff4;} .contact-location p.contact-title{ padding-left:20px; width:70px;} .contact-left{ padding:35px 15px 0 20px; width:210px; height:272px; color:#fff; background:#cc0000;} .contact-left h6{ font-size:14px;} .contact-left h6 em{ margin-right:10px; display:inline-block; font-size:24px;} .contact-add{ margin:30px 0 30px;} .contact-info1 p em{ display:inline-block; margin-right:10px; width:17px; height:17px;} .contact-info1 p em.contact-em1{ background-position:0 -250px;} .contact-info1 p em.contact-em2{ background-position:0 -279px;} .contact-info1 p.contact-tel1{ font-size:18px;} .contact-right{ padding:40px 18px 0 16px; width:298px;} .contact-right input{ float:left; margin-bottom:10px; padding:10px 0; background:#fff; border:none; width:298px; height:15px; text-indent:10px; color:#666;} .contact-right textarea{ padding:10px; width:278px; height:80px; background:#fff; border:none; color:#666;} .contact-right input.contact-submit{ float:right; margin-top:10px;; display:inline-block; width:116px; height:35px; line-height:35px; background:#fff; color:#000; text-align:center; cursor:pointer;} /** news **/ .news-pic img{ margin-top:60px; width:100%;} .news-cont h5{ font-size:18px; color:#000;} .news-cont time{ margin:15px 0 70px; display:block; font-size:14px; color:#818181; text-align:center;} .news-item div{ width:580px;} .news-item div p{ margin-bottom:20px; line-height:18px; color:#5b5b5b;} .news-item p{ font-size:14px;} .news-page1{ margin:60px 0;} .news-page1 a{ display:inline-block; background:url("/images/news_icon.png") no-repeat; height:31px; line-height:31px; color:#5b5b5b; font-size:14px;} .news-page1 a.prev{ padding-left:45px;} .news-page1 a.next{ padding-right:45px; background-position:right -40px;} .news-page1 a:hover.prev{ background-position:0 -80px; color:#b9111a;} .news-page1 a:hover.next{ background-position:right -120px; color:#b9111a;} .news-recent h6{ margin-bottom:15px; font-size:14px; font-weight:bold; color:#000;} .news-recent ul li{ margin-bottom:5px;} .news-recent ul li a { color:#818181;} .news-recent ul li a p{ display:inline; padding-bottom:3px; font-size:14px;} .news-recent ul li a em{ font-size:14px;} .news-recent ul li a:hover{ text-decoration:underline; color:#000;} /** successful case **/ .case-success{ margin:0px auto 0; width:1125px;} .case-success ul li{ position:relative; float:left; margin-bottom:70px; padding-top:60px; width:355px; height:380px; background:#edeff4; text-align:center;} .case-success ul li.case-two{ margin:0 30px;} .case-success ul li img{ display:block; margin:0 auto;} .case-success ul li h5{ margin-top:30px; padding:0 60px; color:#000; font-size:24px; line-height:35px;} .case-success ul li h6{ padding:0 20px; margin-top:45px; font-size:18px; line-height:20px;} .case-success ul li .feature-line1{ margin:20px auto 17px; width:57px; height:1px; background:#848383; overflow:hidden;} .case-success ul li p.case-title{ color:#a6a6a8;} .case-success ul li a{ position:absolute; bottom:0; left:0; width:100%; height:12px; background:#cc0000; overflow:hidden;} .case-success ul li a .case-line1{ margin:13px auto 22px; width:30px; height:1px; background:#d4d4d4; overflow:hidden;} .case-success ul li a p{ padding-bottom:0; color:#edeff4;} .case-success ul li a em{ margin:10px auto 0; display:block; width:31px; height:31px; background-position:-56px -128px;} .case-page{ margin-top:60px; text-align:center;} .case-page a{ margin:0 6px; display:inline-block; width:10px; height:31px; line-height:31px; vertical-align:top; color:#666; text-indent:-9999px; background:url("/images/page_icon.png") no-repeat -22px 0;} .case-page a.current,.case-page a:hover{ background-position:0 0;} .case-page a.prev,.case-page a.next{ display:inline-block; padding:0; margin:0 8px; width:31px; height:31px; background:url("/images/comm_icon.png") no-repeat;} .case-page a.prev{ background-position:-329px -384px;} .case-page a.next{ background-position:-372px -384px;} .case-page a:hover.prev{ background-position:-415px -384px;} .case-page a:hover.next{ background-position:-460px -384px;} /** case detail **/ .case-app ul li{ float:left; margin-left:76px; width:562px; } .case-app ul li:first-child{ margin-left:0;} .case-app ul li p{ padding-left:25px; margin-bottom:20px; background:url("/images/comm_icon.png") no-repeat 0 -475px; font-size:14px; color:#000;} .case-jd{ width:500px;} .case-jd h5{ font-size:19px; color:#000; text-align:left;} .case-jd .case-line{ margin:15px 0 30px; width:57px; height:1px; background:#676767; overflow:hidden; } .case-jd h6{ font-size:14px; color:#000;} .case-jd .case-question{ margin-top:15px;} .case-jd .case-question p{ color:#757575; line-height:26px;} #product_content_full_cn tr td p{ font-size:14px !important; /*background:url("/images/comm_icon.png") no-repeat 0 -478px !important;*/} /** aside icon **/ .aside-right{ position:fixed; bottom:50px; right:50px; width:54px; height:81px; background:url("/images/aside_icon.png") no-repeat; z-index:1000;} .aside-right ul li { display:block; width:54px; height: 27px; } .aside-right ul li.aside-right-bd { height: 54px; } .aside-right ul li a.aside-btn{ display:block; width:54px; height:54px; } .aside-ask{ position:absolute; right:54px; bottom:40px; display:none; padding:8px 16px 20px; width:112px; background:#edeff4; } .aside-ask a{ margin-top:8px; display:block; width:112px; height:26px; line-height:26px; background:#fff; font-size:12px; color:#787878; text-align:center; } .aside-ask a:hover{ background:#cc0000; color:#fff;} .aside-right ul li .jiathis_style_24x24{ position:fixed; margin-top:10px; right:144px; width:0px; height:29px; overflow:hidden;} .aside-right ul li .jiathis_style_24x24 .jtico{ background:url("/images/comm_icon.png") !important; width:29px !important; height:29px !important; padding:0 !important;} .aside-right ul li .jiathis_style_24x24 .jtico{ margin-left:15px;} .aside-right ul li .jiathis_style_24x24 .jtico_tsina{ background-position:-329px -304px !important;} .aside-right ul li .jiathis_style_24x24 .jtico_tqq{ background-position:-372px -304px !important;} .aside-right ul li .jiathis_style_24x24 .jtico_weixin{ background-position:-416px -304px !important;} /** player **/ .pop-aph,.pop-aph1 { display:none; position:fixed; top:0; left:0; z-index:9997; width:100%; height:100%; background:url("/images/bg_aph.png"); } .pop { display:none; position:fixed; top:50%; left:50%; z-index:9998; width:1000px; height:600px; margin:-300px 0 0 -500px; background:#000; } .pop-close { position:absolute; top:-14px; right:-12px; width:28px; height:28px; background:url("/images/player_close.png") no-repeat;} a:hover.pop-close,a:hover.pop-close1{ -webkit-transform:rotate(90deg); -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -ms-transform:rotate(90deg);} .pop-content,.pop-content a { display:block; width:1000px; height:600px; } .pop1 { display:none; padding:130px 0 60px; position:absolute; top:2700px; left:0; z-index:9998; width:100%;/* height:420px;*/ background:#fff; } .pop-close1{ position:absolute; top:-100px; right:0px; width:57px; height:57px; background:url("/images/technical_close1.jpg") no-repeat;} .pop-content1 table{ width:100%; border-top:solid 1px #000;} .pop-content1 table tr td{ padding:15px 0; border-bottom:solid 1px #000; color:#030303;} /** footer **/ .map-div{ position:absolute; top:0; left:0; width:100%; height:622px; display:none; z-index:100;} .close-map{ position:absolute; top:0; right:0; display:block; width:28px; height:28px; background:#cc0000; z-index:110;} #map{ position:relative; height:622px; z-index:100;} #map h5{ margin:55px 0 0 50px; font-size:18px; color:#fff;} #map p{ margin:18px 0 0 50px; font-size:12px; color:#fff;} .footer{ padding:50px 0; background:#edeff4;} .footer-link{ position:relative; z-index:10;} .footer-link dl{ position:relative; float:left; margin-left:212px; width:70px; line-height:22px;} .footer-link dl:first-child{ margin-left:0;} .footer-link dl a{ font-size:12px; color:#000;} .footer-link dt{ margin-bottom:10px;} .footer-link dt em{ position:absolute; top:2px; right:0; display:inline-block; background:url("/images/comm.png") no-repeat -256px -368px; width:7px; height:13px;} .footer-link dd { position:absolute; bottom:27px; left:-10px; display:none; padding:10px 0 5px 10px; width:80px; background:#eeeff4; /*height:0; overflow:hidden;*/} .footer-link dd a{ display:inline-block; color:#666666;line-height:22px; } .footer-bottom{ margin:40px auto 0; width:1199px;} .footer-bottom p.footer-logo{ background-position:-271px -206px; width:85px; height:20px;} .footer-bottom p.footer-num,.footer-bottom p.footer-copyright{ height:14px; line-height:14px; color:#000;} .footer-bottom p.footer-num{ margin:3px 10px 0 0px;} .footer-bottom p.footer-num a{ padding-right:18px; display:block; color:#5c5c5c; border-right:solid 1px #5c5c5c; height:14px; line-height:14px;} .footer-bottom p.footer-copyright{ padding-right:18px; margin:3px 10px 0 10px; border-right:solid 1px #000;} .footer-bottom p.footer-note,.footer-bottom p.footer-law,.footer-bottom a.footer-sitemap{ padding-right:15px; color:#5c5c5c; height:14px; line-height:14px; border-right:solid 1px #5c5c5c;} .footer-bottom p.footer-note,.footer-bottom p.footer-law{ margin:3px 10px 0 0;} .footer-bottom a.footer-sitemap{ margin-top:3px;} .footer-bottom p.footer-tel{ margin-top:-12px; font-size:12px; color:#cc0000;} .footer-bottom p.footer-tel em{ font-size:24px;} .jiathis_style_24x24,.share-link{ margin-top:15px;} .share-link ul li { float: left; position: relative; width: 39px; } .contact-info .jiathis_style_24x24 .jtico,.share-link ul li a{ display: block; background:url("/images/comm.png") !important; margin-right:10px; width:29px !important; height:29px !important; padding:0 !important;} .share-link ul li .share-wechat { position: absolute; top: 40px; left: 30px; display: none; opacity: 0; filter:alpha(opacity=0); } .share-link ul li .share-wechat p { font-size: 14px; text-align: center; } .contact-info .jiathis_style_24x24 .jtico_tsina,.share-link ul li a.share-tsina{ background-position:0 -202px !important;} .contact-info .jiathis_style_24x24 .jtico_tqq,.share-link ul li a.share-tqq{ background-position:-44px -202px !important;} .contact-info .jiathis_style_24x24 .jtico_weixin,.share-link ul li a.share-weixin{ background-position:-88px -202px !important;} .contact-info .jiathis_style_24x24 .jtico_baidu,.share-link ul li a.share-baidu{ background-position:-132px -202px !important;} /** ie6 **/ .browser { display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:9999; background:#fff; } .ie6 { display:block; } .browser-wrap { position:absolute; top:50%; left:0; width:100%; height:200px; margin-top:-100px; text-align:center; color:#666666; } .browser h1 { margin-bottom:15px; font-size:25px; letter-spacing:2px; color:#333; } .browser p { line-height:1.8; font-size:13px; } .browser ul { width:600px; margin:25px auto 0; } .browser ul li { float:left; width:120px; text-align:center; } .browser ul li em { display:block; height:25px; line-height:25px; color:#666; } .browser ul li a:hover em { color:#cc0000; } /* zbxiang.css */ .solution ul.solution-ul{ width: 1200px; } .solution ul.solution-ul li{ width: 277px; } .solution-new .in-wrap-txt{ width: 486px; padding-top: 190px; } .solution-new .in-wrap-txt h3{ font-size: 30px; color: #fff; font-weight: bold; text-transform: uppercase; line-height: 20px; } .solution-new .inner-banner h4{ position: static; width: 100%; font-size: 14px; color: #fff; text-transform: uppercase; letter-spacing: 5px; line-height: 17px; margin-top: 17px; } .solution-new .inner-banner p{ margin-top: 0px; width: 100%; } .solution-new .inner-banner dt p{ font-size: 18px; color: #fff; } .solution-new .inner-banner dl{ margin-top: 41px; } .solution-new .inner-banner dd{ margin-top: 17px; } .solution-new .inner-banner dd p{ font-size: 14px; color: #fff; line-height: 24px; } .solution-new .solution-pg-comm{ width: 100%; height: 700px; } .solution-pg-comm .in-wrap-txt{ width: 486px; padding-top: 245px; } .solution-pg-comm .in-wrap-txt h3{ font-size: 30px; font-weight: bold; text-transform: uppercase; } .solution-pg-comm .in-wrap-txt h4{ font-size: 14px; text-transform: uppercase; margin-top: 17px; letter-spacing: 5px; } .solution-pg-comm .in-wrap-txt dl{ margin-top: 35px; } .solution-pg-comm .in-wrap-txt dt p{ color: #000; font-size: 18px; text-transform: uppercase; } .solution-pg-comm .in-wrap-txt dd{ margin-top: 7px; } .solution-pg-comm .in-wrap-txt dd p{ color: #333; font-size: 13px; text-transform: uppercase; line-height: 26px; } .solution-pg-r .in-wrap-txt{ float: right; text-align: right; } .solution-pg-l .in-wrap-txt{ float: left; text-align: left; } .solution-pg-r .in-wrap-txt h3{ color: #c82126; } .solution-pg-r .in-wrap-txt h4{ color: #000; } .solution-pg-r .in-wrap-txt dt p { color: #000; } .solution-pg-r .in-wrap-txt dd p { color: #333; } .solution-pg-l .in-wrap-txt h3{ color: #fff; } .solution-pg-l .in-wrap-txt h4{ color: #fff; } .solution-pg-l .in-wrap-txt dt p { color: #fff; } .solution-pg-l .in-wrap-txt dd p { color: #fff; } .transition { opacity: 0; -webkit-transform: translate3d(0,60px,0); -webkit-transform: translate3d(0,60px,0); -webkit-transition: all .7s ease-out; -webkit-transition: all .7s ease-out; -moz-transition: all .7s ease; -ms-transition: all .7s ease; -o-transition: all .7s ease; -webkit-transition: all .7s ease; } .css3 { opacity: 1; -webkit-transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); } .mr-0{ margin-right: 0px !important; } .content-small-box{margin-top: 41px;} .content-small-box p{font-size: 14px; line-height: 24px;} .al-wrap{ background: url("/images/img9.jpg") no-repeat; height: 550px; overflow: hidden; position: relative; } .al-video{ position: absolute; left: 0; top: 0; right: 0; height: 550px; } .al-mask{ position: absolute; left: 0; top: 0; right: 0; height: 550px; background: url("/img2/vbj.png")/*tpa=http://www.headwindnet.com/statics/images/vbj.png*/ repeat; } .al-nums, .al-imgs{ width: 1080px; margin: 0 auto; position: relative; z-index: 9; } .al-nums{ margin-top: 70px; } .al-nums ul{ height: auto; overflow: hidden; } .al-nums li{ width: 33.33%; float: left; display: inline; color: #fff; } .al-nums li.n1{ width: 300px; } .al-nums li.n2{ width: 400px; } .al-nums li.n3{ width: 380px; } .al-nums li h2{ font-size: 60px; font-weight: bold; line-height: 1; } .al-nums li p{ margin-top: 20px; line-height: 2; } .al-imgs{ margin-top: 70px; } .al-imgs li{ width: 25%; float: left; display: inline; background: url("http://www.szdyxc.com/themes/ifree/default/Style/img15.png")/*tpa=http://www.headwindnet.com/statics/images/img15.png*/ repeat-y right; } .al-imgs li.col-last{ background: none; } .al-imgs li .img{ height: 100px; background: url("http://www.szdyxc.com/themes/ifree/default/Style/img15.png")/*tpa=http://www.headwindnet.com/statics/images/img15.png*/ repeat-x bottom; text-align: center; padding-top: 20px; } .al-imgs li.row-last .img{ background: none; } .al-imgs li .img img{ -webkit-animation-duration:1s;-webkit-animation-delay:.2s;-webkit-animation-timing-function:ease;-webkit-animation-fill-mode:both;-moz-animation-duration:1s;-moz-animation-delay:.2s;-moz-animation-timing-function:ease;-moz-animation-fill-mode:both } .al-imgs li .img img:hover{ -webkit-backface-visibility:visible!important;-webkit-animation-name:flip;-moz-backface-visibility:visible!important;-moz-animation-name:flip } .sidebar{ width: 80px; position: fixed; right: 0; color: #fff; z-index: 999; top: 50%; margin-top: -80px; } .sidebar li{ margin-bottom: 2px; position: relative; } .sidebar li a{ width: 80px; height: 80px; display: block; color: #FFFFFF; text-align: center; border-radius:5px 0 0 5px; background: #e85155; overflow: hidden; padding-right:10px; -webkit-transition: all 0.3s ease-in-out 0s; } .sidebar li a:hover{ text-decoration: none; background: #e03437; } .sidebar li .ico{ margin-top: 15px; } .sidebar li .ico img{ display: block; margin: 0 auto; } .sidebar li h2{ margin-top: 5px; } .sidebar .tel a{ } .sidebar .tel .num{ width: 165px; border-left: #ed7477 solid 1px; height: 40px; position: absolute; right: 0; top: 20px; line-height: 40px; padding-left: 20px; font-size: 20px; text-align: left; } .hslide{ overflow: hidden; position: relative; /*margin-top: 80px;*/ } .hslide li{ height: 745px; background-repeat: no-repeat; background-position: center top; } .bootom_a *{ line-height:30px; height:30px} .bootom_a a{ color:#CCC; font-size:14px}