/* AB模版网 做最好的织梦整站模板下载网站 */ /* 模版源码:Www.AdminBuy.Cn */ /* 仿站:Fang.AdminBuy.Cn */ /* 图标:Sc.AdminBuy.Cn 专业图标素材网站 */ /* QQ:9490489 */ @charset "utf-8"; /* CSS Document */ /* search */ .search { width: 100%; overflow: hidden; height: 43px; } .search .Input { width: 317px; height: 28px; border: 1px solid #e1e1e1; overflow: hidden; float: left; margin-top: 7px; } .search .Input input { width: 280px; height: 28px; line-height: 28px; text-indent: 10px; padding-right: 5px; font-size: 13px; border: none; outline: none; float: left; } .search .Input a { border-left: 1px solid #e1e1e1; display: block; float: right; width: 31px; height: 20px; margin-top: 4px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .search p { float: left; width: 50%; height: 43px; line-height: 43px; margin-left: 36px; } .search p a { font-size: 13px; color: #666666; margin-right: 24px; } .search p span { color: #333333; font-size: 13px; font-weight: bold; } .search form{ width: 32%; overflow: hidden; float: left; margin-top: 7px; border: 1px solid #e1e1e1; } .cpkey{ line-height: 28px; text-indent: 10px; padding-right: 5px; font-size: 13px; width: 250px; border: none; } .search img{ border-left: 1px solid #ccc; padding-left: 5px; } /* banner .banner{overflow: hidden;width: 100%;overflow: hidden;background: url(../images/banner.jpg) no-repeat center;height: 507px;} .banner .container{position: relative;height: 507px;} .banner .list{width: 100%;overflow: hidden;text-align: center;position: absolute;bottom: 26px;left: 0;} .banner .list span{display: inline-block;width: 40px;height: 3px;background: #a2a9ad;margin-right: 12px;} .banner .list span{*display: inline;} .banner .list span.cur{background: #0093d5;}*/ .banner { overflow: hidden; width: 100%; overflow: hidden; height: 507px; } #flashs { position: relative; height: 507px; overflow: hidden; } #flashs .bgitem { z-index: 1; position: absolute; top: 0; } #flashs .btn { overflow: hidden; width: 100%; position: absolute; left: 0; bottom: 30px; text-align: center; z-index: 999; } #flashs .btn span { display: inline-block; width: 40px; height: 3px; background: #a2a9ad; margin-right: 12px; } #flashs .btn span { *display: inline; } #flashs .btn span.cur { background: #0093d5; } /* products */ .products { width: 100%; overflow: hidden; padding-bottom: 58px; } .products .top { width: 100%; overflow: hidden; background: url(../images/casebg.png) repeat; height: 162px; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; } .products .top .title { float: left; width: 128px; height: 162px; padding: 0 46px; background: url(../images/productstitlebg.jpg) no-repeat center; } .products .top .title p { font-size: 22px; font-family: arial; text-transform: uppercase; margin-top: 26px; color: #91c6eb; } .products .top .title h2 { font-size: 32px; font-weight: bold; margin: 12px 0 28px 0; } .products .top .title h2 a { color: #fff; text-decoration: none; } .products .top .title .I2 { display: block; width: 98px; height: 2px; background: #fff; margin-top: 22px; } .products .classify { width: 980px; height: 243px; float: left; overflow: hidden; background: #fff; } .products .classify .con { width: 980px; border-left: 1px solid #e5e5e5; float: left; } .products .classify .con:first-child { border-left: none; } .products .classify .conTop { overflow: hidden; height: 75px; } .products .classify .conTop dl { overflow: hidden; height: 50px; margin-top: 25px; } .products .classify .conTop dt { float: left; width: 50px; margin-left: 44px; } .products .classify .conTop dd { width: 180px; float: left; margin-left: 11px; } .products .classify .conTop dd p { font-size: 18px; font-weight: bold; color: #0093d5; margin-top: 11px; } .products .classify .conTop dd a { color: #0093d5; text-decoration: none; } .products .classify .conTop dd i { display: block; width: 61px; height: 2px; background: #e1e1e1; margin-top: 11px; } .products .classify .conBottom { overflow: hidden; height: 71px; padding: 16px 24px 0; } .products .classify .conBottom a { float: left; background: url(../images/question-icon01.png) no-repeat left center; padding-left: 12px; font-size: 14px; color: #666666; text-decoration: none; display: block; width: 127px; margin-bottom: 10px; } .products .classify .conBottom a:hover { background: url(../images/question-icon02.png) no-repeat left center; color: #ff9900; font-weight: bold; } .products .BigCon { overflow: hidden; } .products .BigCon ul{overflow:hidden;width:1260px;} .products .BigCon li{float:left;margin-top:35px;margin-right:60px;width:360px;height:275px;} .products .BigCon li a { text-decoration: none; } .products .BigCon li span{display:block;margin:0 auto;width:360px;height:240px;overflow:hidden;} .products .BigCon li em{display:block;width:360px;height:35px;line-height:35px;font-size:14px;color:#333333;border-bottom:1px solid #cccccc;text-align:center;} .products .BigCon li img { display: block; transition: all 2s; -moz-transition: all 2s; -webkit-transition: all 2s; -o-transition: all 2s; } .products .BigCon li:hover img { transform: scale(1.5); -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -o-transform: scale(1.5); } .products .BigCon li:hover { background: #ff9900; box-shadow: 0 5px 6px #dcdcdc } .products .BigCon li:hover em { color: #fff; background: url(../images/products-icon06.png) no-repeat 254px center; } /* .question */ .question { width: 100%; overflow: hidden; background: url(../images/questionbg.jpg) no-repeat center; height: 385px; } .question .container { overflow: hidden; position: relative; height: 385px; } .question .con { width: 341px; height: 269px; background-color: #fff; position: absolute; top: 43px; right: 1px; border-radius: 5px; padding: 21px 34px; overflow: hidden; } .question .con ul { width: 100%; overflow: hidden; height: 263px; position: relative; } .question .con li { height: 43px; line-height: 43px; font-size: 14px; color: #333333; border-bottom: 1px dotted #e2e5e6; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .question .con li { color: #333333; background: url(../images/question-icon01.png) no-repeat 1px center; padding-left: 14px; text-decoration: none; } /*.question .con li:hover{background: url(../images/question-icon02.png) no-repeat 1px center;color: #ff9900;font-weight: bold;cursor:pointer;}*/ .question .con li span { color: #ff9900; font-weight: bold; } /* pro_details */ .pro_details { width: 100%; overflow: hidden; background: url(../images/pro_detailsbg.jpg) no-repeat center; height: 913px; } .pro_details .Title { width: 100%; overflow: hidden; text-align: center; padding-top: 51px; } .pro_details .Title p { text-align: center; margin-top: 14px; } .pro_details .Title p span { font-size: 18px; color: #666666; background: url(../images/pro_details_icon01.png) no-repeat left center; padding-left: 18px; margin-right: 24px; } .pro_details .con { width: 100%; overflow: hidden; height: 731px; margin-top: 34px; } .pro_details .con .menu { overflow: hidden; text-align: center; } .pro_details .con .menu li { display: inline-block; width: 181px; height: 40px; border: 2px solid #333333; line-height: 40px; text-align: center; margin-right: 14px; font-size: 18px; } .pro_details .con .menu li { *display: inline; } .pro_details .con .menu li.cur { background: #0095db; height: 44px; width: 185px; border: none; line-height: 44px; } .pro_details .con .menu li.cur a { color: #fff; } .pro_details .con .menu li a { color: #333333; text-decoration: none; display: block; } .pro_details .con .menu li:hover { background: #0095db; height: 44px; width: 185px; border: none; line-height: 44px; } .pro_details .con .menu li:hover a { color: #fff; } .pro_details .con .qieh { width: 100%; overflow: hidden; height: 620px; margin-top: 46px; } .pro_details .conBox { overflow: hidden; position: relative; height: 620px; } .pro_details .conBox img { margin: 0 auto; display: block; } .pro_details .conBox .box { overflow: hidden; position: absolute; } .pro_details .conBox .box h3 { font-size: 23px; color: #0095db; font-weight: bold; } .pro_details .conBox .box p { font-size: 16px; color: #333333; line-height: 25px; margin-top: 12px; } .pro_details .conBox .box1 { width: 262px; top: 27px; left: 48px; text-align: right; } .pro_details .conBox .box2 { width: 290px; top: 27px; left: 908px; } .pro_details .conBox .box3 { width: 202px; top: 158px; left: 19px; text-align: right; } .pro_details .conBox .box4 { width: 148px; top: 158px; left: 992px; } .pro_details .conBox .box5 { width: 230px; top: 341px; left: 0; text-align: right; } .pro_details .conBox .box6 { width: 227px; top: 342px; left: 982px; } .pro_details .conBox .box7 { width: 244px; top: 482px; left: 58px; text-align: right; } .pro_details .conBox .box8 { width: 244px; top: 482px; left: 894px; } .pro_details .conBox_yyj { overflow: hidden; position: relative; height: 620px; } .pro_details .conBox_yyj img { margin: 0 auto; display: block; } .pro_details .conBox_yyj .box { overflow: hidden; position: absolute; } .pro_details .conBox_yyj .box h3 {font-size: 24px;color: #0095db;font-weight: bold;} .pro_details .conBox_yyj .box p { font-size: 16px; color: #333333; line-height: 25px; margin-top: 12px; } .pro_details .conBox_yyj .box1 { width: 244px; top: 15px; left: 35px; text-align: right; } .pro_details .conBox_yyj .box2 { width: 290px; top: 15px; left: 908px; } .pro_details .conBox_yyj .box3 { width: 202px; top: 230px; left: 0; text-align: right; } .pro_details .conBox_yyj .box4 {width: 168px;top: 230px;left: 1000px;} .pro_details .conBox_yyj .box5 { width: 292px; top: 402px; left: 0; text-align: right; } .pro_details .conBox_yyj .box6 { width: 276px; top: 422px; left: 920px; } /* adv */ .adv { width: 100%; overflow: hidden; padding-bottom: 58px; } .adv .Title { width: 100%; background: url(../images/advtitlebg.jpg) no-repeat center; height: 137px; text-align: center; padding-top: 38px; } .adv .Title h3 { font-size: 30px; color: #fff; font-weight: normal; } .adv .Title .p1 { font-size: 40px; color: #fff; font-weight: bold; margin-top: 6px; } .adv .Title .p2 { font-size: 24px; color: #fff; width: 498px; height: 44px; line-height: 44px; text-align: center; background: #ff9900; margin: 20px auto 0; } .adv .conBox { width: 100%; overflow: hidden; padding-top: 54px; } .adv .conBox .container { overflow: hidden; position: relative; } .adv .conBox .container .pic { top: 38px; left: 562px; display: block; position: absolute; } .adv .conBox .con { overflow: hidden; } .adv .conBox .con img { display: block; float: left; } .adv .conBox .con .box { float: right; width: 527px; } .adv .conBox .con .box h3 { font-size: 26px; color: #333333; font-weight: bold; margin-bottom: 44px; } .adv .conBox .con .box h3 span { color: #ff9900; } .adv .conBox .con .box p { font-size: 16px; color: #333333; line-height: 24px; margin-bottom: 24px; background: url(../images/pro_details_icon01.png) no-repeat left 6px; padding-left: 28px; } .adv .conBox .con1 .box { padding-top: 60px; height: 343px; } .adv .conBox .con2 .box { height: 313px; width: 532px; padding-top: 18px; } .adv .conBox .con3 .box { height: 284px; width: 514px; padding-top: 26px; } .adv .conBox .con4 .box { height: 265px; width: 529px; padding-top: 32px; } .adv .conBox .con4 .box h3 { margin-bottom: 30px; } .adv .conBox .con3 .box h3 { margin-bottom: 30px; } .adv .conBox .con2 img, .adv .conBox .con4 img { float: right; } .adv .conBox .con2 .box, .adv .conBox .con4 .box { float: left; text-align: right; } .adv .conBox .con2 .box p, .adv .conBox .con4 .box p { background: url(../images/pro_details_icon01.png) no-repeat right 6px; padding-right: 28px; } /* Dz */ .Dz { width: 100%; background: url(../images/dzbg.jpg) no-repeat center; height: 206px; } .Dz .container { position: relative; height: 206px; } .Dz img { position: absolute; left: 25px; bottom: 21px; } .Dz .con { width: 417px; position: absolute; top: 60px; left: 782px; overflow: hidden; } .Dz .con .btn { width: 131px; float: left; } .Dz .con .btn a { font-size: 15px; color: #fff; display: block; height: 39px; width: 131px; line-height: 39px; text-align: center; border-radius: 4px; text-decoration: none; } .Dz .con .btn .a1 { background: #ff9900; border-bottom: 1px solid #f6dcb4; margin-bottom: 8px; } .Dz .con .btn .a2 { background: #0095db; border-top: 1px solid #b2dbef; } .Dz .con .phone {float: left;margin:4px 0 4px 67px;} .Dz .con .phone p { background: url(../images/dz-phone.png) no-repeat 3px center; font-size: 16px; color: #333333; height: 40px; line-height: 40px; padding-left: 50px; } .Dz .con .phone i {display: block;color: #0087d5;font-size: 28px;font-family: 'Myriad Pro';margin-top: 6px;} /* case */ .case { width: 100%; overflow: hidden; background: url(../images/casebg.png) repeat; padding-bottom: 64px; } .case .Title { width: 100%; overflow: hidden; text-align: center; padding-top: 53px; } .case .Title h3 { font-size: 30px; font-weight: bold; } .case .Title h3 a { color: #333; text-decoration: none; } .case .Title p { font-size: 15px; color: #999999; font-family: arial; text-transform: uppercase; margin-top: 4px; } .case .con { width: 100%; overflow: hidden; margin-top: 26px; } .case .con .menu { overflow: hidden; text-align: center; } .case .con .menu li { display: inline-block; width: 181px; height: 40px; border: 2px solid #333333; line-height: 40px; text-align: center; margin-right: 14px; font-size: 18px; } .case .con .menu li { *display: inline; } .case .con .menu li.cur { background: #ff9900; height: 44px; width: 185px; border: none; line-height: 44px; font-weight: bold; } .case .con .menu li.cur a { color: #fff; } .case .con .menu li a { color: #333333; text-decoration: none; display: block; } .case .con .menu li:hover { background: #ff9900; height: 44px; width: 185px; border: none; line-height: 44px; font-weight: bold; } .case .con .menu li:hover a { color: #fff; } .case .conBox { overflow: hidden; margin-top: 34px; } .case .conBox ul { overflow: hidden; } .case .conBox li {width: 365px;height: 361px;border: 1px solid #ededed;float: left;margin-left: 49px;overflow: hidden;background-color: #fff;} .case .conBox li:first-child { margin-left: 0; } .case .conBox li img { display: block; } .case .conBox li h3 {font-size: 16px;padding: 20px 21px;font-weight: bold;text-align:center;} .case .conBox li h3 a { color: #333333; text-decoration: none; } .case .conBox li:hover h3 a { color: #0095db; } .case .conBox li p { line-height: 20px; color: #666666; font-size: 14px; height: 40px; padding: 0 21px; overflow: hidden; text-overflow: ellipsis; } /* about */ .about { width: 100%; overflow: hidden; background: url(../images/about.jpg) no-repeat center; height: 451px; } .about .Title { overflow: hidden; margin-top: 48px; } .about .Title h2 { font-size: 34px; width: 137px; float: left; } .about .Title h2 a { color: #fff; text-decoration: none; display: block; } .about .Title h2 i { display: block; width: 98px; height: 2px; background: #fff; margin-top: 14px; } .about .Title p { float: left; font-size: 24px; color: #8dc4ea; font-family: arial; line-height: 24px; text-transform: uppercase; margin-left: 18px; margin-top: 8px; } .about dl { width: 100%; overflow: hidden; margin-top: 20px; } .about dt { float: left; width: 625px; } .about dd { width: 534px; float: right; } .about dd h3 { font-size: 18px; font-weight: bold; margin-bottom: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .about dd h3 a { text-decoration: none; color: #333333; } .about dd p { font-size: 14px; color: #666666; line-height: 24px; height: 120px; overflow: hidden; text-overflow: ellipsis; } .about dd .more { display: block; width: 137px; height: 40px; background: url(../images/aboutbtn.png) no-repeat center; line-height: 40px; text-indent: 27px; color: #fff; text-decoration: none; font-size: 15px; font-weight: bold; margin-top: 46px; } /* honor */ .honor { width: 100%; overflow: hidden; background: url(../images/honorbg.jpg) no-repeat center; height: 353px; } .honor .container {width: 1198px;} .honor .top {padding-top: 8px;padding-bottom: 8px;height: 27px;line-height: 27px;overflow: hidden;border-bottom: 1px solid #e5e5e5;} .honor .top span {float: left;background: url(../images/pro_details_icon01.png) no-repeat right center;padding-right: 22px;display: block;font-size: 18px;color: #333333;font-weight: bold;} .honor .top span a { color: #333333; text-decoration: none; } .honor .top .more {display: block;margin: 3px 0;padding-right: 20px;width: 74px;float: right;} .honor .con {overflow: hidden;margin-top: 9px;height: 240px;position: relative;} .honor .con ul {position: absolute;height: 240px;} .honor .con li {float: left;margin: 0 20px;width: 160px;height: 240px;} /* news */ .news { width: 100%; overflow: hidden; padding-top: 46px; padding-bottom: 65px; } .leftnews { width: 765px; overflow: hidden; float: left; } .leftnews .top { border-bottom: 1px solid #e0e0e0; height: 48px; } .leftnews .top ul { float: left; height: 48px; display: inline-block; } .leftnews .top ul { *display: inline; } .leftnews .top li { line-height: 48px; height: 48px; width: 171px; float: left; text-align: center; font-size: 18px; font-weight: bold; position: relative; } .leftnews .top li a { color: #666666; text-decoration: none; display: block; } .leftnews .top li i { display: none; width: 18px; height: 12px; background: url(../images/news-icon01.png) no-repeat center; position: absolute; left: 50%; margin-left: -9px; bottom: -12px; } .leftnews .top li.cur { background: #0095db; } .leftnews .top li.cur a { color: #fff; } .leftnews .top li.cur i { display: block; } .leftnews .top .more { float: right; font-size: 14px; color: #999999; font-family: arial; text-decoration: none; text-transform: uppercase; background: url(../images/news-icon03.png) no-repeat right center; padding-right: 9px; display: block; margin-top: 22px; } .leftnews .newsbox { overflow: hidden; } .leftnews .newsbox .newslist { overflow: hidden; margin-top: 27px; } .leftnews .newsbox dl { overflow: hidden; margin-bottom: 30px; } .leftnews .newsbox dt { float: left; width: 358px; } .leftnews .newsbox dd { float: left; width: 366px; float: left; margin-left: 32px; } .leftnews .newsbox dd h3 { font-size: 18px; font-weight: normal; margin-bottom: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .leftnews .newsbox dd h3 a { color: #333333; text-decoration: none; } .leftnews .newsbox dd p { font-size: 14px; color: #666666; line-height: 24px; height: 72px; overflow: hidden; text-overflow: ellipsis; } .leftnews .newsbox dd .more { font-size: 14px; color: #fff; font-weight: bold; width: 114px; height: 33px; line-height: 33px; display: block; background: url(../images/newsbtn.png) no-repeat center; margin-top: 34px; text-decoration: none; text-indent: 17px; } .leftnews .newsbox ul {height: 207px;background: #f5f5f5;overflow: hidden;padding: 0 21px;} .leftnews .newsbox li { overflow: hidden; margin-top: 15px; } .leftnews .newsbox li:first-child {} .leftnews .newsbox li a { float: left; display: block; font-size: 14px; color: #666666; width: 530px; padding-left: 28px; background: url(../images/pro_details_icon01.png) no-repeat left center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .leftnews .newsbox li span { font-size: 14px; color: #999999; float: right; } .rightnews { overflow: hidden; width: 381px; float: right; } .rightnews .top { height: 48px; line-height: 48px; border-bottom: 1px solid #e0e0e0; overflow: hidden; } .rightnews .top h3 { font-size: 18px; font-weight: bold; display: inline-block; float: left; } .rightnews .top h3 { *display: inline; } .rightnews .top h3 a { color: #666666; text-decoration: none; background: url(../images/news-icon02.png) no-repeat left center; padding-left: 26px; } .rightnews .top .more { float: right; font-size: 14px; color: #999999; font-family: arial; text-decoration: none; text-transform: uppercase; background: url(../images/news-icon03.png) no-repeat right center; padding-right: 9px; display: inline-block; } .rightnews .wenda { height: 414px; overflow: hidden; position: relative; margin-top: 2px; } .rightnews .wenda ul { overflow: hidden; height: 414px; position: absolute; top: 0; left: 0; width: 100%; } .rightnews .wenda li { height: 76px; padding-left: 19px; padding-top: 27px; } .rightnews .wenda li h3 { font-size: 16px; font-weight: bold; background: url(../images/news-q.png) no-repeat left center; padding-left: 31px; line-height: 23px; height: 23px; margin-bottom: 9px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .rightnews .wenda h3 a { color: #333333; } .rightnews .wenda p { font-size: 14px; color: #666666; background: url(../images/news-a.png) no-repeat left center; padding-left: 31px; line-height: 23px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /* link */ .link { width: 100%; overflow: hidden; background: #e9f6fc; padding: 46px 0 39px 0; } .link dl { overflow: hidden; } .link dt { float: left; padding-right: 23px; height: 50px; border-right: 1px solid #b2b8ba; } .link dt p { width: 68px; height: 18px; line-height: 17px; text-align: center; background: #0095db; color: #fff; margin: 4px 0; font-size: 16px; } .link dt span { font-size: 15px; color: #333333; font-weight: bold; } .link dd { padding-left: 30px; float: left; width: 1070px; } .link dd li{ float:left} .link dd a { font-size: 14px; color: #666666; display: inline-block; padding: 0 17px; margin-bottom: 12px; font-family: '宋体'; background: url(../images/link-icon.png) no-repeat left center; } .link dd a:first-child { padding-left: 0; background-image: none; } .link dt span a { color: #333; font-size: 17px; }