/*----- Common css ------*/ .fl{float:left;} .fr{float:right;} .di{_display:inline;} .fwn{font-weight:normal;} .dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;} .w1920{width: 1920px;left: 50%; margin-left: -960px;position: relative;} .w1200{width: 1200px;left: 50%;margin-left: -600px;position: relative;} .w1100{width: 1100px;left: 50%;margin-left: -550px;position: relative;} /*头部样式*/ #header{} .toper{ height: 40px;line-height: 40px; background: #F8FCFF; color: #999; } .toper a{color: #999;} .k2{float: left;} .k2 img{padding-right: 10px;} .k1{ float: right; } .k1 a{ display: inline-block; padding: 0 5px; height: 40px; } .k1 a.cn{ background: url(../images/cn.png) 5px center no-repeat; padding-left: 30px; } .k1 a.en{ background: url(../images/en.png) 5px center no-repeat; padding-left: 30px; } .k1 a:hover{ color: #0086F9; } .top{ width: 1200px; margin: 0 auto; height: 85px; } .logo{float:left;width: 380px;padding-top: 8px;} .topLink{float:right;position: relative;z-index: 9999;width: 805px;} .translate{width:100px;position: absolute;left: 0;top:10px;z-index: 9999;} .tran-in{left:120px;} .translate li{border: 1px dashed #cccccc;line-height: 26px;text-align: left;background: #fff;} .translate li a{display: block;padding-left: 10px;background: url(../images/dot4.png) no-repeat 88% 11px;} .translate li a:hover{text-decoration: none;color:#275cea;cursor: pointer;} .translate-en{display: none;padding: 6px;padding-top:0px;} .translate li .translate-en a{padding-left: 0px;text-align: center;background: #fff;border-bottom: 1px solid #cccccc;} .translate li .translate-en a:hover{font-weight: bold;} /*搜索和热门搜索*/ .sousuo{ height: 80px; background: #fff; box-shadow: 0px 0px 15px rgba(0,0,0,0.1); } .search{width: 1200px;margin: 0 auto;padding-top: 20px;} .hotSearch{width:400px;float:left;height:40px;line-height:40px;font-weight:normal;font-size: 14px;color: #a6a6a6;} .hotSearch a{padding-right:8px;color: #a6a6a6;} .hotSearch a:hover{ color: #0086F9; } #formsearch{width:450px;float:right;background: url(../images/ss.png) right center no-repeat;} #formsearch input{height:40px;background:none;border:none;line-height:40px;float: left;outline: none;} #formsearch input#keyword{padding-left:5px;color:#999;width: 270px;} #formsearch input#s_btn{width:65px;border:none;cursor:pointer;font-size: 0;} #search-type{float: left;width:100px;height: 40px;border: 1px solid #eee;margin-right: 10px;border-radius: 5px;color: #999;} /*主体样式*/ .index_about{ margin-top: 66px; } .index_tti{ text-align: center; } .ab_ico ul{ width: 1200px; text-align: center; margin: 0 auto; margin-top: 72px; margin-bottom: 65px; } .ab_ico ul li{ width: 185px; display: inline-block; text-align: center; position: relative; /*border: 1px solid #000;*/ } .ab_ico ul li a.img{ display: block; width: 185px; height: 60px; overflow: hidden; margin: 0 auto; } .ab_ico ul li a.img2{ position: absolute; left: 0; top: 0; opacity: 0; } .ab_ico ul li:hover a.img2{ opacity: 1; } .ab_ico ul li h3 a{ display: block; font-size: 14px; padding-top: 10px; text-align: center; color: #888; font-weight: normal; } .ab_ico ul li:hover h3 a{ color: #0086F9; } .ab_con{ width: 1200px; margin: 0 auto; } .abimg{ width: 536px; height: 310px; float: left; overflow: hidden; } .abtxt{ width: 630px; float: right; } .abtxt .content{ font-size: 14px; line-height: 32px; color: #888; text-align: justify; height: 280px; overflow: hidden; } .abtxt a.abmore{ display: block; float: right; width: 90px; height: 28px; border: 1px solid #888; border-radius: 6px; line-height: 28px; text-align: center; color: #888; transition: all 0.3s; } .abtxt a.abmore:hover{ background: #0086F9; border: 1px solid #0086F9; color: #fff; } /*产品*/ .index_pro{ background: #F6F6F6; padding-top: 64px; padding-bottom: 60px; margin-top: 35px; } .pro_tab{ width: 1200px;margin: 0 auto; height: 450px; position: relative; margin-bottom: 5px; } .pro_tab .hd{ width: 250px; height: 450px; position: absolute; background: rgba(0,0,0,0.4); left: 0; top: 0; bottom: 0; z-index: 9999; } .pro_tab .hd ul{ padding-top: 25px; } .pro_tab .hd li{ height: 40px; line-height: 40px; font-size: 14px; margin-bottom: 5px; } .pro_tab .hd li a.list_item{ color: #fff; display: block; padding-left: 30px; background: url(../images/pj.png) 200px center no-repeat; } .pro_tab .hd li:hover a.list_item,.pro_tab .hd li.on a.list_item{ background:rgba(0,134,249,0.4) url(../images/pj.png) 200px center no-repeat; } .pro_tab .bd { width: 1200px; margin: 0 auto; height: 450px; /*border: 1px solid #000;*/ position: relative; } .pro_tab .bd { width: 1200px; height:450px; position: relative; overflow: hidden; } .pro_tab .prevall, .pro_tab .nextall { position: absolute; top:50%; z-index:10; } .pro_tab .prevall { left:270px; } .pro_tab .nextall { right:20px; } .pro_tab .bd ul li a.img{ display: block; width: 1200px; height: 450px; } .pro_tab .bd ul li a.img img{ width: 1200px; height: 450px; } .dian{ position: absolute; width: 950px; right: 0; bottom: 30px; height: 14px; z-index: 9999; } .dian ul{ text-align: right; padding-right: 25px; } .dian ul li{ display: inline-block; width: 14px; height: 14px; background: url(../images/dian2.png) 0 0 no-repeat; margin: 0 2px; cursor: pointer; } .dian ul li.cur{ background: url(../images/dian1.png) 0 0 no-repeat; } .pic_scroll{ width: 1200px; margin: 0 auto; margin-top: 20px; overflow: hidden; } .pic_scroll .bd ul li{ width: 220px; height: 220px; position: relative; margin-right: 25px; } .pic_scroll .bd ul li a.img img{ width: 220px; height: 220px; } .pic_scroll .bd ul li h3{ position: absolute; background: url(../images/pjt.png) 160px center no-repeat; left: 25px; bottom: 20px; font-weight: normal; height: 20px; line-height: 20px; width: 180px; } .pic_scroll .bd ul li h3 a{ display: block; font-weight: normal; color: #535353; font-size: 14px; } .pic_scroll .bd ul li a.mask{ display: block; position: absolute; left: 0; top: 0;right: 0;bottom: 0; width: 220px;height: 140px; background: rgba(0,134,249,.9); color: #fff;text-align: center; padding-top: 80px; opacity: 0; transition: all 0.3s; } .pic_scroll .bd ul li a.mask>span{ display: block; font-size: 15px; } .pic_scroll .bd ul li a.mask>div{ width: 111px; height: 29px; background: #fff; color: #1d61b9; font-size: 15px; margin: 8px auto; line-height: 29px; } .pic_scroll .bd ul li:hover a.mask{ opacity: 1; } /*为什么*/ .index_why{ margin-top: 70px; margin-bottom: 140px; } .why01{ width: 1200px; margin: 0 auto; background: url(../images/line1.png) center bottom no-repeat; padding-bottom: 35px; } .why_img{ width: 420px; margin-left: 35px; } .why_txt{ margin-left: 80px; width: 650px; } .why_bt{ height: 60px; line-height: 60px; position: relative; margin-bottom: 25px; margin-top: 25px; } .why_bt span{ display: block; font-size: 60px; color: #999; font-family: 'Impact'; position: absolute; left: 0; top: 0; } .why_bt>div{ font-size: 26px; color: #0086f9; padding-left: 80px; } .why_cont p{ background: url(../images/diab.png) left 18px no-repeat; font-size: 16px; color: #999; line-height: 44px; padding-left: 25px; } .why02{ margin-top: 50px; } .why02 .why_txt{ margin-left: 40px; width: 700px; } .why03{ margin-top: 85px; } .why03 .why_txt .why_bt{ margin-top: -10px; } .why03 .why_txt{ width: 650px; } .why03 .why_img{ margin-left: 0; } /*技术优势*/ .youshi{ width: 1200px; margin: 0 auto; margin-top: 85px; position: relative; } .youshi .hd{ height: 100px; background: url(../images/line2.png) center 75px no-repeat; margin-bottom: 65px; } .youshi .hd ul{ width: 1200px; margin: 0 auto; /*border: 1px solid #000;*/ } .youshi .hd ul li{ width: 215px; float: left; text-align: center; cursor: pointer; } .youshi .hd ul li:nth-child(1){ margin-left: -50px; } .youshi .hd ul li:nth-child(6){ margin-right: -50px; float: right; } .youshi .hd ul li h3{ font-size: 20px; color: #666; height: 45px; line-height: 1; margin-bottom: 8px; } .youshi .hd ul li span.shuzi{ display: block; width: 46px; height: 46px; background: #D3D4D9; border-radius: 50%; line-height: 46px; text-align: center; font-size: 19px; font-weight: bold;color: #fff; margin: 0 auto; } .youshi .hd ul li.on h3{ color: #0086F9; } .youshi .hd ul li.on span.shuzi{ background: #0086F9; } .youshi .bd{ width: 1200px; margin: 0 auto; } .youshi .bd ul .img{ width: 530px; height: 325px; overflow: hidden; float: left; } .youshi .bd ul .wenzi{ width: 585px; float: left; margin-left: 50px; } .youshi .bd ul .wenzi>h3{ font-size: 24px; color: #333; font-weight: normal; line-height: 1; margin-top: 30px; } .youshi .bd ul .wenzi>span{ font-size: 13px; color: #b1b2b6; text-transform: uppercase; } .youshi .bd ul .wenzi>.content{ margin-top: 25px; height: 150px; overflow: hidden; /*border: 1px solid #000;*/ font-size: 15px; line-height: 30px; color: #7b7b7b; text-align: justify; } .youshi .bd ul .wenzi>.content a{ color: #7b7b7b !important; } .youshi .bd ul .wenzi>.content a:hover{ color: #0086F9 !important; } .youshi .arrow{ position: absolute; display: block; left: 580px; top: 420px; height: 38px; } .youshi .arrow a{ display: inline-block; width: 38px; height: 38px; cursor: pointer; } .youshi .arrow a.prev{ background: url(../images/ysleft.png) 0 0 no-repeat; margin-right: 10px; } .youshi .arrow a.next{ background: url(../images/ysrgt.png) 0 0 no-repeat; } /*新闻*/ .main02{ background: #F8F8F8; padding-top: 47px; margin-top: 60px; } .index_news{ margin: 0 auto; width: 1200px; padding-bottom: 55px; } .news_con{ width: 1200px;margin: 0 auto; margin-top: 70px; } .news_left{ width: 742px; float: left; } .news_tab{ width: 742px; } .news_tab .hd ul{ position: relative; width: 742px; /*margin-bottom: 20px;*/ border-bottom: 2px solid #0086F9; } .news_tab .hd ul li{ display: inline-block; width: 110px; height: 40px; /*background: #fff;*/ line-height: 40px; text-align: center; font-size: 18px; color: #7e7e7e; margin-right: 18px; cursor: pointer; } .news_tab .hd ul li.on{ background: #0086F9; color: #fff; } .news_tab .hd ul>a{ display: inline-block; position: absolute; right: 0; top: 12px; width: 66px; height: 22px; /*background: #5FAF56;*/ text-transform: uppercase; text-align: center; line-height: 22px; color: #999; font-size: 14px; } .news_tab .bd{ background: #fff; width: 742px; height: 400px; overflow: hidden; padding-left: 40px; padding-top: 60px; padding-right: 65px; box-sizing: border-box; } .new_tj{ float: left; width: 258px; } .new_tj a.img img{ width: 258px; height: 186px; /*border: 1px solid #000;*/ } .new_tj .wenzi a{ display: block; font-size: 16px; color: #0086F9; padding-top: 15px; padding-bottom: 10px; } .new_tj .wenzi>span{ display: block; font-size: 12px; line-height: 23px; color: #767676; } dl.newst{ float: right; width: 340px; } dl.newst dt{ margin-bottom: 38px; } dl.newst dt>a{ display: block; font-size: 14px; color: #333; line-height: 1; } dl.newst dt>span{ display: block; font-size: 12px; line-height: 23px; color: #767676; margin-top: 5px; } dl.newst dt:hover>a{ color: #0086F9; } .news_rgt{ width: 418px; float: right; } .new_tit{ position: relative; border-bottom: 2px solid #0086F9; } .new_tit>span{ display: inline-block; width: 110px; height: 40px; line-height: 40px; text-align: center; font-size: 18px; margin-right: 18px; cursor: pointer; background: #0086F9; color: #fff; } .new_tit>a{ display: inline-block; position: absolute; right: 0; top: 12px; width: 66px; height: 22px; /*background: #5FAF56;*/ text-transform: uppercase; text-align: center; line-height: 22px; color: #999; font-size: 14px; } .new_rcon{ width:418px;height:400px; background: #fff; padding: 40px 60px 30px 30px; box-sizing: border-box; /*margin-top: 20px;*/ } .cjwt{width:350px;height:315px;overflow:hidden;margin: 0 auto;} #kehu{overflow:hidden;height:410px;margin:0 auto;position:relative;} #jian {height:100%;} #zheng {} #xtop{} .wenda li{padding-bottom: 25px;padding-top: 25px; background: url(../images/dotted.png) center bottom no-repeat; } .wenda li a{line-height:28px;height:28px;color:#333;display:block;background: url(../images/wen.png) no-repeat 0 50%;padding-left:35px;font-size: 14px;} .wenda li a:hover{text-decoration:none;color:#0086F9;} .wenda li span{color:#555;z-index:0;line-height:28px;display:block;background: url(../images/da.png) no-repeat 0 center;padding-left:35px;font-size: 14px;margin-top: 5px;} /*友情链接*/ .f_link{width:900px;margin:0 auto; margin-top: 35px; margin-bottom: 20px; background: url(../images/link.png) left center no-repeat; line-height: 31px; min-height: 31px; padding-left: 100px; } .f_link a{ color: #242424; padding-top: 15px; font-size: 14px; } .f_link a:hover{ color: #0086F9; } /*页面底部*/ #footer{ border-top: 1px solid #D8D8D8; padding-top: 25px; } #footer a:hover{color:#0086F9;text-decoration:none;} .foot{ width: 1000px; margin: 0 auto; padding-bottom: 25px; } .ft_logo{ float: left; width: 360px; margin-top: 30px; } .ft_lx{ width: 450px; float: left; } .ft_lx h1{ font-size: 14px; color: #2a2a2a; line-height: 35px; margin-top: 5px; } .ft_lx .content{ font-size: 15px; line-height: 28px; color: #505050; } .ft_ewm{ float: right; } .nav_foot{ height: 50px; line-height: 50px; background: #333; text-align: center; } .nav_foot a{ display: inline-block; background: url(../images/ftline.png) right center no-repeat; color: #fff; font-size: 15px; padding: 0 25px; } .copyright{ line-height: 25px; background: #333; text-align: center; color: #fff;font-size: 14px; padding-bottom: 10px; } .copyright a{ color: #fff; } /*------------内页-------------------*/ #container{width:1200px;margin:0 auto;margin-top:10px;} .prodescription{border:1px solid #e5e5e5;background:#f9f9f9;line-height:24px;padding:10px;margin-bottom:15px;text-indent:20px;} .n_banner{width:1920px;left: 50%;margin-left: -960px;position: relative;} .n_banner img{width: 100%;margin: 0 auto;} .left{width:225px;float:left;} .left .box{margin-bottom:10px;} .left .box h3{line-height:31px;padding:15px;font-weight:bold;font-family:"微软雅黑"; background:#0086F9;font-size:16px;color:#fff;} .left .box .content{padding:5px 0px;} .sort_menu h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;} .sort_product{margin-top:10px;} .sort_product h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;} .n_contact{margin-top:10px;} .n_contact h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;} .n_contact .content{padding:5px;line-height:24px;} .right{width:960px;float:right;padding-bottom:10px;} .sitemp{line-height:31px;height:31px;overflow:hidden;padding-right:10px; border-bottom: 1px dashed #333; margin-top: 5px; padding-bottom: 5px; } .sitemp h2{width:340px;float:left;line-height:31px;text-align:center;text-align:left;text-indent:15px;font-size:14px;} .sitemp .site{width:380px;float:right;text-align:right;line-height:30px;} .right .content{padding:10px;padding-top:15px;overflow:hidden;line-height: 24px;}