.width{ width: 1200px; margin: 0 auto; } .white{ color:#fff; } .white a{ color:#fff; } .white a:visited{ color:#fff; } .white a:hover{ color:#ffffff; } .blcak{ color: #000; } .blcak a{ color: #000; } .blcak a:visited{ color: #000; } .blcak a:hover{ color: #000; } .red{ color: #fff; } .red a{ color: #fff; } .red a:visited{ color: #fff; } .red a:hover{ color: red; } .fl{ float: left; } .fr{ float: right; } .action{ transition: all .4s ease; -moz-transition: all .4s ease; -webkit-transition: all .4s ease; -o-transition: all .4s ease; } .action:hover{ transition: all .4s ease; -moz-transition: all .4s ease; -webkit-transition: all .4s ease; -o-transition: all .4s ease; } /*banner*/ .rslides { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; } .rslides li { -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; } .rslides li:first-child { position: relative; display: block; } .rslides img { display: block; height:auto; border: 0; width: 100%; } .slide_container { position: relative; width: 100%; } .slide { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; } .slide li { position: absolute; width: 100%; left: 0; top: 0; } .slide_nav { position: absolute; -webkit-tap-highlight-color: rgba(0,0,0,0); top: 52%; left: 0; opacity: 0.7; z-index: 3; text-indent: -9999px; overflow: hidden; text-decoration: none; height: 61px; width: 38px; background: transparent url(../images/themes.gif) no-repeat left top; margin-top: -45px; } .slide_nav.next { left: auto; background-position: right top; right: 0; } /*header*/ .logo{ margin: 35px 0px 30px; color: #000; font-weight: bold; line-height: 35px; font-size: 30px; } .logo p{ color: #999; font-weight: normal; font-size:14px; text-transform: uppercase; } .nav{ width: 700px; text-align: right; } .tel{ margin-top: 10px; color: #202020; font-size: 16px; } .tel span{ font-family: "times new roman"; color: #ea7400; font-size: 30px; } .nav-con{ margin-top:15px; line-height:35px; } .nav-con>ul>li{ float: left; display: inline-block; position: relative; width:100px; text-align: center; line-height:35px; } .nav-con>ul>li a{ color: #202020; font-size: 15px; display: block; } .nav-con>ul>li>a>span{ color: #202020; font-size:15px; } .mobile_nav>ul{ display:table; } .nav-con .menulevel{ padding:0; z-index: 999; padding-top: 3px; } .nav-con li:hover{ background: #ea7400; border-radius: 50px; } .nav-con li:hover span{ color: #fff; } .nav-con li a#menu_selected{ background: #ea7400; border-radius: 50px; } .nav-con li a#menu_selected span{color: #fff;} .nav-con li:hover>.menulevel{ display:block;} .menulevel{ width:100%; left:0; display:none; margin:0;position: absolute; z-index: 1;top: 43px;} .menulevel li{ display:block;margin-bottom: 2px;background: rgba(100,218,211,0.8);} .menulevel li a span{color: #464646;} .menulevel li:hover{} .menulevel li:hover a span{text-decoration:none;color: #fff;font-weight: bold;} .menulevel li>.menulevel{width:100%; left:100%; top:0;} #full-screen-slider { width:100%; /*height:600px;*/ position:relative} #slides { display:block; width:100%; height:600px; list-style:none; padding:0; margin:0; position:relative} #slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute} #slides li a { display:block; width:100%; height:100%; text-indent:-9999px} #pagination { display:block; list-style:none; position:absolute; left:20%; top:480px; z-index:9900; padding:5px 15px 5px 0; margin:0} #pagination li { display:block; list-style:none; width:10px; height:10px; float:left; margin-left:15px; border-radius:5px; background:#FFF } #pagination li a { display:block; width:100%; height:100%; padding:0; margin:0; text-indent:-9999px;} #pagination li.current { background:#0092CE} /*foot部分*/ .f-nav{ background:#2e2a27; padding: 25px 0px; border-bottom: 1px solid rgba(255,255,255,0.3); } .f-nav-bg li{ float: left; text-align: center; border-right: 1px solid rgba(255,255,255,0.3); line-height: 15px; width: 199px; } .f-nav-bg li a{ color: #fff; font-size: 15px; } .footer{ padding:40px 0px; background:#2e2a27; } .f-logo{ color: #ea7400; font-size:26px; line-height:32px; margin-top:5px; font-weight: bold; } .f-logo p{ color: rgba(255,255,255,0.6); font-size:14px; text-transform: uppercase; font-weight: normal; } .f-con{ margin-left: 50px; border-left: 1px solid rgba(255,255,255,0.3); width:760px; padding-left: 50px; } .f-con li{ float: left; width:380px; color: #fff; font-size: 16px; line-height: 36px; } .wzbb{ text-align:center; padding-bottom: 10px; padding-top:10px; background: #ea7400; color: #fff; } .wzbb a{ color: #fff; } /*内页部分*/ .ny-title{ text-align: center; font-size:36px; color: #2b1e09; font-weight: bold; margin-top: 40px; line-height:40px; } .ny-title span{ color: #efefef; text-transform: uppercase; font-weight: normal; font-size:70px; color: #f3f3f3; font-family: impact; } .ny-title p{ color: #5f5f5f; text-transform: uppercase; font-weight: normal; font-size:15px; } .ny-location{ font-size: 14px; line-height: 60px; border-bottom: 1px solid #efefef; color: #2b2b2b; } .ny-location a{ color: #2b2b2b; } .ny-location img{ margin-right: 10px; } .dbg{ padding-bottom: 60px; } .dbg-bg{ background: #fff; width: 1100px; padding:30px 50px; box-shadow: 0px 5px 20px #f0f0f0; margin-top: 50px; } .ny-img img{ width: 100%; } .tpmk-img{ height:225px; overflow: hidden; } .cpnav-tit{ width: 136px; height: 106px; background: #28983a; text-align: center; padding-top: 30px; } .cpnav-tit p a{ font-size: 25px; color: #FFFFFF; font-weight: bold; } .ddsmoothmenu-v{ border: solid 2px #535353; } .ddsmoothmenu-v ul li:last-child{ border-bottom: none; } .related-list{ line-height: 50px; font-size: 14px; } .lbox-top { text-align: center; background: #006bc5; } .cp-navbot{ background: #64dad3; padding: 30px 43px; } .cp-navbot p:first-child{ font-size: 18px; color: #fff; } .cp-navbot p:first-child img { margin-right: 10px; vertical-align: middle; } .cp-navbot p:last-child { font-size: 26px; color: #fff; } #spec-n1{ height:220px; overflow: hidden; } /*首页部分*/ /*产品*/ .pro{ padding: 60px 0px; } .pro-title{ text-align: center; font-size:36px; color: #2b1e09; font-weight: bold; line-height:40px; } .pro-title span{ color: #efefef; text-transform: uppercase; font-weight: normal; font-size:70px; color: #f3f3f3; font-family: impact; } .pro-title p{ color: #5f5f5f; text-transform: uppercase; font-weight: normal; font-size:15px; } .pro-con{ margin-top: 40px; } .fenlei ul{ padding: 0; display: flex; -webkit-box-align: center; align-items: center; margin: 40px auto; } .fenlei li{ float: left; text-align: center; line-height: 50px; background: #ea7400; margin: 0px 1px; flex-grow: 1; cursor: pointer; transition: all 0.6s; } .fenlei li:hover{ background: #956500; } .fenlei li a{ color: #fff; font-size: 15px; } /*简介*/ .about{ background: url(../images/about-bg.jpg) no-repeat top center; height: 500px; padding-top: 187px; } .about-con{ width: 635px; margin-right: 50px; } .about-bt{ color: #2b1e09; font-size: 30px; font-weight: bold; } .about-diao{ color: #202020; font-size: 15px; line-height: 42px; margin-top: 30px; } /*新闻资讯*/ .news-bg{ padding: 60px 0px; } .news-title{ color: #202020; font-size: 20px; font-weight: bold; } .news-title p{ color: #b4b4b4; text-transform:uppercase; font-weight: normal; font-size: 14px; margin: 5px 0px; } .news-title span{ color: #666666; font-weight: normal; font-size: 14px; } .news-con{ margin-top:40px; } .gongsi{ width:615px; height: 326px; background: #f5f5f5; padding: 30px 40px; } .news-xn{ width: 430px; } .gs-xbt a{ color: #202020; font-size: 17px; font-weight: bold; line-height: 50px; } .gs-xnr a{ color: #555; font-size: 14px; line-height:30px; } .zixun { margin-top:20px; } .zixun li{ float: left; border-bottom: 1px dashed #ccc; width: 50%; line-height:50px; } .zixun li a{ font-size: 15px; color: #202020; } /*优势*/ .ad{ background: #ea7400; padding: 50px 0px; } .ad-title{ text-align: center; color: #FFF; font-weight: bold; font-size: 35px; width: 670px; margin: 0px auto; } .ad-title span{ color: rgba(255,255,255,0.5); font-weight: normal; line-height: 25px; font-size:14px; } .ad-con{ margin-top: 50px; } .ad-con li{ float: left; text-align: center; width:240px; padding: 0px 30px; color: rgba(255,255,255,0.7); line-height: 26px; font-size: 14px; } .ad-con li p{ font-size: 18px; line-height: 70px; font-weight: bold; color: #fff; } /*图片鼠标悬停整体旋转*/ .ad-con li img{ list-style:none; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; } .ad-con li img{ transition:All 0.8s ease-in-out; -webkit-transition:All 0.8s ease-in-out; -moz-transition:All 0.8s ease-in-out; -o-transition:All 0.4s ease-in-out; } .ad-con li:hover img{ transform: rotateY(360deg); } /*案例*/ .case{ padding: 50px 0px 80px; } .case-con{ margin-top:30px; } .yqlj{ background: #eee; padding:20px 0px; font-size: 14px; color: #2b2b2b; } /*图片列表*/ .photos-demo span{ display: inline-block; text-align: center; margin: 0 10px;width:345px;} .photos-demo span p{line-height:60px;font-size:15px;} .photos-demo span img{max-width: 100%;} .lh68{ position: absolute; top: 0; z-index: -1;} .lhbd label{ display: inline-block; max-width:80px ; width: 100%; height: 30px; line-height: 30px; margin-bottom: 0px; border-bottom: #eee dashed 1px;} .lhbd dt{ padding: 3px 0; width: 100%;} .lhbdfr{ float: right;width: 100%;} .lhbdfl{ float: left;width: 100%;} .lhbdfr label{max-width:75px ; width: 100%;} .lhbd input{ width: 57%;} .lhbdfl input{ width: 67%;} .lhbd span{font-weight: 100;} .lhbd .Content{ width: 84%;} .clear{ clear: both;} .lhbd .Content{ height:113px;} .submit{ background: #ea7400; color: #fff; display: block; width: 80px; line-height: 30px; margin: 0 auto; text-align: center; border: none;} .lh615{ line-height: 30px; margin: 0 10px; text-align: center; border: none;} .newsList{} /*联系我们单页*/ .lxwm-dy{width:400px;} .lxwm-dy li{ padding:20px 0px; border-bottom: 1px solid #efefef; font-size: 16px; line-height:30px; } .lxwm-dy li span{ font-weight: bold; font-size: 18px; color: #e7110f; } .lxwm-dy li img{ vertical-align: middle; margin-right:10px; } .page_info{text-align:center;margin-top:10px;color:#333;} .page_info span{padding:0 2px;font-weight:bold;} .page_list{height:24px;line-height:24px;text-align:center;letter-spacing:0;font-family:"Arial Black";font-size:10px;margin-top:20px;} .page_list a{display:inline-block;color:#898989;border:1px solid #e8e8e8;background:#f8f8f8;text-align:center;padding:0 8px;margin:0 1px;} .page_list a:hover{color:#fff;border:1px solid #898989;background:#898989;} .page_list a.on{color:#333;border:1px solid #ccc;background:#E5EDF2;}