@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(../images/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 {}
.wrap-banner.show_mb a {}
.wrap-banner img { max-width: 100%; max-height: 100%; }
#head { position: relative; }
#head .head-button { position: fixed; top: 37%; right: 0; z-index: 100; cursor: pointer; max-width: 96px; }
#head .head-button .logo { display:block; text-align:center; background:#ffffff;}
#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; width: 96px; height: 85px; padding-top: 15px; cursor: pointer; background: #008cd7; }
#head .head-button .menu-button:hover{background:#004EA2;}
#head .head-button .menu-button.btn1 { display: block; }
#head .head-button .menu-button.btn2 { display: none; }
#head .head-button:hover .menu-button.btn1 { display: none; }
#head .head-button:hover .menu-button.btn2 { display: block; }
#head .head-button .menu-button.btn2 .menu { font-family: "微软雅黑", Arial, Helvetica, sans-serif; }
#head .head-button .menu-button .menu { width: 100%; font-size: 20px; color: #fff; line-height: 25px; height: 25px; text-align: center; font-family: 'BEBAS'; padding-top: 46px; }
#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: #fff; width: 37px; height: 2px; }
#head .head-button .menu-button .mu_line.l1 { top: 17px; left: 30px; }
#head .head-button .menu-button .mu_line.l2 { top: 31px; left: 24px; width: 50px; }
#head .head-button .menu-button .mu_line.l3 { top: 45px; left: 30px; }
#head .head-button .menu-button .mu_line.on { background: #008cd7; }
#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: 40px; 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: #008cd7; 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: #008cd7; }
#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: 230%; }
#head .nav .box .ul .li a { font-size: 14px; color: #555; display: inline-block; width: 90%; }
#head .nav .box .ul .li a:hover { color: #008cd7; }
#head .nav .nav-title .n a:hover .i1 { display: none; }
#head .nav .nav-title .n a:hover .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: #00a73d; }
.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; }
#inner_banner img{ width:100%;}
#owl-b3 { max-width: 640px; max-height: 340px; }
#owl-b3 .item {}
#head { }
#head .mobile-button { position: fixed; left: -18px; top: 15%; z-index: 90; width: 35px; padding: 4px 3px; background: #008cd7; border-radius: 100px; opacity: .7; box-shadow: 0 0 10px #008cd7; }
#head .mobile-nav { position: fixed; left: -280px; top: 0; width: 280px; height: 100%; background: #008cd7; 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: #008cd7;border-bottom: 1px dashed #008cd7; }
#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: rgba(191,191,191,0.6); border-radius: 100px; position: absolute; top: 4%; right: 2%; z-index: 90; }
.search .text { border: none; background: none; width: 120px; height: 30px; text-indent: 10px; color: #fff; outline: none; }
.search .sub { border: none; background: #008cd7 url(../images/h_search.png) no-repeat center; width: 30px; height: 30px; border-radius: 100px; background-size: 50%; cursor: pointer; }
#foot{max-width:1857px; margin:0 auto;}
#foot .wrap{width:1415px;}
#foot a:hover{ text-decoration:underline;}
#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 {}
#foot .follow .t { font-size: 16px; color: #fff; margin-bottom: 10px; text-indent: 14px; }
#foot .follow .ew {width:140px;}
#foot .follow .ew img { max-width: 140px; max-height: 140px; }
#foot .cp { font-size: 14px; color: #fff; }
#foot .cp a{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; }
#foot .bottomss{ font-size:14px; color:#aaaaaa;}
#foot .bottomss a{color:#aaaaaa;}
.index { }
.index .i-about { background: url(../images/main_a_bg.jpg) no-repeat center; padding: 7% 0 6%; }
.index .i-about .top { }
.index .i-about .top .left { width: 43%; }
.index .i-about .top .left:hover .t span{ width:44px;}
.index .i-about .top .right { width: 46%; }
.index .i-about .top .right:hover .t span{ width:44px;}
.index .i-about .top .t span{display: inline-block;width:0px;height: 4px;background: #008cd7;margin-bottom: 2%;transition: all 0.4s; -webkit-transition: all 0.4s;}
.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: 3%; min-height: 140px; }
#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_hover.png); }
#owl-subc .ul .li:hover a { color: #008cd7; }
.index .i-about .top .m { }
.index .i-about .top .m a { display: inline-block; font-size: 18px; color: #fff; background: #008cd7; padding: 10px 15px; text-align: center; border-radius: 4px; }
.index .i-about .top .m a:hover { background: #004EA2; }
.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 .w1 em { font-style: normal; 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: #008cd7; }
#owl-subc { margin-bottom: 3%; min-height: 140px; }
#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: #008cd7; }
#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: #282828; text-align: center; margin: 70px 0 40px; font-weight:bold; }
.index .ml-title a{color: #282828;}
.index .ml-title a:hover{ color:#008cd7;}
.index .ml-title2 { margin: 70px 0 70px; }
.index .ml-title span { display: block; color: #1b1b1b; margin-top: 5px; font-size: 15px; font-family: Arial, Helvetica, sans-serif; }
.index .i-domain { background:url(../images/main_c_bg.jpg) no-repeat center; padding-bottom: 104px; }
.index .i-domain .list { max-height: 540px; text-align: center; }
.index .i-domain .list .close-box { width: 134px; 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: 100px; margin: 0 auto; }
.index .i-domain .list .close-box.close { width: 0; opacity: 0; }
.index .i-domain .list .cb0 { background: #2e9eda; }
.index .i-domain .list .cb1 { background: #fc525f; }
.index .i-domain .list .cb2 { background: #17ad4c; }
.index .i-domain .list .cb3 { background: #a6a5a4; }
.index .i-domain .list .cb4 { background: #e50112; }
.index .i-domain .list .close-box .img { }
.index .i-domain .list .close-box .t { padding: 20px 0; font-size: 20px; 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: 584px; margin: 0 auto; }
.index .i-domain .list .open-box.open { width: 664px; }
.index .i-domain .list .open-box .t { margin-bottom: 15px; text-align: right; }
@media only screen and (max-width: 768px) {
    .index .i-domain .list .open-box .t { margin-bottom: 15px; text-align: center; }
}
.index .i-domain .list .open-box .t a { font-size: 21px; color: #333333; }
.index .i-domain .list .open-box .t a:hover { color: #008cd7; }
.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: #008cd7; color: #fff; border: 1px solid #008cd7; }
.index .i-case { background:url(../images/main_d_bg.jpg) no-repeat center; padding-bottom: 110px; }
.index .i-case .list { }
.index .i-case .list .box { width: 50%; 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 .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: #535353; }
.index .i-case .list .box .word .bf { font-size: 14px; color: #707070; 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 .typicalcases_icon { width: 21px; height: 21px; display: block; background: url(../images/typicalcases_icon_hover.png) center center no-repeat; }
.index .i-case .list .box .typicalcases_icon:hover { background: url(../images/typicalcases_icon_hover.png) center center no-repeat; }
.index .i-case .list .box .word .m.alL a { transform: rotate(180deg); -webkit-transform: rotate(180deg); }
.index .i-case .list .box .word:hover { }
.index .i-case .list .box .word:hover .t { color: #008cd7; }
.index .i-case .list .box .word:hover .bf { color: #008cd7; }
.index .i-case .list .box .pic { width: 50%; position: relative;height:220px; }
.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; }
.index .i-case .list .box .typicalcases_more { background: url(../images/typicalcases_more.png) center center no-repeat; display: table-cell; }
.index .i-news { padding-bottom: 110px; background: #f2f2f5 url(../images/main_e_bg.jpg) no-repeat center; }
.index .i-news .ml-title { margin-top: 0; }
@media only screen and (max-width: 768px) {
    .index .i-news .ml-title { margin-top: 8px; }
}
.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; padding: 5px 25px; background: rgba(22,149,217,0.8); }
.index .i-news .list .left .img .date .d1 { font-size: 30px; 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: #008cd7; }
.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: 2.5% 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: 30px; color: #838383; margin-bottom: 5px; }
.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: #008cd7; }
.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: 2%; }
.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 { color: #fff; background: #008cd7; border: solid 1px #008cd7; }
.index .i-video { background: url(../images/main_f_bg.jpg) no-repeat center; height: 453px; position: relative; }
.index .i-video .play { position: absolute; width: 100%; height: 100%; background: url(../images/video_icon.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: #008cd7; 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; left: 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 { cursor: pointer; background: #008cd7; }
.fix-nav .li.first { }
.fix-nav .li .pn { position: absolute; top: 0; left: 100%; height: 100%; line-height: 38px; border-top-right-radius: 6px; border-bottom-right-radius: 6px; font-size: 14px; color: #fff; width: 0; background: #008cd7; }
.fix-nav .li.first:hover { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
.fix-nav .li.first:hover .pn { width: 144px; }
.fix-nav .li2 { }
.fix-nav .li2 .fixEw { position: absolute; top: -50px; left: 140%; width: 0px; }
.fix-nav .li2:hover .fixEw { display: block; width: 140px; }
.wrap-opt {box-shadow: 0 2px 6px #BABABA; position: relative; }
.wrap-opt .dead-line { position: absolute; left: 0; bottom: 0; background: #008cd7; height: 3px; }
.wrap-opt .opt { position: relative; }
.wrap-opt .opt .move-line { position: absolute; left: 0; bottom: 0;background: #008cd7; height: 3px; -webkit-transition: width .3s; transition: width .3s; }
.wrap-opt .opt .a { padding-right: 45px;}
.wrap-opt .opt .a a { font-size: 16px; color: #333; padding: 26px 0; display: inline-block; }
.wrap-opt .opt .a a:hover, .wrap-opt .opt .a.on a { color: #008cd7; }
.wrap-opt .position { padding: 26px 0 26px 19px; background:url(../images/path_icon.png) left center no-repeat;}
.wrap-opt .position a { font-size: 14px; color: #555; }
.wrap-opt .position a:hover{ color:#008cd7;}
.wrap-opt .position span { font-size: 14px; color: #555; margin: 0 3px; }
.about {margin:0 auto;}
.about .wrap { width:1245px; }
.about .title { margin-bottom: 45px; }
.about .title span { display: inline-block; width: 43px; height: 4px; background: #00a73d; margin-bottom: 6px; }
.about .title .t1 { font-size: 21px; color: #333; margin: 6px 0 0px; display: none; }
.about .title .t2 { font-size: 31px; color: #313131; font-weight: bold; }
.about .ab_wrap { padding: 60px 0; }
.about .ab1 {background:#f2f2f5 url(../images/about_bg.jpg) 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 {background:#f2f2f5 url(../images/about_bg.jpg) no-repeat center; }
.about .ab2 .wrap { position: relative; }
.about .ab2 .title {}
.about .ab3 { background:#f2f2f5 url(../images/about_bg.jpg) no-repeat center;}
.about .ab3 .wrap { background: #fff;}
.about .ab3 .wrap .main {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: #008cd7; color: #008cd7; }
.about .ab3 .right .tab span:hover { color: #fff; background: #008cd7; border-color: #008cd7; }
.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/zhengshu_left.png) no-repeat center; background-size: 100% auto; }
#owl-hoPic .owl-buttons .owl-prev:hover { background-image: url(../images/zhengshu_left_hover.png); }
#owl-hoPic .owl-buttons .owl-next { right: 2%; background: url(../images/zhengshu_right.png) no-repeat center; background-size: 100% auto; }
#owl-hoPic .owl-buttons .owl-next:hover { background-image: url(../images/zhengshu_right_hover.png); }
.owl-hoWord .item { }
.owl-hoWord .owl-controls { margin-top: 0; }
.owl-hoWord .owl-controls .owl-page span { background: #d4d4d4; width: 12px; height: 12px; opacity: 1; margin: 0 4px; }
.owl-hoWord .owl-controls .owl-page.active span { background: #008cd7; }
.owl-hoWord .owl-pagination { width: 100%; text-align: left; margin-top: 4%; }
.owl-hoWord .owl-buttons { display: none; }
.owl-hoWord .ul .li {margin-left: 2%; width: 49%; line-height:190%; cursor: pointer; }
.owl-hoWord .ul .li a { font-size: 14px; color: #333; width: 88%; text-indent: 0; }
.owl-hoWord .ul .li a.on { color: #008cd7; }
.owl-hoWord .ul .li:hover a { color: #008cd7; }
.about .ab4 {background:#f2f2f5 url(../images/about_bg.jpg) 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/about_bg.jpg) no-repeat center;}
.about .ab5 { }
#owl-history { width: 100%; text-align: center; margin: 0 auto; }
#owl-history .item { background: url(../images/lc_xian_bg.png) no-repeat center; background-size: 100%; cursor: pointer; }
#owl-history .item .img { margin-bottom: 12px; }
#owl-history .item .img span{ width:22px; height:29px; display:block; margin:0 auto; background:url(../images/lc_dian.png) center center no-repeat;}
#owl-history .item.on .img span{background:url(../images/lc_dian_hover.png) center center no-repeat;}
#owl-history .item .year { font-size: 16px; color: #333; }
#owl-history .item.on .year { color: #008cd7; }
#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: #008cd7; font-weight: bold; }
#owl-hisContent .item .year span { display: inline-block; width: 39px; height: 3px; background: #008cd7; }
#owl-hisContent .item .word {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/lc_left.png) no-repeat center; }
#owl-hisContent .owl-buttons .owl-prev:hover { background: url(../images/lc_left_hover.png) no-repeat center; }
#owl-hisContent .owl-buttons .owl-next { right: -42px; background: url(../images/lc_right.png) no-repeat center; }
#owl-hisContent .owl-buttons .owl-next:hover { background: url(../images/lc_right_hover.png) no-repeat center; }
.info { }
.info .box { width: 31.33%; margin: 0 1% 3% 1%; height: 335.02px; }
.info .box .img { position: relative; }
.box .img .fix_blue { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; background: rgba(0,140,215,0.7); }
.box .img .fix_blue .tableC { background:url(../images/case_icon.png) center center no-repeat;}
.info .box .bottom { background: #fff; }
.info .box .main { width: 90%; margin: 0 auto; padding: 6% 0; }
.info .box .main .right .imgs { display: block; width: 21px; height: 21px; background: url(../images/id8.png)no-repeat center; }
.info .box .main .right .imgs:hover { background: url(../images/id8-0.png)no-repeat center; }
.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: #008cd7; }
.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: #008cd7; }
.info .box2 .ti .cloud { position: relative; }
.info .box2 .ti .cloud .fa { color: #008cd7; 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 .clear1 { clear: both; }
.info .clear2 { }
.info .noml1 { margin-left: 0; }
.lore-box { padding-bottom: 30px; }
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { *zoom:1;
}
.new-list { padding: 35px 30px; border-bottom: 1px solid #e4e4e4; background: #fff; margin-bottom: 23px; }
.new-list:hover { box-shadow: 0 0 13px #ADADAD; }
.new-list .pic { float: left; width: 270px; padding-right: 30px; }
.new-list .pic img { width: 270px; height: 202px; }
.new-list .cont { float: left; width: 85%; }
.new-list .cont .title a { display: block;overflow: hidden; color: #1a1a1a; font-size: 20px; margin-bottom: 20px; }
.new-list .cont .title a:hover { color: #008cd7; }
.new-list .cont .info { display: block; color: #666; max-height: 78px; overflow: hidden; margin-bottom: 14px; font-size: 15px; line-height: 26px; }
.new-list .cont .lookdetail { margin-top: 20px; }
.new-list .cont .lookdetail a { display: block; border: 1px solid #999; color: #1a1a1a; width: 100px; height: 38px; line-height: 38px; text-align: center; }
.new-list .cont .lookdetail a:hover { background-color: #008cd7; border: 1px solid #008cd7; color: #fff; }
.new-list .date { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; width: 10%; text-align: center; float: right; color: #444; padding-top: 26px; }
.new-list .date .day { display: block; font-size: 56px; line-height: 70px; border-bottom: 1px solid #1a1a1a; }
.new-list .date .moon { display: block; font-size: 18px; line-height: 40px; }
.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: 180%; }
.domain .list .box .right { width: 50%; }
.domain .list .box:hover .left .t a { color: #008cd7; }
.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%; line-height:2em; }
.recruit .mail_add a { color: #008cd7; }
.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%; display: block; }
.recruit .list .box .ti .num { font-size: 12px; color: #333; }
.recruit .list .box .ti .num span { font-size: 14px; color: #008cd7; }
.recruit .list .box .word { vertical-align: bottom; }
.recruit .list .box .word .bf {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: #008cd7; }
.recruit .list .box .word .apply:hover a { background: #008cd7; color: #fff; border-color: #008cd7; }
.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; }
.contact .ct-message .ul .li .r { float: right; width: 30%; }
.contact .ct-message .phone { background: url(../images/ct8.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 {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: #008cd7; }
.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: #008cd7; }
.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: #008cd7; }
.contact .feedback .form .button .b2 { background: #838383; }
.site { padding: 0 0 2%; }
.site .index .ml-title { cursor: inherit; }
.site .content { padding-top: 0; }
.sitemap { }
.sitemap .top { padding-bottom: 30px; }
.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: #008cd7; margin-right: 25px; }
.sitemap .box .t a:hover { color: #008cd7; }
.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: #008cd7; }
.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 { width: 32%; margin: 1% 0.5%; text-indent: 15%; cursor: pointer; position: relative; }
.company .list .li a { background: url(../images/id3.png) no-repeat left center; display: block; }
.company .list .li a:hover { background-image: url(../images/id3_hover.png); color: #008cd7; }
.company .list .li.on a { background-image: url(../images/id3_hover.png); color: #008cd7; }
.company .list .li .hide-message { display: none; }
.company .list .li .imgs { display: none; }
.company .list .li .imgs span { width:14px; height:10px; display:block; position: absolute; left: 0; right: 0; bottom: -12px; text-align: center; margin: 0 auto; background:url(../images/trg.png) center center no-repeat; }
.company .list .li.on .imgs { display: block; height:10px;}
.company .list .message { float: left; width: 90%; background: #eee; height: 0; padding: 0; opacity: 0; line-height: 28px; font-size: 14px; }
.company .list .message.on { height: auto; padding: 15px 5%; opacity: 1; }
.company .list .message2 { float: left; width: 90%; background: #eee; height: 0; padding: 0; opacity: 0; display: none !important; line-height: 25px; font-size: 14px; }
.company .list .message2.on { height: auto; padding: 15px 5%; opacity: 1; }
#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; }
.pagebtn{ margin-bottom:20px;}
.pagebtn a{ padding: 3px;font-size:15px;border: 1px solid #2196F3;color: #2196F3;}
.pagebtn_previous{
    padding: 3px;
    width:50%;
    float:left;
    text-align:left;
    text-overflow: ellipsis;
    white-space: nowrap;
    /*overflow: hidden;*/
}
.pagebtn_next{
    padding: 3px;
    width:50%;
    float:right;
    text-align:right;
    text-overflow: ellipsis;
    white-space: nowrap;
    /*overflow: hidden;*/
}
/*自适应*/
 @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:85%;}
}
 @media only screen and (max-width: 1280px) {
.about .wrap, #foot .wrap, .wrap { width: 97%; }
#head .nav { width: 100%; }
#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%; }
.new-list .date .day { font-size: 50px; line-height: 60px; }
.new-list .cont .info { font-size: 15px; line-height: 22px; height: 88px; }
.index .i-about .top .t .t2 { font-size: 30px; }
.index .i-about .bottom .box .w1 span { font-size: 46px; }
.index .ml-title { font-size: 30px; }
.about .title .t2 { font-size: 30px; }
.domain .title .t2 { font-size: 30px; }
.w_detail .title { font-size: 22px; }
}
@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%; }
.new-list .date { width: 12%; }
.new-list .cont { width: 75%; }
}
 @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: 48%; }
.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; }
.new-list { padding: 25px 25px; margin-bottom: 30px; }
.new-list .date .day { font-size: 40px; line-height: 50px; }
.index .i-about .top .t .t2 { font-size: 28px; }
.index .i-about .bottom .box .w1 span { font-size: 42px; }
.index .ml-title { font-size: 26px; }
.index .i-domain .list .close-box .img img { width: 100% !important; }
.about .title .t2 { font-size: 28px; }
.domain .title .t2 { font-size: 28px; }
.w_detail .title { font-size: 20px; }
}
@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 { }
.new-list .date .day { font-size: 40px; line-height: 50px; }
.new-list .cont .info { font-size: 14px; line-height: 22px; height: 66px; }
.new-list .cont { width: 80%; }
.new-list .date { width: 15%; }
.new-list { padding: 20px 10px; }
.new-list .cont .lookdetail a { width: 80px; height: 32px; line-height: 32px; font-size: 14px; }
.index .i-about .top .t .t2 { font-size: 26px; }
.index .i-about .bottom .box .w1 span { font-size: 38px; }
.index .ml-title { font-size: 24px; }
.index .i-domain .list .close-box .t { font-size: 18px; }
.index .i-video { height: 350px; }
.about .title .t2 { font-size: 26px; }
.domain .title .t2 { font-size: 26px; }
#owl-hisContent .item .year div { font-size: 36px; }
.w_detail .title { font-size: 18px; }
.wrap { width: 92% !important; }
#turn_page .page_item { width: 22px; height: 24px; line-height: 24px; }
#turn_page .page_item_current { width: 22px; height: 24px; line-height: 24px; }
#turn_page .page_button { height: 24px; line-height: 24px; }
.pagebtn a{ font-size:14px;}
.pagebtn_previous{ width:100%; float:none; text-align:left; margin-bottom:10px;}
.pagebtn_next{ width:100%; float:none; text-align:left;}
.recruit .list .box .word .bf { line-height: 23px; height: 69px; }
#head .search { display: none; }
.w_detail .oth span { margin: 0 10px; }
.w_detail .title { font-size: 14px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.w_detail .sub_title { font-size: 12px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.sitemap .box .t a { font-size: 18px; }
.sitemap .box .ul .li a { font-size: 14px; }
.sitemap .box .ul { margin-top: 10px; }
.bottomss a { font-size: 12px !important; }
}
 @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: 98%; margin: 2% 1%; }
#owl-company .item .word { position: unset; width: 94%; padding: 2% 3%; }
.contact .ct-message .ul .li .sm_il { display: inline; }
.new-list .cont .title a { font-size: 15px; height: 30px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.new-list .date { width: 20%; padding-top: 20px; }
.new-list .cont { width: 75%; }
.new-list .date .day { font-size: 34px; }
.new-list .date .moon { font-size: 16px; }
.new-list .cont .info { font-size: 13px; }
.info .box .t a { font-size: 15px; }
.info .box .main { padding: 4% 0; }
.company .list .message { display: none !important; }
.company .list .message2 { display: block !important; }
.company .list .li .imgs span { bottom: -10px; }
.index .i-about .top .t .t2 { font-size: 22px; }
.index .i-about .top .m a { font-size: 14px; }
.index .i-about .top .bf { line-height: 23px; }
.index .i-domain .list .open-box .t a { font-size: 20px; }
.index .i-domain .list .open-box .bf { line-height: 23px; }
.index .i-domain .list .close-box .t { font-size: 16px; }
.index .i-video { height: 300px; }
.index .i-video .t { font-size: 24px; }
.index .i-case .list .box .word .main { margin-top: 4%; width: 90%; }
.index .i-news .list .left .bf { line-height: 23px; }
.index .i-news .list .right .box .word .bf { line-height: 23px; }
.about .title .t2 { font-size: 24px; }
#owl-hisContent .item .year div { font-size: 34px; }
.domain .title .t2 { font-size: 24px; }
.index .i-news .list .right .box .date { width: 14%; margin-right: 3%; }
#foot .cp { font-size: 12px; }
#foot .foota a { font-size: 12px; }
#foot .foota span { font-size: 12px; }
#foot .flink { font-size: 12px; }
#foot .flink a { font-size: 12px; }
.cases .wrap-opt .opt .a { width: 14.66%; padding-right: 2%;}
.index .i-news .list .right .box .date { width: 18%; }
.index .i-news .list .right .box .word { width: 78%; }
.new-list { margin-bottom: 15px; }
#owl-hisContent .item .word { width: 76%; text-align: left; }
#owl-hisContent .owl-buttons .owl-prev, #owl-hisContent .owl-buttons .owl-next { width: 30px; height: 30px; background-size: cover; }
}
@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); }
.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 .ul .li { margin-bottom: 2%; }
.wrap-opt .opt .a { padding-right: 3%; }
.company .list .li .imgs span { bottom: -9px; }
.index .i-about .bottom .box .w1 span { font-size: 32px; }
.index .i-about .top .m a { font-size: 12px; }
.index .i-about .top .m a img { margin-top: -4px; margin-left: 2px; }
}
 @media only screen and (max-width: 380px) {
.company .list .li .imgs span { bottom: -8px; }
}
 @media only screen and (max-width: 360px) {
}