@charset "utf-8";
.slider{position:relative;overflow:hidden;width:100%;z-index:1;height:512px}
.slider-content{position:absolute;left:0;top:0;width:100%;z-index:1}
.slider-caption{position:absolute}
.slider-indicator{position:absolute;left:50%;bottom:10px;z-index:20;width:1000px;margin-left:-500px;text-align:center}
.slider-indicator li{display:inline-block;width:10px;height:10px;margin:0 4px;border:2px solid #fff;border-radius:50%;opacity:.4;cursor:pointer;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.slider-indicator .active{background:#fff;opacity:1}
.slider-left-control,.slider-right-control{position:absolute;height:80px;width:80px;z-index:100;background-repeat:repeat-x;opacity:1;top:37%;background-color:rgba(255,255,255,0);border-radius:12px}
.slider-left-control{left:90px}
.slider-right-control{right:90px}
.slider-left-control i,.slider-right-control i{display:block;position:relative;width:100%;height:100%}
.slider-left-control i{left:0;background:url(../images/focus_handle.png) top left no-repeat}
.slider-right-control i{left:0;background:url(../images/focus_handle.png) top right no-repeat}
.slider-left-control:hover,.slider-right-control:hover{opacity:1;background-color:rgba(255,255,255,.3)}
.a-img-bg{display:block;width:100%;height:485px;-moz-background-size:auto 100%;-o-background-size:auto 100%;-webkit-background-size:auto 100%;background-size:auto 100%}
.a-img-bg img{width:100%;height:512px}
.slider-item{position:absolute;width:100%;z-index:2}
.slider-item.active{z-index:5}
a.more{font-family:Arial,Helvetica,sans-serif;color:#fff;font-size:14px;position:relative;white-space:nowrap;border-bottom:solid 1px #b1b1b1;line-height:1.5em}
a.more:after{content:"";position:absolute;border-bottom:1px solid #fa062f;bottom:-1px;left:100%;width:0;transition:width 350ms,left 350ms}
a.more:hover:after{left:0;width:100%;transition:width 350ms}
.learnmore{clear:both;width:100%;text-align:center;margin-top:10px}
.learnmore a.more{color:#494949}
.go{width:42px;height:42px;background:url(../images/arrow_btn_icon.png) no-repeat left bottom;display:block;float:right}
p.line{display:inline-block!important;width:20px!important;margin:15px auto 0!important;height:1px!important;background:#d8d8d8!important}
h2.m-title{width:100%;font-size:22px;text-align:center;border-bottom:1px #ededed solid}
h2.m-title strong{display:inline-block;position:relative;color:#1e2129;width:200px;text-align:center;font-size:30px;font-weight:400;padding-bottom:14px}
h2.m-title i,h2.m-title span{display:block;position:absolute}
h2.m-title span{color:#d5d6d7;font-size:9px;width:100%;bottom:-26px;color:#959494;font-family:arial}
h2.m-title i{height:3px;width:75px;background-color:#598ebe;left:50%;margin-left:-40px;bottom:-2px}
.project{width:1200px;overflow:hidden;margin:0 auto}
.service_list{padding-top:40px}
.service_list a{color:#fff}
.service_list ul{width:1320px;margin:0 auto;overflow:hidden;padding:65px 0 70px 0}
.service_list ul li{display:inline-block;float:left;width:215px;height:295px;overflow:hidden;color:#fff;text-align:center;margin:0 12.6px}
.service_list ul li dt{display:inline-block;width:115px;height:107px;overflow:hidden;margin-top:38px}
.service_list dd h2{font-size:28px;margin-top:18px;padding-bottom:8px}
.service_list dd h3{font-size:14px;line-height:24px;font-weight:400}
.service_list dd p em{font-size:12px;color:#dedede;font-style:normal}
.service_list .service1{background-color:#8ec528}
.service_list .service2{background-color:#30c6fb}
.service_list .service3{background-color:silver}
.service_list .service4{background-color:#f7b94b}
.service_list .service5{background-color:#ff6867}
.service_list .service2 dt{background-position:-187px 0}
.service_list .service3 dt{background-position:-769px 0}
.service_list .service4 dt{background-position:-582px 0}
.service_list .service5 dt{background-position:-373px 0}
.project li dl dt{-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease}
.project li:hover dl dt{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}
.case_list{width:100%;background-color:#f7f7f7;padding:48px 0 50px 0}
.case_list ul{width:1380px;overflow:hidden;margin-top:72px}
.case_list ul li{display:inline-block;float:left;padding:0 12.5px;text-align:center;width:215px;margin-bottom:40px}
.case_list ul li>div{width:100%;height:100%;overflow:hidden}
.case_list ul li a{color:#2c2c2c;font-size:18px}
.case_list ul li a:hover{color:#30c6fb}
.case_list ul li p{display:inline-block;margin-top:10px;width:100%;line-height:22px;height:22px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.case_list ul li h2{width:100%}
.case_list ul li h2 img{width:100%}
.case_list ul li h2 img:hover{filter:alpha(opacity=80);-moz-opacity:.8;-khtml-opacity:.8;opacity:.8}
.case_list ul li .p1{padding-bttom:12px;margin-top:18px}
.case_list ul li .line{width:20px;margin:15px auto 0;height:1px;background:#d8d8d8}
.case_list ul li em{color:#6e6e6e;font-size:12px;font-style:normal}
.case_title{background:0 none;padding-top:0}
.case_title ul{margin-top:20px}
.back-bar{width:1200px;margin:32px auto 18px auto;max-width:1200px}
.back-bar a{display:block;width:60px;height:19px;background:url(../images/back_icon.png) no-repeat}
.back-bar a:hover{background-position:left bottom}
.brand_list{width:100%;padding:70px 0 50px 0}
.brand_list h2,.index-brand p{display:inline-block;text-align:center;width:100%}
.brand_list h2{font-size:28px;color:#000}
.brand_list h2 span{color:#30c6fb}
.brand_list p{color:#4b4a4a;font-size:15px;line-height:25px;margin-top:45px;text-align:center}
.brand_list ul{max-width:1200px;margin:0 auto;overflow:hidden;padding:55px 0 30px 0}
.brand_list ul li{float:left}
.brand_list .brand_desc{font-size:28px;color:#000;font-weight:700;line-height:28px;margin-top:10px;text-align:center}
.brand_list .brand_desc span{color:red}
.brand_list .brand_desc a{color:#598ebe;text-decoration:underline}
.news_list{margin-top:50px;padding-bottom:44px}
.news_list .project{background:url(../images/mid_line.jpg) repeat-y center top;padding:40px 0 0 0;margin-top:38px;margin-bottom:54px}
.news_list .left{margin-top:50px;width:46%}
.news_list .right{width:46%}
.news_list .f-block{border:1px #ededed solid;margin-bottom:48px}
.news_list .f-block h2{padding-bottom:14px}
.news_list .f-block h2 a{color:#2c2c2c;font-size:18px}
.news_list .f-block.hover h2 a{color:#30c6fb}
.news_list .f-block.hover .go{background-position:left top}
.news_list .fir{padding:20px 4%}
.news_list .fir p{color:#7f7f7f;font-size:14px;line-height:24px}
.news_list .sec{padding:12px 4%;background-color:#ededed;position:relative;min-height:54px}
.news_list .sec .go{margin-top:8px}
.news_list .sec i{position:absolute}
.news_list .sec .arrow-right{right:-11px;top:30px}
.news_list .sec .point{display:block;right:-10.4%;top:33px;border-radius:50%;background-color:#fff;width:12px;height:12px;background:#fff url(../images/yuan_icon.png) no-repeat left bottom;border:0 none}
.news_list .f-block.hover .point{background:#fff url(../images/yuan_icon.png) no-repeat left top;border:0 none}
.news_list .sec .arrow-left{left:-10px;top:32px}
.news_list .right .sec .point{left:-9.9%}
.news_list .mid{width:8%;height:100px;float:left}
.news_nav{padding:40px 0 20px;width:100%;overflow:hidden;margin:0 auto;height:45px;text-align:center;margin:20px 0 0 0}
.news_nav li{vertical-align:top;display:inline-block;width:150px;text-align:center;height:100%;margin:0 5px}
.news_nav li a{display:block;border:1px solid #ccc;padding:7px 0 8px;border-radius:10px 0 10px 0;-moz-border-radius:10px 0 10px 0;-webkit-border-radius:10px 0 10px 0;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease}
.news_nav li a.current,.news_nav li a:hover{border-color:#30c6fb;color:#fff;background:#30c6fb}
.news_nav li a.current,.news_nav li a:hover{border-color:#30c6fb;color:#fff;background:#30c6fb}
.news_tab{width:1200px;margin:0 auto}
.news_tab ul{width:600px;text-align:left;float:left}
.news_tab ul li{width:580px;height:100px;overflow:hidden;margin:20px auto 0;border-bottom:1px solid #eee}
.news_tab ul li .idate{width:72px;height:56px;float:left;font-family:Arial;background:#f2f2f2;font-size:14px;overflow:hidden;text-align:center;padding:12px 0;color:#999}
.news_tab ul li .idate span{display:block;font-size:20px;font-weight:700;color:#30c6fb;margin-bottom:5px}
.news_tab ul li .itext{float:left;margin:0 0 0 20px;width:440px}
.news_tab ul li .itext h3{font-size:16px;font-weight:400;color:#2c2c2c}
.news_tab ul li .itext p{color:#aaa;font-size:12px;margin-top:15px}
.news_tab ul li a:hover .itext h3{color:#30c6fb}
.news_tab_detail{float:left;width:100%;overflow:hidden;margin:0 0 60px 0}
.contact_box{height:400px;min-width:1200px;background:url(../images/bg.png) no-repeat center top;max-width:100%}
.contact_box_header{width:1200px;margin:0 auto;padding-top:50px}
.contact_box_header .p1{font-size:40px;color:#fff;text-align:center}
.contact_box_header .p2{width:1200px;margin:20px auto;text-align:center;color:#fff;line-height:36px;font-size:20px}
.contact_box_header .p4{width:1200px;height:60px;overflow:hidden}
.contact_box_header .p4 a{position:relative;border:1px solid #fff;color:#fff;border-radius:6px;width:222px;height:60px;display:block;text-align:center;line-height:60px;float:left;font-size:24px}
.contact_box_header .p4 a:hover{text-decoration:underline}
.contact_box_header .p4 .left{position:absolute;left:31%}
.contact_box_header .p4 .right{position:absolute;right:31%}
.silder-txt{position:absolute;top:42%;left:0;margin-top:-80px;color:#fff;text-align:center;width:100%}
.silder-txt h2{font-size:44px;font-weight:700;margin-top:0;line-height:108px;animation:banner_slide_l 1s;animation-timing-function:linear}
.silder-txt h3{font-size:20px;line-height:40px;font-weight:400;animation:banner_slide_l 1s;animation-timing-function:linear}
.silder-txt .slider-txt-link{text-align:center}
.silder-txt .slider-txt-link a{display:block;width:100px;margin:25px auto 0 auto;font-size:16px;border:2px solid #fff;border-radius:8px;padding:5px 15px;color:#fff;transition:all .8s}
.silder-txt .slider-txt-link a:hover{background-color:#01b0ff;border:2px solid #01b0ff;cursor:pointer}