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

body{background:#fff;width: 100%;margin:0 auto;position: relative;overflow-x:hidden;}
.wrap{width:100%; 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(/inc/file/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{ font-size:16px; color:#5e5e5e;}
.w_detail .oth{padding:1% 0 15px;}
.w_detail .oth span{font-size: 14px;margin:0 15px;color: #7a7a7a;}
/*添加*/
.w_detail .content div {padding-top: 0px;}
.w_detail .content p{
	width: 80%;
	margin: 20px auto 0;
}
@media (max-width: 768px) {
	.w_detail .content p {
		width: 100%;
    	margin: 20px auto 0;
		
	}
	body .w_detail .content p, .w_detail .content div, .w_detail .content span, .w_detail .content {
		font-size: 15px;
	}
}
.w_detail .content{padding:0 0 4%;}
.w_detail .content p,.w_detail .content div,.w_detail .content span,.w_detail .content{
	
	    font-size: 18px;
    color: #555;
    line-height: 55px;
    font-family: 黑体;
	
	}
.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:30px 0;background: #fff;}
#head .head-button .menu-button{position: relative;width:96px;height:85px;padding-top:15px;cursor: pointer;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: #004EA2;}
#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: #004EA2;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: #004EA2;}
/*#head .nav .nav-title .n.on a{color: #004EA2;}*/
#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: #004EA2;}
#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;*/background: #004EA2;}
.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: #004EA2;border-radius: 100px;opacity: .7;box-shadow: 0 0 10px #004EA2;}

#head .mobile-nav{position: fixed;left: -280px;top:0;width: 280px;height: 100%;background: #004EA2 ;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: #004EA2;/*border-bottom: 1px dashed #78b232;*/border-bottom: 1px dashed #004EA2;}
#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: #004EA2 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: #004EA2;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: #004EA2;}
.index .i-about .top .m{}
.index .i-about .top .m a{display: inline-block;font-size: 18px;color: #fff;background: #004EA2;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: #004EA2;/*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: #004EA2;}
#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: #004EA2;}
.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);*/background: #004EA2;}
.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: #004EA2;}
.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: #004EA2;color: #fff;border:1px solid #004EA2;}

.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: 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 .displayT .tri{position: absolute;left: 100%;top:48%;}
.index .i-case .list .box .word.rw .displayT .tri{left: auto;right:100%;}
.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: #004EA2;}
.index .i-case .list .box .word:hover .bf{color: #004EA2;}
.index .i-case .list .box .pic{width: 50%;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;}

.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;background: rgba(0,78,162,0.5);}
.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: #004EA2;}
.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: #004EA2;*/background: #004EA2;}
.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: #004EA2;*/color: #fff;/*border:1px solid #004EA2;*/background: #004EA2;border: solid 1px #004EA2;}


.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: #004EA2;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: #004EA2;*/cursor: pointer;background: #004EA2;}
.fix-nav .li.first{}
.fix-nav .li .pn{position: absolute;top: 0;right: 100%;height: 100%;line-height: 240%;/*background: #004EA2;*/border-top-left-radius: 6px;border-bottom-left-radius: 6px;font-size: 14px;color: #fff;width: 0;background: #004EA2;}
.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: #004EA2;height: 3px;}
.wrap-opt .opt{position: relative;}
.wrap-opt .opt .move-line{position: absolute;left: 0;bottom: 0;/* min-width: 65px; */background: #004EA2;height: 3px;-webkit-transition:width .3s;transition:width .3s;}
.wrap-opt .opt .a{padding-right: 40px;/* width: 65px; */}
.wrap-opt .opt .a a{font-size: 16px;color: #333;padding:27px 0;display: inline-block;}
.wrap-opt .opt .a a:hover,.wrap-opt .opt .a.on a{color: #004EA2;}
.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: #004EA2;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: #004EA2;color: #004EA2;}
.about .ab3 .right .tab span:hover{color: #fff;background: #004EA2;border-color: #004EA2;}
.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: #004EA2;}
.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: #004EA2;}
.owl-hoWord .ul .li:hover a{color: #004EA2;}

.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: #004EA2;}
#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: #004EA2;font-weight: bold;}
#owl-hisContent .item .year span{display: inline-block;width: 39px;height: 3px;background: #004EA2;}
#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 5% 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;background: rgba(0,78,162,0.5);}
.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: #004EA2;}
.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: #004EA2;}
.info .box2 .ti .cloud{position: relative;}
.info .box2 .ti .cloud .fa{color: #004EA2;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;}

.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; /*line-height: 60px; height: 60px;*/ overflow: hidden; color: #1a1a1a; font-size: 20px; margin-bottom: 20px; }
.new-list .cont .title a:hover { color: #004EA2; }
.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: #004EA2; border: 1px solid #004EA2; 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: 200%;*/font-size: 14px;color: #555;line-height: 180%;}
.domain .list .box .right{width: 50%;}
.domain .list .box:hover .left .t a{color: #004EA2;}


.case{}
.case .box{width: 300px;
    height: 266px;
    margin-right: 20px;
    margin-left: 60px;}
.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: #004EA2;}
.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: #004EA2;}
.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: #004EA2;}
.recruit .list .box .word .apply:hover a{background: #004EA2;color: #fff;border-color:#004EA2;}

.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{overflow: hidden;}
.contact .ct-message .ul .li{border-bottom: 1px solid #e3e3e3;padding:2% 5%;float: left;width: 50%}
.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/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: 510px;}
.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: #004EA2;}
.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: #004EA2;}
.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: #004EA2;}
.contact .feedback .form .button .b2{background: #838383;}

.site{padding:0 0 2%;}
/*.site .ml-title{color: #004EA2;}
.site .ml-title span{background: #004EA2;}*/
.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: #004EA2;margin-right: 25px;}
.sitemap .box .t a:hover{color: #004EA2;}
.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: #004EA2;}

.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:hover{color:#004EA2;}*/
.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-0.png);color: #004EA2;}

.company .list .li.on a{background-image: url(/images/id3-0.png);color: #004EA2;}
.company .list .li .hide-message{display: none;}
.company .list .li .imgs{display: none;}
.company .list .li .imgs img{position: absolute;left: 0;right: 0;bottom: -12px;text-align: center;margin: 0 auto;}
.company .list .li.on .imgs{display: block;}
.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;}


@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: 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{padding: 30px 0;}*/
	.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:2% 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: 46%; margin-right:15px;}
	.info .clear1{clear: none;}
	.info .clear2{clear:both;}
	.info .noml1{margin-left: 2%;}
	.info .noml2{margin-left: 0;}
	.info  .noml1 .ti{width:93%;margin-left:15px;}
	.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{height: 420px;}

	.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;    margin-top: 20px;}

	.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;}
	.w_detail .pagebtn{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
	.w_detail .pagebtn a{font-size: 14px !important;}

	.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: 20px;}
	.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: 48%;}*/
	.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 img{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%;/*overflow:hidden;text-overflow:ellipsis;white-space:nowrap*/}
	/*.cases .wrap-opt .opt .a a{font-size: 14px;}*/

	.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);}
	/*#owl-hisContent .owl-buttons .owl-next{background-image:url(/images/ab13.png);right: 0;}*/
	/*#owl-hisContent .owl-buttons .owl-prev{background-image:url(/images/ab12.png);left: 0;}*/
	.info .box,.info .box2{width: 100%;margin-left: 0; height:100%; margin-right:0;}
	.recruit .list .box{width: 96%;margin-left: 0;}
	/*添加*/
	.info .box .ti{ margin:0 8px;}
	
	
	.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%;}

	.company .list .li .imgs img{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 img{bottom: -8px;}
}

@media only screen and (max-width: 360px){
}
.xb{color:#333;padding-bottom: 22px;padding-top:30px;}
.ccinr{display: block;
    overflow: hidden;
    color: #1a1a1a;
    font-size: 20px;
   text-align: left!important;}
   
   @media only screen and (max-width: 768px){
	   
.xb{padding-bottom: 15px;padding-top:10px;}
	   
	   }