/*@import "/Skins/Default/resetcommon.css";*/ /*index.css start*/ @charset "utf-8"; /* CSS Document */ .mb10 { margin-bottom:10px;} .ml10 { margin-left:10px;} .bg { background:#FFF;} /*banner*/ .fullSlide {width:100%;position:relative;height:560px;} .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:560px;overflow:hidden;text-align:center; background-position:center top;background-repeat:no-repeat;} .fullSlide .bd li a {display:block;height:560px;} .fullSlide .hd {position:absolute; z-index:7; bottom:35px; left:47%; padding:5px 6px;} .fullSlide .hd ul {text-align:center;} .fullSlide .hd ul li{border-radius:14px;width:18px;height:18px; color:#ff8c00; background:#ff8c00; float:left; cursor: pointer;display:block;margin-left: 5px; transition:width 0.5s,height 0.5s,background 0.5s,color 0.5s; -moz-transition:width 0.5s,height 0.5s,background 0.5s,color 0.5s; /* Firefox 4 */ -webkit-transition:width 0.5s,height 0.5s,background 0.5s,color 0.5s; /* Safari and Chrome */ -o-transition:width 0.5s,height 0.5s,background 0.5s,color 0.5s; /* Opera */} .fullSlide .hd ul .on{background:#c00; color:#c00;} .fullSlide .prev,.fullSlide .next { display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:5%;z-index:1;width:40px;height:60px;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;width:81px; height:80px;} .fullSlide .prev{ background:url(img/Index/left1s.png) no-repeat;} .fullSlide .next {left:auto;right:5%;background:url(img/Index/right1s.png) no-repeat;} /**/ .bt{ text-align: center; line-height: 1; font-size: 32px; font-weight: normal;} .bt a{color: #333;} .bt a:hover{ text-decoration: none;} .bt a b{ color: #b31d1e;} .bt span{ display: block; padding-top: 12px; text-align: center; font-size: 18px; color: #666;} .aq_bj{ padding: 60px 0 30px; overflow: hidden;} .aq_bj ul{position: relative; height: 560px; margin-top: 30px; padding-top: 20px; background: url(Img/Index/aq_bg.jpg) no-repeat center 20px;} .aq_bj ul li{position: absolute; height: 150px; padding-left: ;} .aq_bj ul li strong{ display: block; line-height: 50px; padding-bottom: 10px; font-size: 18px; color: #b31d1e;} .aq_bj ul li p{width: 240px; line-height: 24px; font-size: 14px; color: #666;} .aq_bj ul li p b{ font-size: 24px; color: #333;} .aq_bj ul li.aq-li1{top: 0; left: 0; padding-left: 136px; background: url(Img/Index/ico_01.png) no-repeat left top;} .aq_bj ul li.aq-li2{top: 0; right: 0; text-align: right; padding-right: 136px; background: url(Img/Index/ico_02.png) no-repeat right top;} .aq_bj ul li.aq-li3{top: 170px; left: 0; padding-left: 136px; background: url(Img/Index/ico_03.png) no-repeat left top;} .aq_bj ul li.aq-li4{top: 170px; right: 0; text-align: right; padding-right: 136px; background: url(Img/Index/ico_04.png) no-repeat right top;} .aq_bj ul li.aq-li5{top: 340px; left: 0; padding-left: 136px; background: url(Img/Index/ico_05.png) no-repeat left top;} .aq_bj ul li.aq-li6{top: 340px; right: 0; text-align: right; padding-right: 136px; background: url(Img/Index/ico_06.png) no-repeat right top;} .pro_bj{ background: #f7f7f7; padding: 60px 0; overflow: hidden;} .pro_bj .content{ padding-top: 40px;} .pro_bj .pro-l{position: relative; width: 260px; padding: 0 12px; padding-top: 98px; padding-bottom: 7px; background: #fff; border: 4px solid #b31d1e;} .pro_bj .pro-l h2{ position: absolute; top: 0; left: 0; width: 100%; height: 80px; text-align: center; font-weight: normal; line-height: 80px; font-size: 24px; color: #fff; background: url(Img/Index/pro_t.jpg) no-repeat center top;} .pro_bj .pro-l h4{ width: 240px; height: 39px; line-height: 39px; padding: 0 10px; font-size: 16px; color: #fff; background: url(Img/Index/pro_t.png) #424242 no-repeat 226px center;} .pro_bj .pro-l h4 a{color: #fff;} .pro_bj .pro-l ul{ padding: 6px 0; overflow: hidden;} .pro_bj .pro-l ul li{ padding-left: 12px; font-size: 14px; line-height: 40px; } .pro_bj .pro-l .pro-ul3 li{ float: left; width: 70px;} .pro_bj .pro-l .pro-ul2 li{ } .pro_bj .pro-l .pro-ul5 li{ float: left; width: 110px;} .pro_bj .pro-l .pro-ul6 li{ float: left; width: 110px;} .pro_bj .pro-l .pro-ul4 li{ float: left; width: 110px;} .pro_bj .pro-l ul li a{color: #666;} .pro_bj .pro-l ul li a:hover{color: #ee6b00;} .pro_bj .pro-r{ width: 896px; position: relative;} .pro_bj .pro-r .pro-all{ height: 60px; background: #424242;} .pro_bj .pro-r .pro-all li{ float: left; font-size: 16px; line-height: 60px; padding: 0 37px;} .pro_bj .pro-r .pro-all li.cur{ background: #b31d1e;} .pro_bj .pro-r .pro-all li a{color: #fff;} .pro-r .more{ position: absolute; right: 14px; top: 18px; width: 86px; height: 28px; line-height: 28px; text-align: center; font-size: 14px; color: #fff; background: #b31d1e; border-radius: 4px;} .pro-cont{ margin-top: 20px;} .pro-cont dl{ height: 474px; margin-bottom: 20px; overflow: hidden;} .pro-cont dl dt{ float: left; width: 590px;} .pro-cont dl dt img{width: 590px;height: 474px;} .pro-cont dl dd{ position: relative; float: right; width: 225px; height: 444px; padding: 30px 24px 0 35px; background: #fff;} .pro-r .pro-ss{position: absolute; top: 44px; left: -15px; display: block; width: 15px; height: 74px; background: url(Img/Index/pro_ss.png) no-repeat center top;} .pro-cont dl dd p{line-height: 36px; font-size: 14px; color: #333;height: 216px; overflow:hidden;} .pro-cont dl dd p span{ color: #666;} .pro-cont dl dd em{ display: block; padding-top: 10px; overflow: hidden;} .pro-cont dl dd em a{float: left; display: block; width: 100px; height: 35px; background: #424242; line-height: 35px; font-size: 14px; color: #fff; text-align: center;}.pro-cont dl dd em a.btn2{margin-left: 10px; background: #b31d1e;} .pro-r .pro-tel{position: absolute; bottom: 42px; width: 218px; height: 71px; padding: 25px 0 0 30px; font-size: 14px; color: #fff; background:url(Img/Index/pro_tel.jpg) no-repeat center top;} .pro-r .pro-tel b{ display: block; font-size: 30px; color: #fff;} .pro-cont ul li{ position: relative; float: left; width: 285px; height: 400px; margin-right: 20px;} .pro-cont ul li.no{ margin: 0;} .pro-cont ul li span{ position: absolute; bottom: -43px; left: 0; width: 100%; font-size: 14px; text-align: center; color: #fff; line-height: 40px;background:#b31d1e; } .pro-cont ul li:hover{-moz-box-shadow:0 0 20px rgba(0, 0, 0, 0.2); -webkit-box-shadow:0 0 20px rgba(0, 0, 0, 0.2); box-shadow:0 0 20px rgba(0, 0, 0, 0.2); } .pro-cont ul li a:hover span{ color: #fff;} .pro-l .more{ display: block; width: 100%; height: 39px; line-height: 39px; background: #b31d1e; font-size: 14px; color: #fff; text-align: center;} .pic_bj{ height: 250px; position: relative; background: url(Img/Index/pic_bg.jpg) no-repeat center top;} .pic_bj .pic{ position: absolute; top: 70px; font-size: 36px; font-weight: bold; color: #fff; line-height: 1;} .pic p{ color:#b31d1e;} .pic_bj .pic span{ display: block; width: 500px; margin-top: 12px; text-align: center; line-height: 38px; font-size: 20px; color: #ff; background: #424242; } .pic_bj .pic-tel{ float: right; margin-top: 66px; width: 190px; } .pic_bj .pic-tel p{ font-size: 18px; color: #fff; line-height: 36px; margin-bottom: 6px;} .pic_bj .pic-tel p b{ display: block; font-size: 30px; font-family: arial;} .pic_bj .pic-tel a{ display: block; width: 130px; height: 35px; line-height: 35px; background: #b31d1e; font-size: 14px; color: #fff; text-align: center;} .ys_bg{ position: relative; height: 1495px; padding-top: 60px; overflow: hidden;} .ys-img{ width: 1290px; height: 1380px; margin: 20px auto 0; background: url(Img/Index/ys_bg.jpg) no-repeat center top;} .ys-cont{ position: absolute; top: 220px; left: 50%; width: 1200px; margin-left: -600px;} .ys-cont dl{ padding-left: 80px; padding-top: 20px;} .ys-cont dl dt{height: 82px; line-height: 1; font-size: 26px; color: #333; } .ys-cont dl dt b{ color: #b31d1e;} .ys-cont dl dt span{ display: block; color: #b8b8b8; padding-top: 8px; padding-bottom: 16px; font-size: 18px; font-family: arial; text-transform:Uppercase; background: url(Img/Index/ys_br.png) no-repeat center bottom;} .ys-cont .dl_01{ position: absolute; top: 0; right: 0; background: url(Img/Index/ys_ico01.png) no-repeat left top;} .ys-cont .dl_02{ position: absolute; top: 510px; left: 0; background: url(Img/Index/ys_ico02.png) no-repeat left top;} .ys-cont .dl_03{ position: absolute; top: 980px; right: 0; background: url(Img/Index/ys_ico03.png) no-repeat left top;} .ys-cont dl dd p{ font-size: 16px; color: #666; line-height: 36px; padding-left: 30px; background: url(Img/Index/ys_ss.jpg) no-repeat left center;} .ys-cont dl dd span{ display: block; margin-left: 30px; margin-top: 20px; background: #424242; width: 405px; height: 40px; padding-left: 10px; font-size: 16px; line-height: 40px; color: #fff;} .ys-cont dl dd span b{ font-size: 24px; font-family: arial; color: #fff;} .ys-cont dl dd span a{display: block; float: right; width: 130px; text-align: center; background: #b31d1e; color: #fff;} .dz_bg{ padding: 60px 0 30px 0; background: #f7f7f7; overflow: hidden;} .dz_bg ul{ margin-top: 34px; overflow: hidden;} .dz_bg ul li{ float: left; width: 281px; height: 137px; padding-top: 100px; margin-right: 20px; text-align: center; border: 2px solid #d4d4d4;} .dz_bg ul li.no{ margin: 0;} .dz_bg ul li span{display: block; margin-bottom: 14px; font-size: 20px; line-height: 1; padding-bottom: 20px; color: #333; background: url(Img/Index/dz_s1.jpg) no-repeat center bottom;} .dz_bg ul li p{ font-size: 14px; line-height: 30px; color: #666;} .dz_bg ul li.dz_li1{ background: url(Img/Index/dz_ico1.png) no-repeat center 25px;} .dz_bg ul li.dz_li2{ background: url(Img/Index/dz_ico2.png) no-repeat center 25px;} .dz_bg ul li.dz_li3{ background: url(Img/Index/dz_ico3.png) no-repeat center 25px;} .dz_bg ul li.dz_li4{ background: url(Img/Index/dz_ico4.png) no-repeat center 25px;} .dz_bg ul li.dz_li1.cur{ background: #b31d1e url(Img/Index/dz_ico01.png) no-repeat center 25px;} .dz_bg ul li.dz_li2.cur{ background: #b31d1e url(Img/Index/dz_ico02.png) no-repeat center 25px;} .dz_bg ul li.dz_li3.cur{ background: #b31d1e url(Img/Index/dz_ico03.png) no-repeat center 25px;} .dz_bg ul li.dz_li4.cur{ background: #b31d1e url(Img/Index/dz_ico04.png) no-repeat center 25px;} .dz_bg ul li.cur{border-color: #b31d1e;} .dz_bg ul li.cur span,.dz_bg ul li.cur p{ color: #fff;} .dz_bg ul li.cur span{ background: url(Img/Index/dz_s2.jpg) no-repeat center bottom;} .dz_bg ul li a:hover{text-decoration: none;} .dz_bg .dz_tel{margin:0 auto; margin-top: 30px; background: #424242; width: 400px; height: 40px; padding-left: 10px; font-size: 16px; line-height: 40px; color: #fff;} .dz_bg .dz_tel b{font-size: 24px; font-family: arial; color: #fff;} .dz_bg .dz_tel a{ display: block; float: right; width: 130px; text-align: center; background: #b31d1e; color: #fff;} .case_bg{ padding: 30px 0; overflow: hidden;} .case_bg .case-box1{ height: 330px; margin-top: 40px; margin-bottom: 20px; overflow: hidden;} .case_bg .case-ul{ float: left; width: 285px;} .case_bg .case-ul li{position: relative; height: 65px; margin-bottom: 1px; background: #424242; font-size: 18px;} .case_bg .case-ul li a{ display: block; padding: 14px 0; padding-left: 120px; color: #fff;} .case_bg .case-ul li a:hover{ text-decoration: none;} .case_bg .case-ul li.case-li1 a{ background: url(Img/Index/yy_ico1.png) no-repeat 66px center;} .case_bg .case-ul li.case-li2 a{ background: url(Img/Index/yy_ico2.png) no-repeat 66px center;} .case_bg .case-ul li.case-li3 a{ background: url(Img/Index/yy_ico3.png) no-repeat 66px center;} .case_bg .case-ul li.case-li4 a{ background: url(Img/Index/yy_ico4.png) no-repeat 66px center;} .case_bg .case-ul li.case-li5 a{ background: url(Img/Index/yy_ico5.png) no-repeat 66px center;} .case_bg .case-ul li span{ display: block; color: #fff; font-size: 12px; font-family: arial; text-transform: Uppercase;} .case_bg .case-ul li.cur{ background: #b31d1e;} .case_bg li.cur .case-ss{position: absolute; top:18px; right: -10px; display: block; width: 10px; height: 28px; background: url(Img/Index/yy_ss.png) no-repeat center top; } .case_bg .case-img{ width: 894px; overflow: hidden;} .case_bg .case-img ul li{ width: 438px; height: 329px;margin: 0 10px 0 0;} .case_bg .case-img ul li img{ width: 438px; height: 329px;} .case_bg .case-img ul li:last-child{ margin:0;} .case-box2{ height: 240px; position: relative;} .case-box2 .case-btn{ position: absolute; top: 100px; left: 50%; width: 1340px; margin-left: -670px;} .case-box2 .case-btn a{position: absolute; display: block; width: 50px; height: 50px; background: #424242; border-radius: 50%;} .case-box2 .case-btn a:hover{ background: #b31d1e;} .case-box2 .case-btn .l-btn{ left: 0;} .case-box2 .case-btn .r-btn{ right: 0;} .case-box2 .case-cont{overflow: hidden;} .case-box2 .case-cont dl{width: 542px; padding:24px; border-radius: 8px; border: 1px solid #ececec; overflow: hidden;} .case-box2 .case-cont dl dt{ float: left; width: 191px; height: 191px;} .case-box2 .case-cont dl dd{ float: left; width: 324px; padding-top: 24px; margin-left: 18px;} .case-box2 .case-cont dl dd h4{ font-size: 18px; color: #333; padding-bottom: 4px; font-weight: normal;} .case-box2 .case-cont dl dd p{ font-size: 14px; color: #666; line-height: 30px;} .case-box2 .case-cont dl dd a{ display: block; margin-top: 6px; width: 120px; height: 35px; line-height: 35px; text-align: center; background: #b31d1e; font-size: 14px; color: #fff;} .about_bj{ padding: 74px 0; background: #f7f7f7; overflow: hidden;} .about_bj dl dt{ float: left; width: 485px; height: 365px;} .about_bj dl dd{ float: right; width: 646px; margin-top: -18px;} .about_bj dl dd h3 a{ display: block; font-weight: normal; margin-bottom: 30px; padding-top: 40px; font-size: 30px; color: #333; background: url(Img/Index/about_bt.png) no-repeat top left;} .about_bj dl dd h3 b{color: #b31d1e;} .about_bj dl dd p{ font-size: 16px; color: #333; line-height:36px;} .about_bj dl dd .about-btn{ display: block; margin-top: 12px; width: 120px; height: 35px; line-height: 35px; text-align: center; background: #b31d1e; font-size: 14px; color: #fff;} .zj02 { width:485px; height:332px; background:#b31d1e; padding:32px 0 0; } .zj_pic .bd{ margin-left:30px;} .zj_pic .bd .tempWrap{ float:left; width:426px;} .zj_pic .bd ul{} .zj_pic .bd ul li { width:426px; margin:0 auto;float:left;} .zj_pic .bd ul li a em { width:426px;display:block; text-align:center; padding:18px 0 0; font-size:18px; color:#fff; height:30px; line-height:30px; overflow:hidden;} .zj_pic .bd ul li img{width:426px; height:252px;} .zj_list { top:225px; left:345px; z-index:10;} .zj_list ul li { background:url(Img/Index/cj_ico01.png) no-repeat; width:12px; height:12px; display:block; float:left; margin-right:10px;text-indent:-9999px;} .zj_list ul li.cur,.zj_list ul li.on { background:url(Img/Index/cj_ico02.png) no-repeat;} .news_bj{ padding: 60px 0; overflow: hidden; height:570px;} .news_bj .content{padding-top: 38px; overflow: hidden;} .news_bj .news_l{width: 564px; } .news_l ul{ height: 40px; border-bottom: 1px dashed #a9a9a9; overflow: hidden;} .news_l ul li{ float: left; font-size: 24px; line-height: 1; color: #333;} .news_l ul li a{ color: #333; margin: 0 40px;} .news_l ul li a.no{ margin-left: 0;} .news_l ul li.cur a{ color: #b31d1e; font-weight: bold;} .news_cont .conts{ position: relative; padding: 24px 0; border-bottom: 1px dashed #a9a9a9; overflow: hidden; cursor: pointer;} .news_cont .conts span{ display: block; margin-right: 40px; float: left; width: 62px; font-size: 14px; text-align: center; line-height: 30px; color: #333;} .news_cont .conts span b{ display: block; font-size: 24px;} .news_cont .conts p{ float: left; line-height: 60px; font-size: 14px; color: #333;} .news_cont .conts dl{ display: none; overflow: hidden;} .news_cont .conts dl dt{ float: left; width: 176px; height: 88px;} .news_cont .conts dl dt img{width: 176px; height: 88px;} .news_cont .conts dl dd{ float: right; width: 276px;} .news_cont .conts dl dd h4{font-size: 14px; line-height: 34px; color: #333;} .news_cont .conts dl dd h4 em{ display: inline-block; width: 36px; height: 16px; line-height: 16px; text-align: center; background: #183e82; color: #fff; font-size: 12px; margin-right: 10px;} .news_cont .conts dl dd p{ font-size: 14px; line-height: 24px; color: #666;} .news_bj .news_r{ width:568px;} .news_bj .news_r h3{ line-height: 1; font-size: 24px; color: #2d2d2d; margin-bottom: 16px;}.news_bj .news_r p{width: 567px; height: 138px; margin-bottom: 6px;} .news_bj .news_r dl{ padding: 18px 0; border-bottom: 1px dashed #a9a9a9;} .news_bj .news_r dl dt{ margin-bottom: 10px; line-height: 22px; font-size: 14px; padding-left: 34px; background: url(Img/Index/w.png) no-repeat left 0px;} .news_bj .news_r dl dt a{ font-weight: bold; color: #333; } .news_bj .news_r dl dd{ font-size: 14px; color: #666; line-height: 24px; padding-left: 34px; background: url(Img/Index/d.png) no-repeat left 0px;}