* { padding: 0; margin: 0; text-align: left; font-size: 14px; font-family: 'microsoft yahei'; color: #3d3d3d; } img { border: 0; } ul { margin: 0; } p { margin: 0; } a, a:hover { text-decoration: none; color: #333333; } a:hover { color: #1977df; } li { list-style: none; } .mt10 { margin-top: 10px; } .mt20 { margin-top: 20px !important; } .mt30 { margin-top: 30px !important; } .mt40 { margin-top: 40px !important; } .mt50 { margin-top: 50px !important; } .mt60 { margin-top: 60px; } .mt80 { margin-top: 80px; } .mt100 { margin-top: 100px; } .mb20 { margin-bottom: 20px; } .mb30 { margin-bottom: 30px; } .mb40 { margin-bottom: 40px; } .mb50 { margin-bottom: 50px; } .mb20 { margin-bottom: 20px; } .pt10 { padding-top: 10px; } .pt20 { padding-top: 20px; } .pt30 { padding-top: 30px; } .pt40 { padding-top: 40px; } .pt50 { padding-top: 50px; } .pb10 { padding-bottom: 10px; } .pb20 { padding-bottom: 20px; } .pb30 { padding-bottom: 30px; } .pb40 { padding-bottom: 40px; } .pl10 { padding-left: 10px !important; } .pl20 { padding-left: 20px !important; } .pr10 { padding-right: 10px !important; } .pr20 { padding-right: 20px !important; } .clear { clear: both; } .fl { float: left; } .fr { float: right; } .container { width: 100%; padding-left: 0; padding-right: 0; text-align: center; } .row { width: 1200px; margin: 0 auto; } .big-row { width: 1250px; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } .transition { transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; } .language{width:45px; text-align: right;margin-top:20px;} /* box model; */ .product-show ul li, .solve ul li, .interest ul li { float: left; } .van ul li a, .small-banner a, .solve .bo-contact a, .about-us .left-content a, .slidetxtbox .n-b-news a, .back-nav a, .footer .title p { display: inline-block; *display: inline; *zoom: 1; } .welcome { width: 280px; } .piecemeal { width: 202px; } .top-logo { height: 94px; position: absolute; top: 0; width:100%; z-index: 999; } .toplogo { width: 840px; left:0; } .toptel { right: 0; top: 20px; width: 160px; padding-left: 54px; background: url(/uploads/image/ephimages/top-tel-index.png) no-repeat left top; height: 43px; } .toptel span { font-size: 16px; line-height: 1em; color:#fff; } .toptel p { color: #000000; font-size: 22px; line-height: 1.2em; font-weight: 900; color:#fff; } .toptel-inner { right: 0; top: 20px; width: 160px; padding-left: 54px; background: url(/uploads/image/ephimages/top-tel.png) no-repeat left top; height: 43px; } .toptel-inner span { font-size: 16px; line-height: 1em; color:#333333; } .toptel-inner p { color: #000000; font-size: 22px; line-height: 1.2em; font-weight: 900; color:#000000; } .nav_green { height: 47px; margin: 0 auto; background:url(/uploads/image/ephimages/nav.jpg) #092d61;} ul.gdao li { width: 150px; float: left; list-style: none; text-align: center; line-height: 47px; position: relative; height: auto; } ul.gdao li a { display: block; height: 47px; text-align: center; position: relative; } ul.gdao li:hover,ul.gdao li.hover { background:url(/uploads/image/ephimages/nav-hover.jpg) #08186a; } ul.gdao li b { color: #ffffff; font-size: 14px; text-align: center; line-height: 47px; display: inline-block; } ul.gdao li:hover b { color: #ffffff; } ul.gdao li span { color: #ffffff; font-family: 'arial'; line-height: 12px; } ul.gdao li ul { top: 47px; width:150px; line-height: 30px; position: absolute; z-index: 999; display: none; } ul.gdao li ul.pro-child{ width:300px; } ul.gdao li ul li { float: left; width:100%; height: 40px; border-bottom: 1px dotted #fcf5c1; background: none; background-color: #08186a; line-height: 40px; position: relative; } ul.gdao li ul li:hover { background: none; background-color: #0e269d; line-height: 40px; padding: 0; } ul.gdao li ul li a { color: #ffffff; line-height: 40px; height: 40px; display: block; padding: 0; position: relative; } ul.gdao li ul li:hover a { color: #fff; } ul.gdao li ul li ul { position: absolute; width: 171px; height: 50px; left: 12.5%; top: 0; display: none; } ul.gdao li ul li:hover ul { display: none; } ul.gdao li ul li:hover ul li a { color: #ffffff; } ul.gdao li ul li ul li { width: 171px; height: 40px; background-color: #666666; } ul.gdao li ul li ul li:hover a { color: #ffffff; display: block; width: 12.5%; height: 40px; background-color: #333333; } ul.gdao li ul li ul li a:hover { color: #333333; background-color: #fcf5c1; } ul.gdao li ul div.toplei { width: 152px; padding: 10px; border-left: 1px #cccccc solid; overflow: hidden; height: auto; } ul.gdao li ul .tflda a { font-weight: 900; font-size: 14px; } ul.gdao li ul .tflxa a { display: block; width: 100%; text-align: left; line-height: 24px; height: 24px; } .fullslide { width: 100%; position: relative; height: 900px; background: #000; text-align: center; } .fullslide .bd { margin: 0 auto; position: relative; z-index: 0; overflow: hidden; } .fullslide .bd ul { width: 100% !important; } .fullslide .bd li { width: 100% !important; height: 900px; overflow: hidden; text-align: center; } .fullslide .bd li a { display: block; height: 900px; } .fullslide .hd { width: 100%; position: absolute; z-index: 1; bottom: 0; left: 0; height: 30px; line-height: 30px; } .fullslide .hd ul { text-align: center; } .fullslide .hd ul li { cursor: pointer; display: inline-block; *display: inline; zoom: 1; width: 47px; height: 11px; margin: 1px; overflow: hidden; background: #000; filter: alpha(opacity=50); opacity: 0.5; line-height: 999px; } .fullslide .hd ul .on { background: #f00; } .fullslide .prev, .fullslide .next { position: absolute; z-index: 999; top: 40%; left: 10%; width: 30px; height: 80px; background: url(/uploads/image/ephimages/left_on.png) no-repeat; cursor: pointer; display: none; } .fullslide .next { left: auto; right: 10%; background: url(/uploads/image/ephimages/right_on.png) no-repeat; } .common-title { background: url(/uploads/image/ephimages/title-back.jpg) no-repeat center; } .common-title span { font-size: 18px; font-family: 'century'; display: block; color: #616161; } .common-title a h2 { color: #333333; font-size: 48px; font-weight: 900; text-align: center; } .van { width: 1260px; overflow: hidden; } .van ul li { width: 359px; margin-right: 61px; height: 359px; } .van ul li b { color: #ffffff; line-height: 104px; font-size: 24px; display: block; text-align: center; } .van ul li p { color: #666; font-size: 16px; padding: 20px; } .van ul li a { padding-left: 55px; margin-left: 97px; width: 108px; height: 38px; text-align: center; font-size: 20px; line-height: 38px; } .van ul li.first { background: url(/uploads/image/ephimages/van-first.jpg) left no-repeat; } .van ul li.first a { color: #d79c42; } .van ul li.first a:hover { color: #000; } .van ul li.second { background: url(/uploads/image/ephimages/van-second.jpg) left no-repeat; } .van ul li.second a { color: #702663; } .van ul li.second a:hover { color: #000; } .van ul li.third { background: url(/uploads/image/ephimages/van-third.jpg) left no-repeat; } .van ul li.third a { color: #d75442; } .van ul li.third a:hover { color: #000; } .small-banner { background: url(/uploads/image/ephimages/small-banner.jpg) center no-repeat; height: 237px; position: relative; } .small-banner a { width: 112px; height: 26px; line-height: 26px; font-weight: 900; text-align: center; margin-top: 168px; } .small-banner a:hover { color: red; } .small-banner a.first { margin-left: 789px; } .small-banner a.second { margin-left: 133px; } .product-one { background: url(/uploads/image/ephimages/list-line.jpg) repeat-x left 94px; } .prolist { height: 101px; } .prolist ul li { width: 200px; float: left; text-align: center; height: 49px; } .prolist ul li a { line-height: 29px; display: block; text-align: center; } .prolist ul li span{ color: #000000; text-align: center; display: block; height: 57px; font-weight: 900; font-size: 14px; } .prolist ul li a p { text-align: center; } .prolist ul li a img { -webkit-filter: grayscale(100%); -webkit-filter: grayscale(1); filter: grayscale(100%); -moz-transform: scale(0.6, 0.6); -webkit-transform: scale(0.6, 0.6); -o-transform: scale(0.6, 0.6); } .prolist ul li a:hover { color: #ff0000; } .prolist ul li a:hover img { -webkit-filter: grayscale(0); -webkit-filter: grayscale(0); filter: grayscale(0); -moz-transform: scale(1, 1); -webkit-transform: scale(1, 1); -o-transform: scale(1, 1); } .prolist ul li.on a img { -webkit-filter: grayscale(0); -webkit-filter: grayscale(0); filter: grayscale(0); -moz-transform: scale(1, 1); -webkit-transform: scale(1, 1); -o-transform: scale(1, 1); } .red-pro { background:#cf232b; height:46px; } .red-pro a{ padding:0 10px; color:#ffffff; line-height:46px; } .red-pro a:hover{ color:#f5b927; } .product-show { height: 476px; overflow: hidden; } .product-show ul { width: 1260px; overflow: hidden; } .product-show ul li { margin-right: 21px; width: 278px; height: 191px; overflow:hidden; border: 1px solid #cccccc; padding: 2px; margin-top: 20px; position: relative; } .product-show ul li a span { display: block; width: 278px; left: 2px; position: absolute; bottom: -43px; text-align: center; background: url(/uploads/image/ephimages/imgbg1.png); line-height: 40px; color: #000000; font-weight:900; } .product-show ul li a span p{ text-align:center; color:#ff0000; } .product-show ul li:hover a span{ bottom:3px; } .solve { background: url(/uploads/image/ephimages/solve.jpg) no-repeat center; height: 601px;margin-top:20px; } .solve .top-t { text-align: center; } .solve .top-t span { color: #9f9f9f; font-size: 24px; display: block; text-align: center; } .solve .top-t b { color: #ffffff; font-size: 30px; } .solve .top-t cite { font-size: 30px; color: #ff0000; font-weight: 900; font-style: normal; } .solve ul { position: relative; } .solve ul li { position: relative; width: 25%; text-align: center; } .solve ul li p { font-size: 16px; color: #666666; text-align: center; line-height: 40px; } .solve ul li span { color: #666; } .solve .bo-contact { padding-left: 449px; } .solve .bo-contact span { color: #ffffff; font-size: 18px; line-height: 40px; } .solve .bo-contact cite { font-size: 24px; font-style: normal; color: #ff0000; line-height: 40px; } .solve .bo-contact a { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #ffffff; line-height: 30px; padding: 0 20px; color: #ffffff; margin-left: 10px; } .solve .bo-contact a:hover { background-color: #fff; color: #cd232c; } #demo { overflow: hidden; width: 1100px; } #demo .demowrap { overflow: hidden; width: 30000px; } #demo .demowrap { display: block; float: left; overflow: hidden; margin: 0 auto; } #demo .demowrap li { display: inline; float: left; margin: 19px 5px 0 5px; width: 250px; height: 172px; overflow: hidden; } #demo .demowrap li img { border: 1px solid #dedede; width: 250px; height: 172px; } #demo .demowrap li a { position: relative; display: block; width: 250px; height: 172px; color: white; } #demo .demowrap li a span { transition: all 0.45s cubic-bezier(0.215, 0.61, 0.355, 1); transition: all ease-out .2s; width: 250px; text-align: center; position: absolute; left: 1px; top: 140px; height: 170px; background: url(/uploads/image/ephimages/imgbg1.png) repeat; padding: 10px 10px 0 10px; } #demo .demowrap li a:hover span { color: white; top: 1px; transition: all 0.45s cubic-bezier(0.215, 0.61, 0.355, 1); width: 230px; height: 130px; padding: 50px 10px 0 10px; } #demo .demowrap li a span h3 { font-size: 14px; margin: 0; padding: 0; } #demo .demowrap li a span p { font-size: 12px; color: white; margin: 50px; } #demo1 { float: left; height: 600px; width: 1572px; } #demo2 { float: left; height: 600px; width: 1572px; } .commend-pro { height: 447px; position: relative; overflow: hidden; } .honor { background: url(/uploads/image/ephimages/honor.jpg); padding: 20px 0; } .honor .common-title { text-align: center; background: none; } .honor .common-title span { border-top: 2px solid #ff0000; display: inline; } .jcimg { height: 460px; } .roundabout-holder {padding:0; height:400px; position:absolute; width:890px; margin:0 0 0 155px;} .roundabout-moveable-item {border:0; list-style:none; width:383px; height:306px; -moz-box-shadow:0px 20px 20px -10px #000000; box-shadow:0px 20px 20px -10px #000000; -webkit-box-shadow:0px 20px 20px -10px #000000;} .roundabout-moveable-item img {width:100%; height:100%; display:block;} .round_conrol {position:relative; width:1200px; margin:0 auto; height:34px; padding:0 0 0 0;} .round_conrol {position:relative; width:1200px; margin:0 auto; height:34px; padding:0 0 0 0;} #bt-previous {position:absolute; width:34px; height:34px; display:block !important; background:url(/uploads/image/ephimages/fan_left.png) no-repeat left; left:-40px; top:-200px; cursor:pointer; text-indent:-9999px;} #bt-next {position:absolute; width:34px; height:34px; display:block !important; background:url(/uploads/image/ephimages/fan_right.png) no-repeat left; right:-40px; top:-200px; cursor:pointer; text-indent:-9999px;} .round_but {position:absolute; display:block; width:24px; height:22px;cursor:pointer;} #myroundabout ul li { height: 307px; width: 410px; } .about-us .left-content { width: 570px; } .about-us .left-content h2 { font-size: 19px; border-bottom: 1px solid #cccccc; line-height: 50px; margin-bottom: 20px; } .about-us .left-content p { text-indent: 2em; line-height: 30px; } .about-us .left-content a { color: #ffffff; } .about-us .left-content a:hover { color: #999999; } .about-us .left-content a.first { background: url(/uploads/image/ephimages/about-a-one.jpg) left no-repeat; padding-left: 53px; width: 75px; height: 33px; line-height: 33px; } .about-us .left-content a.second { background: url(/uploads/image/ephimages/about-a-two.jpg) left no-repeat; padding-left: 53px; width: 75px; height: 33px; line-height: 33px; } .about-us .right-img { width: 612px; } .slide-img { overflow: hidden; position: relative; } .slide-img .hd a.next { display: block; position: absolute; right: 0; top: 30px; width: 39px; height: 75px; float: right; margin-right: 5px; margin-top: 10px; overflow: hidden; cursor: pointer; background: 0 0 no-repeat; } .slide-img .hd a.prev { display: block; position: absolute; left: 0; top: 30px; width: 39px; height: 75px; float: right; margin-right: 5px; margin-top: 10px; overflow: hidden; cursor: pointer; background: 0 0 no-repeat; } .slide-img .bd { width: 1120px; margin: 0 auto; } .slide-img .bd ul { overflow: hidden; zoom: 1; } .slide-img .bd ul li { margin-right: 18px; float: left; _display: inline; overflow: hidden; text-align: center; } .slide-img .bd ul li .pic { text-align: center; } .slide-img .bd ul li .pic img { width: 250px; height: 171px; display: block; padding: 4px; border: 1px solid #ccc; } .slide-img .bd ul li .title { line-height: 24px; text-align: center; } .slide-img .bd ul li .title a { color: #ffffff; } .slidetxtbox { background: url(/uploads/image/ephimages/news.jpg) center top; padding: 30px 0; overflow: hidden; height: 560px; } .slidetxtbox .common-title { text-align: center; background: none; } .slidetxtbox .common-title h2 { color: #ffffff; } .slidetxtbox .common-title span { border-top: 2px solid #ff0000; display: inline; color: #cccccc; } .slidetxtbox ul { width: 1280px; overflow: hidden; height: 348px; } .slidetxtbox ul li { width: 230px; margin-right: 85px; float: left; margin-bottom: 10px; } .slidetxtbox ul li .date { width: 75px; height: 85px; text-align: center; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 1px solid #ffffff; margin-bottom:10px; } .slidetxtbox ul li .date span { font-size: 24px; display: block; text-align: center; padding-top: 20px; color: #ffffff; } .slidetxtbox ul li .date cite { font-style: normal; display: block; text-align: center; color: #ffffff; } .slidetxtbox ul li .date:hover { background-color: #cf232b; } .slidetxtbox ul li .date:hover span { color: #ffffff; } .slidetxtbox ul li .date:hover cite { color: #ffffff; } .slidetxtbox ul li .slide-content { } .slidetxtbox ul li .slide-content a { color: #ffffff; font-weight:800; padding:10px 0; margin-top:10px; } .slidetxtbox ul li .slide-content p { color: #ffffff; line-height: 1.8rem; font-size: 12px; } .slidetxtbox .n-b-news { text-align: center; } .slidetxtbox .n-b-news a { width: 176px; height: 50px; line-height: 50px; border: 1px solid #ffffff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #ffffff; text-align: center; } .slidetxtbox .n-b-news a:hover { background-color: #fff; color: #ff0000; } .interest { text-align: center; padding: 30px 0; margin-bottom: 10px; overflow: hidden; } .interest .row { text-align: center; } .interest .row b { font-size: 26px; font-weight: normal; display: block; width: 100%; text-align: center; } .interest .row strong { font-size: 36px; border-bottom: 1px solid #a81a19; margin-bottom: 20px; } .interest .row p { line-height:24px; text-align: center; padding-bottom: 10px;} .interest ul { position: relative; margin-top: 30px; } .interest ul li { position: relative; width: 21%; padding: 0 2%; text-align: center; } .interest ul li p { font-size: 16px; color: #666666; text-align: center; line-height: 40px; border-bottom: 2px solid #cccccc; font-weight: 900; } .interest ul li span { color: #666; line-height: 26px; } .back-nav { background-color: #646464; height: 46px; text-align: left; } .back-nav a { width: 150px; float:left; line-height: 46px; color: #ffffff; text-align:center; } .back-nav a:hover{color:#ff900;} .footer { background: url(/uploads/image/ephimages/footer.jpg) center top no-repeat; overflow: hidden; padding: 20px 0; } .footer ul li { display: inline-block; width: 224px; } .footer ul li a { color: #c8c8c8; } .footer ul li a:before { content: '- '; } .footer ul li a:hover { color: #ee9f00; } .footer .title { height: 44px; } .footer .title p { color: #c8c8c8; font-size: 24px; line-height: 30px; } .footer .bottom-pro { width: 980px; } .footer .bottom-contact { width: 220px; } .footer .bottom-contact .title p { color: #ef1219; } .footer .bottom-contact span { color: #ffffff; display: block; line-height: 30px; } .footer .right-rq { color: #ffffff; width: 188px; text-align: center; } .footer .right-rq span { display: block; text-align: center; } .footer .friend-link span { color: #666666; font-weight: 900; } .footer .friend-link a { color: #666; padding: 0 20px; } .bottom-copy { background-color: #0e0e0e; height: 46px; } .bottom-copy p { color: #ffffff; line-height: 46px; } .bottom-copy .copy-right { width: 50%; text-align: left; } .bottom-copy .technical-supply { width: 50%; text-align: right; } .bottom-copy .technical-supply p { text-align: right; } /*# sourcemappingurl=index.css.map */ .inner-pro{}