/*Common For Max 960*/
@media only screen and (min-width:960px) and (max-width: 1199px) {
 	.menu{ float:right; margin-left:0px;}
	.cpfw_box .list.width span{ display:none}
	.nav .m>a{ width:90px;}
	.nav .block{ width:90px;}

}



/*Common For Max 768*/
@media only screen and (min-width:768px) and (max-width: 959px) {

 .banner0 {
    width: 100%;
    margin: auto;
    height: 570px;
}
   .blank380{CLEAR: both; DISPLAY: block; OVERFLOW: hidden; HEIGHT:50px; line-height: 0px; font-size: 0px;}


   body{background:none!important}
   .m_hd{display: block;}	
	.header{ display:none}
	 /*******************************
        -------[=index]-------
    ********************************/
	.cpfw_box{ margin-left:0px; margin-right:0px;}


	.i_box{ margin-bottom:10px}
	.i_box .hd p::after,.i_box .hd p::before{ display:none}
	.i_box .hd p{ font:400 26px/30px "Microsoft YaHei"}
	.cpfw_box .list{ padding:10px 0px 10px 110px}
	.cpfw_box .list li A{ font-size:12px}
	.cpfw_box A span.ico{ width:100px; height:100px; background-size:100%}
	.cpfw_box .cpfw_li:hover span.ico{ background-size:100%}
	.cpfw_box .list.width{ padding-left:100px}
	.cpfw_box .list.width span{ display:none}
	.cpfw_box h3{ font:400 18px/25px "Microsoft YaHei"}
	.i_box .hd{ height:auto; padding-bottom:20px;}
	.cpfw_li{ margin-top:10px;}
	.xwdt_box{ margin:0px; margin-top:20px;}
	.xwdt_li:last-child{ display:block}
	.bg_model{ padding-top:10px;}
	.xwdt_box .bottom{ display:none}
	.xwdt_box p{ display:none}
	.xwdt_box .pic{ margin-bottom:10px;}
	.xwdt_box h3 a{ font-size:15px; line-height:24px; padding-bottom:5px;}
	.xwdt_li{}
	.i_news_more{ padding-top:20px; padding-bottom:20px;}
	.index_hzhb{ padding-top:20px;}
	.hzhb_box li{ width:20%}
	.hzhb_box li:nth-child(n+11){ }
	div.floatCtro{ left:auto; right:10px; width:48px;}
	div.floatCtro span{ display:none}
	div.floatCtro a{ width:48px; border-radius:50px; padding:10px;}
	#foot .fd_link_box{ display:none}
	.copyright{ background:#0081CC}
	.copyright p{ font-size:12px;}
	.copyright p span{ display:none;}
	.down_li{ margin-bottom:20px; width:25%; float:left; padding-right:20px;}
.honor_box .pic_box li{ width:33.3333%; float:left; padding-right:3%; text-align:center;height:240px;}

.it_a{ padding-top:10px; padding-bottom:20px;}
.it_a .word{ float:none; width:100%; padding-left:0px;padding-top:20px;}
.it_a .img{ width:100%; float:none; text-align:center;padding-top:40px;}
.it_a .img img{ width:50%}
.it_b{ padding-top:10px; padding-bottom:20px;}
.it_b .word{ float:none; width:100%; padding-right:0px;padding-top:20px;}
.it_b .img{ width:100%; float:none; text-align:center;padding-top:40px;}
.it_b .img img{ width:70%}
.it_a h3{ font:700 20px/35px "Microsoft YaHei"; margin-bottom:10px;}
.it_b h3{ font:700 20px/35px "Microsoft YaHei"; margin-bottom:10px;}

p.more{ text-align:center}
p.more A.more_a{ background:#2BB4E0}
.fangan_page{ padding-top:20px;}
.fangan_page li{ margin-right:0px; float:none; width:100%;margin-bottom:10px}
.software_list_page{ padding-top:20px; padding-bottom:0px;}
.software_li span.title{ padding-top:5px; padding-bottom:10px;}

.e_page .e_box .word_div{ width:auto}
.e_page .e_box .ie_d .word_div{ float:none}
.e_page .e_box .product_feature{margin-bottom:10px}
.e_page .e_box .content li{ height:200px;}
.e_page .e_box .ie_a li.pic{ background-position:center; background-size:100%}
.e_page .e_box .ie_b li.pic{ background-position:center; background-size:100%}
.e_page .e_box .ie_c li.pic{ background-position:center; background-size:100%}
.e_page .e_box .ie_d li.pic{ background-position:center; background-size:100%}
.e_page .e_box li.word{ padding-top:10px;}
.e_page .e_box .ie_a li.word em{ width:50px; height:50px; background-size:cover}
.e_page .e_box .ie_b li.word em{ width:50px; height:50px; background-size:cover}
.e_page .e_box .ie_c li.word em{ width:50px; height:50px; background-size:cover}
.e_page .e_box .ie_d li.word em{ width:50px; height:50px; background-size:cover}
.e_page .e_box .product_name{font:700 20px/50px microsoft}
.e_page .e_box .product_feature{ font-size:13px;}
.e_page .e_box .ie_b .word_div{ float:none}


.parter_box .intro_a{ padding-left:0px;}
.parter_box .intro_b{ padding-left:0px;}
.parter_box .intro_b h3{ margin-left:0px;}
.guihua .adv_txt h6{ margin-left:0px;}
.guihua .adv_txt{ padding-right:0px; padding-left:0px; float:none; width:100%; margin:10px 0px;}
.guihua .adv_img{ float:none; width:100%;padding-left:0px;}
.guihua li{ padding:10px 0px;}
.guihua .adv_txt_more{ float:none; width:100%; margin:10px 0px;}
.guihua .adv_img_more{ float:none; width:100%}



.guihua .adv_txt_more h6{ margin-left:0px;}
.guihua .adv_txt_more{ padding-right:0px; padding-left:0px; float:none; width:100%; margin:10px 0px;}
.guihua .adv_img_more{ float:none; width:100%;padding-left:0px;}
.parter_box .intro_c{ padding-left:0px;}
.parter_box .intro_c h3.sub_title{margin-left:0px;}
.it_a .container p{ font-size:13px;}
.it_b .container p{ font-size:13px;}
.col_l{ display:none;}
.col_r{ padding-left:0px; width:100%; float:none; border:none}


.cases_li A{ display:block; padding:0px; background:#fff; padding-bottom:150px;}
.cases_li .img p{ margin-left:-3em; margin-top:-1em; }
.cases_li .des_word{ height:150px; background:#fff}
.cases_li span.word{ display: block; color:#999}
.cases_li span{ padding-left:0px; padding-right:0px;}
.cases_list_page{ background:#fff; padding:15px 0px;}
	
}



/*Common For Max 480*/
@media only screen and (max-width: 767px) {





   .banner0 {
    width: 100%;
    margin: auto;
    height: 570px;
}
   .blank380{CLEAR: both; DISPLAY: block; OVERFLOW: hidden; HEIGHT:50px; line-height: 0px; font-size: 0px;}


   body{background:none!important}
   .m_hd{display: block;}	
	.header{ display:none}
	 /*******************************
        -------[=index]-------
    ********************************/
    #banner{height: auto; margin-bottom:20px;}
    #banner .item{background: none!important;    }
    #banner .item .img{display: block;width: 100%;}

.hzhb_box li img{display: block;width: 100%;}

    #banner .slick-dots{position: absolute;left: 0;bottom: 10px;width: 100%;text-align: center;z-index: 99;}
	#banner .slick-dots li{display: inline-block;margin: 0 5px;}
	#banner .slick-dots li button{display: block;width: 10px;height: 10px;border: 0;outline: 0;cursor: pointer;font-size: 0;line-height: 0;text-indent: 999px;background-color: #fff;border-radius:20px;}
	#banner .slick-dots li.slick-active button{background-color: #0081CC; width:20px;}

	.cpfw_box{ margin-left:0px; margin-right:0px;}


    .banner_single{height: auto; background: none!important;  }
    .banner_single .img{display: block; width: 100%}


	.i_box{ margin-bottom:10px}
	.i_box .hd p::after,.i_box .hd p::before{ display:none}
	.i_box .hd p{ font:400 26px/30px "Microsoft YaHei"}

    
	.i_box .hd{ height:auto; padding-bottom:20px;}
	.cpfw_li{ margin-top:10px;}
	.xwdt_box{ margin:0px; margin-top:20px;}
	.bg_model{ padding-top:10px;}
	.xwdt_box .bottom{ display:none}
	.xwdt_box p{ display:none}
	.xwdt_box .pic{ margin-bottom:10px;}
	.xwdt_box h3 a{ font-size:15px; line-height:24px; height:auto; padding-bottom:5px;}
	.xwdt_li{}
	.i_news_more{ padding-top:0px; padding-bottom:20px;}
	.index_hzhb{ padding-top:0px;}
	.hzhb_box li{ width:25%}
	.hzhb_box li:nth-child(n+11){ }
	div.floatCtro{ left:auto; right:10px; width:48px;}
	div.floatCtro span{ display:none}
	div.floatCtro a{ width:48px; border-radius:50px; padding:10px;}
	#foot .fd_link_box{ display:none}
	.copyright{ background:#0E5183}
	.copyright p{ font-size:12px;}
	.copyright p span{ display:none;}
	.copyright{ padding:15px 0px;}
	.s_navbox li{margin-right:0px; width:25%; text-align:center}
	.s_navbox li a{ padding:0px 5px; bottom:-1px;font-size:14px; line-height:50px;}
	.single_box{ padding:20px 0px;}
	.single_box h4.ch{ font:400 30px/40px "Microsoft YaHei"; }
	.single_box h5.en{ font:400 16px/18px "Microsoft YaHei";}
	.single_box .wwword{ font:400 14px/26px "Microsoft YaHei";}
	.single_box .wwword p{}
	.news_li span.word{ display:none}
	.news_li span.more{ display:none}
	.news_li A{ padding:15px 15px;}
	.news_li span.title{ font-size:16px;height:auto;}
	.news_list_page{ padding:30px 0px;}
	.news_show_hd h1{ font-size:24px; font-weight:700}
	
	  #dituContent{height: 350px !important;}
    .map_info{padding: 30px 20px;position: relative;margin: 0;width: 100%;left: 0; font-size:14px;}
    .map_info h3, .honor_box h1{font-size: 20px;margin-bottom: 20px;}
    .map_info h3{padding-left: 0;}
	.company_list .box{ padding:10px 0px;}
	.company_list .box span{ width:50%; overflow:hidden;text-overflow: ellipsis;white-space: nowrap; padding-right:2%}
	.company_list .box h4{ font:400 16px/40px "Microsoft YaHei"}
	.company_list .box ul{ padding-top:10px;}
	.history .history_area{ padding:0px;}
	.history .time_line{ padding:0px; margin-left:0px;}
	.history .time{ margin-left:0px;background:url(../images/time_bg7.png) 6px 0 repeat-y; padding:0px;}
	.history .year{ float:none; background:url(../images/time_bg3.png) 0px 0px no-repeat; font:700 20px/30px Arial, Helvetica, sans-serif;padding-left:40px;}
	.history .time_con{ margin-left:30px; padding-right:0px;}
	.history .time_text{ padding:0px; line-height:26px; font-size:13px; border:none;}
	.history .time_text:hover{ border:none;}
	.history .time_text p{ background-position:5px 10px;}

	.job_a{ padding:20px 0px 20px;}
	.job_a h3{font:700 20px/50px "Microsoft YaHei"; }
	.job_a .container{font:400 14px/26px "Microsoft YaHei";}
	.job_a .container p{ padding-bottom:25px;}
	.job_a p.pt20 img{ width:80px !important; height:80px !important; }

	.job_b{ padding:30px 0px 30px}
	.job_b h3{font:700 20px/50px "Microsoft YaHei"; color:#fff; }
	.job_b .img{ float:none; width:100%}
	.job_b .word{ float:none;  width:100%; padding-right:0%}
	.job_b .container{font:400 14px/26px "Microsoft YaHei"; color:#fff;}
	.job_b .container p{ padding-bottom:26px;}
	
	
	.job_c{padding:30px 0px 30px}
	.job_c h3{font:700 20px/50px "Microsoft YaHei"; color:#0081CC; }
	.job_c h4{font:400 16px/40px "Microsoft YaHei"; color:#666;margin-bottom:0px; background:url(../images/map.png) no-repeat left center; background-size:20px; padding-left:25px;}
	.job_c .pic_box{ margin-bottom:0px;}
	.job_c .pic_box li{  margin-bottom:5px; width:50%; float:left; padding-right:3%;}
	.job_c .pic_box img{border-radius:4px;}

	.case_li{ padding:20px 20px 20px 20px}
	.case_li .word{ display:none}
	.case_li{ width:50%; float:left; height:120px; overflow:hidden}
	.case_dis_2, .case_dis_6, .case_dis_7, .case_dis_11, .case_dis_14, .case_dis_18{ padding:0px;}
	.case_li .title a{  font-size: 15px;}
.parter_box{ padding:30px 0px;}
.parter_box h2.title{ padding-bottom:10px;}
.circle_hezuo .hezuo_c_li{ width:50%; float: left; text-align:center}

.honor_box .pic_box li{ width:50%; float:left; padding-right:3%; text-align:center;height:240px;}

.down_li{ margin-bottom:20px; width:50%; float:left; padding-right:20px;}
.it_a{ padding-top:10px; padding-bottom:20px;}
.it_a .word{ float:none; width:100%; padding-left:50px;padding-top:20px;}
.it_a .img{ width:100%; float:none; text-align:center;padding-top:40px;}
.it_a .img img{ width:50%}
.it_b{ padding-top:10px; padding-bottom:20px;}
.it_b .word{ float:none; width:100%; padding-right:0px;padding-top:20px; padding-left:50px;}
.it_b .img{ width:100%; float:none; text-align:center;padding-top:40px;}
.it_b .img img{ width:70%}
.it_a h3{ font:700 20px/35px "Microsoft YaHei"; margin-bottom:10px;}
.it_b h3{ font:700 20px/35px "Microsoft YaHei"; margin-bottom:10px;}
    
.it_a .word p span,.it_b .word p span{ display: none;}
    .more A.more_a span{display: inline-block}  
    

p.more{ text-align:center}
p.more A.more_a{ background:#0E5183}
.fangan_page{ padding-top:20px;}
.fangan_page li{ margin-right:0px; float:none; width:100%;margin-bottom:10px}
.software_list_page{ padding-top:20px; padding-bottom:0px;}
.software_li span.title{ padding-top:5px; padding-bottom:10px;}

.e_page .e_box .word_div{ width:auto}
.e_page .e_box .ie_d .word_div{ float:none}
.e_page .e_box .product_feature{margin-bottom:10px}
.e_page .e_box .content li{ height:200px;}
.e_page .e_box .ie_a li.pic{ background-position:center; background-size:100%}
.e_page .e_box .ie_b li.pic{ background-position:center; background-size:100%}
.e_page .e_box .ie_c li.pic{ background-position:center; background-size:100%}
.e_page .e_box .ie_d li.pic{ background-position:center; background-size:100%}
.e_page .e_box li.word{ padding-top:10px;}
.e_page .e_box .ie_a li.word em{ width:50px; height:50px; background-size:cover}
.e_page .e_box .ie_b li.word em{ width:50px; height:50px; background-size:cover}
.e_page .e_box .ie_c li.word em{ width:50px; height:50px; background-size:cover}
.e_page .e_box .ie_d li.word em{ width:50px; height:50px; background-size:cover}
.e_page .e_box .product_name{font:700 20px/50px microsoft}
.e_page .e_box .product_feature{ font-size:13px;}
.e_page .e_box .ie_b .word_div{ float:none}

.parter_box .intro_a{ padding-left:0px;}
.parter_box .intro_b{ padding-left:0px;}
.parter_box .intro_b h3{ margin-left:0px;}
.guihua .adv_txt h6{ margin-left:0px;}
.guihua .adv_txt{ padding-right:0px; padding-left:0px; float:none; width:100%; margin:10px 0px;}
.guihua .adv_img{ float:none; width:100%;padding-left:0px;}
.guihua li{ padding:10px 0px;}
.guihua .adv_txt_more{ float:none; width:100%; margin:10px 0px;}
.guihua .adv_img_more{ float:none; width:100%}

.guihua .adv_txt_more h6{ margin-left:0px;}
.guihua .adv_txt_more{ padding-right:0px; padding-left:0px; float:none; width:100%; margin:10px 0px;}
.guihua .adv_img_more{ float:none; width:100%;padding-left:0px;}
.parter_box .intro_c{ padding-left:0px;}
.parter_box .intro_c h3.sub_title{margin-left:0px;}
.it_a .container p{ font-size:13px;}
.it_b .container p{ font-size:13px;}
.it_a .container p.more{ margin-left: -40px;}
.it_b .container p.more{ margin-left: -40px;}
    
    
.col_l{ display:none;}
.col_r{ padding-left:0px; width:100%; float:none; border:none}


.cases_li A{ display:block; padding:0px; background:#fff; padding-bottom:66px;}
.cases_li .img p{ margin-left:-3em; margin-top:-1em;transition: all .1s ease-in-out; }
.cases_li:hover .des_word{ height:66px; background:#fff}
.cases_li:hover span.word{ display:none;}
.cases_li span{ padding-left:10px; padding-right:10px}
.cases_list_page{  padding:15px 0px;}
.text_indent img{ max-width:90% !important}
    
 button.slick-arrow{ display: none!important; visibility: hidden}   
.float-bar .s1,.float-bar .s2,.float-bar .s3{display: none}
.float-bar {top: 88%}
    
.i_hd{ position:relative; text-align:center; margin:30px auto 20px; height: auto;}
.i_hd p{ text-align:center;position:relative; display:inline-block; }
.i_hd p strong{font:400 26px/40px "Microsoft YaHei"; text-align:center;position:relative; display:block; z-index: 1; width: auto; letter-spacing: 2px; color: #333}
.i_hd p::after,.i_hd p::before{content:' '; display: none; visibility: hidden}

.i_hd p em{ position:relative; width:100%; bottom:0; text-align:center;font:400 14px/20px "Microsoft YaHei"; color:#B9B9B9; text-transform:Uppercase;z-index:0; left: auto; margin-left: 0px;}
    
 .particle_box canvas{ visibility: hidden; display: none !important;}
    .hzhb_box {margin-top: 0px; padding-top: 0px;}  
    .index_hzhb .i_box{margin-top: 0px;} 
    .bg_index_xwdt{background-image: none;}
    .xwdt_box h3{padding: 5px 0px;}

    
    
.index_xwdt A.btn1{width: 140px;height: 35px; text-align: center;display: inline-block;  color: #0E5183;position: relative; border:#0E5183 1px solid; font:400 14px/34px "Microsoft YaHei"; border-radius:30px;transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;-webkit-transition: .3s; }
.index_xwdt A.btn1 span{position: relative;z-index: 2;}
.index_xwdt A.btn1:hover{background: #0E5183;color: #fff;}
 
 .cpfw_box .cpfw_li A{background: rgba(0, 0, 0, .5)}
.cpfw_box .cpfw_li A p{top: 50%;opacity: 1;}
.cpfw_box .cpfw_li A span.ico{bottom: 63%;}
.cpfw_box .cpfw_li A hr{top: 40%;opacity: 0;}
.cpfw_box .cpfw_li A h3{top: 38%;}
.cpfw_box .cpfw_li A span.more{top: 75%;opacity: 1;background: #fff;color: #373d41;}   
    .cpfw_box .cpfw_li p{color: #fff}  
    
    .more A.more_a::before{visibility: hidden; display: none;}
 
    .s_navbox.six{width: 100%; overflow-x: auto}
 	.s_navbox.six .container{ width: 140%; display: flex;display: -webkit-box;overflow-x: scroll;-webkit-overflow-scrolling:touch;}
 	.s_navbox.six .container li{ -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;}
    
    
.word .word_dl dt:hover::after{ display: none; visibility: hidden}
.word .word_dl dt:hover{color: #0E5183;background: url("../images/system.png") no-repeat 4px center; padding-left: 24px;}
.it_b .high{ margin-top: 0px;}
    
 	.page_intro h4.ch{ font:400 30px/40px "Microsoft YaHei"; }
	.page_intro h5.en{ font:400 16px/18px "Microsoft YaHei";}   
	.page_intro { padding: 20px 20px;}   
    
}