@charset "utf-8";
/* CSS Document */

body{background:#fff;max-width: 1920px;width: 100%;margin:0 auto;position: relative;overflow-x:hidden;}
.wrap{width:1200px; margin:0 auto; zoom:1;}
.wrap:after,.wrap:before{display:table; content:'';}
.wrap:after{clear:both;}
.textOver{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.over{overflow: hidden;}
.alC{text-align: center;}
.alL{text-align: left;}
.alR{text-align: right;}
.displayT{width: 100%;height: 100%;display: table;}
.tableC{display: table-cell;}
.inlineB{display: inline-block;}
.middle{vertical-align: middle;}
.noml{margin-left: 0!important;}
.trans{-webkit-transition:all 300ms ease 0s; -moz-transition:all 300ms ease 0s; -ms-transition:all 300ms ease 0s; -o-transition:all 300ms ease 0s; transition:all 300ms ease 0s;}
.imgZoom img:hover{transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1);}
@font-face{font-family: 'bebas';src: url(../fonts/bebas.ttf);}
.show_tb{display: none!important;}
.show_pc{display: block!important;}
.show_mb{display: none!important;}

.w_detail{}
.w_detail .title{font-size: 24px;color:#333;padding:3% 0 0;}
.w_detail .sub_title{margin:10px 0; font-size:16px; color:#5e5e5e;}
.w_detail .oth{padding:1% 0 0;}
.w_detail .oth span{font-size: 14px;margin:0 15px;color: #7a7a7a;}
.w_detail .content{padding:5% 0 6%;}
.w_detail .content p,.w_detail .content div,.w_detail .content span,.w_detail .content{font-size: 14px;color: #555;line-height: 200%;font-family: "微软雅黑",Arial, Helvetica, sans-serif;}
.article .content{padding: 0 0 5%;}
.article .index .ml-title{cursor: inherit;}

.wrap-banner a{display:inline-block;width:100%;}
.wrap-banner.show_pc a{height:654px;}
.wrap-banner.show_tb a{/*max-height:341px;*/}
.wrap-banner.show_mb a{/*max-height:218px;*/}
.wrap-banner img{max-width: 100%;max-height: 100%;}

#head{position: relative;}
#head .head-button{position: fixed;top:37%;left: 0;z-index: 100;cursor: pointer;max-width: 96px;}
#head .head-button .logo{}
#head .head-button .logo img{max-width: 96px;width: 100%;}
#head .head-button .logo a{display: inline-block;padding:15px 0;background: #fff;}
#head .head-button .menu-button{position: relative;}
#head .head-button .menu-button .i1{}
#head .head-button .menu-button .i2{display: none;}
#head .head-button .menu-button .mu_line{position: absolute;left: 0;top:0;background: #333;width:40px;height: 2px;}
#head .head-button .menu-button .mu_line.l1{top: 17px;left: 27px;}
#head .head-button .menu-button .mu_line.l2{top:31px;left: 20px;width: 54px;}
#head .head-button .menu-button .mu_line.l3{top:45px;left: 27px;}
#head .head-button .menu-button .mu_line.on{background: #865a98;}
#head .head-button .menu-button:hover .i1{display: none;}
#head .head-button .menu-button:hover .i2{display: inline-block;}
#head .nav{position: fixed;top:0;right: -100%;height: 100%;z-index: 100; background: #fff url(../images/bn2.png) no-repeat center;-webkit-transition:right .5s,opacity .6s;transition:right .5s,opacity .6s;opacity: 0;}
#head .nav-show{right: 0;opacity: 1;}
#head .nav .displayT{position: relative;}
#head .nav .displayT .close-nav{position: absolute;top:5px;right: 30px;cursor: pointer;}
#head .nav .displayT .close-nav:hover{transform:rotate(90deg);-webkit-transform:rotate(90deg);}
#head .nav .nav-title{margin-bottom: 10px;padding:0 90px 15px 130px;position: relative;}
#head .nav .nav-title .tg-line{position: absolute;left: 0;bottom: 0;background: #78b232;height: 3px;width:130px;}
#head .nav .nav-title .n{font-size: 22px;color: #333;width: 120px;padding-right: 80px;}
#head .nav .nav-title .n a{font-size: 22px;color: #333;}
#head .nav .nav-title .n a .i1{}
#head .nav .nav-title .n a .i2{display: none;}
#head .nav .nav-title .n a:hover{color: #865a98;}
/*#head .nav .nav-title .n.on a{color: #865a98;}*/
#head .nav .nav-title .n img{margin-right: 5px;}
#head .nav .box{padding:0 90px 0 130px;}
#head .nav .box .ul{width: 160px;padding: 0 10px 0 30px;}
#head .nav .box .ul .li{line-height: 100%;}
#head .nav .box .ul .li a{font-size: 14px;color: #555;display: inline-block;width: 90%;}
#head .nav .box .ul .li a:hover{color: #865a98;}
#head .nav .nav-title .n a:hover .i1{display: none;}
#head .nav .nav-title .n a:hover .i2{display: inline-block;}
/*#head .nav .nav-title .n.on a .i1{display: none;}
#head .nav .nav-title .n.on a .i2{display: inline-block;}*/

.owl-ba{width: 100%;text-align: center;margin:0 auto;}
.owl-ba .item{background: #fff no-repeat center;}
.owl-ba .owl-controls{margin-top: 0;}
.owl-ba .owl-controls .owl-page span{background: #fff;width: 32px;height: 3px;opacity: 1;}
.owl-ba .owl-controls .owl-page.active span{background: #78b232;}
.owl-ba .owl-pagination{position: absolute;width: 100%;left: 0;bottom: 1%;text-align: center;}
.owl-ba .owl-controls .owl-buttons{display: none;}
.owl-ba .owl-controls .owl-buttons div{position: absolute;top:40%;text-indent: 999px;width: 40px;height: 72px;overflow: hidden;padding:0;margin:0;opacity: .7;background: none;}
.owl-ba .owl-controls .owl-buttons .owl-prev{left: 2%;background: url(../images/ib_l.png) no-repeat center;background-size:100% auto; }
.owl-ba .owl-controls .owl-buttons .owl-prev:hover{background-image: url(../images/ib_l_hover.png);}
.owl-ba .owl-controls .owl-buttons .owl-next{right: 2%;background: url(../images/ib_r.png) no-repeat center;background-size:100% auto;}
.owl-ba .owl-controls .owl-buttons .owl-next:hover{background-image: url(../images/ib_r_hover.png);}
#owl-banner1{max-width: 1920px;max-height: 1024px;}
#owl-banner1 .item{height: 1024px;cursor: pointer;}
#owl-banner2{max-width: 1000px;max-height: 533px;}
#owl-banner2 .item{height: 533px;}
#owl-b3{max-width: 640px;max-height: 340px;}
#owl-b3 .item{/*height: 340px;*/}

#head{}
#head .mobile-button{position: fixed;left: -18px;top:15%;z-index: 90;width: 35px;padding: 4px 3px;background: #865a98;border-radius: 100px;opacity: .7;box-shadow: 0 0 10px #865a98;}

#head .mobile-nav{position: fixed;left: -280px;top:0;width: 280px;height: 100%;background: #865a98 ;z-index: 100;overflow-y: auto;transition:left .3s;-webkit-transition:left .3s;}
#head .mobile-nav-show{left: 0;}
#head .mobile-nav .mblg{padding:6% 0 2%;}
#head .mobile-nav .mblg .img{height: 65px;}
#head .mobile-nav .li{background: #865a98;border-bottom: 1px dashed #78b232;}
#head .mobile-nav .li .a{font-size: 16px;color: #fff;display: inline-block;width: 100%;padding:5% 0;text-indent: 10%;width: 95%;}
#head .mobile-nav .li .a span{width:15px;text-indent: 0;margin-top: 7px;}
#head .mobile-nav .li .a.tgli span{transform:rotate(180deg);transition: transform 0.25s;}
#head .mobile-nav .li .child{background: #fff;overflow: hidden;height: 0;transition:height .3s;-webkit-transition:height .3s;}
#head .mobile-nav .li .child .dd{padding: 4% 0;text-indent: 16%;}
#head .mobile-nav .li .child .dd a{font-size: 14px;color: #535353;}

.search{background: url(../images/id_bg0-1.png);border-radius: 100px;position: absolute;top:4%;right:2%;z-index: 90;opacity: 1;}
.search .text{border:none;background: none;width:120px;height: 30px;text-indent: 10px;color: #fff;outline: none;}
.search .sub{border:none;background: #865a98 url(../images/h_search.png) no-repeat center;width:30px;height:30px;border-radius: 100px;background-size: 50%;cursor: pointer;opacity: .7;}

#foot{}
#foot .wrap{width: 1500px;}
#foot .top{background: #393939;padding:3% 0 1%;}
#foot .bottom{background: #4b4b4b;padding:1% 0;}
#foot .nav{width: 82%;}
#foot .nav .box{float: left;width: 15%;margin-right: 1%;}
#foot .nav .box .t{font-size: 16px;color: #efeff1;margin-bottom: 20px;}
#foot .nav .box .t a{font-size: 16px;color: #efeff1;}
#foot .nav .box .ul{}
#foot .nav .box .ul .li{line-height: 200%;text-indent: 16px;}
#foot .nav .box .ul .li a{font-size: 14px;color: #d6d6d6;}
#foot .nav .box .ul .li a:hover{color: #fff;}
#foot .follow{width: 15%;}
#foot .follow .t{font-size: 16px;color: #fff;margin-bottom: 10px;text-indent: 14px;}
#foot .follow .ew{background: url(../images/id16.png) no-repeat center;width: 220px;height: 206px;}
#foot .follow .ew img{max-width: 140px;max-height: 140px;}
#foot .cp{font-size: 14px;color: #fff;}
#foot .foota{}
#foot .foota a{font-size: 14px;color: #d6d6d6;}
#foot .foota span{font-size: 14px;color: #d6d6d6;}
#foot .flink{color: rgb(90,90,90);font-size: 14px;margin-top: 3%;}
#foot .flink a{color: rgb(90,90,90);font-size: 14px;margin-right: 5px;}

.index{}
.index .i-about{background: #f2f2f5 url(../images/id1.png) no-repeat center;padding:4% 0 2%;}
.index .i-about .top{}
.index .i-about .top .t{cursor: pointer;}
.index .i-about .top .left{width: 43%;}
.index .i-about .top .right{width: 46%;}
.index .i-about .top .t span{display: inline-block;width: 44px;height: 4px;background: #78b232;margin-bottom: 2%;}
.index .i-about .top .t .t1{font-size: 22px;color: #333;margin-bottom: 1%;display: none;}
.index .i-about .top .t .t2{font-size: 32px;color: #333;margin-bottom: 2%;font-weight: bold;}
.index .i-about .top .bf{font-size: 14px;color: #555;line-height: 190%;margin-bottom: 5%;}
#owl-subc .ul{margin-bottom: 2%;}
#owl-subc .ul .li{text-indent: 20px;background: url(../images/id3.png) no-repeat left center;margin-left: 2%;width: 49%;line-height: 203%;}
#owl-subc .ul .li a{font-size: 14px;color: #333;width: 88%;text-indent: 0;}
#owl-subc .ul .li:hover{background-image: url(../images/id3-0.png);}
#owl-subc .ul .li:hover a{color: #865a98;}
.index .i-about .top .m{}
.index .i-about .top .m a{display: inline-block;font-size: 18px;color: #fff;background: #865a98;padding:10px 15px;text-align: center;border-radius: 4px;}
.index .i-about .bottom{margin-top: 5%;}
.index .i-about .bottom .box{width: 24.5%;border-left: 1px solid #c0c0c0;padding:2% 0;}
.index .i-about .bottom .box.first{border:none;}
.index .i-about .bottom .box .word{font-size: 14px;color: #555;}
.index .i-about .bottom .box .w1{}
.index .i-about .bottom .box .w1 span{font-family: 'bebas';font-size: 50px;color: #555;}
.index .i-about .bottom .box .w2{margin-top: 30px;}
.index .i-about .bottom .box:hover .w1 span{color: #865a98;/*text-shadow:4px 2px 4px #555;*/}

#owl-subc{margin-bottom: 3%;}
#owl-subc .item{}
#owl-subc .owl-controls{margin-top: 0;}
#owl-subc .owl-controls .owl-page span{background: #d4d4d4;width: 9px;height: 9px;opacity: 1;margin:0 4px;}
#owl-subc .owl-controls .owl-page.active span{background: #865a98;}
#owl-subc .owl-pagination{width: 100%;text-align: center;}
#owl-subc .owl-buttons{display: none;}
#owl-subc .owl-buttons div{position: absolute;top:45%;text-indent: 999px;width: 41px;height: 81px;overflow: hidden;padding:0;margin:0;opacity: 1;}
#owl-subc .owl-buttons .owl-prev{left: 2%;background: url(../images/ib_l.png) no-repeat center;}
#owl-subc .owl-buttons .owl-next{right: 2%;background: url(../images/ib_r.png) no-repeat center;}

.index .ml-title{font-size: 32px;color: #333;font-weight: bold;text-align: center;margin:60px 0 75px;cursor: pointer;}
.index .ml-title span{display: block;width: 39px;height: 3px;margin:12px auto 0;background: #78b232;}
.index .i-domain{background: url(../images/id4.jpg) no-repeat center;padding-bottom: 104px;}
.index .i-domain .ml-title{color: #fff;}
.index .i-domain .ml-title span{background: #fff;}
.index .i-domain .list{max-height: 560px;text-align: center;}
.index .i-domain .list .close-box{width: 220px;padding:30px 0;min-height: 500px;cursor: pointer;-webkit-transition:width .5s,height .5s,opacity 1s;transition:width .5s,height .5s,opacity 1s;}
.index .i-domain .list .close-box .main{width: 160px;margin:0 auto;}
.index .i-domain .list .close-box.close{width: 0;opacity: 0;}
.index .i-domain .list .cb0{background: url(../images/id_bg3.png);}
.index .i-domain .list .cb1{background: #78b232;}
.index .i-domain .list .cb1-2{background: url(../images/id_bg2.png);}
.index .i-domain .list .cb2{background: url(../images/id_bg2.png);}
.index .i-domain .list .close-box .img{}
.index .i-domain .list .close-box .t{padding:20px 0;font-size: 22px;color: #fff;}
.index .i-domain .list .close-box .t span{display: block;width: 32px;height: 3px;margin:20px auto 0;background: #fff;}
.index .i-domain .list .close-box .bf{font-size: 12px;color: #fff;line-height: 220%;text-align: left}

.index .i-domain .list .open-box{width: 0;background: url(../images/id_bg0.png);padding:40px 0 60px;min-height: 460px;-webkit-transition:width .7s;transition:width .7s;text-align: left;}
.index .i-domain .list .open-box .main{width: 670px;margin:0 auto;}
.index .i-domain .list .open-box.open{width: 760px;}
.index .i-domain .list .open-box .t{margin-bottom: 15px;}
.index .i-domain .list .open-box .t a{font-size: 22px;color: #333;}
.index .i-domain .list .open-box .t a:hover{color: #865a98;}
.index .i-domain .list .open-box .img{width: 100%;text-align: center;}
.index .i-domain .list .open-box .bf{margin:15px 0;font-size: 14px;color: #555;line-height: 200%;}
.index .i-domain .list .open-box .m{}
.index .i-domain .list .open-box .m a{font-size: 14px;color: #555;display: inline-block;padding:5px 15px;border-radius: 5px;border:1px solid #979797;text-align: center;}
.index .i-domain .list .open-box .m a:hover{background: #865a98;color: #fff;border:1px solid #865a98;}

.index .i-case{background:#f2f2f5 url(../images/id11.jpg) no-repeat center;padding-bottom: 60px;}
.index .i-case .list{}
.index .i-case .list .box{width: 25%;position: relative;}
.index .i-case .list .box .word{width: 50%;position: absolute;width: 50%;height: 100%;background: #fff;overflow: hidden;}
.index .i-case .list .box .word .displayT{position: relative;}
.index .i-case .list .box .word .displayT .middle{vertical-align: top;}
.index .i-case .list .box .word .displayT .tri{position: absolute;left: 100%;top:48%;}
.index .i-case .list .box .word.rw .displayT .tri{left: auto;right:25%;}
.index .i-case .list .box .word .main{width:85%;margin: 0 auto;cursor: pointer;margin-top: 9%;}
.index .i-case .list .box .word.lw{left: 0;}
.index .i-case .list .box .word.rw{right: 0;}
.index .i-case .list .box .word .t{font-size: 16px;color: #333;}
.index .i-case .list .box .word .bf{font-size: 14px;color: #555;margin: 4% 0 8%;line-height: 180%;}
.index .i-case .list .box .word .m{position: absolute;bottom:8%;right:8%;}
.index .i-case .list .box .word.rw .m{right: auto;left: 8%;}
.index .i-case .list .box .word .m .i1{}
.index .i-case .list .box .word .m .i2{display: none;}
.index .i-case .list .box .word .m.alL a img{transform: rotate(180deg);-webkit-transform:rotate(180deg);}
.index .i-case .list .box .word:hover{}
.index .i-case .list .box .word:hover .t{color: #865a98;}
.index .i-case .list .box .word:hover .bf{color: #865a98;}
.index .i-case .list .box .pic{width: 100%;position: relative;}
.index .i-case .list .box .pic:hover .fix_blue{opacity: 1;}
.index .i-case .list .box .word:hover .m .i1{display: none;}
.index .i-case .list .box .word:hover .m .i2{display: inline-block;}
/*新加案例图片效果样式*/
.c-title {
    color: azure;
    width: 98%;
    text-indent: 16px;
    height: 30px;
    line-height: 30px;
    position: absolute;
    bottom: 0;
    background-color: rgba(0, 0, 0, .5);/*透明效果*/
}
.index .i-news{padding-bottom: 30px;background:#f2f2f5 url(../images/id11.jpg) no-repeat center;}
.index .i-news .ml-title{margin-top: 0;}
.index .i-news .list{}
.index .i-news .list .left{width: 49%;}
.index .i-news .list .left .img{position: relative;}
.index .i-news .list .left .img .date{position: absolute;left: 0;bottom: 0;background: url(../images/id_bg2.png);padding:5px 25px;}
.index .i-news .list .left .img .date .d1{font-size: 32px;color: #fff;}
.index .i-news .list .left .img .date .d2{font-size: 12px;color: #fff;}
.index .i-news .list .left .t{margin:4% 0 2%;}
.index .i-news .list .left .t a{font-size: 17px;color: #333;width: 95%;}
.index .i-news .list .left .t a:hover{color: #865a98;}
.index .i-news .list .left .bf{font-size: 14px;color: #555;line-height: 190%;}
.index .i-news .list .right{width: 48%;}
.index .i-news .list .right .box{background: #f4f4f4;padding:3% 2%;margin-bottom: 2%;cursor: pointer;}
.index .i-news .list .right .box .date{width:12%;margin-right: 4%;}
.index .i-news .list .right .box .date .d1{font-size: 32px;color: #838383;}
.index .i-news .list .right .box .date .d2{font-size: 12px;color: #888;}
.index .i-news .list .right .box .word{width: 82%;}
.index .i-news .list .right .box .word .t{margin-bottom: 1%;}
.index .i-news .list .right .box .word .t a{font-size: 16px;color: #333;width: 95%;}
.index .i-news .list .right .box .word .bf{font-size: 14px;color: #555;line-height: 180%;}
.index .i-news .list .right .box:hover{background: #865a98;}
.index .i-news .list .right .box:hover .t a{color: #fff;}
.index .i-news .list .right .box:hover .bf{color: #fff;}
.index .i-news .list .right .box:hover .d1{color: #fff;}
.index .i-news .list .right .box:hover .d2{color: #fff;}
.index .i-news .more{margin-top: 1.5%;}
.index .i-news .more a{display: inline-block;font-size: 16px;color: #555;border:1px solid #9b9b9b;padding:5px 15px;border-radius: 5px;}
.index .i-news .more a:hover{background: #865a98;color: #fff;border:1px solid #865a98;}


.index .i-video{background: url(../images/id15.jpg) no-repeat center;height: 450px;position: relative;}
.index .i-video .play{position: absolute;width: 100%;height: 100%;background: url(../images/id14.png) no-repeat center;cursor: pointer;}
.index .i-video .t{position: absolute;width: 100%;left: 0;top: 13%;font-size: 28px;color: #fff;font-weight: bold;cursor: pointer;}
.video-fix{position: fixed;z-index: 1000;top:0%;left:0;width:100%;height: 100%;display: none;}
.video-fix .tableC{position: relative;}
.video-fix .tableC .fa{position: absolute;top: 2%;right: 2%;font-size: 32px;color: #865a98;cursor: pointer;}
.video-fix video{max-width: 90%;}

.mask{position: fixed;top: 0;left:0;width:100%;height:100%;z-index: 90;visibility: hidden;opacity: 0;background: rgba( 0, 0, 0, 0.4);}
.mask_vis{visibility: visible;opacity: 1.0;transition: visibility 0s, opacity 0.5s;}

.fix-nav{width: 35px;position: fixed;z-index: 100;right: 1%;top:35%;opacity: 0;visibility: hidden;}
.fix-nav.fix-nav-show{opacity: 1;visibility: visible;}
.fix-nav .li{width: 35px;padding:8px 0;border-radius: 6px;background: #bfbfbf;margin-bottom: 2px;position: relative;}
.fix-nav .li:hover{background: #865a98;cursor: pointer;}
.fix-nav .li.first{}
.fix-nav .li .pn{position: absolute;top: 0;right: 100%;height: 100%;line-height: 240%;background: #865a98;border-top-left-radius: 6px;border-bottom-left-radius: 6px;font-size: 14px;color: #fff;width: 0;}
.fix-nav .li.first:hover{border-top-left-radius: 0px;border-bottom-left-radius: 0px;}
.fix-nav .li.first:hover .pn{width: 144px;}
.fix-nav .li2{}
.fix-nav .li2 .fixEw{position: absolute;top:-50px;right:140%;width: 140px;display: none;max-width: 140px;max-height: 140px;}
.fix-nav .li2:hover .fixEw{display: block;}


.wrap-opt{/* padding:26px 0; */box-shadow: 0 2px 6px #BABABA;position: relative;}
.wrap-opt .dead-line{position: absolute;left: 0;bottom: 0;background: #78b232;height: 3px;}
.wrap-opt .opt{position: relative;}
.wrap-opt .opt .move-line{position: absolute;left: 0;bottom: 0;/* min-width: 65px; */background: #78b232;height: 3px;-webkit-transition:width .3s;transition:width .3s;}
.wrap-opt .opt .a{padding-right: 45px;/* width: 65px; */}
.wrap-opt .opt .a a{font-size: 16px;color: #333;padding:26px 0;display: inline-block;}
.wrap-opt .opt .a a:hover{color: #865a98;}
.wrap-opt .position{padding:26px 0;}
.wrap-opt .position a{font-size: 14px;color: #555;}
.wrap-opt .position span{font-size: 14px;color: #555;margin:0 3px;}

.about{}
.about .wrap{width: 1245px;}
.about .title{margin-bottom: 45px;}
.about .title span{display: inline-block;width: 43px;height: 4px;background: #78b232;margin-bottom: 6px;}
.about .title .t1{font-size: 22px;color: #333;margin: 6px 0 0px;display: none;}
.about .title .t2{font-size: 32px;color: #333;font-weight: bold;}
.about .ab_wrap{padding:60px 0;}
.about .ab1{/*padding:60px 0 20px;*/background: #f2f2f5 url(../images/id1.png) no-repeat center;}
.about .ab1 .left{width: 50%;display: inline-block;vertical-align: bottom;float: none;}
.about .ab1 .left .word{font-size: 14px;color: #333;line-height: 180%;}
.about .ab1 .right{width: 49%;display: inline-block;vertical-align: bottom;float: none;}
.about .ab1 .right .pic{}

.about .ab2{/*padding:35px 0;*/background: #f2f2f5 url(../images/id1.png) no-repeat center;}
.about .ab2 .wrap{position: relative;}
.about .ab2 .title{/*position: absolute;left: 0;top: 5%;*/}

.about .ab3{background: #f2f2f5 url(../images/id1.png) no-repeat center;/*padding:40px 0 70px;*/}
.about .ab3 .wrap{background: #fff;/*padding:15px 0;*/}
.about .ab3 .wrap .main{/*width:1120px;margin:0 auto;*/padding: 2%;}
.about .ab3 .left{width: 40%;}
.about .ab3 .right{width: 51%;margin-top: 1%;}
.about .ab3 .right .tab{margin-bottom: 4%;text-align: left;}
.about .ab3 .right .tab span{display: inline-block;border:1px solid #bfbfbf;border-radius: 4px;font-size: 16px;color: #333;margin-right:4%;padding:6px 13px;cursor: pointer;}
.about .ab3 .right .tab span.on{border-color: #865a98;color: #865a98;}
.about .ab3 .right .tab span:hover{color: #fff;background: #865a98;border-color: #865a98;}
.about .ab3 .right .list{}
.about .ab3 .right .list .box{display: none;}
.about .ab3 .right .list .box.show{display: block;}
.about .ab3 .right .list .box .li{}
.about .ab3 .right .list .box .li a{}

#owl-hoPic{width: 100%;text-align: center;margin:0 auto;}
#owl-hoPic .item{}
#owl-hoPic .item .n{font-size: 15px;color: #555;margin-top: 2%;}
#owl-hoPic .owl-controls{margin-top: 0;}
#owl-hoPic .owl-controls .owl-page span{background: #163e80;}
#owl-hoPic .owl-pagination{position: absolute;width: 100%;left: 0;bottom: 3%;text-align: center;display: none;}
#owl-hoPic .owl-buttons{}
#owl-hoPic .owl-buttons div{position: absolute;top:45%;text-indent: 999px;width: 30px;height: 30px;overflow: hidden;padding:0;margin:0;opacity: 1;opacity: .9;}
#owl-hoPic .owl-buttons .owl-prev{left: 2%;background: url(../images/cmp_l.png) no-repeat center;background-size: 100% auto;}
#owl-hoPic .owl-buttons .owl-prev:hover{background-image: url(../images/cmp_l_on.png);}
#owl-hoPic .owl-buttons .owl-next{right: 2%;background: url(../images/cmp_r.png) no-repeat center;background-size: 100% auto;}
#owl-hoPic .owl-buttons .owl-next:hover{background-image: url(../images/cmp_r_on.png);}

.owl-hoWord .item{}
.owl-hoWord .owl-controls{margin-top: 0;}
.owl-hoWord .owl-controls .owl-page span{background: #d4d4d4;width: 9px;height: 9px;opacity: 1;margin:0 4px;}
.owl-hoWord .owl-controls .owl-page.active span{background: #865a98;}
.owl-hoWord .owl-pagination{width: 100%;text-align: left;margin-top: 4%;}
.owl-hoWord .owl-buttons{display: none;}
.owl-hoWord .ul .li{/*text-indent: 20px;*/margin-left: 2%;width: 49%;line-height: 250%;cursor: pointer;}
.owl-hoWord .ul .li a{font-size: 14px;color: #333;width: 88%;text-indent: 0;}
.owl-hoWord .ul .li a.on{color: #865a98;}
.owl-hoWord .ul .li:hover a{color: #865a98;}

.about .ab4{/*padding:50px 0;*/background: #f2f2f5 url(../images/id1.png) no-repeat center;}
.about .ab4 .title{margin-bottom: 55px;}
.about .ab4 .left{width: 43%;font-size: 14px;color: #333;margin-right: 2%;line-height: 240%;}
.about .ab4 .right{width: 50%;}

.about .ab5{background: #f2f2f5 url(../images/id1.png) no-repeat center;/*padding-bottom: 50px;*/}
.about .ab5{}

#owl-history{width: 100%;text-align: center;margin:0 auto;}
#owl-history .item{background: url(../images/ab11.png) no-repeat center;background-size: 100%;cursor: pointer;}
#owl-history .item .img{margin-bottom: 12px;}
#owl-history .item .img .i1{}
#owl-history .item .img .i2{display: none;}
#owl-history .item .year{font-size: 16px;color: #333;}
#owl-history .item.on .year{color: #865a98;}
#owl-history .item.on .img .i1{display: none;}
#owl-history .item.on .img .i2{display: inline-block;}
#owl-history .owl-controls{margin-top: 0;}
#owl-history .owl-pagination{display: none;}
#owl-history .owl-buttons{display: none;}
#owl-history .owl-buttons div{position: absolute;top:0%;text-indent: 999px;width: 38px;height: 38px;overflow: hidden;padding:0;margin:0;opacity: 1;}
#owl-history .owl-buttons .owl-prev{left: -42px;background: url(../images/ab10.png) no-repeat center;}
#owl-history .owl-buttons .owl-next{right: -42px;background: url(../images/ab9.png) no-repeat center;}

#owl-hisContent{width: 100%;text-align: center;margin:0 auto;margin: 0 0 4%;}
#owl-hisContent .item{}
#owl-hisContent .item .year{margin-right: 4%;}
#owl-hisContent .item .year div{font-size: 42px;color: #865a98;font-weight: bold;}
#owl-hisContent .item .year span{display: inline-block;width: 39px;height: 3px;background: #865a98;}
#owl-hisContent .item .word{/*font-size: 14px;color: #333;line-height: 220%;*/width:70%;text-align: left;font-size: 14px;color: #555;line-height: 180%;}
#owl-hisContent .owl-controls{margin-top: 0;}
#owl-hisContent .owl-pagination{display: none;}
#owl-hisContent .owl-buttons{}
#owl-hisContent .owl-buttons div{position: absolute;top:40%;text-indent: 999px;width: 38px;height: 38px;overflow: hidden;padding:0;margin:0;opacity: 1;}
#owl-hisContent .owl-buttons .owl-prev{left: -42px;background: url(../images/ab10_o.png) no-repeat center;}
#owl-hisContent .owl-buttons .owl-prev:hover{background: url(../images/ab10_b.png) no-repeat center;}
#owl-hisContent .owl-buttons .owl-next{right: -42px;background: url(../images/ab9_o.png) no-repeat center;}
#owl-hisContent .owl-buttons .owl-next:hover{background: url(../images/ab9_b.png) no-repeat center;}


.info{}
.info .box{width:31.7%;margin:0 0 3% 2%;}
.info .box .img{position: relative;}
.box .img .fix_blue{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(../images/id_bg2.png);opacity: 0;}
.info .box .bottom{background: #fff;}
.info .box .main{width:90%;margin:0 auto;padding:6% 0;}
.info .box .d{font-size: 14px;color: #888;margin-bottom: 2%;}
.info .box .t{}
.info .box .t a{font-size: 16px;color: #000;display: inline-block;width: 95%;}
.info .box .t a:hover{color: #865a98;}
.info .box .share{border-top: 1px solid #e5e5e5;}
.info .box .share .i1{margin-right: 5px;}
.info .box .share .but a{margin-top: 0!important;margin-bottom: 0!important;}
.info .box:hover{box-shadow: 0 0 13px #ADADAD;}
.info .box:hover .fix_blue{opacity: 1;}
.info .box2{width:31.7%;margin:0 0 3% 2%;}
.info .box2 .img{text-align: center;}
.info .box2 .ti{padding:3% 2%;background: #fff;}
.info .box2 .ti a.fl{font-size: 16px;color: #000;width: 80%;}
.info .box2 .ti .fl:hover a{color: #865a98;}
.info .box2 .ti .cloud{position: relative;}
.info .box2 .ti .cloud .fa{color: #865a98;font-size: 18px;}
.info .box2 .ti .cloud .i1{}
.info .box2 .ti .cloud .i2{position: absolute;width:100%;height: 100%;top:0;left: 0;background: url(../images/info9_2.png) repeat-y;background-position: 50% -2px;}
.info .box2 .ti .cloud .i2.tra{transition: backgroundPosition,300s;-webkit-transition: backgroundPosition,300s;}
/*.info .box2 .ti .cloud .i2:hover{background-position: 50% 10000px;}*/
/*.info .box2 .ti .cloud .i2{position: absolute;top:40%;left: 0;width: 100%;display: inline-block;}*/
/*.info .box2 .ti .cloud:hover .i2{opacity: 1;top:50%;}*/
.info .clear1{clear: both;}
.info .clear2{}
.info .noml1{margin-left: 0;}


.info1{}
.info1 .box{width:97%;margin:0 0 1% 1%;}
.info1 .box .img{position: relative;}
.box .img .fix_blue{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(../images/id_bg2.png);opacity: 0;}
.info1 .box .bottom{background: #fff;}
.info1 .box .main{width:90%;margin:0 auto;padding:2% 0;}
.info1 .box .d{font-size: 14px;color: #888;margin-bottom: 2%;}
.info1 .box .t{}
.info1 .box .t a{font-size: 16px;color: #000;display: inline-block;width: 95%;}
.info1 .box .t a:hover{color: #865a98;}
.info1 .box .t span{float: right;padding-left: 0px;font-size: 16px;color: #000;}
.info1 .box .share{border-top: 1px solid #e5e5e5;}
.info1 .box .share .i1{margin-right: 5px;}
.info1 .box .share .but a{margin-top: 0!important;margin-bottom: 0!important;}
.info1 .box:hover{box-shadow: 0 0 13px #ADADAD;}
.info1 .box:hover .fix_blue{opacity: 1;}
.info1 .box2{width:31.7%;margin:0 0 3% 2%;}
.info1 .box2 .img{text-align: center;}
.info1 .box2 .ti{padding:3% 2%;background: #fff;}
.info1 .box2 .ti a.fl{font-size: 16px;color: #000;width: 80%;}
.info1 .box2 .ti .fl:hover a{color: #865a98;}
.info1 .box2 .ti .cloud{position: relative;}
.info1 .box2 .ti .cloud .fa{color: #865a98;font-size: 18px;}
.info1 .box2 .ti .cloud .i1{}
.info1 .box2 .ti .cloud .i2{position: absolute;width:100%;height: 100%;top:0;left: 0;background: url(../images/info9_2.png) repeat-y;background-position: 50% -2px;}
.info1 .box2 .ti .cloud .i2.tra{transition: backgroundPosition,300s;-webkit-transition: backgroundPosition,300s;}

.info1 .clear1{clear: both;}
.info1 .clear2{}
.info1 .noml1{margin-left: 0;}


.wrap_bg{background: url(../images/info_bg.jpg) repeat-y center;padding:2% 0 3%;}
.domain .title{margin-bottom: 25px;}
.domain .title span{display: inline-block;width: 43px;height: 4px;background: #333;}
.domain .title .t1{font-size: 22px;color: #333;margin: 6px 0 0px;display: none;}
.domain .title .t2{font-size: 32px;color: #333;font-weight: bold;}
.domain .list{}
.domain .list .box{padding:2%;background: #fff;margin-bottom: 1%;}
.domain .list .box .left{width: 40%;}
.domain .list .box .left .t{margin-bottom: 2%;}
.domain .list .box .left .t a{font-size: 22px;color: #555;height: 30px;overflow: hidden;display: block;}
.domain .list .box .left .word{/*font-size: 14px;color: #555;line-height: 200%;*/font-size: 14px;color: #555;line-height: 180%;}
.domain .list .box .right{width: 50%;}


.case{}
.case .box{}
.case .box .ti{background: #fff;}
.case .box .ti a{font-size: 14px;color: #333;display: inline-block;margin: 4% 0;width: 90%;}

.recruit{}
.recruit .mail_add{font-size: 16px;color: #333;margin-bottom: 2%;}
.recruit .mail_add a{color: #865a98;}
.recruit .list{}
.recruit .list .box{width:44.5%;margin:0 0 2% 2%;background: #fff;padding:2%;border:1px solid #fff;}
.recruit .list .box.noml1{margin-left: 0;}
.recruit .list .box .ti{font-size: 18px;color: #333;margin-bottom: 2%;}
.recruit .list .box .ti .num{font-size: 12px;color: #333;}
.recruit .list .box .ti .num span{font-size: 14px;color: #865a98;}
.recruit .list .box .word{vertical-align: bottom;}
.recruit .list .box .word .bf{/*font-size: 12px;color: #888;line-height: 190%;*/font-size: 13px;color: #555;line-height: 180%;width: 77%;margin-right: 3%;vertical-align: bottom;height: 75px;overflow: hidden;}
.recruit .list .box .word .apply{}
.recruit .list .box .word .apply a{border:1px solid #cdcdcd;font-size: 14px;color: #333;padding:7px 19px;display: inline-block;}
.recruit .list .box:hover{box-shadow: 0 0 13px #ADADAD;}
.recruit .list .box:hover .ti{color: #865a98;}
.recruit .list .box .word .apply:hover a{background: #865a98;color: #fff;border-color:#865a98;}

.recruit .ide{}
.recruit .ide .tr{position: relative;background: #fff;}
.recruit .ide .tr .pic{width: 50%;position: relative;}
.recruit .ide .tr .pic .tri{position: absolute;top:45%;left: 0;}
.recruit .ide .tr .pic .tri.rt{right: 0;left:auto;}
.recruit .ide .tr .word{position: absolute;right: 0;top: 0;width: 44%;height: 100%;padding:0 3%;overflow: hidden;}
.recruit .ide .tr .word.lw{left: 0;right: auto;}
.recruit .ide .tr .word .t{font-size: 22px;color: #333;margin-bottom: 1%;}
.recruit .ide .tr .word .bf{font-size: 14px;color: #555;line-height: 200%;}

.contact{}
.contact .ct-message{background: #fff;}
.contact .ct-message .ti{padding:2% 0 3%;}
.contact .ct-message .ti .t1{font-size: 28px;color: #333;font-weight: bold;margin-bottom: 1%;}
.contact .ct-message .ti .t2{font-size: 14px;color: #555;}
.contact .ct-message .ul{}
.contact .ct-message .ul .li{border-bottom: 1px solid #e3e3e3;padding:2% 5%;}
.contact .ct-message .ul .li div{font-size: 15px;color: #555;vertical-align: top;line-height: 180%;}
.contact .ct-message .ul .li div img{margin-right: 5px;}
.contact .ct-message .ul .li div img.fl1{margin-top: 5px;}
.contact .ct-message .ul .li .l{float: left;width: 20%;}

.contact .ct-message .ul .li .r{float: right;width: 50%;}
.contact .ct-message .phone{background: url(../images/ct7.jpg);padding:1% 0;}
.contact .ct-message .phone a{font-size: 18px;color: #fff;vertical-align: middle;}
.contact .ct-message .phone span{font-size: 28px;color: #fff;vertical-align: middle;}
.contact .movemap{margin-top: 2%;height: 620px;}
.contact .feedback{}
.contact .feedback .ti{}
.contact .feedback .ti .t1{font-size: 22px;color: #000;margin-bottom: 1%;}
.contact .feedback .ti .bf{font-size: 14px;color: #888;}
.contact .feedback .form{/*width:1020px;*/padding:4% 0;margin: 0 auto;}
.contact .feedback .form .tr{}
.contact .feedback .form .tr .td{width:50%;margin-bottom: 2%;}
.contact .feedback .form .tr .td .font{width: 18%;text-align: right;font-size: 14px;color: #555;float: left;}
.contact .feedback .form .tr .td .font span{color: #e00000;}
.contact .feedback .form .tr .td .text{width:80%;text-align: left;float: right;}
.contact .feedback .form .tr .td .text input{border:1px solid #e2e2e2;font-size: 16px;color: #333;padding:1% 0;width: 100%;text-indent: 2%;}
.contact .feedback .form .tr .td .text input:focus{outline-color: #865a98;}
.contact .feedback .form .tr .td2{width: 100%;}
.contact .feedback .form .tr .td2 .font{width:9%;}
.contact .feedback .form .tr .td .textarea{width: 89%;text-align: left;}
.contact .feedback .form .tr .td .textarea textarea{border:1px solid #e2e2e2;font-size: 16px;color: #333;padding:1%;width: 99%;min-height: 180px;}
.contact .feedback .form .tr .td .textarea textarea:focus{outline-color: #865a98;}
.contact .feedback .form .button{}
.contact .feedback .form .button input{border:none;color: #fff;border-radius: 10px;margin:0 1%;padding:1% 0;width:17%;cursor: pointer;}
.contact .feedback .form .button .b1{background: #865a98;}
.contact .feedback .form .button .b2{background: #838383;}

.site{padding:0 0 2%;}
/*.site .ml-title{color: #865a98;}
.site .ml-title span{background: #865a98;}*/
.site .index .ml-title{cursor: inherit;}
.site .content{padding-top: 0;}
.sitemap{}
.sitemap .top{padding-bottom: 10px;}
.sitemap .top a{font-size: 16px;color: #333;}
.sitemap .box{margin-bottom: 3%;padding-bottom: 3%;border-bottom: 1px dashed #939393;}
.sitemap .box .t{float: none;margin-bottom: 2%;}
.sitemap .box .t a{font-size: 23px;color: #865a98;margin-right: 25px;}
.sitemap .box .t a:hover{color: #865a98;}
.sitemap .box .ul{padding-left: 2%;}
.sitemap .box .ul .li{float: left;margin-right: 25px;}
.sitemap .box .ul .li a{font-size: 16px;color: #333;}
.sitemap .box .ul .li a:hover{color: #865a98;}

.links{}
.links .box{margin-left: 1%;width: 23.5%;border:1px solid #bababa;;margin-bottom: 2%;background: #fff;}
.links .box.noml1{margin-left: 0;}
.links .box .middle{height: 100px;}

.company{padding-bottom: 5%;}
.company .about{margin-top: 3%;}
.company .list{}
.company .list .li{background: url(../images/id3.png) no-repeat left center;width: 31%;margin:1%;text-indent: 6%;cursor: pointer;}
.company .list .li:hover{background-image: url(../images/id3-0.png);color:#865a98;}
#owl-company{}
#owl-company{width: 100%;text-align: center;margin:0 auto;margin: 0 0 4%;}
#owl-company .item{position: relative}
#owl-company .item .word{background: url(../images/id_bg2.png);position: absolute;right: 0;top: 0;width: 29%;padding:0 3%; height: 100%;}
#owl-company .item .word .t{font-size: 18px;color: #fff;font-weight: bold;margin-bottom: 4%;}
#owl-company .item .word .bf{font-size: 14px;color: #fff;line-height: 220%;}

#owl-company .owl-controls{margin-top: 0;}
#owl-company .owl-pagination{display: none;}
#owl-company .owl-buttons{}
#owl-company .owl-buttons div{position: absolute;top:50%;text-indent: 999px;width: 38px;height: 38px;overflow: hidden;padding:0;margin:0;opacity: 1;}
#owl-company .owl-buttons .owl-prev{left: -55px;background: url(../images/cmp_l.png) no-repeat center;}
#owl-company .owl-buttons .owl-prev:hover{background-image: url(../images/cmp_l_on.png);}
#owl-company .owl-buttons .owl-next{right: -55px;background: url(../images/cmp_r.png) no-repeat center;}
#owl-company .owl-buttons .owl-next:hover{background-image: url(../images/cmp_r_on.png);}

.bdshare-button-style2-16 .bds_tsina{background:url(../images/sha4.png) no-repeat center!important;}
.bdshare-button-style2-16 .bds_tsina:hover{background:url(../images/sha3.png) no-repeat center!important;}
.bdshare-button-style2-16 .bds_sqq{background:url(../images/sha2.png) no-repeat center!important;}
.bdshare-button-style2-16 .bds_sqq:hover{background:url(../images/sha1.png) no-repeat center!important;}


@media only screen and (max-width: 1440px){
	#head .nav .nav-title{padding: 0 0px 15px 10px;}
	#head .nav .box{padding: 0 0px 15px 10px;}
	#owl-hisContent{overflow: hidden;}
	#owl-hisContent .owl-buttons .owl-prev{left: 0;}
	#owl-hisContent .owl-buttons .owl-next{right:0;}
	#foot .wrap{width: 99%;}
}

@media only screen and (max-width: 1280px){
	.about .wrap,#foot .wrap,.wrap{width: 97%;}
	#head .nav{width: 25%;}
	#head .nav .box .ul{width: 120px;}
	#head .nav .nav-title .n{padding-right: 40px;}
	.index .i-domain .list .open-box{padding: 20px 0 40px;}
	.index .i-domain .list .open-box.open{width: 610px;}
	.index .i-domain .list .open-box .main{width: 570px;}
	.index .i-domain .list .close-box{width: 180px;padding: 20px 0 0;}
	.index .i-domain .list .close-box .main{width: 150px;}
	.about .ab3 .wrap .main{width: 100%;}
	.recruit .list .box .word .bf{margin-bottom: 2%;}
	.recruit .ide .tr .word{width: 48%;padding: 0 1%;}
	#owl-company .owl-buttons .owl-next{right: 1%;}
	#owl-company .owl-buttons .owl-prev{left: 1%;}
}
@media only screen and (max-width: 1024px){
	.contact .feedback .form{width: 100%;}
	.contact .feedback .form .tr .td .font{width: 24%;}
	.contact .feedback .form .tr .td2 .font{width: 12%;}
	.contact .feedback .form .tr .td .text{width: 75%;}
	.contact .feedback .form .tr .td .textarea{width: 87%;} 
}

@media only screen and (max-width: 992px){
	.show_pc{display: none!important;}
	.show_tb{display: block!important;}
	.fix-nav{display: none;}
	.index .ml-title{margin: 4% 0 3%;}
	.index .i-case{padding-bottom: 4%;}
	.index .i-domain{padding-bottom: 4%;background: url(../images/id4.jpg) repeat-y center top;}
	.index .i-domain .list{max-height:inherit;}
	.index .i-domain .list .close-box{float: none;width: 100%;min-height:inherit;padding-top: 0;}
	.index .i-domain .list .close-box .main{width: 95%;padding:2% 0;}
	.index .i-domain .list .close-box .t{padding: 0.5% 0;}
	.index .i-domain .list .close-box .t span{margin: 2% 0 0;}
	.index .i-domain .list .close-box .img{display: inline-block;vertical-align: middle;width:10%;margin-right: 2.5%;}
	.index .i-domain .list .close-box .img img{width: 100%;max-height: inherit;max-width: inherit;}
	.index .i-domain .list .close-box .det{display: inline-block;vertical-align: middle;text-align: left;width:85%;}
	.index .i-domain .list .open-box{width: 100%;float: none;min-height:inherit;padding:2% 0;display: none;}
	.index .i-domain .list .open-box .main{width: 95%;}
	.index .i-domain .list .open-box.open{width: 100%;display: block;}
	.index .i-domain .list .close-box.close{width: inherit;opacity: 1;height: 0;}
	#foot .nav{width: 100%;}
	#foot .follow{width: 100%;text-align: center;margin-top: 3%;}
	#foot .follow .t{text-indent: 0;}
	#foot .follow .ew{width: 100%;background: none;height: inherit;}
	.wrap-opt .position{float: none;width: 100%;padding:1% 0;}
	.wrap-opt .opt{float: none;width: 100%;}
	.wrap-opt .opt .a{padding-right: 5%;}
	.wrap-opt .opt .a a{padding:15px 0;}
	.about .title{margin-bottom: 3%;}
	.about .ab1 .left{width: 100%;float: none;margin-bottom: 6%;}
	.about .ab1 .right{width: 100%;float: none;}
	.about .ab2 .title{position: unset;}
	.about .ab3 .left{float: none;margin:0 auto;width: 50%;margin-bottom: 5%;}
	.about .ab3 .right{float: none;margin:0 auto;width: 50%;}
	.about .ab4 .right,.about .ab4 .left{width: 100%;float: none;}
	.about .ab4 .left{margin:4% 0 0 0;}
	.info .box,.info .box2{width: 49%;}
	.info .clear1{clear: none;}
	.info .clear2{clear:both;}
	.info .noml1{margin-left: 2%;}
	.info .noml2{margin-left: 0;}
	.recruit .list .box .word .bf{width: 100%;margin-right: 0;}
	.recruit .ide .tr{margin-bottom: 4%;padding:2%;}
	.recruit .ide .tr .pic{width: 100%;text-align: center;margin-bottom: 3%;}
	.recruit .ide .tr .pic .tri{display: none;}
	.recruit .ide .tr .word{position: unset;width: 100%;}
	.contact .ct-message .ul .li{padding: 0% 5%;border-bottom: none;}
	.contact .ct-message .ul .li .l{float: none;border-bottom: 1px solid #e3e3e3;width: 100%;padding-bottom: 3%;margin-bottom: 3%;}
	.contact .ct-message .ul .li .r{float: none;border-bottom: 1px solid #e3e3e3;width: 100%;padding-bottom: 3%;margin-bottom: 3%;}
	.sitemap .box{margin-bottom: 2%;padding-bottom: 2%;}
	.sitemap .box .t{float: none;margin-bottom: 1%;}
	.sitemap .box .ul{float: none;}
	.about .ab1 .right .pic{margin-top: 6%;}
	.company .list .li{margin-left: 0;text-indent: 6%;}
	.w_detail .content img{max-height: 100%;max-width: 100%;width: inherit!important;height: inherit!important;}
}
@media only screen and (max-width: 768px){
	.index .i-case .list .box{width: 100%;float: none;}
	.index .i-case .list .box .word.m-rw{right: 0;left:inherit;}
	.index .i-case .list .box .word.m-rw .m{text-align: left;right: auto;left:8%;}
	.index .i-case .list .box .word.m-rw .m a img{transform: rotate(180deg);-webkit-transform: rotate(180deg);}
	.index .i-case .list .box .word.m-lw{left: 0;right: inherit;}
	.index .i-case .list .box .word.m-lw .m{text-align: right;}
	.index .i-case .list .box .word.m-lw .m a img{transform: rotate(0deg);-webkit-transform: rotate(0deg);}
	.index .i-case .list .box .pic.m-fr{float: right;}
	.index .i-case .list .box .pic.m-fl{float: left;}
	.index .i-news .list .left{width: 100%;margin-bottom: 2%;}
	.index .i-news .list .right{width: 100%;}
	#foot .nav .box .ul{display: none;}
	#foot .nav .box{width: 16.6%;margin-right: 0;text-align: center;}
	.about .ab3 .left{width: 70%;}
	.about .ab3 .right{width: 70%;}
	.about .ab_wrap{padding:6% 0;}
	#owl-hisContent .item .year{margin-right: 0;margin-bottom: 4%;display: block;text-align: center;}
	#owl-hisContent .item .word{width: 87%;display: block;margin:0 auto;text-align: center;}
	#owl-history{display: none!important;}
	.domain .list .box{margin-bottom: 4%;padding:4%;}
	.domain .list .box .left .t{text-align: center;}
	.domain .list .box .left{width: 100%;float: none;}
	.domain .list .box .right{width: 100%;float: none;margin-bottom: 3%;text-align: center;}
	.contact .feedback .form .tr .td{}
	.contact .feedback .form .tr .td .font{width: 100%;float: none;display: block;text-align: center;margin-bottom: 2%;}
	.contact .feedback .form .tr .td .text{width: 100%;float: none;}
	.contact .feedback .form .tr .td .textarea{width: 100%;}
	.contact .movemap{height: 420px;}
}

@media only screen and (max-width: 640px){
	.show_tb{display: none!important;}
	.show_mb{display: block!important;}
	.index .i-about .top .left{float: none;width: 100%;margin-bottom: 5%;}
	.index .i-about .top .right{float: none;width: 100%;}
	.index .i-about .top .m{text-align: center;margin-top: 5%;}
	.index .i-about .bottom .box{width: 45.5%;margin-bottom: 2%;padding: 0 2% 2% 2%;}
	.index .i-about .bottom .box .w2{margin-top: 6%;}
	.index .i-about .bottom .box:nth-child(1){}
	.index .i-about .bottom .box:nth-child(2){}
	.index .i-about .bottom .box:nth-child(3){border-left: none;}
	.index .i-about .bottom .box:nth-child(4){}
	.index .i-case .list .box .word .t{font-size: 13px;}
	.index .i-case .list .box .word .bf{font-size: 12px;margin:4% 0;}
	#foot .nav .box{width: 33%;}
	#foot .foota,#foot .cp{float: none;text-align: center;}
	.about .ab3 .left{width: 100%;}
	.about .ab3 .right{width: 100%;}
	.wrap-opt .opt .a a{font-size: 14px;}
	.wrap_bg{padding: 5% 0;}
	.contact .ct-message .ul .li .l .fl1{float: left}
	.contact .ct-message .ul .li .l .fl2{width: 90%;}
	#owl-company .owl-buttons div{top:25%;}
	.company .list .li{width: 48%;}
	#owl-company .item .word{position:unset;width: 94%;padding:2% 3%;}
	.contact .ct-message .ul .li .sm_il{display: inline;}
}
@media only screen and (max-width: 450px){
	.index .i-case .list .box{margin-bottom: 5%;}
	.index .i-case .list .box .pic{width: 100%;float: none;text-align: center;}
	.index .i-case .list .box .word{position: unset;width: 100%;padding:2% 0;padding: 4% 0 6%;}
	.index .i-case .list .box .word .main .m{text-align: right;position: unset;}
	.index .i-case .list .box .word .main .m a img{transform: rotate(0deg);-webkit-transform: rotate(0deg);}
	#owl-hisContent .owl-buttons .owl-next{background-image:url(../images/ab13.png);right: -25px;}
	#owl-hisContent .owl-buttons .owl-prev{background-image:url(../images/ab12.png);left: -25px;}
	.info .box,.info .box2{width: 100%;margin-left: 0;}
	.recruit .list .box{width: 96%;margin-left: 0;}
	.contact .ct-message .ti .t1{font-size: 22px;}
	.contact .ct-message .phone span{font-size: 22px;}
	.contact .feedback .form .button input{margin: 1% 0%;padding: 2% 0;width: 100%;border-radius: 5px;}
	.video-fix video{max-width: 100%;}
	.sitemap .box .t{text-align: center;}
	.sitemap .box .ul .li{margin-bottom: 2%;}
	.company .list .li{width: 98%;margin:2% 1%;}
	.wrap-opt .opt .a{padding-right: 3%;}
}
@media only screen and (max-width: 360px){
}