/*index css start*/
.header_main{background:url(../images/nav_bg.png) repeat;z-index:20;position:absolute;left:0;top:0;width:100%;height:92px}
.header_main .header{position:relative;z-index:2}
.header .logo{display:inline-block;margin-left:2vw;margin-top:20px;position:relative}
.header .logo img{transition:ease-in-out .5s;display:block}
.header .logo .img2{display:none}
.header .nav li:first-child a{background:none}
.header .nav li{width:7vw;margin:0 1px;text-align:center;line-height:92px;float:left;position:relative}
.header .nav li a{position:relative;line-height:16px;height:16px}
.header .nav li i{position:absolute;bottom:-16px;left:50%;width:0;height:5px;}
.header .nav li .icon{width:10px;height:6px;background-position:0 0;display:inline-block;margin-left:8px}
.header .nav li:hover i,.header .nav li.hover i{width:100%;margin-left:-50%}
.header .nav li:hover .icon,.header .nav li.hover .icon{background-position:-10px 0}
.header .nav li:hover a,.header .nav li.hover a{color:#ff6f00;font-weight:bold}
.header .nav a{display:inline-block;height:70px;width:100%;color:#fff}
.header .nav .sub-box{width:100%;position:absolute;left:0;text-align:center;top:92px;background:url(../images/nav_bg.png) repeat 0 0;display:none;line-height:35px}
.header .nav .sub-box p a{color:#fff}
.header .nav .sub-box p .icon{width:6px;height:10px;background-position:-96px 0;position:absolute;top:19px;left:15px}
.header .nav .sub-box p a{color:#fff !important;line-height:35px;height:35px;padding:0;font-weight:100;text-align:center;overflow:hidden;vertical-align:top;font-size:14px;display:block;background:none}
.header .nav .sub-box p a:hover{background:#ff6f00}
.header .search-box{position:relative}
.header .search-box .butn{display:block;background:#ff6f00;cursor:pointer;width:72px;height:60px;padding-top:32px}
.header .search-box .butn i{display:block;width:28px;height:28px;background-position:-73px 0;margin:0 auto}
.header .search-box .butn.hov i{background-position:-220px 0}
.header .share-sub{position:absolute;right:72px;top:0;width:0;height:92px;overflow:hidden;background:#f5944a;z-index:15}
.header .share-sub .sub-btn{border:none;width:28px;height:28px;background:url("../images/searchico.png") no-repeat center center; margin-top:32px;outline:none;cursor:pointer}
.header .share-sub .tex{width:220px;font-size:14px;height:20px;line-height:20px;padding:36px 10px 36px;color:#fff;border:none;background:#f5944a;outline:none}
.togbtn .icon{position:absolute;top:50%;margin-top:-43px;cursor:pointer;width:32px;height:61px;display:block;-webkit-transition:all ease 300ms;-moz-transition:all ease 300ms;-ms-transition:all ease 300ms;-o-transition:all ease 300ms;transition:all ease 300ms;z-index:22}
.togbtn .icon.prev{background-position:0 -46px}
.togbtn .icon.prev:hover{margin-left:-10px}
.togbtn .icon.next{background-position:-35px -46px}
.togbtn .icon.next:hover{margin-right:-10px;opacity:1}
.banner .togbtn .prev{left:7%}
.banner .togbtn .next{right:7%}
.wrap{width:100%;height:100%;position:relative;z-index:1}
.wrap .mouse-ico{position:absolute;width:18px;height:108px;left:50%;margin-left:-7px;bottom:58px;z-index:20;background:url("../images/mouseLine.png") no-repeat top center;animation:mousemove 3s linear 1s infinite}
.wrap .mouse-ico span{position:absolute;bottom:0;width:18px;height:28px;background-position:0 -128px}
#menu{position:fixed;left:3%;top:50%;margin-top:-107px;z-index:10}
#menu li{width:20px;height:20px;margin:7px 0;transition:background 0.3s;background:url("../images/wel20.png") no-repeat center;background-size:20px 20px}
#menu li.active{background:url("../images/wel20_h.png") no-repeat center}
#menu li a{display:block;width:100%;height:100%}
#menu li:hover{background:url("../images/wel20_h.png") no-repeat center}
.wel-number{position:fixed;z-index:10;left:2.2%;top:50%;margin-top:80px;padding-top:86px;background:url("../images/wel22.png") no-repeat top center;font-size:14px;font-family:arial;color:#535353;text-align:center;line-height:26px;background-size:1px 70px}
.wel-number .num{font-size:24px;font-family:arial;color:#ff6f00}
.screen-main{position:absolute;height:630px;top:50%;margin-top:-315px;z-index:11;left:0;width:100%}
.wrap .section_1 .banner{position:relative;width:100%;overflow:hidden}
.wrap .section_1 .banner .list{float:left;width:100%;position:relative;overflow:hidden}
.wrap .section_1 .banner .list .bannerimg{position:absolute;top:0px;left:0;margin:0 auto;text-align:center;width:100%;min-height:100%}
.wrap .section_1 .banner .list .item{position:absolute;left:0;top:0;display:none;text-align:center;width:100%;overflow:hidden;background-position:center 80px;background-repeat:no-repeat;color:#fff;background-size:cover;-webkit-box-sizing:border-box;box-sizing:border-box}
.wrap .section_1 .banner .list a{display:block;overflow:hidden;width:100%;height:100%}
.wrap .section_1 .banner .list .block{display:block}
.wrap .section_1 .banner .tip{width:1000px;height:25px;text-align:center;position:absolute;left:50%;bottom:18%;z-index:3;margin-left:-500px}
.wrap .section_1 .banner .tip span{display:inline-block;width:10px;height:10px;color:#fff;text-align:center;line-height:26px;margin:0 8px;cursor:pointer;font-size:14px;background:none;border:3px solid #fff;border-radius:100%}
.wrap .section_1 .banner .tip span.cur{background:#fff}
.tit{position:absolute;left:3%;top:15vh}
.section_2{background:url(../images/s2_bg.jpg) no-repeat center center;background-size:cover}
.section_2 .tit-box{position:absolute;top:19%;width:100%}
.section_2 .tit-box .tit1{font-size:40px;color:#ff7000;line-height:40px;text-align:center}
.section_2 .tit-box .line{display:block;width:23px;height:2px;margin:0 auto;margin-top:18px;background:#1b1b1b}
.section_2 .tit-box .txt{margin-top:20px}
.section_2 .tit-box .txt p{font-size:14px;line-height:20px;text-align:center;color:#030000}
.section_2 .slideTxtBox{width:1200px;height:370px;position:absolute;left:50%;margin-left:-600px;top:50%;margin-top:-110px}
.section_2 .slideTxtBox .hd{top:127px;position:absolute;left:0;width:100%;z-index:10}
.section_2 .slideTxtBox .hd li{background:url(../images/s2_li.png) no-repeat;border-radius:100%;width:118px;height:118px;float:left;margin-right:14px;cursor:pointer;}
.section_2 .slideTxtBox .hd li img{display:block;width:100%;border-radius:100%;}
.section_2 .slideTxtBox .hd li.on{background:url(../images/s2_li_on.png) no-repeat}
.section_2 .slideTxtBox .hd li:nth-child(4){margin-left:415px}
.section_2 .slideTxtBox .hd li:last-child{margin-right:0}
.section_2 .slideTxtBox .bd{z-index:11;position:relative;width:300px;margin:0 auto}
.section_2 .slideTxtBox .bd .con{width:300px;height:300px;overflow:hidden;margin:0 auto;margin-top:37px;text-align:center}
.section_2 .slideTxtBox .bd .con h3{padding-top:65px;color:#fff;font-size:30px;padding-bottom:5px}
.section_2 .slideTxtBox .bd .con p{font-size:16px;color:#fff;line-height:24px;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;height:48px;padding:0 20px;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}
.section_2 .slideTxtBox .bd .con a{display:block;width:126px;height:32px;line-height:32px;text-align:center;color:#fff;font-size:16px;margin:30px auto 0;border:2px solid #ff6f00;border-radius:16px;transition:ease-in-out .2s}
.section_2 .slideTxtBox .bd .con a:hover{background:#ff6f00}
.section_2 .slideTxtBox .bg{width:370px;height:370px;position:absolute;left:50%;top:0;-webkit-animation:rotate 40s linear 0s infinite;animation:rotate 40s linear 0s infinite;margin-left:-185px;background:url(../images/s2_box.png) no-repeat;background-size:cover;z-index:10}
.section_3{background:url(../images/s3_bg.jpg) no-repeat;background-size:cover}
.section_3 .body{width:1240px;position:absolute;left:50%;margin-left:-620px;height:676px;margin-top:-338px;top:50%}
.section_3 .tit-box .tit1{font-weight:normal;font-size:40px;line-height:40px;text-align:center;color:#ff6f00}
.section_3 .tit-box .line{display:block;width:23px;height:2px;margin:0 auto;margin-top:16px;background:#ffffff}
.section_3 .case-box{width:1240px;margin-top:54px}
.section_3 .case-bin a{display:block}
.section_3 .case-bin .img{display:block;position:relative;overflow:hidden}
.section_3 .case-bin .img:before{width:15px;height:1px;margin-left:-7px;background:#fff;content:'';display:block;transition:.1s .2s ease-in-out;-moz-transition:.1s .2s ease-in-out;-ms-transition:.1s .2s ease-in-out;-o-transition:.1s .2s ease-in-out;-webkit-transition:.1s .2s ease-in-out;top:50%;left:50%;position:absolute;z-index:10;opacity:0}
.section_3 .case-bin .img:after{width:1px;height:15px;margin-top:-7px;background:#fff;content:'';display:block;transition:.1s .2s ease-in-out;-moz-transition:.1s .2s ease-in-out;-ms-transition:.1s .2s ease-in-out;-o-transition:.1s .2s ease-in-out;-webkit-transition:.1s .2s ease-in-out;top:50%;left:50%;position:absolute;z-index:10;opacity:0}
.section_3 .case-bin:hover .img:before{opacity:1}
.section_3 .case-bin:hover .img:after{opacity:1}
.section_3 .case-bin .img b{display:block;width:100%;height:100%;overflow:hidden;position:absolute;top:-100%;left:0;transition:.2s ease-in-out;-moz-transition:.2s ease-in-out;-ms-transition:.2s ease-in-out;-o-transition:.2s ease-in-out;-webkit-transition:.2s ease-in-out}
.section_3 .case-bin .img b:before{position:absolute;content:'';width:50px;height:50px;border-radius:50%;box-sizing:content-box;-moz-box-sizing:content-box;-ms-box-sizing:content-box;-webkit-box-sizing:content-box;border:500px solid rgba(0,0,0,.6);left:50%;top:50%;margin:-525px 0 0 -525px}
.section_3 .case-bin .img b:after{position:absolute;content:'';width:50px;height:50px;border-radius:50%;background:rgba(255,111,0,.6);left:50%;top:50%;margin:-25px 0 0 -25px}
.section_3 .case-bin .img:hover b{top:0}
.section_3 .case-bin .img img{display:block;width:100%}
.section_3 .case-bin{display:block;list-style:none;margin:0 45px 0 0;padding:0;float:left;width:277px;background:#f9f9f9;position:relative}
.section_3 .case-bin .txt{display:block;position:relative;z-index:1;background:#f9f9f9;text-align:left;padding:20px 24px 16px 24px}
.section_3 .case-bin .txt:after{position:absolute;bottom:0;height:2px;left:0;right:0;content:'';z-index:1;background:#ff6f00;transition:.2s ease-in-out;-moz-transition:.2s ease-in-out;-ms-transition:.2s ease-in-out;-o-transition:.2s ease-in-out;-webkit-transition:.2s ease-in-out}
.section_3 .case-bin .txt .title{display:block;font-weight:bold;font-size:24px;line-height:26px;color:#ff6f00;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;position:relative;z-index:2;transition:.2s ease-in-out;-moz-transition:.2s ease-in-out;-ms-transition:.2s ease-in-out;-o-transition:.2s ease-in-out;-webkit-transition:.2s ease-in-out}
.section_3 .case-bin .txt .desc{position:relative;display:block;margin-top:10px;font-size:14px;line-height:14px;color:#666;z-index:2;transition:.2s ease-in-out;-moz-transition:.2s ease-in-out;-ms-transition:.2s ease-in-out;-o-transition:.2s ease-in-out;-webkit-transition:.2s ease-in-out}
.section_3 .case-bin:hover .txt:after{height:100%}
.section_3 .case-bin:hover .txt .title{color:#fff}
.section_3 .case-bin:hover .txt .desc{color:#fff}
.section_3 .case-more{display:block;width:126px;height:32px;margin:0 auto;margin-top:70px;font-size:16px;line-height:32px;text-align:center;border:2px solid #ff7f00;border-radius:18px;color:#fff;transition:.2s ease-in-out;-moz-transition:.2s ease-in-out;-ms-transition:.2s ease-in-out;-o-transition:.2s ease-in-out;-webkit-transition:.2s ease-in-out}
.section_3 .case-more:hover{background:#ff7f00}
@media (max-height:768px){.section_3 .case-bin .img{height:230px}
}.section_3 .case-box .hd .icon{position:absolute;top:50%;margin-top:-43px;cursor:pointer;width:32px;height:61px;display:block;-webkit-transition:all ease 300ms;-moz-transition:all ease 300ms;-ms-transition:all ease 300ms;-o-transition:all ease 300ms;transition:all ease 300ms;z-index:22}
.section_3 .case-box .hd span.prev{left:-10%;background-position:0 -46px}
.section_3 .case-box .hd span.next{right:-10%;background-position:-35px -46px}
.section_3 .case-box .hd span.prev:hover{margin-left:-10px}
.section_3 .case-box .hd span.next:hover{margin-right:-10px;opacity:1}
.section_4{background:url(../images/s4_bg.jpg) no-repeat;background-size:cover}
.section_4 .screen-main{width:1200px;position:absolute;left:50%;margin-left:-600px;height:650px;margin-top:-325px;top:50%}
.section_4 .tit-box .title{font-weight:normal;font-size:40px;line-height:40px;text-align:center;color:#ff6f00}
.section_4 .tit-box .line{display:block;width:23px;height:2px;margin:0 auto;margin-top:16px;background:#333}
.section_4 .top-nav{text-align:center;margin-top:36px}
.section_4 .top-nav .list{display:inline-block}
.section_4 .top-nav .item{float:left;display:block;margin-left:24px}
.section_4 .top-nav .item:first-child{margin-left:0}
.section_4 .top-nav .item a{display:block;width:120px;height:36px;font-size:16px;line-height:36px;text-align:center;color:#fff;background:#787878;border-radius:18px;transition:.2s ease-in-out;-moz-transition:.2s ease-in-out;-ms-transition:.2s ease-in-out;-o-transition:.2s ease-in-out;-webkit-transition:.2s ease-in-out}
.section_4 .top-nav .item:hover a{background:#fa882e}
.section_4 .round-box{position:relative;margin-top:50px}
.section_4 .roundabout_box{width:auto;height:384px}
.section_4 .roundabout_box img{height:100%}
.section_4 .roundabout_box .roundabout-holder{width:auto;height:384px;margin:0 auto;list-style:none}
.section_4 .roundabout_box .roundabout-moveable-item{width:510px;height:384px;cursor:pointer;background-size:cover}
.section_4 .roundabout_box .roundabout-moveable-item a{display:block}
.section_4 .roundabout_box .roundabout-moveable-item img{display:block;width:100%;height:100%;margin:0}
.section_4 .roundabout_box .roundabout-moveable-item .roundabout-in-focus{cursor:auto}
.section_4 .round-box .prev,.section_4 .round-box .next{position:absolute;top:50%;margin-top:-22px;display:block;width:44px;height:44px;cursor:pointer;-webkit-transition:all ease 300ms;-moz-transition:all ease 300ms;-ms-transition:all ease 300ms;-o-transition:all ease 300ms;transition:all ease 300ms;z-index:22}
.section_4 .round-box .prev{left:-11%;background-position:-120px 0}
.section_4 .round-box .next{right:-10%;background-position:-170px 0}
.section_4 .round-box .prev:hover{margin-left:-4px;-webkit-transition:all ease 300ms;-moz-transition:all ease 300ms;-ms-transition:all ease 300ms;-o-transition:all ease 300ms;transition:all ease 300ms}
.section_4 .round-box .next:hover{margin-right:-4px;-webkit-transition:all ease 300ms;-moz-transition:all ease 300ms;-ms-transition:all ease 300ms;-o-transition:all ease 300ms;transition:all ease 300ms}
.section_4 .work-more{display:block;width:126px;height:32px;margin:0 auto;margin-top:46px;font-size:16px;line-height:32px;text-align:center;border-radius:18px;color:#333;border:2px solid #ff7000;-webkit-transition:all ease 300ms;-moz-transition:all ease 300ms;-ms-transition:all ease 300ms;-o-transition:all ease 300ms;transition:all ease 300ms}
.section_4 .work-more:hover{background:#ff7000;color:#fff}
.section_5{background:url(../images/s5_bg.jpg) no-repeat;background-size:cover}
.section_5 .about{width:1200px;height:400px;position:absolute;left:50%;margin-left:-600px;box-sizing:border-box;top:50%;margin-top:-200px}
.section_5 .about .left{float:left;width:590px;height:400px;}
.section_5 .about .left .video{display:block;width:590px;height:400px;cursor:pointer;}
.section_5 .about .left .video img{display:block;width:590px;height:400px;}
.section_5 .about .right{float:right;width:520px}
.section_5 .about .box1 .atit{font-size:30px;line-height:30px;color:#fff}
.section_5 .about .box1 .aline{display:block;width:40px;height:1px;margin-top:22px;background:#fff}
.section_5 .about .box1 .acont{font-size:14px;line-height:30px;text-align:justify;margin-top:40px;color:#fff}
.section_5 .about .box2{margin-top:44px}
.section_5 .about .box2 .item{float:left}
.section_5 .about .box2 .it1{margin-right:68px}
.section_5 .about .box2 .it2{margin-right:60px;}
.section_5 .about .box2 .igs{float:left;font-weight:bold;font-size:60px;line-height:45px;font-family:arial;color:#fff}
.section_5 .about .box2 .jw{float:left;font-weight:bold;font-size:14px;color:#fff;margin-left:6px;margin-top:-4px}
.section_5 .about .box2 .desc{font-size:14px;line-height:16px;color:#fff;margin-top:10px}
.section_5 .amore{display:block;width:130px;height:36px;margin-top:36px;font-size:16px;line-height:36px;text-align:center;color:#fff;background:#ff7000;border-radius:18px;transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;-ms-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;-webkit-transition:.3s ease-in-out}
.section_5 .amore:hover{width:160px;opacity:0.9;transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;-ms-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;-webkit-transition:.3s ease-in-out}
.section_6{background:url(../images/s6_bg.jpg) no-repeat;background-size:cover}
.section_6 .contact{height:666px;position:absolute;width:1200px;left:50%;margin-left:-600px;top:50%;margin-top:-333px}
.section_6 .contact .part1 .titc{font-weight:normal;font-size:46px;line-height:44px;text-align:center;color:#333}
.section_6 .contact .part1 .txt{font-size:14px;line-height:26px;text-align:center;color:#333;margin-top:20px}
.section_6 .contact .part1 .txt span{font-weight:bold;font-family:Arial;font-size:24px;color:#ff7000}
.section_6 .contact .part2{margin-top:30px;text-align:center}
.section_6 .contact .part2 .ewmList{display:inline-block}
.section_6 .contact .part2 .ewmList .item{width:120px;float:left;margin-left:33px}
.section_6 .contact .part2 .ewmList .item:first-child{margin-left:0}
.section_6 .contact .part2 .ewmList .item .img{display:block;width:120px;height:120px}
.section_6 .contact .part2 .ewmList .item .dm{font-weight:normal;font-size:14px;line-height:30px;text-align:center;color:#333}
.section_6 .contact .part3{margin-top:40px}
.section_6 .contact .part3 .item{float:left}
.section_6 .contact .part3 .mobile .tx{float:left;display:table-cell}
.section_6 .contact .part3 .mobile .t1{font-size:14px;line-height:16px;color:#333}
.section_6 .contact .part3 .mobile .t2{font-weight:bold;font-size:16px;line-height:16px;margin-left:8px;color:#333}
.section_6 .contact .part3 .mobile .tx1{margin-top:16px}
.section_6 .contact .part3 .mobile .tx2{margin-top:16px;margin-left:10px}
.section_6 .contact .part3 .mobile .tx3{margin-top:10px;margin-right:10px}
.section_6 .contact .part3 .mobile .tx4{margin-top:10px}
.section_6 .contact .part3 .mobile{padding-left:90px;margin-right:25px;width:364px;height:79px;background:url("../images/mobile.png") no-repeat left center}
.section_6 .contact .part3 .address{padding-left:90px;margin-right:17px;width:350px;height:79px;background:url("../images/address.png") no-repeat left center}
.section_6 .contact .part3 .tel{padding-left:90px;width:145px;height:79px;background:url("../images/tel.png") no-repeat left center}
.section_6 .contact .part3 .item .p1{font-size:14px;line-height:16px;margin-top:20px;color:#333}
.section_6 .contact .part3 .item .p2{font-weight:bold;font-size:16px;line-height:24px;margin-top:8px;color:#333}
.section_6 .contact .part3 .address .p2{font-size:14px;}
.section_6 .contact .part3 .item .p3{font-size:14px;line-height:16px;color:#333;margin-top: 5px;}
.section_6 .contact .part4{margin-top:60px}
.section_6 .contact .part4 .item{float:left;color:#999;font-weight:normal;width:380px;height:40px;line-height:40px;margin-right:30px;margin-bottom:16px;position:relative;background:url("../images/input.png") no-repeat center center}
.section_6 .contact .part4 .item label{padding-left:20px;position:absolute;left:0;top:0;z-index:11;font-weight:normal;text-align:center;display:block;margin:0;height:40px;line-height:40px;font-size:14px;color:#666666}
.section_6 .contact .part4 .item .txt{position:absolute;top:0;width:320px;height:40px;line-height:40px;display:block;background:none;padding-left:60px;border:0 none;color:#333;font-size:14px}
.section_6 .contact .part4 .item.mw .txt{width:293px;padding-left:85px}
.section_6 .contact .part4 .item.mr0{margin-right:0;}
.section_6 .contact .part4 .item .red{position: absolute;right: 15px;top: 0;color: #ff0000;z-index: 11;}
.section_6 .contact .part4 .liuyan{float:left;width:1200px;height:90px;background:url("../images/textarea.png") no-repeat center center}
.section_6 .contact .part4 .liuyan label{text-align:right;top:5px;display:block}
.section_6 .contact .part4 .liuyan textarea{width:1178px;height:84px;line-height:28px;padding:10px 10px;text-indent:50px;font-size:14px;font-family:"microsoft yahei";color:#333;border:0 none;overflow:hidden;background:none;resize:none;display:block;outline:none}
.section_6 .contact .part4 .sub{width:130px;height:- 4px;line-height:36px;border:2px solid #ff7000;text-align:center;background:#ff7000;color:#FFF;cursor:pointer;font-size:16px;display:block;-webkit-transition:all ease 300ms;-moz-transition:all ease 300ms;-ms-transition:all ease 300ms;-o-transition:all ease 300ms;transition:all ease 300ms;margin:0 auto;border-radius:20px}
.section_6 .contact .part4 .sub:hover{opacity:0.9;background:#ea4a4a;border-color:#ea4a4a}
@media screen and (max-height:700px){.tit{top:17vh}
.tit img{height:90px}
}.bottom_copy{background:url(../images/b15.png) top left repeat-x;width:100%;position:absolute;z-index:10;bottom:0;color:#b4b4b4;font-size:12px;line-height:45px}
.bottom_copy a{color:#b4b4b4}
.bottom_copy a:hover{text-decoration:underline}
.fp-viewing-page1 #menu li,.fp-viewing-page3 #menu li,.fp-viewing-page5 #menu li{background:url("../images/wel05.png") no-repeat center}
.fp-viewing-page1 #menu li.active,.fp-viewing-page3 #menu li.active,.fp-viewing-page5 #menu li.active{background:url("../images/wel05_h.png") no-repeat center}
.fp-viewing-page1 #menu li:hover,.fp-viewing-page3 #menu li:hover,.fp-viewing-page5 #menu li:hover{background:url("../images/wel05_h.png") no-repeat center}
.fp-viewing-page1 .wel-number,.fp-viewing-page3 .wel-number,.fp-viewing-page5 .wel-number{background:url("../images/wel21.png") no-repeat top center;color:#fff}
.fp-viewing-page1 .wel-number .num,.fp-viewing-page3 .wel-number .num,.fp-viewing-page5 .wel-number .num{color:#fff}
.fp-viewing-page2 .header_main,.fp-viewing-page4 .header_main,.fp-viewing-page6 .header_main{background:url(../images/b1.png) left bottom repeat-x;top:0;opacity:1}
.fp-viewing-page2 .header_main .logo .img1,.fp-viewing-page4 .header_main .logo .img1,.fp-viewing-page6 .header_main .logo .img1{display:none}
.fp-viewing-page2 .header_main .logo .img2,.fp-viewing-page4 .header_main .logo .img2,.fp-viewing-page6 .header_main .logo .img2{display:block}
.fp-viewing-page2 .header_main .nav a,.fp-viewing-page4 .header_main .nav a,.fp-viewing-page6 .header_main .nav a{color:#333}
.fp-viewing-page2 .bottom_copy,.fp-viewing-page4 .bottom_copy,.fp-viewing-page6 .bottom_copy{background:url(../images/b1.png) left top repeat-x;color:#333}
.fp-viewing-page2 .bottom_copy a,.fp-viewing-page4 .bottom_copy a,.fp-viewing-page6 .bottom_copy a{color:#333}
.bottom_copy em{margin:0 5px;}
.ewmbox{width:300px;height:320px;padding-top:20px;background:#fff;z-index:9999;position:fixed;left:50%;top:50%;margin:-170px 0 0 -150px;text-align:center;font-size:16px;display:none}
.ewmbox .close{width:32px;height:32px;position:absolute;top:-25px;right:-40px;cursor:pointer;border-radius:100%;background:#f3f3f3 url(../images/dialogClose.png) no-repeat center center;transition:all ease 300ms}
.ewmbox .close:hover{transform:rotate(180deg)}
.ewmbox img{width:260px;height:260px;display:block;margin:0 auto 10px}
.dialog-layout{width:100%;height:100%;position:fixed;z-index:100;top:0;left:0;background:#000;opacity:0.3;filter:alpha(opacity=30)}
.erro{text-align:center;min-height:400px;color:red;font-size:18px;padding-top:20px;background:#fff;min-height:800px;}

/*友情链接*/
.bottom_copy{padding-top:8px;}
.friendLink{line-height:16px;margin-top:6px;}
.friendLink .link{float:left;}
.friendLink .item{float:left;margin-left:12px;cursor:pointer;}
.friendLink .item:first-child{margin-left:0;}
.friendLink .link{margin-right:3px;}
.friendLink .item:hover{color:#ff7000;}
.bottom_copy .bt{line-height:30px;}

.about_showvideo {  z-index:999;position:fixed; width:100%; height:100%; background:rgba(0,0,0,0.6) ; top:0px; left:0px;display:none;}
#about_closevideo {font-size:28px; color:#fff; position:absolute; width:30px; height:30px; text-align:center; line-height:30px; right:20%; top:20%; cursor:pointer; *color:#000;transition: all 0.3s ease-out 0s;}
#about_closevideo:hover {border:1px solid #fff; border-radius:50%; transform:rotate(360deg);*border:1px solid #000; }


@media screen and (max-width: 1599px) and (min-width: 1366px) {
    .header .logo{margin-left:1vw;}
    .header .nav li{width:6.5vw;}
    .section_3 .body{margin-top:-250px;}
    .section_3 .case-more{margin-top:20px;}
    .section_4 .screen-main{margin-top:-275px;}
    .section_4 .top-nav{margin-top:16px;}
    .section_4 .round-box{margin-top:24px;}
    .section_4 .work-more{margin-top:24px;}
    .section_6 .contact{margin-top:-270px;}
    .section_6 .contact .part1 .txt{margin-top:10px;}
    .section_6 .contact .part3{margin-top:10px;}
    .section_6 .contact .part4{margin-top:10px;}
}

/*index css end*/

@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/*animated*/
.onactive .animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.active .animated {
  -webkit-animation-duration: 1.2s;
  animation-duration: 1.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.active .animated.slow {
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
}
.active .animated.fast {
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
}
.active .opacityA {
  -webkit-animation-name: opacityA;
  animation-name: opacityA;
}
.hvr-light {
  overflow: hidden;
  position: relative;
}
.hvr-light:before {
  content: "";
  position: absolute;
  width: 90px;
  height: 370px;
  top: -0px;
  left: -200px;
  overflow: hidden;
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0) 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.4)), color-stop(100%, rgba(255, 255, 255, 0)));
  background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0) 100%);
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0) 100%);
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0) 100%);
  -webkit-transform: skewX(-32deg);
  -ms-transform: skewX(-32deg);
  -moz-transform: skewX(-32deg);
  transform: skewX(-32deg);
}
.hvr-light:hover:before {
  -webkit-transition: left 1s;
  -moz-transition: left 1s;
  -ms-transition: left 1s;
  transition: left 1s;
  left: 1300px;
}
.hvr-light:hover {
  opacity: .9;
  filter: alpha(opacity=90);
}
@keyframes opacityA {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.active .scale {
  -webkit-animation-name: scale;
  animation-name: scale;
}
@-webkit-keyframes scale {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.2);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
  }
}
@keyframes scale {
  0% {
    opacity: 0;
    transform: scale(0.2);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.active .fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(80px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(80px);
    -moz-transform: translateY(80px);
    -ms-transform: translateY(80px);
    transform: translateY(80px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.active .fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes rotates {
  0% {
    transform: rotate(360deg);
  }
  50% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes rotate {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes rotates {
  0% {
    transform: rotate(360deg);
  }
  50% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
.active .start {
  -webkit-animation-name: start;
  animation-name: start;
  animation-iteration-count: infinite;
}
@-webkit-keyframes start {
  0%,
  30% {
    opacity: .5;
    -webkit-transform: translate(0, 4px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
  }
  100% {
    opacity: .5;
    -webkit-transform: translate(0, -6px);
  }
}
@-moz-keyframes start {
  0%,
  30% {
    opacity: .5;
    -moz-transform: translate(0, 4px);
  }
  60% {
    opacity: 1;
    -moz-transform: translate(0, 0);
  }
  100% {
    opacity: .5;
    -moz-transform: translate(0, -6px);
  }
}
@keyframes start {
  0%,
  30% {
    opacity: .5;
    transform: translate(0, 4px);
  }
  60% {
    opacity: 1;
    transform: translate(0, 0);
  }
  100% {
    opacity: .5;
    transform: translate(0, -6px);
  }
}
@keyframes mousemove {
  0% {
    transform: translateY(-5px);
  }
  25% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(5px);
  }
  75% {
    transform: translateY(0px);
  }
  100% {
    transform: translateY(-5px);
  }
}
.onactive .flyInDown {
  -webkit-animation-name: flyInDown;
  animation-name: flyInDown;
}
@-webkit-keyframes flyInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-500px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@keyframes flyInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-300px);
    -moz-transform: translateY(-300px);
    -ms-transform: translateY(-300px);
    transform: translateY(-300px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.onactive .flyInUp {
  -webkit-animation-name: flyInUp;
  animation-name: flyInUp;
}
@-webkit-keyframes flyInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@keyframes flyInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100px);
    -moz-transform: translateY(100px);
    -ms-transform: translateY(100px);
    transform: translateY(100px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.onactive .flyInRight {
  -webkit-animation-name: flyInRight;
  animation-name: flyInRight;
}
@-webkit-keyframes flyInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(200px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@keyframes flyInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(200px);
    -moz-transform: translateX(200px);
    -ms-transform: translateX(200px);
    transform: translateX(200px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.onactive .flyInLeft {
  -webkit-animation-name: flyInLeft;
  animation-name: flyInLeft;
}
@-webkit-keyframes flyInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-200px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@keyframes flyInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-200px);
    -moz-transform: translateX(-200px);
    -ms-transform: translateX(-200px);
    transform: translateX(-200px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.onactive .Swing1 {
  -webkit-animation-name: Swing1;
  animation-name: Swing1;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
@keyframes Swing1 {
  0% {
    transform: rotate(-5deg);
  }
  50% {
    transform: rotate(5deg);
  }
  100% {
    transform: rotate(-5deg);
  }
}
@-webkit-keyframes Swing1 {
  0% {
    -webkit-transform: rotate(-5deg);
  }
  50% {
    -webkit-transform: rotate(5deg);
  }
  100% {
    -webkit-transform: rotate(-5deg);
  }
}
@-moz-keyframes Swing1 {
  0% {
    -moz-transform: rotate(-5deg);
  }
  50% {
    -moz-transform: rotate(5deg);
  }
  100% {
    -moz-transform: rotate(-5deg);
  }
}
@-o-keyframes Swing1 {
  0% {
    -oz-transform: rotate(-5deg);
  }
  50% {
    -moz-transform: rotate(5deg);
  }
  100% {
    -moz-transform: rotate(-5deg);
  }
}
/*# sourceMappingURL=css.css.map */