@charset "utf-8"; .pull-left{ float:left } .pull-right{ float:right } .clearfix { *zoom: 1; } .clearfix:before, .clearfix:after { display: table; line-height: 0; content: ""; } .clearfix:after { clear: both; } .text-center{ text-align:center } .text-right{ text-align:right } .pagination{ margin-top:30px; text-align:right } .pagination a{ display:inline-block; padding:10px 15px; background-color:#fff; margin:0px 2px } .pagination a:hover{ background-color:#cc0000; color:#fff } .pagination .active{ background-color:#cc0000; color:#fff } /*banner*/ .main_image {width:100%; height:727px;; overflow:hidden; margin:0 auto; position:relative;} .main_image ul {width:9999px; height:727px; overflow:hidden; position:absolute; top:0; left:0} .main_image li {float:left; width:100%; height:727px;} .main_image li span {display:block; width:100%; height:727px} .main_image li a {display:block; width:100%; height:727px} div.flicking_con {width:1100px; margin:0 auto; position:relative;left:0px;right:0px; text-align:center} div.flicking_con .flicking_inner {position:absolute; top:700px; left:0px;right:0px; z-index:999; width:100%; text-align:center;} /* 121126 */ div.flicking_con a { display:inline-block;*display:inline;zoom:1;width:8px;height:8px; border:2px solid #cc0000;margin:0px 3px; border-radius:50px; background:#cc0000;;text-indent:-1000px} div.flicking_con a.on {background: none;border:2px solid #c70101} #btn_prev,#btn_next{z-index:11111;position:absolute;display:block;width:73px!important;height:74px!important;top:350px;;margin-top:-37px;display:none;} #btn_prev{background:url(../images/hover_left.png) no-repeat left top;left:100px;} .wp{width:1115px;margin:0px auto;} .i3r_li{width: 338px; height: 171px; position: relative; overflow: hidden; margin-left: 2px; float: left;} .i3r_p{width: 100%; height: 100%; position: absolute; left: 0;top:0px;text-align: center; background: url(../images/d_03.png); } .i3r_p span{display: block; color: #FFFFFF;} .cp_span{font-size: 18px; line-height: 26px;margin-top:30px;} .font{padding-top:40px} .i3r_p{ opacity: 0;} .cp_span em{display: block;font-family: arial; font-size: 14px;} .i3r_li:hover .i3r_p{opacity: 1; transition-duration: 0.5s;} .f1{width:338px;float:left} .i3r_li2{width: 269px; height: 351px; position: relative; overflow: hidden; margin-left: 2px; float: left;} .i3r_p2{width: 100%; height: 100%; position: absolute; left: 0;top:0px;text-align: center; background: url(../images/d_03.png); } .i3r_p2 span{display: block; color: #FFFFFF;} .cp_span2{font-size: 18px; line-height: 26px;margin-top:30px;} .font2{padding-top:130px} .i3r_p2{ opacity: 0;} .cp_span2 em{display: block;font-family: arial; font-size: 14px;} .i3r_li2:hover .i3r_p2{opacity: 1; transition-duration: 0.5s;} .i3r_li3{width: 486px; height: 351px; position: relative; overflow: hidden; margin-left: 2px; float: left;} .i3r_p3{width: 100%; height: 100%; position: absolute; left: 0;top:0px;text-align: center; background: url(../images/d_03.png); } .i3r_p3 span{display: block; color: #FFFFFF;} .cp_span3{font-size: 18px; line-height: 26px;margin-top:30px;} .font3{padding-top:130px} .i3r_p3{ opacity: 0;} .cp_span3 em{display: block;font-family: arial; font-size: 14px;} .i3r_li3:hover .i3r_p3{opacity: 1; transition-duration: 0.5s;} .main-nav{ font-size:16px; background-color:#DBDBDB; position:relative; } .main-nav .double-language{ position:absolute; top:15px; right:324px } .main-nav .double-language span{ margin-right:10px; display:inline-block; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; background-color:#CC0000; padding:2px 20px; font-size:13px } .main-nav .double-language span a{ color:#fff } .main-nav .li-item{ float:left; padding:15px 0; position:relative } .main-nav .li-item a{ color:#000 } .main-nav .li-item ul li:last-child{ border:none } .main-nav ul li:last-child a{ border:none } .main-nav .li-item>a{ padding:5px 30px; border-right:1px dotted #999; } .main-nav .li-item .sub-box{ position:absolute; top:53px; z-index:1; width:100%; display:none } .main-nav .li-item li{ text-align:center; padding:10px 0px; border-bottom:1px dotted #999; background-color:#DBDBDB } /*首页main*/ .main-con{ margin-bottom:25px; margin-top:37px; } .main-con .box{ float:left; height:196px; overflow: hidden; } .main-con .about .text{ position:relative; width:174px; padding:30px 20px; box-sizing:border-box; } .main-con .about .text h5 i{ color:#666; font-weight:400; margin-left:5px; font-size:13px; } .main-con .develop-list h5 i{ color:#666; font-weight:400; margin-left:5px; font-size:13px; } .main-con .about .text .more{ position:absolute; left:30px; bottom:-14px; width:50px; height:25px; line-height:25px; text-align:center; background-color:#fff; color:#666 } .main-con .about .text .white{ position:absolute; left:0; bottom:-14px; width:30px; height:25px; line-height:25px; text-align:center; background-color:#cc0000; } .main-con .about .text .white span{ position:absolute; top:50%; left:50%; margin-top:-7px; margin-left:-3px; display:inline-block; width:0; height:0; border-left:7px solid #fff; border-right:7px solid transparent; border-bottom:7px solid transparent; border-top:7px solid transparent; } .main-con h5{ margin-bottom:10px; font-size:15px; } .main-con .develop-list h5{ margin-bottom:10px; font-size:15px; display:inline-block; vertical-align: 13px; } .main-con .about .text h5 a{ color:#000 } .main-con .strip{ width:85px; height:1px; border-bottom:1px solid #cc0000; margin-bottom:17px } .main-con .about .text p{ line-height:19px } .main-con .about{ background-color:#F2F2F2 } .main-con .news{ width:304px; background-color:#EFEFEF; padding:11px 0px; box-sizing:border-box; } .main-con .news li{ height:59px; padding:3px 22px; box-sizing:border-box; background:url(../images/li_bg.png) repeat-x center bottom } .main-con .news li:last-child{ background:none } .main-con .news .date{ width:62px; text-align:center; float:left } .main-con .news .date .big{ font-size:29px } .main-con .news .date span{ display:block } .main-con .news .news-text{ width:190px; float:right } .main-con .news .news-text h5{ margin-bottom:5px; margin-top:10px; font-size:15px; font-weight:500 } .main-con .news .news-text h5 a{ color:#000 } .main-con .develop-list{ width:303px; border:1px solid #eaeaea; box-sizing:border-box } .main-pro{ height:240px } .main-pro .title a{ color:#fff } .main-pro .title .more{ background-color:#CC0000; border-radius:10px; color:#fff; padding:3px 8px; font-size:13px } .main-pro .pro-title{ border-bottom:2px solid #CC0000; line-height:43px; display: inline-block; color:#000 } /* 轮播图主题 */ #owl-demo1.owl-carousel{ position:relative } #owl-demo1.owl-carousel .owl-controls{ position:absolute; width:100%; top:54%; margin-top:-10px } #owl-demo1.owl-carousel .owl-controls .owl-buttons div{ width:6px; height:88px; margin:-45px } #owl-demo1.owl-carousel .owl-controls .owl-prev{ float:left; background:url(../images/left.png) no-repeat center } #owl-demo1.owl-carousel .owl-controls .owl-next{ float:left; background:url(../images/right.png) no-repeat center } #owl-demo1.owl-carousel .owl-controls .owl-next{ float:right } #owl-demo1 .item{ text-align:center; height:270px; overflow:hidden } #owl-demo1 .item img{ border:6px solid #fff } #owl-demo1 .item span{ display:inline-block; font-weight:600; margin-top:15px } .banner{ color:#000 } .main_show{ margin-bottom:25px } .footer{ text-align: left; margin-top:50px } .footer p{ line-height:27px; font-size:14px } .footer .sep{ width:10px; display:inline-block } .body_bg{ margin-bottom:30px; background:url(../images/body_bg.png) no-repeat center top } #owl-demo1.owl-carousel .owl-item{padding:0;} .ziye-productlist .pro-con .left{ float:left; width:540px; height:314px; background-color:#eaeaea } .ziye-productlist .pro-con .right{ float:right; width: 500px; height:314px; border:1px solid red } /*新闻列表页*/ .bread-crumb .active{ color:#dd001f } .newslist-con{ padding-top:1px; padding-bottom:40px; background-color:#FFFFFF; } .newslist-con .bread-crumb{ font-size:15px; margin:30px 0px 0px 0px; padding-left:20px } .newslist-con .article{ width:730px; float:left; boder:1px solid #eaeaea; } .newslist-con .article .title{ margin-bottom:8px } .newslist-con .article .meta{ margin-bottom:14px; color:#888; } .newslist-con .article .title a{ color:#000; font-size:20px } .newslist-con .article .thumb{ width:210px; float:left } .newslist-con .article .item-main{ width:447px; float:right } .newslist-con .article .item-main{ color:#999; font-size:14px } .newslist-con .article li{ padding:25px; border-bottom:1px solid #eaeaea } .newslist-con .article li:hover a{ color:#cc0000 } .newslist-con .article li:hover{ background-color:#F0F0F0; } .newslist-con .sidebar{ width:356px; float:right; background-color:#fff; padding-bottom:30px; box-shadow:-5px 5px 5px #eaeaea } .newslist-con .sidebar .h3{ background-color:#f8f8f8; box-sizing:border-box; padding:10px 15px; margin-bottom:25px } .newslist-con .sidebar .thumb{ float:left } .newslist-con .sidebar .item-main{ width:188px; float:right } .newslist-con .sidebar .item-main{ color:#999; font-size:14px } .newslist-con .sidebar .item-main .title h2{ font-size:14px; margin-bottom:32px } .newslist-con .sidebar li{ padding:0 21px; padding-top:22px } .newslist-con .sidebar li h2 a{ color:#00a67c } .newslist-con .sidebar li:hover h2 a{ color:#cc0000 } /*新闻内容页*/ .newslist-con .entry-content{ padding:25px; box-sizing:border-box } .newslist-con .entry-content .text{ color:#666; line-height:33px; font-size:15px } .newslist-con .entry-content .title{ text-align:center; font-weight:400; color:#fff; margin-bottom:15px; height:40px; line-height:40px; border-left:3px solid #cc0000; border-right:3px solid #cc0000; background-color:#cc0000; } .newslist-con .entry-content .entry-meta{ text-align:center; color:#777; height:33px; border-bottom:1px solid #eaeaea; margin-bottom:15px } .newslist-con .entry-content .pagination{ text-align:right; font-size:15px } .about-con{ margin-top:40px; margin-bottom:70px; } .about-con .entry-content{ margin-bottom:40px } .bread-crumb{ font-size:15px; margin-bottom:30px } .about-con .wp{ position:relative } .about-con .process li{ width:223px; float:left; font-size:14px; text-align:center; color:#666 } .about-con .process li img{ margin-bottom:20px } .about-con .process li span{ display:inline-block; width:100% } .about-con .title{ margin-bottom:15px; font-weight:400 } .about-con .mini-title{ margin-bottom:50px; color:#999 } .about-con .title span{ display:inline-block; width:250px; background-color:#fff; position:relative; z-index:2 } /*关于我们*/ .banner{ margin-bottom:40px; } .entry-about{ color:#666 } .entry-about p{ margin-bottom:5px; line-height:26px; font-size:15px; } /*产品列表页*/ .productlist li{ width:100%; min-height:480px; padding-top:50px; border-bottom:1px solid #eaeaea } .productlist li .pic{ width:480px; } .productlist li .pic-con{ width:600px; } .productlist li .pic-con h2{ margin-bottom:30px } .productlist li .pic-con .product-txt{ margin-bottom:20px; font-size:16px; color:#888; line-height:26px } .productlist li .pic-con .product-txt p{ margin-bottom:20px; font-size:16px; color:#888; line-height:20px } .pro-titlelist ul{ display:inline-block } .pro-titlelist li{ float:left; font-size:15px; margin-right:20px; line-height:10px } .pro-titlelist span{ font-size:16px; margin-right:40px } .pro-titlelist li:hover a{ color:#cc0000 } .pro-titlelist li.active a{ color:#cc0000 }