/*- - - - - - - - -样式属01首页.html - - - - - - - -*/ /*顶部*/ #top{width:100%;height:35px;line-height:35px;position:relative;margin:0 auto;background-color:#f4f4f4;z-index:1501;} #top ._welcome{float:left;} #top ._tel{float:right;font-weight:normal;} #top ._tel .icon_tel{width:22px;height:22px;margin-right:10px;vertical-align:middle;background:url(../images/icon_tel.png) no-repeat left top;display:inline-block;} /*页头*/ #header{height:84px;position:relative;margin:0 auto;box-shadow:0 0 14px rgba(0,0,0,0.2);z-index:1500;} #header .center2{position:relative !important;} #header .center2 .topline{width:calc(100% - 210px);height:2px; background-color:#5d1816; position:absolute;top:15px; left:210px;} /*网站标志*/ #logo{float:left;width:202px;height:70px;padding-top:14px;} /*菜单*/ #menu{float:right;width:720px;height:62px;padding-top:22px;} #menu ul{float:right;} #menu ul li{float:left;} #menu ul li a{float:left;height:36px;line-height:36px;font-size:14px;padding-right:25px;padding-left:25px;} #menu ul li.hover>a,#menu ul li a:hover,#menu ul li.change a{color:#f04702;text-decoration:none;} .submenu{position:absolute;top:100%;right:0px;left:0px;background-color:#f5f5f5;box-shadow:0 3px 8px rgba(0,0,0,0.3);display:none;} .submenu .box_center{width:100%;position:relative;max-width:1680px;margin:0 auto;z-index:1000;} .submenu .box_center .fenlei{float:left;width:34.71%;padding-top:3.54%;padding-left:14.40%;} .submenu .box_center .fenlei a{float:left;width:30.17%;height:40px;line-height:40px;position:relative;margin-right:10.32%;padding-left:12.21%;background:url(../images/0.gif) no-repeat 9% center;} .submenu .box_center .fenlei a .arrow_{width:15px;height:9px;position:absolute;top:15px;right:25px;background:url(../images/arrow_b.gif) no-repeat left top;display:none;} .submenu .box_center .fenlei a:hover{color:#fff;background-color:#f04702;background-image:url(../images/0_hover.gif);text-decoration:none;transition:none;} .submenu .box_center .fenlei a:hover .arrow_{display:block;} .submenu .box_center .fenlei a:nth-child(2n){margin-right:0px;} .submenu .box_center .column_show{float:right;width:43.39%;padding-top:1.20%;padding-bottom:5.88%;padding-left:6.66%;background-color:#ffffff;} .submenu .box_center .column_show .photo{width:56.93%;position:relative;padding-top:28.12%;background-color:#1a1a1a;display:block;} .submenu .box_center .column_show .photo img{position:absolute;top:0;left:0;} .submenu .box_center .column_show .btn_mores{width:155px;height:40px;line-height:40px;text-align:center;color:#fff;background-color:#f04702;display:block;} .submenu .box_center .column_show .btn_mores:hover{background-color:#fd6628;} .submenu .box_center .column_show .btn_mores .arrow_{width:15px;height:9px;margin-left:29px;background:url(../images/arrow_b.gif) no-repeat left top;display:inline-block;} .submenu .box_center .column_show strong{height:44px;line-height:44px;overflow:hidden;font-size:17px;font-weight:normal;margin-top:15px;margin-bottom:24px;display:block;} .submenu .baibg{width:50%;position:absolute;top:0;right:0;bottom:0px;background:#fff;z-index:1;} /*搜索*/ #Search{float:right;width:138px;height:51px;position:relative;padding-top:33px;} #Search ._lan{float:left;} #Search ._lan a{float:left;width:24px;height:16px;overflow:hidden;margin-right:20px;} #Search ._lan a img{float:left;width:100%;height:100%;display:block;} #Search ._search{width:250px;position:absolute;top:24px;right:0px;padding:5px;background:#fff;display:none;z-index:1500;} #Search ._search .Searchform{float:left;} #Search ._search .Searchform .text{float:left;width:199px;height:24px;line-height:24px;margin-right:-1px;padding:0 8px;border:1px solid #d8d8d8;} #Search ._search .Searchform .text:focus{border-color:#f04702;} #Search ._search .Searchform .btn_send{float:left;width:26px;height:26px;text-indent:-99em;overflow:hidden;background:#fff url(../images/icon_search.png) no-repeat center center;border:1px solid #ccc;} #Search ._search .Searchform .btn_send:hover,#Search ._search .Searchform .focus{border-color:#f04702;} #Search .icon_search{float:right;width:18px;height:18px;background:url(../images/icon_search.png) no-repeat center center;border:1px solid #ccc;cursor:pointer;} #Search .icon_search:hover{border-color:#f04702;} /*广告*/ #banner{height:558px;text-align:center;position:relative;overflow:hidden;margin:0 auto;background-color:#fafafa;} #banner .icon_loading{width:66px;height:66px;position:absolute;top:50%;left:50%;margin-top:-33px;margin-left:-33px;background:url(../images/loading11.gif) no-repeat left top;} #banner ul{display:none;} #banner .btn_next,#banner .btn_prev{float:left;width:32px;height:100%;position:absolute;top:0px;z-index:1500;} #banner .btn_prev span,#banner .btn_next span{width:32px;height:57px;position:absolute;top:50%;margin-top:-28px;background:url(../images/banner_arrow.png) no-repeat left top;background-repeat:no-repeat;} #banner .btn_prev{left:5%;} #banner .btn_prev span{background-position:left top;} #banner .btn_prev:hover span{background-position:left bottom;} #banner .btn_next{right:5%;} #banner .btn_next span{background-position:right top;} #banner .btn_next:hover span{background-position:right bottom;} #banner .label_skitter{display:none!important;} #banner .focus_button{position:absolute!important;display:none;} #banner_nr{width:1920px;height:558px;text-align:center;position:relative;overflow:hidden;min-width:1920px;left:50%;margin:0 auto 0 -960px;} #banner_nr .image_number{width:15px;height:15px;line-height:0;margin:0 10px;background:#fff;background-color:#afafaf;} #banner_nr .image_number_select{background-color:#f04702;} /**/ #about_us{margin:0 auto;padding-bottom:2.65%;} #about_us .pic{float:right;width:517px;height:285px;position:relative;overflow:hidden;margin-left:34px;background:#000;border:6px solid #ccc;margin-top:-15px;} #about_us .pic video{width:100%;height:100%;position:absolute;top:0;left:0;} #about_us h4{line-height:41px;font-size:18px;font-weight:normal;} #about_us p{line-height:30px;font-size:14px;color:#9f9f9f;} #about_us .btn_more{margin-top:8px;margin-left:0px;} /*证书*/ #Certificate{overflow:hidden;margin:0 auto;padding-bottom:3.28%;background-color:#f9f9f9;} #Certificate .PartTitle{margin-bottom:0.90%;} #Certificate #CertificateGundong{position:relative;} #Certificate .gundong{width:1680px;} #Certificate .gundong .jCarouselLite{float:left;width:1680px;height:356px;overflow:hidden;padding-top:10px;} #Certificate .move_right,#Certificate .move_left{float:left;width:49px;height:356px;position:absolute;top:0px;z-index:500;} #Certificate .move_left span,#Certificate .move_right span{width:49px;height:49px;position:absolute;top:50%;margin-top:-24px;background:url(../images/arrows2.png) no-repeat left top;background-repeat:no-repeat;} #Certificate .move_left{left:0px;} #Certificate .move_left span{background-position:left top;} #Certificate .move_left:hover span{background-position:left bottom;} #Certificate .move_right{right:0px;} #Certificate .move_right span{background-position:right top;} #Certificate .move_right:hover span{background-position:right bottom;} /**/ #ProductShow{margin:0 auto;padding-bottom:3.59%;} #ProductShow .btn_more{margin-top:56px;} @media screen and (min-width: 1701px){ #ProductShow .ProductList li:nth-child(4n){margin-right:0px;} #ProductJieshao .ProductList li:nth-child(4n){margin-right:0px;} } /*新闻中心*/ #News{overflow:hidden;margin:0px auto 0px auto;padding-bottom:47px;background-color:#f9f9f9;} #News .NewsNr .news_:nth-child(3n){margin-right:0px;} /*页尾*/ #footer{color:#fff;margin:0 auto;padding-top:0.88%;padding-bottom:1.66%;background-color:#1a1a1a;} #footer .center{width:1513px;} #footer .lianxi{float:left;width:35.16%;line-height:31px;} #footer .lianxi .bomlogo{margin-bottom:13px;display:block;} #footer .lianxi p{height:30px;line-height:30px;overflow:hidden;} #footer dl{float:left;width:16.72%;color:#fff;margin-right:3.37%;padding-top:1.19%;} #footer dl dt{height:43px;line-height:43px;font-size:18px;margin-bottom:4px;padding-left:12px;background:url(../images/0.png) no-repeat left center;} #footer dl dd.row2 a{float:left;width:43.48%;} #footer dl dd a{line-height:30px;font-size:12px;color:#fff;padding-left:13px;background:url(../images/arrow2.png) no-repeat left center;display:block;transition:all 0.3s ease-in;} #footer dl dd a:hover{color:#f04702;transform:translatex(10px);} #footer dl.erweima{float:right;width:12.95%;margin-right:0px;} #footer dl.erweima dd::after{clear:both;display:block;content:"";} #footer dl.erweima ul{float:left;width:100%;} #footer dl.erweima ul li{float:left;width:37.24%;position:relative;margin-right:12.24%;padding-top:37.24%;background:#333;} #footer dl.erweima ul li.hover_{ z-index:600;} #footer dl.erweima ul li.hover_ img{ border:10px solid #fff;} #footer dl.erweima ul li img{width:100%;height:100%;position:absolute;top:0;left:0;display:block;} #footer2 {background-color:#72302a; height:60px;color:#fff;} #footer2 .logo{ float:left;line-height:60px; padding-right:100px;} #footer2 .link{ float:left;height:60px;line-height:60px;font-size:14px;padding-left:12px;background:url(../images/0.png) no-repeat left center;} #footer2 .link a{ line-height:60px;font-size:14px;color:#fff;padding:5px;border-radius:5px; border:1px solid #fff; margin-left:20px;} #footer2 .copy{ float:right;line-height:60px; } /*版权*/ #copyright{height:52px;line-height:52px;text-align:center;font-size:12px;color:#fff;margin:0 auto;background-color:#2d2d2d;overflow:hidden;} #copyright a{color:#fff;} /*栏目标题*/ .PartTitle{text-align:center;margin-top:2.70%;margin-bottom:3.42%;} .PartTitle strong{line-height:1.64;font-size:22px;font-weight:normal;display:block;} .PartTitle span{font-weight:normal;color:#afafaf;text-transform:uppercase;} @media screen and (min-width:751px) { /*图片列表*/ .PicList{float:left;} .PicList li{float:left;width:252px;height:353px;position:relative;margin-right:15px;margin-left:15px;background-color:#fff;border:1px solid #ccc;} .PicList li:hover{box-shadow:0 0 14px rgba(0,0,0,0.2);border-color:#f04702;} .PicList li figure .photo{width:252px;height:353px;position:relative;display:block;} .PicList li .tips_browse{width:100%;position:absolute;overflow:hidden;top:50%;bottom:50%;background:url(../images/heibg.png) repeat left top;} .PicList li .tips_browse i{width:20px;height:20px;position:absolute;top:150%;left:50%;margin-top:-10px;margin-left:-10px;background:url(../images/icon_fd.png) no-repeat left top;} .PicList li figure figcaption{line-height:2;text-align:center;position:absolute;right:0px;bottom:0px;left:0px;display:none;} .PicList li figure .photo img{transition:all 0.3s ease-in;} .PicList li.hover_ .photo img{transform:skewy(10deg);transform-origin:50% 50%;} #copyright{ display:none;} } @media screen and (max-width:1700px) and (min-width:751px) { .PicList li{width:220px;height:308px;margin-right:10px;margin-left:10px;} .PicList li figure .photo{width:220px;height:308px;} .PicList li .tips_browse{width:100%;top:50%;bottom:50%;} .PicList li figure figcaption{line-height:2;right:0px;bottom:0px;left:0px;} } @media screen and (max-width:750px) { /*图片列表*/ .PicList{float:left;width:100%;} .PicList li{float:left;width:39.69%;position:relative;margin-right:2.38%;margin-left:6%;padding-top:55.54%;background-color:#fff;border:1px solid #cfcfcf;} .PicList li:hover{box-shadow:0 0 14px rgba(0,0,0,0.2);border-color:#f04702;} .PicList li figure{position:absolute;top:0;right:0px;bottom:0px;left:0;} .PicList li figure .photo{width:100%;position:relative;padding-top:139.93%;display:block;} .PicList li figure .photo img{position:absolute;top:0;left:0;} .PicList li .tips_browse{width:100%;position:absolute;overflow:hidden;top:50%;bottom:50%;background:url(../images/heibg.png) repeat left top;} .PicList li .tips_browse i{width:22px;height:22px;position:absolute;top:50%;left:50%;margin-top:-11px;margin-left:-11px;background:url(../images/icon_fd.png) no-repeat left top;} .PicList li figure figcaption{line-height:2;text-align:center;position:absolute;right:0px;bottom:0px;left:0px;display:none;} .PicList li figure .photo img{transition:all 0.3s ease-in;} .PicList li.hover_ .photo img{transform:skewy(10deg);transform-origin:50% 50%;} } @media screen and (min-width:751px) { /*产品列表*/ .ProductList{float:left;width:100%;} .ProductList li{float:left;width:400px;height:448px;margin-right:24px;margin-bottom:15px;} .ProductList li.hover_{box-shadow:0 0 14px rgba(0,0,0,0.2);} .ProductList li.hover_ figcaption{color:#fff;background-color:#f04702;} .ProductList li.hover_ .icon_arrow{background-image:url(../images/arrow_b.gif) ;} .ProductList li.hover_ .photo img{transition:all 0.5s ease-in;transform:scalex(-1);-webkit-transform:scalex(-1);-o-transform:scalex(-1);-moz-transform:scalex(-1);} .ProductList .photo{width:400px;height:400px;position:relative;overflow:hidden;background-color:#fff;display:block;} .ProductList .photo img{transition:all 0.5s ease-in;transform:scalex(1);-webkit-transform:scalex(1);-o-transform:scalex(1);-moz-transform:scalex();} .ProductList figcaption{height:48px;line-height:24px;text-align:left;position:relative;padding-right:77px;padding-left:25px;/*border-top:1px solid #ebebeb;*/ overflow:hidden;} .ProductList figcaption .icon_arrow{width:16px;height:9px;position:absolute;top:26px;right:26px;background:url(../images/arrow.gif) no-repeat left top;} } @media screen and (max-width:1700px) and (min-width:751px) { /*产品列表*/ .ProductList li{width:287px;height:335px;margin-right:17px;margin-bottom:10px;} .ProductList .photo{width:287px;height:287px;} .ProductList figcaption{height:48px;line-height:24px;padding-right:55px;padding-left:17px;} .ProductList figcaption .icon_arrow{top:18px;right:18px;} } @media screen and (max-width:1300px) and (min-width:751px) { /*产品列表*/ .ProductList li{width:315px;height:355px;margin-right:18px;margin-bottom:11px;} .ProductList .photo{width:315px;height:315px;} .ProductList figcaption{height:40px;line-height:20px;padding-right:60px;padding-left:19px;} .ProductList figcaption .icon_arrow{top:20px;right:20px;} .ProductList .tips_browse i{width:15px;height:15px;top:50%;left:50%;margin-top:-7px;margin-left:-7px;} } @media screen and (max-width:1100px) and (min-width:751px) { /*产品列表*/ .ProductList li{width:240px;height:280px;margin-right:14px;margin-bottom:9px;} .ProductList .photo{width:240px;height:240px;} .ProductList figcaption{height:40px;line-height:20px;padding-right:46px;padding-left:15px;} .ProductList figcaption .icon_arrow{width:9px;height:5px;top:15px;right:15px;} } @media screen and (max-width:750px) { /*产品列表*/ .ProductList{float:left;width:100%;} .ProductList li{float:left;width:47.06%;position:relative;margin-right:2.83%;margin-bottom:1.77%;padding-top:56.4%;} .ProductList li.hover_{box-shadow:0 0 14px rgba(0,0,0,0.2);} .ProductList li.hover_ figcaption{color:#fff;background-color:#f04702;} .ProductList li.hover_ .icon_arrow{background-image:url(../images/arrow_b.gif) ;} .ProductList li.hover_ .photo img{transition:all 0.5s ease-in;transform:scalex(-1);-webkit-transform:scalex(-1);-o-transform:scalex(-1);-moz-transform:scalex(-1);} .ProductList li figure{position:absolute;top:0;right:0px;bottom:0px;left:0;height:100%;} .ProductList .photo{width:100%;position:relative;overflow:hidden;padding-top:87%;background-color:#fff;display:block;} .ProductList .photo img{position:absolute;top:0;left:0;transition:all 0.5s ease-in;transform:scalex(1);-webkit-transform:scalex(1);-o-transform:scalex(1);-moz-transform:scalex();} .ProductList figcaption{ background:#fff;line-height:1;text-align:left;position:absolute;overflow:hidden;right:0px;bottom:0px;left:0px;padding-right:19.25%;padding-left:6.25%;text-overflow:ellipsis;white-space:nowrap;/*border-top:1px solid #ebebeb;*/} .ProductList figcaption .icon_arrow{width:16px;height:9px;position:absolute;top:50%;right:6.50%;margin-top:-5px;background:url(../images/arrow.gif) no-repeat left top;} } @media screen and (min-width:751px) { /*新闻*/ .news_{float:left;width:526px;position:relative;margin-right:50px;margin-bottom:36px;} .news_ .photo{width:526px;height:350px;position:relative;margin-bottom:14px;background-color:#2d2d2d;display:block;} .news_ .photo ._more{position:absolute;top:50%;right:50%;bottom:50%;left:50%;background:url(../images/heibg.png) repeat left top;} .news_ .photo ._more i{width:31px;height:31px;position:absolute;top:50%;left:50%;margin-top:-15px;margin-left:-15px;background:url(../images/icon_jia2.png) no-repeat left top;transition:all 0.3s ease-in;} .news_ h5{height:31px;line-height:31px;overflow:hidden;font-size:18px;font-weight:normal;} .news_ p{height:78px;line-height:26px;overflow:hidden;font-size:14px;color:#9f9f9f;} .hover_news_ h5{color:#f04702;} .hover_news_ .photo{box-shadow:0 0 14px rgba(0,0,0,0.2);} .hover_news_ .photo ._more i{transform:rotate(180deg);} } @media screen and (max-width:1700px) and (min-width:751px) { /*新闻*/ .news_{float:left;width:375px;position:relative;margin-right:35px;margin-bottom:25px;} .news_ .photo{width:375px;height:249px;position:relative;margin-bottom:9px;background-color:#2d2d2d;display:block;} .news_ .photo ._more{position:absolute;top:50%;right:50%;bottom:50%;left:50%;background:url(../images/heibg.png) repeat left top;} } @media screen and (max-width:1300px) and (min-width:751px) { /*新闻*/ .news_{width:310px;margin-right:29px;margin-bottom:21px;} .news_ .photo{width:310px;height:206px;margin-bottom:8px;} .news_ .photo ._more{top:50%;right:50%;bottom:50%;left:50%;} .news_ h5{font-size:14px;} .news_ p{font-size:12px;} } @media screen and (max-width:1100px) and (min-width:751px) { /*新闻*/ .news_{width:240px;margin-right:22px;margin-bottom:16px;} .news_ .photo{width:240px;height:159px;margin-bottom:6px;} .news_ .photo ._more{top:50%;right:50%;bottom:50%;left:50%;} .news_ p{height:36px;line-height:18px;} } @media screen and (max-width:750px) { /*新闻*/ .news_{width:95.64%;position:relative;margin:0px auto 10px auto;} .news_ .photo{width:100%;position:relative;margin-bottom:14px;background-color:#2d2d2d;display:block;} .news_ .photo img{width:100%;max-width:100%;} .news_ h5{height:31px;line-height:31px;overflow:hidden;font-size:16px;font-weight:normal;} .news_ p{height:78px;line-height:26px;overflow:hidden;font-size:12px;color:#9f9f9f;} } /*更多按钮*/ .btn_more{width:146px;height:36px;line-height:36px;text-align:center;font-size:14px;color:#f04702;margin:0 auto;border:1px solid #f04702;display:block;} .btn_more:hover{color:#fff;background-color:#f04702;text-decoration:none;} /*- - - - - - - - -样式属02简介.html - - - - - - - -*/ /*广告2*/ #banner2{height:200px;text-align:center;margin:0px auto 0px auto;background:#fff url(../images/loading11.gif) no-repeat center center;} #banner2 img{display:none;} /*简介*/ #Introduction{color:#848484;margin:0 auto;} /* #Introduction ._companypic{max-width:1200px;margin:0px auto 20px auto;} #Introduction ._companypic img{width:100%;margin:0 auto;}*/ #Introduction ._companypic{width:50%; float:left; padding-right:50px;} #Introduction ._companypic img{width:100%;margin:0 auto;} #Introduction h4{line-height:33px;font-size:18px;font-weight:normal;max-width:1200px;margin:0 auto;} #Introduction p{line-height:29px;color:#9f9f9f;margin:0 auto;max-width:1200px;} /*照片展示*/ #PhotoShow{margin:0 auto;} #PhotoShow .SubTitle{margin-bottom:0px;} #PhotoShow .photo_list{float:left;} #PhotoShow .photo_list li{float:left;width:760px;height:492px;} #PhotoShow .photo_list li.change img{opacity:1;transition:all 0.3s ease-in;} #PhotoShow .photo_list li{background:#000;} #PhotoShow .photo_list li img{width:100%;height:100%;opacity:0.5;} #PhotoShow .PhotoShowGundong{height:490px;overflow:hidden;} #PhotoShow .Tab_nr{height:490px;position:relative;overflow:hidden;} #PhotoShow .PhotoMs{width:174px; position:absolute;top:0px;bottom:0px;left:521px;padding-top:16px;padding-right:33px;padding-bottom:16px;padding-left:33px;background-color:#ffffff;z-index:1500;} #PhotoShow .PhotoMs strong{line-height:1.94;font-size:31px;font-weight:normal;margin-bottom:10px;} #PhotoShow .PhotoMs p{line-height:1.79;font-size:14px;} #PhotoShow .gundong .jCarouselLite{float:left;height:490px;overflow:hidden;} #PhotoShow .move_right,#PhotoShow .move_left{float:left;width:80px;height:490px;position:absolute;top:0px;z-index:2500;} #PhotoShow .move_left span,#PhotoShow .move_right span{width:80px;height:74px;position:absolute;top:50%;margin-top:-37px;background:url(../images/arrows.png) no-repeat left top;background-repeat:no-repeat;} #PhotoShow .move_left{left:681px;} #PhotoShow .move_left span{background-position:left top;} #PhotoShow .move_left:hover span{background-position:left bottom;} #PhotoShow .move_right{left:770px;} #PhotoShow .move_right span{background-position:right top;} #PhotoShow .move_right:hover span{background-position:right bottom;} /*视频*/ #Video{overflow:hidden;margin:0 auto;background:url(../images/videopic.png) no-repeat center top;background-size:cover;height:634px;position:relative;margin-top:1.82%;} #Video .btn_play{width:128px;height:128px;background: url(../images/icon_paly.png) no-repeat left top;position:absolute;left:50%;top:50%;margin-top:-50px;margin-left:-50px;} #Video .VideoPlay{width:900px;height:460px;position:relative;margin:0 auto;background:url(../images/heibg.png) repeat left top;display:none;} /**/ #RenZheng{position:relative;margin:0 auto;padding-bottom:1.51%;} #RenZheng .move_right,#RenZheng .move_left{float:left;width:74px;height:360px;position:absolute;top:0px;z-index:2500;} #RenZheng .move_left span,#RenZheng .move_right span{width:74px;height:74px;position:absolute;top:50%;margin-top:-37px;background:url(../images/arrows.png) no-repeat left top;background-repeat:no-repeat;} #RenZheng .move_left{left:25px;} #RenZheng .move_left span{background-position:left top;} #RenZheng .move_left:hover span{background-position:left bottom;} #RenZheng .move_right{right:25px;} #RenZheng .move_right span{background-position:right top;} #RenZheng .move_right:hover span{background-position:right bottom;} #RenZheng .gundong{} #RenZheng .gundong .jCarouselLite{float:left;height:417px;overflow:hidden;} #RenZheng #RenZhengGundong{position:relative;} #RenZheng-1{position:relative;margin:0 auto;padding-bottom:1.51%;} #RenZheng-1 .move_right,#RenZheng-1 .move_left{float:left;width:74px;height:360px;position:absolute;top:0px;z-index:2500;} #RenZheng-1 .move_left span,#RenZheng-1 .move_right span{width:74px;height:74px;position:absolute;top:50%;margin-top:-37px;background:url(../images/arrows.png) no-repeat left top;background-repeat:no-repeat;} #RenZheng-1 .move_left{left:25px;} #RenZheng-1 .move_left span{background-position:left top;} #RenZheng-1 .move_left:hover span{background-position:left bottom;} #RenZheng-1 .move_right{right:25px;} #RenZheng-1 .move_right span{background-position:right top;} #RenZheng-1 .move_right:hover span{background-position:right bottom;} #RenZheng-1 .gundong{} #RenZheng-1 .gundong .jCarouselLite{float:left;height:417px;overflow:hidden;} #RenZheng-1 #RenZhengGundong-1{position:relative;} /**/ #RenZheng-2{position:relative;margin:0 auto;padding-bottom:1.51%;} #RenZheng-2 .move_right,#RenZheng-2 .move_left{float:left;width:74px;height:360px;position:absolute;top:0px;z-index:2500;} #RenZheng-2 .move_left span,#RenZheng-2 .move_right span{width:74px;height:74px;position:absolute;top:50%;margin-top:-37px;background:url(../images/arrows.png) no-repeat left top;background-repeat:no-repeat;} #RenZheng-2 .move_left{left:25px;} #RenZheng-2 .move_left span{background-position:left top;} #RenZheng-2 .move_left:hover span{background-position:left bottom;} #RenZheng-2 .move_right{right:25px;} #RenZheng-2 .move_right span{background-position:right top;} #RenZheng-2 .move_right:hover span{background-position:right bottom;} #RenZheng-2 .gundong{} #RenZheng-2 .gundong .jCarouselLite{float:left;height:417px;overflow:hidden;} #RenZheng-2 #RenZhengGundong-2{position:relative;} /*副标题*/ .SubTitle{height:55px;line-height:55px;text-align:center;position:relative;overflow:hidden;font-size:30px;font-weight:normal;margin-top:1.92%;margin-bottom:1.92%;} .SubTitle .line{width:70px;position:absolute;bottom:0px;left:50%;margin-left:-35px;border-bottom:2px solid #f74500;} @media screen and (min-width:751px) { /*照片列表*/ .PhotoList{float:left;} .PhotoList li{float:left;width:263px;margin-right:25px;margin-left:25px;} .PhotoList li figure .photo{width:263px;height:359px;position:relative;overflow:hidden;background-color:#1a1a1a;display:block;} .PhotoList li figure figcaption{height:51px;line-height:51px;text-align:center;overflow:hidden;font-size:14px;display:block;} .PhotoList li .tips_browse{width:100%;position:absolute;overflow:hidden;top:50%;bottom:50%;background:url(../images/heibg.png) repeat left top;} .PhotoList li .tips_browse i{width:22px;height:22px;position:absolute;top:50%;left:50%;margin-top:-11px;margin-left:-11px;background:url(../images/icon_fd.png) no-repeat left top;} /*照片列表*/ .PhotoList-1{float:left;} .PhotoList-1 li{float:left;width:263px;margin-right:25px;margin-left:25px;} .PhotoList-1 li figure .photo{width:263px;height:359px;position:relative;overflow:hidden;background-color:#1a1a1a;display:block;} .PhotoList-1 li figure figcaption{height:51px;line-height:51px;text-align:center;overflow:hidden;font-size:14px;display:block;} .PhotoList-1 li .tips_browse{width:100%;position:absolute;overflow:hidden;top:50%;bottom:50%;background:url(../images/heibg.png) repeat left top;} .PhotoList-1 li .tips_browse i{width:22px;height:22px;position:absolute;top:50%;left:50%;margin-top:-11px;margin-left:-11px;background:url(../images/icon_fd.png) no-repeat left top;} /*照片列表*/ .PhotoList-2{float:left;} .PhotoList-2 li{float:left;width:263px;margin-right:25px;margin-left:25px;} .PhotoList-2 li figure .photo{width:263px;height:359px;position:relative;overflow:hidden;background-color:#1a1a1a;display:block;} .PhotoList-2 li figure figcaption{height:51px;line-height:51px;text-align:center;overflow:hidden;font-size:14px;display:block;} .PhotoList-2 li .tips_browse{width:100%;position:absolute;overflow:hidden;top:50%;bottom:50%;background:url(../images/heibg.png) repeat left top;} .PhotoList-2 li .tips_browse i{width:22px;height:22px;position:absolute;top:50%;left:50%;margin-top:-11px;margin-left:-11px;background:url(../images/icon_fd.png) no-repeat left top;} } @media screen and (max-width:1700px) and (min-width:751px) { .PhotoList li{width:220px;margin-right:20px;margin-left:20px;} .PhotoList li figure .photo{width:220px;height:300px;} .PhotoList li figure figcaption{height:42px;line-height:42px;font-size:12px;} #RenZheng .move_right,#RenZheng .move_left{height:243px;top:0px;} #RenZheng .move_left span,#RenZheng .move_right span{top:50%;margin-top:-20px;} #RenZheng .move_left{left:16px;} #RenZheng .move_right{right:16px;} .PhotoList-1 li{width:220px;margin-right:20px;margin-left:20px;} .PhotoList-1 li figure .photo{width:220px;height:300px;} .PhotoList-1 li figure figcaption{height:42px;line-height:42px;font-size:12px;} #RenZheng-1 .move_right,#RenZheng-1 .move_left{height:243px;top:0px;} #RenZheng-1 .move_left span,#RenZheng-1 .move_right span{top:50%;margin-top:-20px;} #RenZheng-1 .move_left{left:16px;} #RenZheng-1 .move_right{right:16px;} .PhotoList-2 li{width:220px;margin-right:20px;margin-left:20px;} .PhotoList-2 li figure .photo{width:220px;height:300px;} .PhotoList-2 li figure figcaption{height:42px;line-height:42px;font-size:12px;} #RenZheng-2 .move_right,#RenZheng-2 .move_left{height:243px;top:0px;} #RenZheng-2 .move_left span,#RenZheng-2 .move_right span{top:50%;margin-top:-20px;} #RenZheng-2 .move_left{left:16px;} #RenZheng-2 .move_right{right:16px;} } @media screen and (max-width:1300px) and (min-width:751px) { } @media screen and (max-width:1100px) and (min-width:751px) { } @media screen and (max-width:750px) { /*照片列表*/ .PhotoList{float:left;width:100%;} .PhotoList li{float:left;width:40.46%;margin-right:3.85%;margin-left:4.35%;} .PhotoList li figure .photo{width:100%;position:relative;overflow:hidden;padding-top:136.5%;background-color:#1a1a1a;display:block;} .PhotoList li figure .photo img{position:absolute;top:0;left:0;} .PhotoList li figure figcaption{height:51px;line-height:51px;text-align:center;overflow:hidden;font-size:14px;display:block;} .PhotoList li .tips_browse{width:100%;position:absolute;overflow:hidden;top:50%;bottom:50%;background:url(../images/heibg.png) repeat left top;} .PhotoList li .tips_browse i{width:22px;height:22px;position:absolute;top:50%;left:50%;margin-top:-11px;margin-left:-11px;background:url(../images/icon_fd.png) no-repeat left top;} /*照片列表*/ .PhotoList-1{float:left;width:100%;} .PhotoList-1 li{float:left;width:40.46%;margin-right:3.85%;margin-left:4.35%;} .PhotoList-1 li figure .photo{width:100%;position:relative;overflow:hidden;padding-top:136.5%;background-color:#1a1a1a;display:block;} .PhotoList-1 li figure .photo img{position:absolute;top:0;left:0;} .PhotoList-1 li figure figcaption{height:51px;line-height:51px;text-align:center;overflow:hidden;font-size:14px;display:block;} .PhotoList-1 li .tips_browse{width:100%;position:absolute;overflow:hidden;top:50%;bottom:50%;background:url(../images/heibg.png) repeat left top;} .PhotoList-1 li .tips_browse i{width:22px;height:22px;position:absolute;top:50%;left:50%;margin-top:-11px;margin-left:-11px;background:url(../images/icon_fd.png) no-repeat left top;} /*照片列表*/ .PhotoList-2{float:left;width:100%;} .PhotoList-2 li{float:left;width:40.46%;margin-right:3.85%;margin-left:4.35%;} .PhotoList-2 li figure .photo{width:100%;position:relative;overflow:hidden;padding-top:136.5%;background-color:#1a1a1a;display:block;} .PhotoList-2 li figure .photo img{position:absolute;top:0;left:0;} .PhotoList-2 li figure figcaption{height:51px;line-height:51px;text-align:center;overflow:hidden;font-size:14px;display:block;} .PhotoList-2 li .tips_browse{width:100%;position:absolute;overflow:hidden;top:50%;bottom:50%;background:url(../images/heibg.png) repeat left top;} .PhotoList-2 li .tips_browse i{width:22px;height:22px;position:absolute;top:50%;left:50%;margin-top:-11px;margin-left:-11px;background:url(../images/icon_fd.png) no-repeat left top;} #Introduction ._companypic{width:100%; } } /*选项卡*/ .Tab{text-align:center;padding-top:1.98%;padding-bottom:1.98%;} .Tab a{width:148px;height:40px;line-height:40px;font-size:14px;color:#f04702;margin-right:10px;margin-left:10px;border:1px solid #f44609;display:inline-block;} .Tab a.change{color:#fff;background-color:#f04702;} /*- - - - - - - - -样式属03产品.html - - - - - - - -*/ /*筛选*/ #Filter{line-height:1.57;font-size:14px;margin:34px auto 0px auto;} #Filter dl{width:100%;position:relative;padding-left:8.46%;} #Filter dl dt{width:7.00%;text-align:right;position:absolute;left:0px;} #Filter dl dd{margin-bottom:1.50%;} #Filter dl dd a{margin-right:12px;margin-bottom:6px;padding-right:9px;padding-left:9px;display:inline-block;} #Filter dl dd a:hover,#Filter dl dd a.change{color:#fff;background-color:#f04702;text-decoration:none;} #Filter .Filter_nr{padding-top:1.32%;border:1px solid #dfdfdf;} /*产品列表*/ #ProductList .PartTitle{margin-top:1.40%;} @media screen and (min-width:1701px) { #ProductList .ProductList li:nth-child(4n){margin-right:0px;} } /*翻页*/ .pages{line-height:38px;text-align:center;padding-top:3.12%;padding-bottom:3.12%;} .pages a{margin-right:9px;padding-right:14px;padding-left:14px;background-color:#ededed;display:inline-block;} .pages a:hover{color:#fff;background-color:#f04702;} .pages a.change{color:#fff;background-color:#f04702;} .pages a.btn{color:#fff;background-color:#f04702;} /*- - - - - - - - -样式属04产品详细.html - - - - - - - -*/ /*产品照片*/ #ProductPhoto{margin:0 auto;} #ProductPhoto h1{line-height:1.68;text-align:center;font-size:28px;font-weight:normal;margin-top:1.98%;margin-bottom:1.98%;} /*图片浏览*/ #pictureBrowse{width:1541px;position:relative;overflow:hidden;margin:20px auto 0px auto;padding:0px 0px 0px 0px;} #pictureBrowse .piclists li img{visibility:hidden;} /* tFocus */ #tFocus-btn li.active,#tFocus-leftbtn,#tFocus-rightbtn{display:block;} #tFocus{width:1541px;margin:0px auto 0px auto;z-index:6000;} #tFocus-pic{width:1539px;height:665px;position:relative;overflow:hidden;margin-bottom:40px;border:1px solid #e0e0e0;} #tFocus-pic li{width:1539px;height:665px;text-align:center;position:absolute;top:0;left:0;background:#fff;} #tFocus-pic li span{width:0;height:100%;overflow:hidden;vertical-align:middle;display:inline-block;} #tFocus-pic li img{max-width:1539px;max-height:665px;} /**/ #tFocusBtn{width:1541px;height:135px;position:relative;overflow:hidden;margin-top:10px;z-index:20;} #tFocus-btn{height:90px;position:relative;overflow:hidden;margin:0 auto;padding-top:5px;padding-bottom:5px;display:block;} #tFocus-btn ul{width:100000px;position:absolute;top:0;left:0;} #tFocus-btn li{float:left;width:80px;height:80px;text-align:center;position:relative;overflow:hidden;margin-right:20px;border:1px solid #dcd8d9;cursor:pointer;display:inline;} #tFocus-btn li i{width:23px;position:absolute;color:#fff;top:0;left:0;border-radius:0 0 3px 0;display:none;} #tFocus-btn li img{width:80px;height:80px;max-width:90px;max-height:90px;visibility:visible;opacity:0.5;} #tFocus-btn li.active{width:80px;height:80px;border:2px solid #d84f21;} #tFocus-btn li span{width:0;height:100%;overflow:hidden;vertical-align:middle;display:inline-block;} #tFocus-btn li.active img{opacity:1;} /*按钮*/ #tFocus-leftbtn,#tFocus-rightbtn{float:left;width:49px;height:49px;position:absolute;text-indent:-9999px;top:294px;background:url(../images/arrows2.png) no-repeat left top;z-index:1000;} #tFocus-leftbtn{left:0px;background-position:left top;z-index:1500;} #tFocus-leftbtn:hover{background-position:left bottom;} #tFocus-rightbtn{right:0px;background-position:right top;} #tFocus-rightbtn:hover{background-position:right bottom;} /*产品介绍*/ #ProductJieshao{position:relative;margin:0 auto;margin-bottom:5.67%;} #ProductJieshao .center{position:relative;} #ProductJieshao .btn_back{width:80px;height:38px;line-height:38px;text-align:center;position:absolute;top:0px;right:0px;background-color:#e1e1e1;} #ProductJieshao .btn_back:hover{color:#fff;background-color:#f04702;} /*表格样式*/ .tableStyle{line-height:32px;border-top:1px solid #d1d1d1;border-left:1px solid #d1d1d1;} .tableStyle tr td{text-align:center;border-right:1px solid #d1d1d1;border-bottom:1px solid #d1d1d1;} .tableStyle tr th{line-height:43px;font-weight:normal;color:#656565;background-color:#ededed;border-right:1px solid #d1d1d1;border-bottom:1px solid #d1d1d1;} /*选项卡2*/ .Tab2{float:left;width:100%;overflow:hidden;margin-bottom:20px;border-bottom:1px dotted #d4d4d4;} .Tab2 li{float:left;margin-right:2px;} .Tab2 li a{float:left;width:149px;height:37px;line-height:37px;text-align:center;background-color:#e1e1e1;} .Tab2 li a:hover,.Tab2 li.change a{color:#fff;background-color:#f04702;} /*- - - - - - - - -样式属05新闻.html - - - - - - - -*/ /*新闻列表*/ #NewsList{width:1538px;margin:0 auto;} @media screen and (min-width:751px) { /*新闻*/ .news{height:223px;position:relative;padding-top:32px;padding-right:335px;padding-bottom:32px;border-bottom:1px solid #ebebeb;} .news .photo{float:left;width:340px;height:223px;margin-right:47px;background:#333;} .news h5{height:41px;line-height:41px;overflow:hidden;font-size:16px;font-weight:normal;padding-top:19px;} .news p{height:46px;line-height:23px;overflow:hidden;color:#9f9f9f;} .news time{position:absolute;font-size:21px;color:#9f9f9f;top:60px;right:136px;} .news .icon_arrow{width:16px;height:9px;position:absolute;right:146px;bottom:80px;background:url(../images/arrow.gif) no-repeat left top;} .hover_news{box-shadow:0 0 14px rgba(0,0,0,0.2);} .hover_news h5 a{color:#ee2130;} } @media screen and (max-width:1700px) and (min-width:751px) { .news{height:175px;padding-top:24px;padding-right:261px;padding-bottom:24px;} .news .photo{width:265px;height:175px;margin-right:36px;} .news time{font-size:16px;top:46px;right:106px;} .news .icon_arrow{right:113px;bottom:62px;} } @media screen and (max-width:1300px) and (min-width:751px) { } @media screen and (max-width:1100px) and (min-width:751px) { .news{height:175px;padding-top:24px;padding-right:91px;padding-bottom:24px;} .news .photo{width:265px;height:175px;margin-right:26px;} .news time{font-size:16px;top:46px;right:16px;} .news .icon_arrow{right:13px;bottom:62px;} } @media screen and (max-width:750px) { .news{width:90%;margin:0px auto 15px auto;padding:10px 10px 15px 10px;border:1px solid #e3e3e3;} .news h5{line-height:2.4;font-size:16px;font-weight:normal;text-overflow:ellipsis;white-space:nowrap;} .news p{line-height:1.8;overflow:hidden;font-size:12px;color:#9f9f9f;max-height:3.6em;} .news time{font-size:12px;color:#9f9f9f;} } /*- - - - - - - - -样式属06下载.html - - - - - - - -*/ #download{} #download .center{} /*下载文件*/ .downfile{float:left;width:770px;height:307px;text-align:right;margin-right:26px;margin-bottom:40px;padding:6px;border:1px solid #efefef;margin-left:26px;} .downfile .photo{float:right;width:223px;height:307px;text-align:left;margin-left:10.15%;background-color:#1a1a1a;} .downfile h5{line-height:28px;font-size:18px;font-weight:normal;color:#2d2d2d;margin-bottom:15px;padding-top:45px;} .downfile h5 span{line-height:22px;font-size:12px;color:#9f9f9f;display:block;} .downfile p{height:40px;line-height:20px;overflow:hidden;color:#9f9f9f;margin-bottom:40px;padding-left:68px;} .downfile .btn_down{width:110px;height:32px;line-height:32px;text-align:right;display:inline-block;} .downfile .btn_down span{display:none;} .downfile .btn_down .icon_arrow{width:32px;height:7px;vertical-align:middle;background:url(../images/arrow3.png) no-repeat left top;display:inline-block;} .hover_downfile{box-shadow:0 0 14px rgba(0,0,0,0.2);} .hover_downfile h5{color:#f04702;} .hover_downfile .btn_down{text-align:center;background-color:#f04702;} .hover_downfile .btn_down span{color:#fff;display:inline-block;} .hover_downfile .btn_down .icon_arrow{position:relative;right:-6px;background-image:url(../images/arrow3_hover.png);} /*- - - - - - - - -样式属08联系.html - - - - - - - -*/ /*内容*/ #content{margin:0 auto;padding-top:3.59%;padding-bottom:2.60%;border-top:1px dotted #d4d4d4;} /*留言*/ #Message{float:left;width:39.11%;padding-left:4.92%;} #Message .form label.options{width:87.00%;position:relative;clear:both;margin-bottom:11px;display:block;} #Message .form label.options .text{width:95.52000000000001%;padding-right:1.74%;padding-left:1.74%;} #Message .form label.options2{float:left;width:42.31%;position:relative;margin-right:1.98%;margin-bottom:1.67%;display:block;} #Message .form .btn_send{width:87.00%;height:48px;line-height:48px;font-size:14px;color:#fff;margin-top:19px;background-color:#e50112;border:0;display:block;} #Message .form label textarea{width:95.52000000000001%;height:105px;line-height:1.79;overflow:auto;font-size:14px;margin-bottom:0px;padding-top:8px;padding-right:1.74%;padding-bottom:8px;padding-left:1.74%;border:1px solid #ededed;} #Message .form label textarea:focus{border-color:#e50112;} #Message .form label .text{width:92.80000000000001%;height:38px;line-height:38px;font-size:14px;margin-right:0px;padding-right:3.60%;padding-left:3.60%;border:1px solid #ededed;display:block;} #Message .form label .text:focus{border-color:#e50112;} #Message .errow_msg{line-height:38px;position:absolute;color:#f04702;right:10px;bottom:0px;} /*联系我们*/ #contact{float:right;width:40.54%;margin-right:4.50%;padding-bottom:5.40%;background:url(../images/kefupic.png) no-repeat right top;} #contact h5{height:35px;line-height:35px;overflow:hidden;font-size:18px;font-weight:normal;margin-bottom:16px;} #contact p{line-height:28px;color:#787878;margin-bottom:2px;} #contact .share{margin-top:6.62%;} #contact .share a{margin-right:7px;margin-left:7px;} #contact .share #share_weixin{position:relative;} #contact .share #share_weixin:hover{} #contact .share #share_weixin:hover .ewm{display:block;} #contact .share #share_weixin .ewm{position:absolute;bottom:30px;left:50%;margin-left:-40px;box-shadow:0 0 14px rgba(0,0,0,0.2);border:5px solid #ffffff;display:none;} /*地图*/ #map{width:1680px;height:476px;position:relative;margin:0 auto;margin-bottom:3.90%;background:#fff url(../images/loading11.gif) no-repeat center center;} #map .shop_{display:none;} .icon_share{width:27px;height:21px;background:url(../images/share_icon.png) no-repeat left top;display:inline-block;} .icon_share.icon_share1x1{background-position:0 0;} .icon_share.icon_share1x1:hover{background-position:0 -21px;} .icon_share.icon_share2x1{background-position:-27px 0;} .icon_share.icon_share2x1:hover{background-position:-27px -21px;} .icon_share.icon_share3x1{background-position:-54px 0;} .icon_share.icon_share3x1:hover{background-position:-54px -21px;} /*- - - - - - - - -样式属07工程案例.html - - - - - - - -*/ /*案例*/ @media screen and (min-width:1101px) { #case .CaseList li:nth-child(4n){margin-right:0px;} } @media screen and (min-width:751px) { /**/ .CaseList{float:left;} .CaseList li{float:left;width:400px;position:relative;margin-right:25px;margin-bottom:32px;transition:all 0.3s linear;} .CaseList li.hover_{box-shadow:0 0 14px rgba(0,0,0,0.2);} .CaseList li.hover_ .photo img{transform:scale(1.2);} .CaseList li.hover_ ._more{transition:all 0.3s ease;transform:rotate(180deg);} .CaseList li.hover_ figcaption{color:#fff;background-color:#f04702;} .CaseList .photo{width:400px;height:400px;position:relative;overflow:hidden;background:#000;display:block;} .CaseList .photo img{transition:all 0.3s linear;} .CaseList ._more{width:31px;height:31px;position:absolute;top:150%;left:50%;margin-top:-15px;margin-left:-15px;background:url(../images/icon_jia2.png) no-repeat left top;transition:all 0.3s ease-in;} .CaseList figcaption{height:68px;line-height:68px;text-align:center;overflow:hidden;} } @media screen and (max-width:1700px) and (min-width:751px) { .CaseList li{width:285px;margin-right:17px;margin-bottom:22px;} .CaseList .photo{width:285px;height:285px;} .CaseList figcaption{height:48px;line-height:48px;} } @media screen and (max-width:1300px) and (min-width:751px) { .CaseList li{width:235px;margin-right:14px;margin-bottom:18px;} .CaseList .photo{width:235px;height:235px;} .CaseList figcaption{height:39px;line-height:39px;} } @media screen and (max-width:1100px) and (min-width:751px) { .CaseList li{width:245px;margin-right:15px;margin-bottom:19px;} .CaseList .photo{width:245px;height:245px;} .CaseList figcaption{height:41px;line-height:41px;} #case .CaseList li:nth-child(3n){margin-right:0px;} } @media screen and (max-width:750px) { #case .CaseList li:nth-child(2n){margin-right:0px;} /**/ .CaseList{float:left;width:100%;} .CaseList li{float:left;width:44.44%;overflow:hidden;margin-right:2.78%;margin-bottom:3.35%;margin-left:2.40%;} .CaseList .photo{width:100%;position:relative;padding-top:100%;display:block;} .CaseList .photo img{width:100%;height:100%;position:absolute;top:0;left:0;display:block;} .CaseList figcaption{line-height:2.9;text-align:center;overflow:hidden;font-size:14px;text-overflow:ellipsis;white-space:nowrap;} } .doc_content{width:95%;line-height:2;font-size:14px;color:#4d4d4d;margin:0 auto;margin-top:1%;margin-bottom:3%;} .doc_content img{max-width:100%;} .doc_content p{margin-bottom:10px;} /*- - - - - - - - -新闻详细.html - - - - - - - -*/ /**/ .columnbox{width:1538px;margin:30px auto 30px auto;} .columnbox .content{width:1200px;min-height:400px;margin:0px auto 20px auto; line-height:24px;} .columnbox .content img{ max-width:100%;} /*文档内容*/ #docContent .content{width:1200px;min-height:400px;margin:0px auto 20px auto;} /*上一篇 下一篇*/ #prevNext{width:1200px;margin:0px auto 0px auto;} #prevNext a{float:left;width:50%;height:46px;line-height:46px;text-align:center;color:#fff;background-color:#444444;} #prevNext a:hover{background-color:#5f1d1b;color:#fff;} /*文档头部*/ .doc_header{text-align:center;margin-bottom:40px;border-bottom:1px solid #d4d4d4;} .doc_header h1{line-height:1.57;font-size:21px;font-weight:normal;} .doc_header .value{line-height:2.50;font-size:12px;color:#696969;} .doc_header .value span{margin-right:13px;margin-left:13px;} .doc_header{} .icon_val{display:inline-block;width:15px;height:15px;background:url(../images/icon_val.png) no-repeat left top;vertical-align:middle;} .icon_val.icon_val1x1{background-position:0 0;} .icon_val.icon_val2x1{background-position:-15px 0;} .icon_val.icon_val3x1{background-position:-30px 0;} @media screen and (max-width:1700px) and (min-width:751px) { .columnbox{width:95%;margin:30px auto 30px auto;} .columnbox .news_{width:85%;margin:10px auto 20px auto;} .columnbox .content{width:95%;min-height:0;} #prevNext{width:100%;margin:0px auto 0px auto;} } @media screen and (max-width:1300px) and (min-width:751px) { .columnbox{width:95%;margin:30px auto 30px auto;} .columnbox .news_{width:85%;margin:10px auto 20px auto;} .columnbox .content{width:95%;min-height:0;} #prevNext{width:100%;margin:0px auto 0px auto;} } @media screen and (max-width:1100px) and (min-width:751px) { .columnbox{width:95%;margin:30px auto 30px auto;} .columnbox .news_{width:85%;margin:10px auto 20px auto;} .columnbox .content{width:95%;min-height:0;} #prevNext{width:100%;margin:0px auto 0px auto;} } @media screen and (max-width: 850px) { .columnbox{width:95%;margin:30px auto 30px auto;} .columnbox .news_{width:85%;margin:10px auto 20px auto;} .columnbox .content{width:95%;min-height:0;} #prevNext{width:100%;} #prevNext a{width:100%;float:none;display:block;margin-bottom:1px;} .doc_header{margin-bottom:10px;} .doc_header h1{font-size:18px;} }