body,div,ul,li,h1,h2,h3,h4,h5,h6,form,input,textarea,p,th,i{margin:0; padding:0;} li,i{list-style:none;} input,textarea,select{font-family:inherit; font-weight:inherit; font-size:14px;} img{border:0;} .clear{height:0; overflow:hidden; clear:both;} dl,dt,dd{margin: 0px; padding: 0px; list-style: none; } .fl{ float:left} .fr{ float:right} body,td,th{font-size: 14px; color:#333;} a{font-size:14px; color:#333;} a:link{text-decoration:none;} a:visited{text-decoration:none;} a:hover{text-decoration:none;} body{font-family:Microsoft YaHei; font-size: 14px; min-width :1200px;} em{font-style:normal; display:block;} .w1200 { width:1200px; margin:auto;} i{ font-style:normal; display:block;} .noright{margin-right:0px !important;} .top60{ padding-top:60px;} input::-webkit-input-placeholder {color: #fff;} /*header*/ .header{ background:url(img/20181205105947_1609577407.jpg) center no-repeat; height:90px;} .h_top{} .h_top img{ margin-top:20px; float:left} .h_tope{ margin-top:30px; float:left; font-size:30px; margin-left:26px; font-weight:bold; } .h_tope span{ color:#df8f28;} .h_tope i{ font-size:14px; color: #999999; display: block; margin-top: 6px;} .h_tops img{ float:right; margin-top:20px;} /*栏目*/ .nav{background:url(img/20181027095647_1538416204.jpg) center no-repeat; height:70px;} .nav ul li{float:left; background:url(img/20181027101212_2054855273.png) 0px 16px no-repeat;} .nav ul li a{color:#fff;display:block; padding:25px 36px; font-size:15px; transition: 0.3s; } .nav ul li:hover{background:url(img/20181205110255_1154137221.jpg) !important; transition: 0.3s; } .navl1{background:url(img/20181205110255_1154137221.jpg) !important; widht:100%; height:70px; } .navl1 a{background:none !important; } .nav ul li.a_nav{background:#ffb800; widht:100%; } .nav ul li.a_nav a{background:none !important; } /* banner */ .focus {width:100%; height:600px; overflow:hidden; position:relative; } .focus ul {height:600px; position:absolute;} .focus ul li {float:left; width:100%; height:600px; overflow:hidden; position:relative; background:#fff;} .focus ul li div { overflow:hidden; width:1200px !important; height:600px; margin:auto; position:relative; } .focus ul li div dl dd{float:left;} .focus ul li div dt a{position: absolute; right: 336px; bottom: 180px; background: #df8f25; width: 102px; height: 32px; border-radius: 50px; text-align: center; line-height: 32px; display:block; color:#fff;} .focus .btnBg {position:absolute; width:100%; height:20px; left:0; bottom:0; background:#000; display:none;} .focus .btn {position:absolute; left:45%; height:6px; bottom:36px; text-align:right;} .focus .btn span {display:inline-block; _display:inline; _zoom:1; width:40px; height:12px; line-height:24px; text-align:center; _font-size:0; margin-left:5px; cursor:pointer; background:#fff; transition:all 0.5s; border-radius:10px; -webkit-border-radius:10px;} .focus .btn span.on {background:#0046ad; transition:all 0.3s; width:50px;} .focus .preNext {width:45px; height:100px; position:absolute; top:210px; background:url(img/sprite.png) no-repeat 0 0; cursor:pointer;} .focus .pre {left:0;} .focus .next {right:0; background-position:right top;} #banner{margin-top:0px; overflow:hidden;} .clear{clear:both;} .xbanner_01{top:116px; left: 22px; position: absolute;} .xbanner_02{top:120px; left:178px; position: absolute;} .xbanner_03{top:120px; left:386px; position: absolute;} .xbanner_04{top:120px; left:569px; position: absolute;} .xbanner_05{top:290px; left:0; position: absolute;} .xbanner_06{top:302px; left:190px; position: absolute;} .xbanner_07{top:302px; left:394px; position: absolute;} .xbanner_08{top:316px; left:586px; position: absolute;} .xbanner_more{} /*search*/ .search { width:100%; margin:auto; height:80px; overflow: hidden; background:#eeeeee;} .search_tu { float:right; width:19px; height:20px; margin-top:8px; overflow:hidden; } .search_tu input{ position:absolute; } #infoname{ color:#fff !important;} .search input{ position:absolute; color:#fff !important;} .search_2 {float:right; width:320px;} .search_2 input{overflow:hidden; width:324px; height:34px; padding-left:20px; line-height:34px; background:#0046ad; border:1px solid #0046ad !important; border-radius:25px; -webkit-border-radius:25px; } .zhonjian {margin-top:25px; width:383px;} .zhonjian_wenzi { line-height:88px; background:url(img/20181206102150_1031091048.png) 0px 31px no-repeat ;} .zhonjian_wenzi strong{ color:#031a44; margin-left:25px;} .inc:focus {outline:none; border: 1px solid #dddddd; } /*partner*/ .partner{ background:url(img/20181107221052_925875617.jpg) center no-repeat; height:381px;} .partner .partner_title{text-align: center; color: #fff; padding-top: 60px; background:url(img/20181107221315_1537832047.png) center 97px no-repeat;} .partner .partner_title p{ font-size:34px; font-weight:bold;} .partner .partner_ny i{ font-size:15px; display:block; margin-top:6px; letter-spacing: 2px;} .partner .partner_ny ul{ margin-top:40px; } .partner .partner_ny ul li{ float:left; margin-right:30px;} .partner .partner_ny ul .pat_1{ margin-left:34px !important;} .partner .partner_ny a{ display:block; width:132px; transition:0.3s; margin-top:40px; line-height: 40px; margin-left: 533px; background:#1361ba; color:#fff; height:42px; text-align:center;} .partner .partner_ny a:hover{ background:#df8f28; transition:0.3s;} /*product */ .prodnuct{ margin-top:60px; margin-bottom:50px; } .prodnuct_q{ background:url(img/20181029104713_469037021.png) center 25px no-repeat;} .prodnuct_t{margin-bottom:40px;} .prodnuct_t p{ font-size:34px; font-weight:900; text-align:center; color:#0046ad;} .prodnuct_t p span{ color:#df8f28; } .prodnuct_t div{ font-size:15px; color:#666666; text-align:center; margin-top:5px; } .prodnuct_t em{ background:url(img/20180913085451_1467193390.PNG) center no-repeat; margin:auto; text-transform:Uppercase; font-family:Arial, Helvetica, sans-serif; text-align:center; vertical-align:sub; font-size:18px; color:#cccccc;} /* prod */ .prod{margin-top:30px; height:860px;} .prod_l{ background:url(img/20181029094423_1313097924.png) top center no-repeat; width:256px; border-radius:5px 5px 0px 0px; text-overflow:ellipsis;white-space: nowrap; padding-bottom: 20px; height:900px} .prod_title1{height:106px;} .prod_title1 p{ font-size:26px; color:#FFF; padding-top: 24px;} .prod_title1 i{background:url(img/20181031212531_732756171.png) no-repeat; height:26px; width:33px; display:block; float:left;margin-top: 31px; margin-left: 40px; margin-right: 10px;} .prod_title1 em{ font-size:11px; display:block; margin-left:40px; text-transform:uppercase; color:#fff;margin-top: 4px;} #classimgshow1{padding-left:0px !important;border: 1px #ddd solid; margin-top: -1px; position: relative;} #classimgshow1 a{padding-left:80px;} #classimgshow1:after{content:""; display:block; width:20px; height:20px; background:url(img/20181206102022_714163374.png) left no-repeat; position: absolute; top: 20px; left: 40px; transition:0.3s;} #classimgshow1:hover:after{background:url(img/20181206102022_714163374.png) right no-repeat; transition:0.3s;} #classimgshow1:hover a{color:#df8f28; transition:0.3s;} .prod_nor {width:920px; float:right;} .prod_nor table tr td a img{border:1px #ddd solid;} .prod_nor table tr > td > a:after{content:""; position: absolute; right: 125px; bottom: -20px;} .prod_nor table tr td{margin-bottom: 20px; display: block; float: left; margin-right: 10px; position: relative;} .product_div_item_pic{position: absolute ; top: 0px;} .prod_nor > .divproduct_new_div .product_div_item_pic a img {width: 260px; height:224px; border: 1px solid #cccccc;} .prod_nor > .divproduct_new_div .divproduct_new_div_item_content { position: relative; top: 235px; text-align: center; width: 260px;} .prod_nor > .divproduct_new_div .divproduct_new_div_item_content .divproduct_new_div_item_title > a{color:#0046ad; font-weight: bold; font-size: 18px;} .prod_nor > .divproduct_new_div .divproduct_new_div_item_content .divproduct_new_div_item_body > a{font-weight: bold; color: #999;} .prod_nor > .divproduct_new_div .divproduct_new_div_item_content .divproduct_new_div_item_title > a:after{content: "了解详情"; position: absolute ; top: 50px; width: 114px; height: 40px; line-height: 40px; left: 14px; font-size: 14px; font-weight: normal; border: 1px #ccc solid; border-top-left-radius: 50px; border-bottom-left-radius: 50px; background:url(img/20181205145626_2139754459.png) 92px 16px no-repeat; text-align:left;text-indent: 22px; color:#999; transition:0.3s;} .prod_nor > .divproduct_new_div .divproduct_new_div_item_content .divproduct_new_div_item_title > a:hover:after{background:#df8f28 url(img/20181205145626_2009443444.png) 92px 16px no-repeat; color:#fff; transition:0.3s; border: 1px #df8f28 solid;} .prod_a a{content: "了解详情"; position: absolute ; top: 50px; width: 114px; height: 40px; line-height: 40px; right: 15px; font-size: 14px; font-weight: normal; border: 1px #ccc solid; border-top-right-radius: 50px; border-bottom-right-radius: 50px;background:url(img/20181205145626_2139754459.png) 92px 16px no-repeat; text-align:left;text-indent: 22px; color:#999; transition:0.3s;} .prod_a a:hover{background:#df8f28 url(img/20181205145626_2009443444.png) 92px 16px no-repeat; color:#fff; border: 1px #df8f28 solid; transition:0.3s;} .divproduct_new_div_item{float: left; width:285px; height:330px; position: relative; margin-bottom:40px;} .divproduct_new_div_item_body{ height: 44px; overflow: hidden; line-height: 22px; color: #666666; width: 180px; margin: auto; margin-top: 8px;} .divproduct_new_div_item_title{margin-top:4px;} .sublist{width:875px;} .tabcon{ float:right; margin-bottom: 40px;} .prod_lx{ text-align:center; margin-top:-1px;border: 1px #ddd solid;width: 250px;} .prod_lx img{padding-top:30px; padding-bottom:30px;} .sublist ul li table tbody tr td a img { width:285px; margin-right: 10px; margin-bottom: 20px;} .sublist > ul > li > table > tbody > tr > td{position:relative;} .sublist > ul > li > table > tbody > tr > td > span{position:absolute;top:0px;width:285px;height:209px;background:url(img/20180913143127_1522375829.png) no-repeat center; opacity: 0;visibility: hidden; -webkit-transform: translate3d(0,0,-65px) rotate3d(1,0,0,90deg);transform: translate3d(0,0,-65px) rotate3d(1,0,0,90deg); -webkit-transform-origin: 50% 0%;transform-origin: 50% 0%;-webkit-transition: all 0.4s linear;transition: all 0.4s linear; transition: 0.3s;} .sublis > ul > li > table > tbody > tr > td:hover > span{opacity: 1; visibility: visible;-webkit-transform: rotate3d(1,0,0,0deg);transform: rotate3d(1,0,0,0deg); transition: 0.3s;} .sublis ul li table tbody tr td a{display:block;} .sublis ul li table tbody tr td span a{font-size:16px;line-height:215px;text-align:center;color:#fff;} .sublis ul li table tbody tr{display:block;} /*strength*/ .strength{ margin-top:50px;background:url(img/20181205164621_937235181.jpg) center no-repeat; height:843px; } .strength_title{ background:url(img/20181029104713_469037021.png) center 85px no-repeat; padding-top:60px; } .strength_t p{ font-size:34px; font-weight:900; text-align:center; color:#fff;} .strength_t div{ font-size:15px; color:#666666; text-align:center; margin-top:5px; color:#fff;} .strength_nr{float: right; color: #fff; position: relative; top: 140px; margin-right:40px} .strength_nr .strength_nr1{ padding-left: 60px; position:relative;} .strength_nr .strength_nr1:after{content:""; height:140px; background:url(img/20181031183729_1905919278.png) no-repeat; display: block; position: absolute; width:0px; top:-28px; z-index:0; left:-52px; transition:0.3s;} .strength_nr .strength_nr1:hover:after{ left:-52px; width:615px; transition:0.3s; z-index:0; transition:0.3s;} .strength_nr .strength_nr1 i{ background:url(img/20181029114051_545750649.png) left 2px no-repeat; display:block; height:37px; width:37px; position:absolute; left:0;} .strength_nr .strength_nr2{ padding-left: 60px; margin-top: 90px; position:relative;} .strength_nr .strength_nr2:after{content:""; height:140px; background:url(img/20181031183729_1905919278.png) no-repeat; display: block; position: absolute; top:-28px; width:0px; z-index:0; left:-52px; transition:0.3s;} .strength_nr .strength_nr2:hover:after{ left:-52px; width:615px; transition:0.3s; z-index:0;} .strength_nr .strength_nr2 i{ background:url(img/20181029115519_591292363.png) left 2px no-repeat; display:block; height:37px; width:37px; position:absolute; left:0;} .strength_nr .strength_nr3{padding-left: 60px; margin-top: 90px; position:relative;} .strength_nr .strength_nr3:after{content:""; height:140px; background:url(img/20181031183729_1905919278.png) no-repeat; display: block; position: absolute; top:-28px; width:0px; z-index:0; left:-52px; transition:0.3s;} .strength_nr .strength_nr3:hover:after{ left:-52px; width:615px; z-index:0; transition:0.3s;} .strength_nr .strength_nr3 i{ background:url(img/20181029115556_1652364972.png) left 2px no-repeat; display:block; height:37px; width:37px; position:absolute; left:0;} .strength_nr p{ font-size:24px; position:relative; z-index:1;} .strength_nr span{ margin-top: 13px; display: block; position:relative; z-index:1;} .strength_nr p img{margin: 7px 15px; position:relative; z-index:1;width:202px;} .strength_nr font{ font-size:20px;} .strength_nr .strength_nr1:hover{ background:url()} /*application*/ .case{background:url(img/20181031184628_21888068.jpg) top center no-repeat; height:763px; padding-top:60px;} .case_t{background:url(img/20181031185640_1778457634.png) center 28px no-repeat;} .case_t p{ font-size:34px; font-weight:900; text-align:center; color:#0046ad;} .case_t p span{ color:#df8f28; } .case_t div{ display:block; font-size:16px; color:#666666; text-align:center; margin-top:5px;} .case_t em{ background:url(img/20180913085451_1467193390.PNG) center no-repeat; margin:auto; text-transform:uppercase; text-align:center; vertical-align:sub; font-size:18px; color:#cccccc;} .case_nr{background:#fff; height:554px; width:1200px !important; padding:20px; margin-top:30px; position:relative;} /* tabbtn */ .tabbtn{ width:260px; float:left; height:507px;} .tabbtn ul{ float:left;} .tabbtn li{position:relative; height:94px; width:280px; display:block; color:#fff; border:1px #ccc solid; margin-bottom:18px; transition:0.3s;} .tabbtn li:after{content:""; background:url(img/20181031193303_1019000387.png) no-repeat; width:67px; height:38px; display:block; position:absolute; top:32px; right:40px;} .tabbtn li span{ display:block; font-size:12px; color:#999; padding-left:100px;} .tabbtn li a{display:block;overflow:hidden; font-size:20px;cursor:pointer; color:#333; padding-top:27px; padding-left:100px; font-weight:bold;} .tabbtn li.current{ background:#0046ad; border:1px #0046ad solid; width:400px; transition:0.3s; position:relative; z-index:1;} .tabbtn li.current a{color:#fff;} .tabbtn li.current span{color:#fff;} /*more*/ .more{position:absolute; height:94px; width:280px; display:block; color:#fff; border:1px #ccc solid; transition:0.3s; bottom:20px;} .more:after{content:""; background:url(img/20181205165000_1077865424.png) no-repeat; width:39px; height:39px; display:block; position:absolute; top:30px; left: 42px;} .more span{ display:block; font-size:12px; color:#999; padding-left:100px;} .more a{display:block;overflow:hidden; font-size:20px;cursor:pointer; color:#333; padding-top:27px; padding-left:100px; font-weight:bold;} .tabbtn li.case_t_01 i{background:url(img/20181031191207_272632055.png) top center no-repeat; height:34px; width:34px; display:block; transition:0.3s; position:absolute; left:45px; top:32px;} .tabbtn li.case_t_01.current i{background:url(img/20181031191207_272632055.png) bottom center no-repeat; transition:0.3s;} .tabbtn li.case_t_02 i{background:url(img/20181031193728_608015099.png) top center no-repeat; height:40px; width:30px; display:block; transition:0.3s; position:absolute; left:45px; top:28px;} .tabbtn li.case_t_02.current i{background:url(img/20181031193728_608015099.png) bottom center no-repeat; transition:0.3s;} .tabbtn li.case_t_03 i{background:url(img/20181031193728_1635344350.png) top center no-repeat; height:39px; width:40px; display:block; transition:0.3s; position:absolute; left:40px; top:28px;} .tabbtn li.case_t_03.current i{background:url(img/20181031193728_1635344350.png) bottom center no-repeat; transition:0.3s;} .tabbtn li.case_t_04 i{background:url(img/20181031193728_390156225.png) top center no-repeat; height:39px; width:40px; display:block; transition:0.3s; position:absolute; left:40px; top:30px;} .tabbtn li.case_t_04.current i{background:url(img/20181031193728_390156225.png) bottom center no-repeat; transition:0.3s;} /* tabcon */ .tabcon{position:relative;/*必要元素*/height:553px; width:895px; float:right; overflow:hidden;} .tabcon .subbox{position:absolute;/*必要元素*/left:0;top:0;} .tabcon .sublist{height:553px;} /* leftcon */ #leftcon .subbox{width:9999em;} #leftcon .subbox .sublist{float:left;width:664px;} /* sublist */ .sublist {position:relative; height:553px; width:895px;} .sublist dl{width: 570px; height: 130px; background:url(img/20181107214603_1718787041.png); display: block; position: absolute; bottom: 50px; right: 0; color:#fff; } .sublist dl p{margin-bottom:10px;} .sublist dl p b{display: block; font-size: 28px; float: left; margin-top: 26px; padding-left: 36px;} .sublist dl p em{font-size:12px; display: block; padding-top: 46px; text-indent: 8px;} .sublist dl i{font-size:18px; padding-left: 36px;} .sublist_01 span{background:url(img/20181206113717_1562269816.jpg) center no-repeat; width:895px; height:553px; display:block; position:relative; z-index:0;} .sublist_02 span{background:url(img/20181107220105_1442196376.jpg) center no-repeat; width:895px; height:553px; display:block; position:relative; z-index:0;} .sublist_03 span{background:url(img/20181107220625_1371859309.jpg) center no-repeat; width:895px; height:553px; display:block; position:relative; z-index:0;} .sublist_04 span{background:url(img/20181107220832_122167505.jpg) center no-repeat; width:895px; height:553px; display:block; position:relative; z-index:0;} /* power */ .power{background: url(img/20181206171252_2008932736.jpg) center 146px no-repeat;height: 1160px;} .powerCon ul li h3{font-size: 24px;color: #333;} .powerCon ul li p{font-size: 14px;color:#666;margin-top: 12px;line-height: 25px;} .powerCon ul.ul01{margin-top:33px;} .powerCon ul.ul01 li{margin-bottom: 68px;} .powerCon ul.ul02{margin-top: 542px;; width:550px;} .powerCon ul.ul02 li{margin-top: 63px; text-align: right;} .powerCon ul.ul02 p.phone{font-size: 16px;color: #666;margin-top: 30px;background: url(img/20181205164933_2011209113.png) no-repeat left;height: 30px; line-height: 30px;padding-left: 40px;} .powerCon ul.ul02 p.phone span{color: #0046ad;font-size: 22px;font-family: "icomoon"; font-weight:bold; display: block; float: right; margin-right: 34px;margin-top: 4px;} .Title03 h3{color: #0046ad;font-size: 35px;font-weight: normal;position: relative;text-align: center; margin-top:50px; margin-bottom:40px; font-weight:bold;} .Title03 h3 b{font-size: 35px;color: #df8f28;font-weight: bold;} .Title03 h3 b span{font-size: 75px;font-family: "icomoon";margin: 0 5px;} .Title03 h3 i{font-size: 14px; font-weight: normal; color: #999; text-transform: uppercase; margin-top:-4px; letter-spacing:1px;} /* powe */ /*about*/ .about { background: url(img/20181031201332_1931420360.jpg) center no-repeat; height: 494px; } .about i{font-size:30px; font-weight:bold; color:#fff; text-transform:uppercase; opacity:0.3;} .about dl dd { float: left; width: 620px; } .about dl dt { float: right; padding-top: 30px; } .about dl dt img { float: right; margin-top: 25px; border: 15px #fff solid; border-radius:5px; width: 475px; } .about dl dd p { font-size: 24px; font-weight: bold; padding-top: 75px; color: #fff; } .about dl dd p img { opacity: 0.2; margin-top: -20px; padding-bottom: 5px; } .about_xt { height: 3px; background: #df8f28; width: 70px; margin-top: 20px; margin-bottom: 20px; } .about dl dd p span { color: #df8f28; } .about dl dd span { line-height: 30px; color: #fff; } .about_zx { background:#fff; width: 145px; height: 42px; margin-top: 30px; border-radius:50px; text-align:center; line-height:42px; color:#0046ad; transition:0.3s; } .about_zx:hover{background:#df8f28 !important; color:#fff; transition:0.3s;} /*news*/ .news { height: 510px; padding: 50px 0px; } .news .m_zx { width: 370px; margin-right: 44px; float: left; } .news .last { margin-right: 0; } #coleexx{margin-top: 23px; margin-left: 20px;} .news h2 { height: 76px; line-height: 76px; font-size: 16px; font-weight: bold; margin-bottom: 23px; background: url(img/20181206101557_983213973.jpg) no-repeat 18px bottom; position: relative; left: -18px; padding-left: 18px; } .news h2 a { color: #222222; font-size: 16px; } .news h2 a:hover { color: #0046ad; font-size: 16px; } .news h2 em { font-size: 16px; color: #adadad; font-family: arial; font-weight: normal; display: inline-block; padding-left: 5px; } .news h2 span a { font-size: 14px; color: #adadad; font-weight: normal; } .news h2 span a:hover { font-size: 14px; color: #ff6724; font-weight: normal; } .m_zxcc { border: 1px solid #e3e3e3; height: 200px; padding: 14px 20px 0 25px; } .news .u_lst4 li { height: 35px; line-height: 35px; border-bottom: 1px dashed #e3e3e3; background: url(../uploadfile/image/20170628/20170628172941_1334180697.jpg) no-repeat 0 12px; overflow: hidden; font-size: 13px; } .news .u_lst4 li a { color: #666 } .news .u_lst4 li a:hover { color: #0046ad } .news .u_lst4 .lastli { border-bottom: none; } .news .more2 { display: inline-block; margin-top: 28px; width: 132px; height: 36px; line-height: 36px; background: #0046ad; text-align: center; font-size: 14px; color: #fff; transition:0.3s; } .news .more2 a { color: #fff; display: block; transition:0.3s; } .news .more2 a:hover { color: #fff; background: #df8f28; transition:0.3s; } .news .u_lst4 li:last-child { border-bottom: 0; } .wend { float: left; margin-right: 0; padding-left: 16px; width: 354px; height: 510px; background: #f5f5f5; } .wend h2 { left: 0; margin-bottom: 0; } .divdgweb_new_div_item_content { border-bottom: 1px dashed #ccc; padding: 22px 0 0 0; margin-right: 25px; } .wend .lastdl { border-bottom: none; } .divdgweb_new_div_item_title { height: 29px; padding-left: 30px; line-height: 29px; background: url(img/20181206101651_2078941598.jpg) no-repeat left top; font-size: 14px; color: #333333; overflow: hidden; font-weight: bold; } .divdgweb_new_div_item_title a { color: #333333; } .divdgweb_new_div_item_title a:hover { color: #0046ad } .divdgweb_new_div_item_body { padding-left: 30px; background: url(img/20181206101650_1572788752.jpg) no-repeat left top; line-height: 25px; color: #666; height: 75px; font-size: 13px; overflow: hidden; } /* footer */ .nyfooter { margin-top: 30px; } .footer { background: #333; height: 350px; margin-top: 45px; } .nyfooter { margin-top: 30px !important; } .footer a { color: #ccc; } .footer_nr { padding-top: 50px; } .footer_k1 { width: 245px; } .footer_k1 p { margin-bottom: 20px; } .footer_zx a { color: #fff; } .footer_hg { width: 20px; height: 2px; background: #fff; margin: 15px 0px 10px 0px; transition: 0.3s; } .footer .footer_k2 a { color: #999; } .footer .footer_k2 a:hover { color: #999; } .footer_k2 { color: #999; width: 520px; } .footer_k2 p { color: #eee; font-size: 16px; } .footer_k2 li { line-height: 30px; } .footer_k2:hover .footer_hg { width: 65px; transition: 0.3s; background: #df8f28; } .footer_k3:hover .footer_hg { width: 65px; transition: 0.3s; background: #df8f28; } .footer_k4:hover .footer_hg { width: 65px; transition: 0.3s; background: #df8f28; } .footer_k3 { width: 200px; } .footer_k3 p { color: #eee; font-size: 16px; } .footer_k3 li { width: 130px; color: #ccc; line-height: 30px; } .footer_k3 a { color: #999; } .footer_k4 { color: #eee; font-size: 16px; float: right; } .footer_k4 span { display: block; font-size: 12px; text-align: center; margin-top: 5px; } .footer_k4 img { margin-top: 7px; } .footer_ms { text-align: center; background: #222; height: 50px; line-height: 50px; color: #999; } .footer_ms a { color: #999; } .footer_img1 { margin-left: 30px; } .friendlink { margin-top: 20px; width: 270px; margin-left: auto; } .friendlink .fri_L { background: url(img/20180131174232_1655916532.png) no-repeat; width: 77px; height: 28px; float: left; color: #e4e4e4; font-size: 17px; letter-spacing: 1px; padding: 6px; text-align: center; } .friendlink .fri_R { height: 50px; display: block; float: right; width: 181px; background: #e4e4e4; } .friendlink .linkTagcs { width: 281px; max-height: 50px; background: #666 url(img/20181206101735_1345740353.jpg) top right no-repeat; overflow: hidden; transition: 0.3s all; } .friendlink .linkTagcs:hover { max-height: 200px; overflow-x: hidden; overflow-y: auto; } .friendlink .linkTagcs li { float: none; line-height: 50px; text-align: left; text-indent: 10px; } .friendlink .linkTagcs li a { display: block; color: #ccc; } .friendlink_tp2 { margin-left: 3px; } .friendlink_tp2:hover { background-position: 0px -50px; transition: all 0.5s; } .friendlink_tp2_nr { display: none; transition: all 0.5s; } .qqwxewm a:hover .friendlink_tp2_nr { display: block !important; position: absolute; transition: all 0.5s; top: -38px; left: -30px; } .friendlink_tp2_nr img { width: 60px; } .friendlink_tp3:hover { background-position: 0px -50px; transition: all 0.5s; } .qqwxewm { margin-top: 20px; position: relative; } .friendlink_tp3_nr { display: none; transition: all 0.5s; } .qqwxewm a:hover .friendlink_tp3_nr { display: block !important; position: absolute; transition: all 0.5s; top: -38px; left: 16px; } .friendlink_tp3_nr img { width: 60px; } /* 右侧按钮 */ .side{position:fixed;width:54px;height:275px;right:0;top:214px;z-index:100;} .side ul li{width:54px;height:54px;float:left;position:relative;border-bottom:1px solid #444;transition:all 0.5s;} .side ul li .sidebox{position:absolute;width:54px;height:54px;top:0;right:0;transition:all 0.3s;background:#000;opacity:0.8;filter:Alpha(opacity=80);color:#fff;font:14px/54px "微软雅黑";overflow:hidden;} .side ul li .sidebox1{position:absolute;width:54px;height:54px;top:0;right:0;transition:all 0.3s;background:#000;opacity:0.8;filter:Alpha(opacity=80);color:#fff;font:14px/54px "微软雅黑";overflow:hidden;} .side ul li .sidetop{width:54px;height:54px;line-height:54px;display:inline-block;background:#000;opacity:0.8;filter:Alpha(opacity=80);transition:all 0.3s;} .side ul li .sidetop:hover{background:#f60;opacity:1;filter:Alpha(opacity=100);} .side ul li img{float:left;} .side ul li .sidebox_ewm{position:absolute;width:54px;height:54px;top:0;right:0;transition:all 0.3s;background:#000;opacity:0.8;filter:Alpha(opacity=80);color:#fff;font:14px/54px "微软雅黑";overflow:hidden;} .side ul .sidebox_ewmbox:hover{width:54px;height:210px !important;} .side ul .sidebox_ewmbox p{transition:all 0.5s; left:5px; top:0px;} .side ul .sidebox_ewmbox:hover p{display: block; position: relative; left:5px; top: 0px;transition:all 0.5s;} .side ul .sidebox_ewmbox img{margin-left:0px;transition:all 0.5s;}