@charset "utf-8"; /* CSS Document */ *{margin:0px;padding:0px;} ul{list-style-type:none;} li{ list-style:none;line-height: 35px;} img{border:0px;} a{text-decoration:none; font-size: 12px;} .clear{clear: both;} .left{float:left;} .right{float:right;} body{background:#ffffff; font-family: "微软雅黑"; font-size: 12px;overflow-x: hidden;} /* CSS Header */ #he_01{width: 100%;margin:0 auto;border-top:solid 10px #006ada;} #he_01_mid{width: 1350px;height: 136px;margin:0 auto;position: relative;} #he_01_logo{width:1000px;height: 90px;position: absolute;left: 0;top:20px;background: url(../images/logo2.png) left center no-repeat;} #he_01_logo a{display: block;width: 763px;height: 90px;} #he_01_ewm{width: 100px;position: absolute;right: 282px;top:34px;text-align: center;color: #333;font-size: 14px;line-height: 20px;} #he_01_ewm span{width: 20px;line-height: 1; display: inline-block;margin-top: 5px;} #he_01_ewm img{width: 80px;} #he_01_tel{min-width: 45px; padding-left: 55px; background: url(../images/he_01_tel.png) left center no-repeat;line-height: 25px;position: absolute;right: 0;top:30px;color: #3c3c3c;font-size: 18px;} #he_01_tel span{color: #006ada;font-size: 30px;} #he_01_tel span.a{font-family:'Impact';font-size: 36px;margin-top: 2px;display: inline-block;} #he_02{width: 100%;height: 60px;background: #006ada;margin:0 auto;} #he_02_mid{width: 1200px;height: 60px;margin:0 auto;} #he_02_mid li{width: 132px;height: 60px;line-height: 60px;text-align: center;float: left;border-right:solid 1px #0087e4;} #he_02_mid li:last-child{border-right:none;} #he_02_mid li a{display: block;color: #fff;font-size: 14px;transition:all 0.4s;} #he_02_mid li a:hover{ text-decoration:none;} #he_02_mid li.at{position:relative;} #he_02_mid li.at .aa{width:399px; position:absolute;overflow:hidden; top:60px;left:0px; text-align: center; font-size: 14px; display:none;z-index:999; } #he_02_mid li.at .aa dl dd{ width:132px; height:40px; line-height:40px; float:left;border-right: solid 1px #0087e4;border-bottom: solid 1px #0087e4;} #he_02_mid li.at:hover .aa{display:block;background:transparent;background-color:rgba(0,106,218,0.8);} #he_02_mid li.at:hover .aa a{ text-decoration:none;} #he_02_mid li a:hover{background: #df0024;} #he_03{width: 1200px;height: 550px;margin:0 auto;position: relative;} #he_03_mid{width: 1920px;height: 550px;position: absolute;top:0;left:-360px;} /*友情链接*/ .link_foote{width: 1200px; margin: 0 auto;height:35px; line-height:35px; font-size:16px; overflow:hidden; } .link_foote a{ font-size:16px; margin:0 10px;color:#313131; } .link_foote a:hover{ text-decoration:none; color:#1e5fc7; } /* CSS Footer */ #footer{width:100%;height:160px;margin:0 auto;padding:30px 0px;background: #333333;} #footer_mid{width: 1100px;margin:0 auto;height: 160px;position: relative;} #footer_nav{width: 709px;height: 45px; line-height: 45px; background: url(../images/footer_nav.png) left bottom repeat-x;position: absolute;left: 0;top:0;text-align: center;color: #747474;font-size: 14px;} #footer_nav a{padding:0px 9px;color: #747474;font-size: 14px;} .footer_ewm{width: 130px;text-align: center;line-height: 25px;color: #747474;font-size: 14px;position: absolute;right: 30px;top:0px;} .footer_ewm img{width: 130px;height: 130px;} #footer_lxwm{position: absolute;left: 0px;top:60px;line-height: 28px;color: #747474;font-size: 14px;} #footer_lxwm .sj{color: #c5c5c5; font-size: 20px;} #footer_lxwm .sj img{ vertical-align: text-bottom;} #footer_hot{position: absolute;left: 0px;top:120px;line-height: 28px;color: #747474;font-size: 14px;width: 612px;} #footer_hot span{font-weight: bold;} #footer_hot a{color: #747474;font-size: 14px;margin-right: 10px;} #footer_copyright{width: 100%;height: 40px;margin:0 auto;background: #1d1d1d;} #footer_copyright_mid{width: 1200px;height: 40px;line-height: 40px;margin:0 auto;font-size: 12px;color: #b7b7b7;position: relative;} #footer_admin{position: absolute;right: 0;top:0; text-align: right; height: 40px;line-height: 40px;font-size: 12px;color: #b7b7b7;} #footer_admin a{font-size: 12px;color: #b7b7b7;} #footer_admin a:hover{text-decoration: underline;} /*固定的悬浮窗*/ .yb_conct { position: fixed; z-index: 9999999; top: 200px; right: -127px; cursor: pointer; transition: all .3s ease; } .yb_bar ul li { width: 180px; height: 53px; font: 16px/53px 'Microsoft YaHei'; color: #fff; text-indent: 54px; margin-bottom: 3px; border-radius: 3px; transition: all .5s ease; overflow: hidden; } .yb_bar .yb_top { background: url('../images/fixCont.png') no-repeat 0 0 #006ada; } .yb_bar .yb_phone { background: url('../images/fixCont.png') no-repeat 0 -57px #006ada; } .yb_bar .yb_QQ { text-indent: 0; background: url('../images/fixCont.png') no-repeat 0 -113px #006ada; } .yb_bar .yb_ercode { /*height:200px;*/ background: url('../images/fixCont.png') no-repeat 0 -169px #006ada; } .hd_qr { padding: 0 29px 25px 29px; } .yb_QQ a { display: block; text-indent: 54px; width: 100%; height: 100%; font-size: 14px; color: #fff!important; } .news_list li { background-color:#fff; border:solid 1px #cecece; clear:both; overflow:hidden; padding:17px; margin-bottom:30px;transition:all .4s;} .news_list .img { width:24%; height:0; padding-bottom:16%; overflow:hidden; float:left; position:relative; margin-right:3%;} .news_list .img img { display:block; width:100%; height:auto;} .news_list .intro .n { font-size:20px; font-weight:normal; height:36px; line-height:36px; white-space:nowrap;text-overflow:ellipsis;overflow:hidden; color:#4e4e4e;} .news_list .intro time { font-size:14px; color:#999;} .news_list .intro .text { border-top:#999 1px dotted; overflow:hidden; padding-top:10px; margin-top:5px; color:#8c8c8c;line-height: 26px;font-size: 14px;} .news_list a:hover .n { color:#01a2ea;} .news_list li:hover{border-color:#cfcfcf;-webkit-box-shadow:0 0 10px #cfcfcf inset;box-shadow:0 0 10px #cfcfcf inset;} /* CSS Main */ #in_bg{width:100%;height: auto;background: url(../images/in_01_bg.png);padding-bottom: 40px;} #in_01{width: 100%;height: 92px;padding:40px 0;margin:0 auto;border-bottom: solid 1px #d9d9d7;} #in_01_mid{width: 1200px;height: 92px;margin:0 auto;position: relative;background: url(../images/in_01_pr.png) left center no-repeat;} #webchat{width: 92px;height: 92px;position: absolute;right: -40px;top:0;} #webchat img{width: 100%;} #in_01_search{width: 397px;height: 72px; padding:10px 30px; border:solid 1px #d9d9d7; border-top: none; border-bottom:none; position: absolute;left: 420px;top:0;} #search{ width: 397px;height: 41px; background: url(../images/search_bg.png) center no-repeat;margin:0 auto;} #search #search_name{ width: 357px; height: 31px; line-height: 31px; float: left; margin-top:5px; text-indent: 20px; border:none; outline: none; color: #b8b8b8;background: none;} #search #button{ width: 38px; height: 41px; float: right; cursor: pointer; background: none; border:none;} #key{width: 397px;height: 20px; line-height: 20px;font-size: 14px;color: #363636;margin:0 auto;margin-top: 8px;} #key span{font-size: 14px;color: #9f9d9e;font-weight: bold;} #key a{font-size: 14px;color: #9f9d9e;margin-right: 6px;} #share{position: absolute;left: 910px;text-indent: 85px;color: #818181;font-size: 14px;position: absolute;top:8px;} #share i{font-style: normal;color: #644e47;} .share_ul{position: absolute;left: 0;top:0;} .share_ul li{width: 30px;line-height: 30px;height: 30px;float: left;margin-right: 10px;text-indent: 0;} #share p{font-family: Impact;font-size: 35px;color: #d70000;text-indent: 0;line-height: 40px;} #in_02_title{width: 100%;height: 72px;background: url(../images/in_02_title.png) center no-repeat;margin:40px auto;} #in_02{width: 1200px;margin:0 auto;margin-top: 40px;} #in_02_l{width: 209px; float: left;} .left_title{width: 209px;height: 85px;color: #0072e6; font-weight: bold; font-size: 25px;line-height: 110px; background: url(../images/left_title.png) top left no-repeat; border-bottom: solid 5px #444444;margin:0 auto;} .left_cplb{width: 100%;margin:0 auto;margin-top: 9px;border-bottom: solid 8px #b1b1b1;} .left_cplb li{width: 100%;height: 68px; line-height: 68px; background: url(../images/left_icon.png) 26px center no-repeat; text-indent: 70px; border-bottom: dashed 1px #a6a6a4; transition:all 0.4s;} .left_cplb li a{display: block;color: #676767;font-size: 15px;} .left_cplb li:hover{background: url(../images/left_icon_hover.png) 26px center no-repeat; } .left_cplb li:last-child{border-bottom: none;} .left_title1{width: 209px;height: 68px;line-height: 70px; border-bottom: solid 5px #444444;margin:0 auto;} .left_title1 a{color: #0072e6; font-weight: bold; font-size: 25px;} #in_02_r{width: 963px; float: right;margin-top: 40px;height: 583px;overflow: hidden;} /*#in_02_r li{width: 308px;height: 270px;margin-right: 19px; float: left; background: #0072e6; border-bottom:solid 5px #0045d0; transition:all 0.4s; margin-bottom: 29px;line-height: 25px;text-align: center;} #in_02_r li img{width: 308px;height: 231px;} #in_02_r li a{display: block;color: #fff;font-size: 16px;} #in_02_r li:nth-child(3n+0){margin-right: 0;} #in_02_r li:hover{background: #e40000;border-bottom: solid 5px #c30505;}*/ .picMarquee{ width:1200px; overflow:hidden; } .picMarquee .hd{ overflow:hidden; height:0px; margin:0; } .picMarquee .bd{ padding:0px; margin:0;} .picMarquee .bd ul{ overflow:hidden; zoom:1; } .picMarquee .bd ul li{ margin:10px 20px; background: #0072e6; transition:all 0.4s;float:left; _display:inline; overflow:hidden; text-align:center; } .picMarquee .bd ul li a img{ width: 308px;height: 231px; display:block;} .picMarquee .bd ul li a .icptit { display:block;line-height:38px; height:38px; overflow:hidden; background:#0072e6; border-bottom:solid 5px #0045d0; transition:all 0.4s; color: #fff;font-size: 14px; width:100%; text-align:center;} .picMarquee .bd ul li a:hover .icptit{ background:#e40000;border-bottom: solid 5px #c30505; } .picMarquee .picList{width:310px; height:auto; float:left; } /*#picMarquee li a:hover{color:#e80000;} #picMarquee .two { display: block; width: 100%;height: 50px; } #picMarquee .two ul li { margin: 0; display: block; float: left; width: 50%;height: 40px; line-height: 40px; list-style: none; } #picMarquee .two ul li a { width: 50%;height: 40px; list-style: none; } #picMarquee .two ul li.con{ background: #ffc001; } #picMarquee .two ul li.detail{ background: #0072e6; }*/ #in_03{width: 100%;height: 410px; padding-top: 60px; background: url(../images/bg.jpg) center no-repeat;/*background: #1f1f1f;*/margin:0 auto;} #in_03_mid{width: 1200px;height: 410px;margin:0 auto;position: relative;} #in_03_r{width: 361px;height: 295px; padding:20px 30px; background: #0072e6;position: absolute;right: 0;top:0;} #in_03_rt{width: 100%;height: 20px;line-height: 20px;color: #fff;font-weight: bold;font-size: 24px;margin:0 auto;} #in_03_re{width: 100%;height: 20px;line-height: 20px;color: #fff;text-transform: uppercase;font-size: 14px;margin:12px auto;} #in_03_rh{width: 57px;height: 1px;background: #fff;} #in_03_ul{width: 100%; margin:0 auto; margin-top: 30px;} #in_03_ul li{width:178px;height: 133px;float: left;margin-right: 5px;margin-bottom: 15px;position: relative; overflow: hidden; } #in_03_ul li .in_03_bg{width: 178px;height: 133px;background: rgba(0,0,0,0.6);position: absolute;left: 0;top:0;z-index: 2;opacity: 0;transition:all 0.4s;} #in_03_ul li .in_03_view{width: 178px;height: 133px;background: url(../images/view.png) center no-repeat;position: absolute;left: 0;top:-78px;z-index: 3;opacity: 0;transition:all 0.4s;} #in_03_ul li .in_03_img{width: 178px;height: 133px;position: absolute;left: 0;top:0;z-index: 1;} #in_03_ul li .in_03_img img{width: 178px;height: 133px;} #in_03_ul li:hover .in_03_bg{opacity: 1;} #in_03_ul li:hover .in_03_view{opacity: 1;top:0;} #in_03_more{width: 100%;width: 147px;height: 36px; margin:0 auto; margin-top: 10px;} #in_03_more a{display: block; width: 147px;height: 36px;line-height: 36px; transition:all 0.s; border:solid 2px #fff;text-align: center;color: #fff;font-size: 14px; margin:0px auto;} #in_03_more a:hover{background: #fff;color: #0072e6;} #intro_img{width: 418px;height: 324px;position: absolute;left: 332px;top:0;overflow: hidden;border:solid 5px #fff;} #intro_img img {width:418px; height:324px;transition:transform 1s ease 0s;} #intro_img:hover img{transform: scale(1.05, 1.05);} #in_03_l{width: 300px;height: 371px; position: absolute;left: 0;top:0;} #in_03_l .in_t01{width: 100%;line-height: 20px;height: 20px;color: #0072e6;font-size: 18px;font-weight: bold;margin:0 auto;} #in_03_l .in_t02{width: 100%;line-height: 23px;height: 46px;color: #aab9d0;font-size: 14px;font-weight: bold;margin:0px auto;margin-top: 10px;} #in_03_l .in_t03{width: 100%;line-height: 30px;height: 30px;color: #0072e6;font-size: 30px;font-weight: bold;margin:0px auto; margin-top: 30px;} #in_03_l .in_t04{width: 100%;line-height: 20px;height: 20px;color: #666666;font-size: 14px; text-transform: uppercase;margin:0px auto; margin-top: 16px;} #in_03_l .in_t05{width: 100%;line-height: 24px;height: 120px;color: #aab9d0;font-size: 14px; margin:0px auto; margin-top: 10px;} #in_03_l .in_t06{width: 100%;width: 147px;height: 36px; margin-top: 20px;} #in_03_l .in_t06 a{display: block; width: 147px;height: 36px;line-height: 36px; /*transition:all 0.s;*/ border:solid 3px #0072e6;background: #0072e6;text-align: center;color: white; /*color: #0072e6;*/font-size: 14px; margin:0px auto; margin-top: 20px;} #in_03_l .in_t06 a:hover{background-color:rgba(0,0,0,0.8); border:solid 3px #0072e6;transition:all 0.s;/*background: #b6b6b6;*/color: #fff;} #in_04{width: 1200px;margin:30px auto;} #in_04 li{width: 563px;height: 361px;float: left;margin-right: 74px;position: relative;margin-bottom: 40px;} #in_04 li .in_04_img{width: 334px;height: 190px;float: right;overflow: hidden;} #in_04 li .in_04_img img {width:334px; height:190px;transition:transform 1s ease 0s;} #in_04 li .in_04_num{width: 219px;height: 190px;float: left;background: #0072e6;text-align: center;transition:all 0.4s;} #in_04 li .in_04_num .in_n01{padding-top: 30px;line-height: 66px; font-family: Impact;font-size: 80px;color: #fff;} #in_04 li .in_04_num span{width: 78px;height: 4px;background: #fff;display: block;margin:10px auto;} #in_04 li .in_04_num .in_n02{font-size:36px;color: #fff;line-height: 36px;font-weight: bold;} #in_04 li .in_04_title{width: 100%;height: 37px;margin:0 auto;margin-top: 20px;line-height: 37px;font-weight: bold;color: #da0000;font-size: 28px;} #in_04 li .in_04_eng{width: 100%;height: 20px;margin:0 auto;line-height: 20px;color: #b2b2b2;font-size: 12px;text-transform: uppercase;} #in_04 li .in_04_info{width: 100%;margin:0 auto;margin-top: 10px; line-height: 27px;color: #666666;font-size: 16px;} #in_04 li:nth-child(even){margin-right: 0;} #in_04 li:nth-child(3){margin-bottom: 0;} #in_04 li:nth-child(4){margin-bottom: 0;} #in_04 li:hover .in_04_num{background: #ffc000;} #in_04 li:hover .in_04_img img{transform: scale(1.05, 1.05);} #in_05{width: 100%;height: 418px;margin:0px auto;padding:40px 0;background: url(../images/in_01_bg.png);} #in_05_mid{width: 1200px;height: 418px;margin:0 auto;} #in_05_l{width: 447px;height: 410px;border-bottom: solid 8px #b1b1b1; float: left;} #in_05_r{width: 702px;height: 410px;border-bottom: solid 8px #b1b1b1; float: right;} .in_05_title{width: 100%;height: 60px; border-bottom: solid 3px #434343;position: relative;} .in_05_title .in_05_cn{width: 103px;height: 40px;line-height: 55px;color: #0072e6;font-size: 24px; font-weight: bold; position: absolute;left: 0;top:0;} .in_05_title .in_05_en{text-transform: uppercase;color: #a1a0a0;font-weight: normal;font-size: 40px; font-family: Impact; position: absolute;left: 110px;top:0;} .in_05_title .in_05_more{position: absolute;right: 0;top:20px;line-height: 20px;height: 20px;text-align: right;} .in_05_title .in_05_more a{color: #b1b1b1;text-transform: uppercase;font-size: 14px;font-weight: normal;} .in_05_title .in_05_more a:hover{color: #db2100;} #in_05_news{width: 447px;margin:0 auto;margin-top: 24px;} #in_05_news li{width: 100%;height: 137px;margin:0 auto;position: relative; margin-bottom: 23px;} #in_05_news li .in_05_pic{width: 137px;height: 137px;position: absolute;left: 0;top:0;overflow: hidden;} #in_05_news li .in_05_pic img{width: 137px;height: 137px; border-radius: 50%;} #in_05_news li .in_05_capital{width: 281px;height: 38px;overflow: hidden; white-space: nowrap;text-overflow:ellipsis; position: absolute;right: 0;top:0;line-height: 38px;font-weight: bold;color: #333;font-size: 16px;} #in_05_news li .in_05_info{width: 281px;height: 98px;position: absolute;right: 0;top:38px;line-height: 24px;font-size: 14px;color: #333;overflow: hidden; text-overflow:ellipsis;} #in_05_news li:hover .in_05_capital{color: #da1907;} #in_05_case{width: 702px;height: 297px; margin:0 auto;margin-top: 24px;} #in_case_ul{width: 702px;height: 258px; margin:0 auto;} #in_case_ul li{width: 327px;height: 258px;float: left;margin: 0px 11px;line-height: 25px;text-align: center;} #in_case_ul li img{width: 327px;height: 208px;} #in_case_ul li a{display: block;color: #666666;font-size: 16px;} #in_case_ul li a:hover{color: #da0000;} #in_case_btn{width: 302px;height: 35px;margin:0 auto;} #in_case_btn a{width: 125px;height: 35px;display: block;float: left;margin:0 10px;cursor: pointer;} #in_case_btn .case_lbtn{background: #0072e6 url(../images/case_lbtn.png) center no-repeat;transition:all 0.4s;} #in_case_btn .case_rbtn{background: #ffc000 url(../images/case_rbtn.png) center no-repeat;transition:all 0.4s;} #in_case_btn .case_lbtn:hover{background: #da0000 url(../images/case_lbtn.png) center no-repeat;transition:all 0.4s;} #in_case_btn .case_rbtn:hover{background: #da0000 url(../images/case_rbtn.png) center no-repeat;transition:all 0.4s;} #wrap{ width:1200px; height:auto; margin: 20px auto;} /*.main_banner { width: 100%; height: 382px; overflow:hidden; } .main_banner_wrap { width: 1200px; height: 382px; position: relative; margin: 0 auto; } #myCanvas { position: absolute; z-index: 13; opacity: .8; cursor: pointer; -webkit-animation: roll 3s; animation: roll 3s } @-webkit-keyframes roll { from { -webkit-transform: rotate(120deg); opacity: 0 } to { -webkit-transform: rotate(0deg); opacity: .8 } } @keyframes roll { from { transform: rotate(120deg); opacity: 0 } to { transform: rotate(0deg); opacity: .8 } } .banner_btn { width: 255px; height: 240px; position: absolute; display: block; z-index: 9; top: 20px } .btn_next { right: 20px } .banner_btn span { width: 50px; height: 100px; display: block; position: absolute; left: -50px; top: 70px; opacity: 0; transition: .5s; background: url(../images/left.png) no-repeat 0 0 } .btn_next span { background-position: -50px 0 } .main_banner_box:hover .banner_btn_arrow { opacity: .6 } .banner_btn span i { width: 50px; height: 100px; display: block; background: url(../images/left.png) no-repeat 0 0; } .btn_next span i { background: url(../images/right.png) no-repeat 0 0; } .banner_btn:hover i { -webkit-animation: arrow .5s infinite alternate ease-in-out; -moz-animation: arrow .5s infinite alternate ease-in-out } @-webkit-keyframes arrow { from { -webkit-transform: scale(1); opacity: 1 } to { -webkit-transform: scale(1.5); opacity: .2 } } @-moz-keyframes arrow { from { -moz-transform: scale(1); opacity: 1 } to { -moz-transform: scale(1.5); opacity: .2 } } .main_banner_box { width: 1200px; height: 382px; margin: 100px auto 0; position: relative; z-index: 0; -webkit-box-reflect: below 0 -webkit-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,.2) 100%) } .main_banner_box p#rflt { width: 1200px; height: 280px; position: absolute; left: 0; top: 280px; background: -moz-element(#m_box) no-repeat; -moz-transform: scaleY(-1); opacity: .2 } .main_banner li { position: absolute; background: #000; box-shadow: 0 4px 8px rgba(0,0,0,.15) } .main_banner li#imgCard0 { width: 448px; height: 336px; z-index: 5; left: 380px; top: 0; opacity: 1; background: #333d46 } .main_banner li#imgCard1 { width: 381px; height: 285px; z-index: 1; right: 0; top: 23px; opacity: 1; background: #333d46 } .main_banner li#imgCard2 { width: 450px; height: 180px; z-index: 1; left: 0; top: 60px; opacity: 0; background: #333d46 } .main_banner li#imgCard3 { width: 450px; height: 180px; z-index: 1; left: 0; top: 60px; opacity: 0; background: #333d46 } .main_banner li#imgCard4 { width: 381px; height: 285px; z-index: 2; left: 0; top: 23px; opacity: 1; background: #333d46; } .main_banner li img { width: 100%; height: 100% } .main_banner li span { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; background: #000; opacity: 0; filter: alpha(opacity=0); color: #fff; font-size: 30px; line-height: 120px; text-align: center } .main_banner li p { width: 100%; height: 50px; position: absolute; left: 0; top: -50px; color: #fff; line-height: 50px; font-size: 16px; text-align:center; font-weight:bold; } .btn_list { text-align: center; position: relative; left: 0; top: 6px; z-index: 10; display:none; } .btn_list span { width: 15px; height: 15px; display: inline-block; margin: 15px 5px; background: #787d82; border-radius: 50%; cursor: pointer } .btn_list span.curr { background: #ffae00 } */ /*.main_banner { width: 100%; height: 375px } .main_banner_wrap { width: 1180px; height: 375px; position: relative; background: #123; margin: 0 auto; overflow: hidden; box-shadow: 0 1px 2px #c5c5c5 } #myCanvas { position: absolute; z-index: 13; opacity: .8; cursor: pointer; -webkit-animation: roll 3s; animation: roll 3s } @-webkit-keyframes roll { from { -webkit-transform: rotate(120deg); opacity: 0 } to { -webkit-transform: rotate(0deg); opacity: .8 } } @keyframes roll { from { transform: rotate(120deg); opacity: 0 } to { transform: rotate(0deg); opacity: .8 } } .banner_btn { width: 255px; height: 240px; position: absolute; display: block; z-index: 9; top: 20px } .btn_next { right: 20px } .banner_btn span { width: 50px; height: 100px; display: block; position: absolute; left: 110px; top: 70px; opacity: 0; transition: .5s; background: url(../images/bannerbtn.png) no-repeat 0 0 } .btn_next span { background-position: -50px 0 } .main_banner_box:hover .banner_btn_arrow { opacity: .6 } .banner_btn span i { width: 50px; height: 100px; display: block; background: url(../images/bannerbtn.png) no-repeat 0 0 } .btn_next span i { background-position: -50px 0 } .banner_btn:hover i { -webkit-animation: arrow .5s infinite alternate ease-in-out; -moz-animation: arrow .5s infinite alternate ease-in-out } @-webkit-keyframes arrow { from { -webkit-transform: scale(1); opacity: 1 } to { -webkit-transform: scale(1.5); opacity: .2 } } @-moz-keyframes arrow { from { -moz-transform: scale(1); opacity: 1 } to { -moz-transform: scale(1.5); opacity: .2 } } .main_banner_box { width: 1200px; height: 280px; margin: 40px auto 0; position: relative; z-index: 0; -webkit-box-reflect: below 0 -webkit-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,.2) 100%) } .main_banner_box p#rflt { width: 1200px; height: 280px; position: absolute; left: 0; top: 280px; background: -moz-element(#m_box) no-repeat; -moz-transform: scaleY(-1); opacity: .2 } .main_banner li { position: absolute; background: #000; overflow: hidden; box-shadow: 0 4px 8px rgba(0,0,0,.15) } .main_banner li#imgCard0 { width: 670px; height: 280px; z-index: 5; left: 255px; top: 0; opacity: 1; background: #333d46 } .main_banner li#imgCard1 { width: 580px; height: 240px; z-index: 1; left: 600px; top: 20px; opacity: 1; background: #333d46 } .main_banner li#imgCard2 { width: 450px; height: 180px; z-index: 1; left: 0; top: 60px; opacity: 0; background: #333d46 } .main_banner li#imgCard3 { width: 450px; height: 180px; z-index: 1; left: 0; top: 60px; opacity: 0; background: #333d46 } .main_banner li#imgCard4 { width: 580px; height: 240px; z-index: 2; left: 0; top: 20px; opacity: 1; background: #333d46 } .main_banner li img { width: 100%; height: 100% } .main_banner li span { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; background: #000; opacity: 0; filter: alpha(opacity=0); color: #fff; font-size: 30px; line-height: 120px; text-align: center } .main_banner li p { width: 100%; height: 50px; position: absolute; left: 0; bottom: -50px; background: rgba(0,0,0,.7); color: #fff; text-indent: 38px; line-height: 50px; font-size: 25px } .btn_list { text-align: center; position: relative; left: 0; top: 6px; z-index: 10; } .btn_list span { width: 15px; height: 15px; display: inline-block; margin: 15px 5px; background: #787d82; border-radius: 50%; cursor: pointer } .btn_list span.curr { background: #ffae00 }*/ .index_case{ width:100%; height:525px; background:#055ac5;overflow: hidden;} .index_case .t{ text-align: center; margin: 30px 0;} .index_case .t img{margin-top: 20px;margin: 0 auto;} .index_case .t .a{ font-size:34px; color:white;font-weight:bold; width: 100%; display: inline-block; } .index_case .t .b{display:inline-bolck;margin-left:20px; font-size:30px; color: rgba(255,255,255,0.5); font-family:'Impact';} .poster-main { position: relative; margin-top: 70px; } .poster-main a,.poster-main img { display: block; width: 100%; height: 100% } .poster-main img { } .poster-main .poster-list { width: 1000px; height: 500px } .poster-main .poster-list .poster-item { width: 200px; height: 500px; position: absolute; left: 0; top: 0 } .poster-main .poster-btn { position: absolute; top: 0; cursor: pointer; filter: opacity(.5) brightness(1) } .poster-main .poster-btn:hover { filter: opacity(1) brightness(2) } .poster-main .poster-prev-btn { left: 0; background: url(../images/left.png) no-repeat center center } .poster-main .poster-next-btn { right: 0; background: url(../images/right.png) no-repeat center center } .poster-item-title { font-size: 18px; text-align: center; line-height: 48px; display: block; color:#fff; font-size:15px; font-weight:bold; } #wrap2 { width: 1200px; height: auto; margin: 0 auto; } .index_news{ width:100%; height:279px; background:#fff;overflow: hidden;position:relative;} .index_news .bg{ width:500px; height:55px; background:#0072e6;overflow: hidden; position:absolute; left:0; top:0;} .index_news .bg2{ width:100%; height:55px; background:#0072e6;overflow: hidden; } .index_news .t{ text-align: center; position: absolute; top: 0; width: 1200px;height:55px;} .index_news .t .left{ float:left; } .index_news .t .a{ font-size:30px; color:white;font-weight:bold; display: inline-block; height: 55px; line-height: 55px; } .index_news .t .b{display:inline-bolck;margin-left:20px; font-size:30px; color: rgba(255,255,255,0.5); font-family:'Impact';} .index_news .t .right{ line-height:55px; color: rgba(255,255,255,0.6);font-size:16px;display: inline-block; margin-right: 10px; } .index_news ul.left{ display: inline-block;width:580px;} .index_news ul.right{display: inline-block; width:500px;margin-top: 50px;} .index_news ul.left{ margin-top: 35px;} .index_news ul.left li{ display:inline-block; width:580px; height:175px;position:relative;} .index_news ul.left li img{width: 170px; height: 155px;position:absolute; left:0; top:0;} .index_news ul.left li .title{width: 388px; height: 34px;position:absolute; left: 190px; top:0;font-size:16px; color:#000;overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } .index_news ul.left li .content{width: 389px; height: 75px;position:absolute; left: 190px; top:50px;font-size:14px; color:#000; overflow: hidden; line-height: 1.7; } .index_news ul.left li .time{ width: 390px; height: 30px; position: absolute; left: 190px; top: 128px; font-size: 14px; color: rgba(0,0,0,0.5); } .index_news ul.right li{display:inline-block; width:500px;line-height: 1.8;font-size:14px; } .index_news ul.right li a{color:#000; display: inline-block;overflow: hidden; font-size: 14px; /*width: 500px;*/} .index_news ul.right a:hover { color:#e11907; text-decoration:none; } .index_news ul.right li .dot{ display:inline-block; width:6px; height:6px ; background:#000;margin-top: 11px; margin-right: 20px;} .index_news ul.right li .content{ font-size: 14px; color: rgba(0,0,0,1); } .index_news ul.right li .time{ font-size: 14px; color: rgba(0,0,0,0.5); } /*kefu css*/ .floating_ck{position:fixed;right:20px;top:30%; z-index:9999;} .floating_ck dl dd{position:relative;width:58px;height:58px;text-align:center; margin-bottom:2px; cursor:pointer;} .floating_ck dl dd:hover .floating_left{left:-78px;transition:all 0.5s; opacity:1;} .consult{ width:58px; height:58px; display:block;background:url(../images/rightflbg.png) no-repeat 0px -177px;transition:all 0.3s;} .words{width:58px; height:58px; display:block;background:url(../images/rightflbg.png) no-repeat 0px -236px;transition:all 0.3s;} .quote{width:58px; height:58px; display:block;background:url(../images/rightflbg.png) no-repeat 0px -296px;transition:all 0.3s;} .quote1{width:58px; height:58px; display:block;background:url(../images/rightflbg.png) no-repeat 0px 0px;transition:all 0.3s;} .quote2{width:58px; height:58px; display:block;background:url(../images/rightflbg.png) no-repeat 0px -118px;transition:all 0.3s;} .consult a{ width:58px; height:58px; display:block;} .words a{width:58px; height:58px; display:block;} .quote a{width:58px; height:58px; display:block;} .quote1 a{width:58px; height:58px; display:block;} .quote2 a{width:58px; height:58px; display:block;} .qrcord{width:58px; height:58px; display:block;background:url(../images/rightflbg.png) no-repeat 0px -59px} .return{width:58px; height:58px; display:block;background:url(../images/rightflbg.png) no-repeat 0px -414px;transition:all 0.3s;} .floating_ck dl dd:hover .consult{ width:58px; height:58px; display:block;background:url(../images/rightflbghover.png) no-repeat 0px -177px;transition:all 0.3s;} .floating_ck dl dd:hover .words{width:58px; height:58px; display:block;background:url(../images/rightflbghover.png) no-repeat 0px -236px;transition:all 0.3s;} .floating_ck dl dd:hover .quote{width:58px; height:58px; display:block;background:url(../images/rightflbghover.png) no-repeat 0px -296px;transition:all 0.3s;} .floating_ck dl dd:hover .quote1{width:58px; height:58px; display:block;background:url(../images/rightflbghover.png) no-repeat 0px 0px;transition:all 0.3s;} .floating_ck dl dd:hover .quote2{width:58px; height:58px; display:block;background:url(../images/rightflbghover.png) no-repeat 0px -118px;transition:all 0.3s;} .floating_ck dl dd:hover .qrcord{width:58px; height:58px; display:block;background:url(../images/rightflbghover.png) no-repeat 0px -59px} .floating_ck dl dd:hover .return{background:url(../images/rightflbghover.png) no-repeat 0px -414px;transition:all 0.3s;} .floating_ck dd span{color:#fff;display:block;} .floating_left{position:absolute;left:-120px;top:13px;width:78px;height:32px; line-height:32px; color:#FFF;background:url(../images/righflbg.png) no-repeat;display:block;transition:all 0.5s; opacity:0;} .floating_left a{color:#fff;line-height:32px;} .floating_ck dl dd:hover .floating_ewm{left:-162px;transition:all 0.8s; opacity:1;} .floating_ewm{position:absolute;left:200px;top:13px;opacity:0; width:160px;height:260px;top:-180px; background-color:#d9001d; border-radius:5px;} .floating_ewm i{display:block;width:145px;height:145px; display:block;margin:0 auto;margin-top:7px;} .floating_ewm i img{width:145px;height:145px;} .floating_ewm p{color:#fff;margin-top:5px;} .floating_ewm .qrcord_p01{font-size:12px;line-height:20px;} .floating_ewm .qrcord_p02{font-size:16px;} /*left*/ #left{width:209px; float: left; margin-top: 40px;} /*product_info*/ #zy_pro{width: 100%;height: 430px;margin:0 auto;} #zy_pro_l{width: 444px; border:solid 1px #cecece; text-align: center; float: left; position: relative;} #zy_pro_r{width: 450px;height: 405px; float: right; position: relative;margin-top: 25px;} #zy_pro_title{width: 450px;height: 44px;line-height: 44px; background: #0072e6; position: absolute;left: 0px;top:0px;} #zy_pro_title span{color: #fff;font-size: 24px;padding-left: 10px;} #zy_pro_info{width: 430px;height: 100px; overflow: hidden; position: absolute;left: 0px;top:60px;line-height: 30px;font-size: 12px;color: #666666;} #zy_pro_info span{color: #0072e6;} #zy_pro_btn{width: 450px;height: 30px;position: absolute;left: 0px;top:175px;} #zy_pro_btn a.zy_qq_btn{border:solid 1px #ffc001;background: #ffc001;color: #666;} #zy_pro_btn a.zy_order_btn{border:solid 1px #d4d4d4;background: #0072e6;color: #fff;} #zy_pro_btn a{width: 155px; height: 30px; line-height: 30px; text-align: center;float: left;display: block;margin-right: 30px;font-size: 12px!important;} #zy_pro_btn a:hover{background: #fff;border:solid 1px #d4d4d4;color: #666666; } #zy_pro_xgt{width: 450px;height: 30px;line-height: 30px;position: absolute;left: 0;top:220px;color: #666666;font-size: 14px;} #zy_pro_xg{width: 450px;height: 120px;line-height: 30px;position: absolute;left: 0;bottom:20px;} #zy_pro_nav{width: 100%;height: 42px;margin:20px auto;margin-top: 35px;border-top:solid 3px #0072e6;background: #e6e6e6;} #zy_pro_nav a{float: left;display: block;width: 139px;text-align: center; transition:all 0.4s; margin-right: 1px; line-height: 42px;height: 42px;color: #333333!important;font-size: 16px!important;background: #e9e9e9;} #zy_pro_nav a:hover{background: #0072e6;color: #fff!important;} #zy_pro_nav .hover{background: #0072e6;color: #fff!important;} .zy_pro_detail{width: 100%;margin:20px auto;line-height: 30px;font-size: 14px;color: #666;} #zy_fg{width: 100%;height: 370px;margin:0 auto;} .zy_fg_title{width: 100%;height: 40px;margin:0 auto;background: #ebebeb;position: relative;} .zy_fg_title span{display: block;width: 139px;height: 40px;line-height: 40px;text-align: center;background: #0072e6;position: absolute;left: 0;top:0;color: #ebebeb;font-size: 16px;} #zy_pro_order{width: 450px;height: 370px;float: left;} #zy_order{width: 100%;margin:0 auto;} .zy_btn{background:#dddddd;width:279px; transition:all 0.4s; height:29px;border: none;color: #666; font-size:14px; font-family: 微软雅黑;cursor:pointer;} .zy_btn:hover{background: #e80000;color: #fff;} #zy_pro_news{width: 450px;height: 370px;float: right;} #zy_news{width: 100%;margin:0 auto;margin-top: 10px;} /* CSS Ziye */ #right{width:950px; height:auto;float: right; color: #0072e6;} #right_title{width: 950px;height:26px;line-height: 26px; margin:0 auto;font-size: 16px;font-weight: bold;color: #036ec0;} #right_title a{font-size: 16px;font-weight: bold;color: #036ec0;} #right_title a:hover{color:#e80000;} #right_content{ width: 930px; height:auto;margin:15px auto; min-height:600px;_height:600px;_height:100%;line-height:27px;color:#2e2e2e;font-size: 14px;} #right_content a{color:#2e2e2e;font-size: 14px;} #indexNews li{width:98%;height:40px;margin:0 auto;border-bottom:#D9D9D9 1px dotted; color:#000;font-size:12px;position: relative;transition:all 0.4s;} #indexNews li a{height:40px;line-height:40px;display:block; padding-left:0;color:#575656;font-size:14px;} #indexNews li .time{position: absolute;top:0;right:13px;height:40px;line-height:40px;color:#575656;} #indexNews li span{paddding-left:13px;transition:all 0.4s;} #indexNews li a:hover{color:#e80000;} #indexNews li:hover{border-bottom:1px solid #cecccc; background-color:#f1f1f1} #indexNews li:hover span{padding-left: 20px;} #indexNews li:hover .time{right: 20px;} #page{width:100%;height:40px; line-height:40px;text-align:right;margin:20px auto;color:#575656;font-size:14px;clear:both;} #page a{color:#575656;font-size:14px;} #page a:hover{color:#e80000;} #newTitle{width:750px;line-height:30px;color:##265035;font-size:16px; font-weight: bold; text-align:center;margin:0 auto;} #productTitle{width:750px;height:30px;color:#000000;font-size:18px;text-align:center;margin:0 auto;} #newsInfo{width:750px;height:20px;color:#000000;font-size:12px;text-align:center;margin:10px auto;} .newsinfoleft {padding-left: 30px;} .xxsmys{ height:30px; line-height:30px; background-color:#ececec;} .xxsmwz{ width:88px; height:30px; color:#FFF; text-align:center; display:block; background-color:#9a9a9a;} .pageys{ width:59px; height:21px; line-height:21px; border:#e5e5e5 solid 1px; display:block; float:left; text-align:center;} .pageys:hover{color:#ff6c00} .pageys1{ width:20px;height:21px; line-height:21px; border:#e5e5e5 solid 1px; display:block; float:left; text-align:center; margin-left:5px;} .pageys2{ float:left; padding-left:5px;height:21px; line-height:21px; } #infoImage{width:100%;text-align:center;margin:10px 0 10px 0;} #infoImage img{ max-width:600px; padding:3px; border:#dcdcdc solid 1px;} #newsContent{width:100%;margin:0 auto;color:#2e2e2e;font-size: 14px;} /* 产品中心 */ #picUL_pro{ width:100%; height:100%; overflow:hidden;} #picUL_pro li{height:300px;width:276px;float:left;margin:0 5px 5px 15px;_margin:0 8px;text-align:center;} #picUL_pro li .pic_01{ position: relative; width:276px;height:236px; text-align: center;background: #ffffff;/*border:1px solid #dcdcdc;*/} #picUL_pro li .pic_01 img{max-height:220px;max-width:276px;/*padding:2px;*/vertical-align:middle;} #picUL_pro li .pic_01 span{ height:100%; width:0; overflow:hidden; display:inline-block; vertical-align:middle;} #picUL_pro li .pic_02{background: #666;opacity: 0.8; position: absolute; bottom: 0px; left: 0; width:276px;text-align: center;line-height:30px;font-size:14px;} #picUL_pro li .pic_02 a{ color: white; font-weight: normal; font-size: 14px;} #picUL_pro li a{color:#575656;font-size:16px;} #picUL_pro li a:hover{color:#e80000;} #picUL_pro .two { display: block; width: 100%;height: 50px; } #picUL_pro .two ul li { margin: 0; display: block; float: left; width: 50%;height: 40px; line-height: 40px; list-style: none; } #picUL_pro .two ul li a { width: 50%;height: 40px; list-style: none; font-size: 14px; } #picUL_pro .two ul li.con{ background: #ffc001; } #picUL_pro .two ul li.detail{ background: #0072e6; } #picUL_pro .two ul li.detail a{color: white; } #picUL_pro .two ul li.detail a:hover{color: white; color:#e80000;} /* 资质荣誉、案例展示 */ #picUL{ width:100%; height:100%; overflow:hidden;} #picUL li{height:260px;width:276px;float:left;margin:0 5px 5px 15px;_margin:0 8px;text-align:center;} #picUL li .pic_01{width:276px;height:226px; text-align: center;background: #ffffff;border:1px solid #dcdcdc;} #picUL li .pic_01 img{max-height:220px;max-width:270px;padding:2px;vertical-align:middle;} #picUL li .pic_01 span{ height:100%; width:0; overflow:hidden; display:inline-block; vertical-align:middle;} #picUL li .pic_02{width:276px;text-align: center;line-height:30px;color:#575656;font-size:14px; display:none; } #picUL li a{color:#575656;font-size:14px;} #picUL li a:hover{color:#e80000;} #proUL{ width:100%; height:100%; overflow:hidden;} #proUL li{height:260px;width:162px;float:left;margin:0 5px 5px 15px;_margin:0 8px;text-align:center;} #proUL li .pic_01{width:162px;height:224px; text-align: center;background: #ffffff;border:1px solid #dcdcdc;} #proUL li .pic_01 img{max-height:220px;max-width:160px;padding:2px;vertical-align:middle;} #proUL li .pic_01 span{ height:100%; width:0; overflow:hidden; display:inline-block; vertical-align:middle;} #proUL li .pic_02{width:164px;text-align: center;line-height:30px;} #proUL li a{color:#575656;font-size:14px;} #proUL li a:hover{color:#e80000;} #proUL li a:hover{color:#575656;} .G_tips{ color:#666; width:486px; border:1px solid #dedede; padding:7px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; box-shadow: 0px 0px 3px rgba(0,0,0,.1); -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,.1); -moz-box-shadow: 0px 0px 3px rgba(0,0,0,.1); } .recruitys{ width:670px; height:auto; padding:10px; background-color:#fafafa; border:#dedede solid 1px;} .recruitcon{ height:173px; border-bottom:#cdcdcd dashed 1px; margin:10px;} .recruitcon1{ height:173px; margin:10px;} .recruitconl{ width:145px; height:153px; float:left; text-align:left;} .recruitconc{ width:572px; height:153px; float:left; padding-left: 75px;} .recruitconc li{ width:372px; height:35px; line-height:35px; color:#444444;} .zwmcys{ color:#ff6c00; font-weight:bold;} .recruitconr{ width:133px; height:auto; float:left; text-align:center;} .chakan{padding-top: 13px;} .formys{ height:auto; padding:10px;} .cpmcys{ width:280px; height:34px;border:1px solid #dedede;} .formbz{ float:left;} .G_InputText{ width:278px; height:30px; padding:0px 12px; color: #BBB; box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; border:1px solid #d2d4d6; } .G_textarea{ width:300px; height:100px; padding:5px 12px; box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; border:1px solid #dedede; } .G_ul{ margin:0 auto; } .G_botton{ width:55px; height:30px; line-height:30px; border:0; background:url(button.gif) no-repeat; cursor:pointer; } .borderLi{ width:500px; height:auto; padding-top:10px;} .G_tips{ width:486px; margin:10px auto 0 auto; border:1px solid #dedede; padding:7px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; box-shadow: 0px 0px 3px rgba(0,0,0,.1); -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,.1); -moz-box-shadow: 0px 0px 3px rgba(0,0,0,.1); } .cpfwnr{width:230px; height:100%;overflow:hidden;} .cpfwnr dt{width:213px;height:33px;display:block;padding:0 0 0 17px;background:url(allbg.gif) no-repeat;background-position: 0 -137px;line-height:33px;font-size:12px;color:#0976b2;} .cpfwnr dd{width:190px;margin:0 auto;line-height:2} .cpfwnr dt a{width:213px;height:33px;display:block;padding:0 0 0 17px;background:url(a1.jpg) no-repeat;line-height:33px;font-size:12px;color:#0976b2;} .cpfwnr dt:hover{background:url(allbg.gif) no-repeat;background-position: 0 -102px;color:#fff;} .cpfwnr dd a{width:190px;height:25px;line-height:25px;margin:3px 0 0 0;color:#333;font-size:12px;} .cpfwnr dd a:hover{color:#ff6c00;} .page{margin:0 20px 15px 0;} .page a{display:inline-block;height:18px;line-height:18px;border:1px solid #dbdbdb;padding:0 2px 0;} .page a:hover{background:#404040;color:#fff;border:none;height:20px;line-height:20px;padding:0 3px 0;} .current {padding:0 6px 0;height:18px;line-height:18px;background:#404040;color:#fff;} /*sitemap*/ .mesmore{margin-top:5px;} .mesmore:hover{color:#da020d;text-decoration:underline;} .sitemap{ width:996px; float:left; /*border:3px solid #f0f0f0;*/ margin-top:10px; margin-bottom:10px;} .m1{ height:20px; line-height:20px; margin-top:20px; margin-left:20px;} .m2{ margin-left:20px; margin-top:20px; line-height:25px;} .m2 span{ font-size:14px; font-weight:bold;} .m2t{ border:1px solid #f0f0f0; width:800px; padding-left:4px; margin-top:2px; padding:10px; margin-bottom:20px;height: 73px;} .m2t ul{} .m2t ul li{ list-style-type:none; float:left; width:150px;} .m2t ul li a{color:black;} .m2t ul li a:hover{ color:red; text-decoration:underline;} .f{ float:right; margin-right:10px; _margin-top:7px;} .map{ float:right;margin-top: 20px;} .map a{color:black;}