﻿/*xs*/
@media (max-width: 767px) {
	/*头部*/
	#qpyc { width:100%; display:block; overflow:hidden;}
	.header{height:50px;position:fixed;}
	.header .logo{margin-top:10px;}
	.header .logo img{width:80%;}
	.header-bg { top:74px;}
	#header-banner .banner-btn{width:50px;display:none;}
	#header-banner .carousel-indicators-wrap{top:auto;bottom:40px;text-align: center;}
	
	.header-phone .navbar-toggle { width: 22px; padding: 0px; margin-top: 0px; outline: 0; border: 0; }
	.header-phone .navbar-toggle .icon-bar { background: #58676d; height: 2px; width: 100%; display: block; margin-bottom: 7px; }
	.header-phone .search-toggle { float: left; margin-right: 25px; height: 20px; width: 20px; background: url(../images/dr2016/search07.png) no-repeat; background-size:100% 100%; cursor: pointer; }
	.search-phone > b { width: 15px; height: 8px; position: absolute; top: -8px; right: 66px; background: url(../images/dr2016/h_37.png) no-repeat center; display: block; z-index: 10; }
	

.sjszgd { overflow-y: scroll; height:400px; background:none;}
.menu01 { width:100%; background:#eeeeee;}
.menu03 a { width:100%;  height:42px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
	/*页脚*/
	.footer-top-dl{font-size:14px; text-align:center;}
	.footer-top-dl dt{font-size:16px; text-align:center;}
	.footer .bottom{font-size:12px;line-height:22px;padding:15px 0px 10px 0px;}
	.qdpg { padding-left:0px; padding-right:0px; padding-bottom:30px;}
	.sjzys { padding:10% 0px; clear:both;}
	.footerdy { text-align:center; border-left:0px solid #666; border-right:0px solid #666;line-height:32px;}
	.footerlb {text-align:center;}
	.xleft { width:50%; float:left; text-align:center; margin-top:20px;}
	.xright { width:50%; float:right; text-align:center; margin-top:20px;}
	.pdleft { padding:0;}
	.pdright { padding:0;}
	.footerdh { font-size:20px;}
	.sjycql { display:none;}
	.dnycql { display:block;}
	.pcdpdz { padding:0px;}
	.pcdpdy { padding:0px;}
	.dnzsy { width:100%; float:left;}
	.dnzsy2 { width:100%; float:left;}
	
	.pcdpdz .yys_bg h3 { float:left; width:100%; font-size: 24px; word-wrap: break-word; letter-spacing: 0px;}
	.pcdpdy .yys_bg h3 { float:right; width:100%; font-size: 24px; word-wrap: break-word; letter-spacing: 0px;}

	/*首页*/
	.header-banner-bd{height:auto;}

	.content-icon .col a{border-right:none;}
	.content-icon .col a span.s2{font-size:16px;top:60%;}
	.stat-cont{height:auto;}
	.stat-cont .stat-tabs li{width:100%;height:50px;line-height:50px;}
	.stat-cont .stat-tabs li a{height:50px;line-height:50px;text-align:left;}
	.stat-cont .stat-tabs li .s2{display:none;}
	.stat-cell{padding-top:40px;}
	.stat-cell p{line-height:24px;}
	.stat-side{padding-bottom:15px;	}
	.stat-cell h2{font-size:30px;}
	.stat-side ul li{padding:10px 15px;}

	.video-slide .carousel-inner{width:100%;margin-left:0px;}
	.video-slide .carousel-inner .col{padding:0px;}
	
	/*产品 硬件*/
	.product-recom{padding-top:40px;padding-bottom:30px;}
	.product-recom .hd li{padding:0px 15px;}
	.product-recom-exc{width:auto;}
	.product-recom-exc .pic img{width:100%;}
	.product-recom-exc .bd{margin-top:24px;}
	.product-recom-exc a.button{margin-top:10px;}
	.product-recom-bd .varCell{padding-bottom:30px;padding-top:15px;}
	.solut-slide .carousel-inner{width:100%;margin-left:0px;}
	.solut-slide .carousel-inner .item{display:block;}
	.solut-slide .col{padding:0px;}
	.product-supp{padding:30px 0px;}
	.product-doup{padding-top:10px;}
	.product-inform{padding:20px 0px;}

	.hard-sketch{padding:40px 0px;}
	.video-slide{padding:30px 0px 10px 0px;}
	.product-affich{padding:40px 0px;padding-bottom:26px;}
	.product-affich h2{padding-bottom:20px;}
	.solut-slide{padding:40px 0px;}
	.product-supp{padding:40px 0px;}
	.product-doup{padding-top:0px;}

	.pro_list-top{padding-top:60px;}
	.product-spec{padding-top:40px;}
	
	
	.content-icon .col a p { width:100%; height:10px; display:block; background:#FFF;}
	.content-icon .third a p { width:100%; height:10px; display:block; background:#FFF; display:none;}
	.content-icon .col a p span { font-size:16px; line-height:42px; text-align:center; display:none;}
	.content-icon .col a:hover p span { font-size:16px; line-height:42px; text-align:center;  color:#06F; display:none;}
	
	
	.dwfc { position:inherit; left:0; bottom:0; width:100%;}
	.right_kj { display:none;}
	.right_kj-phone { display:block; width:100%; clear:both;}
	.left_wa { width:100%; text-align:center;}
	.right_wa { width:100%; text-align:center;}
	

	
	.right_top_wb { display:none;}
	.header .logo-wrap{ position:absolute; left:15px; top:0px; z-index:5;}
	
	.text_ydq { text-align:left; display:block;}
	.xsyyc { display:none;}
	.weixin { display:none;}
	.mtop { margin-top:50px;}
	.listmtop { margin-top:50px;}
	
	.wxwb .wx { margin-left:35%;}
	.allny_topclose { margin-top:50px;}
	.culture-left span { display:none;}
	.fh5co-featureclose:hover, .fh5co-featureclose.active { -webkit-box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.15); -ms-box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.15); margin-top:0px !important; }
	
	.pohne-jj { margin-bottom:5%;}	

	.list .rt { display:none;}
	
.top_tck_yes { width:100%; height:74px; display:block; clear:both;}
.top_tck_no { width:100%; height:50px; display:block; clear:both;}
.yesno { display:block;}

.hxpl { width:100%; border: 1px solid #eee; display:inline-table; padding:10.5% 0px;}
.hxpl:hover { background:#f7f7f7; padding:10.5% 0px;}
.sxpl { width:100%; border: 1px solid #eee; display:inline-table; padding:0px 25%;}
.sxpl:hover { background:#f7f7f7; padding:0px 25%;}
.sjdm { padding-left:0px; padding-right:0px;}
	
	/*nav a:hover*/
#abc span { position: relative; display:inline; padding-top: 0px; padding-bottom:0px; }
#abc span:before { content: ""; position: absolute; width: 100%; height: 0; bottom: 0; left: 0; background-color: rgba(0, 168, 255, 0.8); visibility: hidden; -webkit-transform: scaleX(0); -moz-transform: scaleX(0); -ms-transform: scaleX(0); -o-transform: scaleX(0); transform: scaleX(0); -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; }
#abc { color: #00a8ff; }
#abc span:before { visibility: visible; -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -ms-transform: scaleX(1); -o-transform: scaleX(1); transform: scaleX(1); }

.menu-right { width:94%; background-color:#f3f3f3; padding:0px 0px; font-size:14px;border-left:1px solid #dcdcdc;border-right:1px solid #dcdcdc; border-top:1px solid #e1e1e1;  margin-right:3%; margin-top:40px;}

/*top_nav*/
.top_nav { width:100%; height:24px; background:#5d5d58;}
.top_nav ul li { float:left; line-height:24px; color:#ccc; font-size:12px;}
.top_navban { display:block; background:#5d5d58; color:#ccc; padding:0 5px; border-left:0px solid #fff;}
.top_navban:hover { display:block; background:#333;  color:#fff; padding:0 5px; border-left:0px solid #fff;}
#top_nava { display:block; background:#f7f7f7;  color:#000; padding:0 5px; border-left:0px solid #fff;}

.wxwb .wx { width: 40px; height: 30px; display: block; background: url(../images/dr2016/wx1.png) no-repeat 0px 0px; margin-right: 0px; margin-bottom: 25px; margin-top: 25px; }
.wxwb .wx:hover { width: 40px; height: 30px; display: block; background: url(../images/dr2016/wx2.png) no-repeat 0px 0px; margin-right: 0px; margin-bottom: 25px; margin-top: 25px; }
.wxwb .wb { width: 40px; height: 30px; display: block; background: url(../images/dr2016/wb1.png) no-repeat 0px 0px; margin-right: 0px; margin-bottom: 25px; margin-top: 25px; }
.wxwb .wb:hover { width: 40px; height: 30px; display: block; background: url(../images/dr2016/wb2.png) no-repeat 0px 0px; margin-right: 0px; margin-bottom: 25px; margin-top: 25px; }

.zxzk { width:100%; display:block; border-bottom:1px solid #eee; margin-left:0px; margin-right:0px; margin-bottom: 30px; }
.zxzktp { width:54%; float:left; border:1px solid #eee;}
.zxzknr { width:46%; padding-left:6%; float:right; margin-top: 55px;}
.zxzknr h2 { font-size:16px; color:#b18045; letter-spacing:0px;}
.zxzknr h4 { font-size:12px; padding:8px 0px; color:#b18045; margin-bottom: 15px;}
.zxzknr a { font-size:12px; padding:4px 6px; color:#fff; background:#52d3aa; border-radius: 5px; }
.zxzknr a:hover { font-size:12px; padding:4px 6px; color:#fff; background:#b18045; border-radius: 5px;}
.zxzkhx { width:100%; clear:both; text-align:center; padding-top: 30px; padding-bottom: 15px; font-size:14px;}	
}

/*sm*/
@media (min-width: 768px) and (max-width: 991px) {
	
	/*header*/
	.header div.search{top:17px;}
	.header .subhead{right:200px;}

	/*首页banner*/
	/*.header-banner-bd{height:368px;}*/
	/*.header-banner-bd .pc .cell img{width:1070px;margin-left:-535px;}*/
	.header-banner-bd .pc .stack .text{padding-top:130px;}
	.header-banner-bd .pc .stack .text h1{font-size:40px;margin-bottom:6px;}
	.header-banner-bd .pc .stack .text h2{font-size:16px;margin-bottom:6px;}
	.header-banner-bd .pc .stack .text h3{font-size:26px;margin-bottom:6px;}
	.header-banner-bd .pc .stack .text .btn{padding:5px 0px;overflow:hidden;}
	.header-banner-bd .pc .stack .text .btn a{width:90px;padding:3px 0px;text-indent:10px;background-position:70px center;}
	.header-banner-bd .pc .stack .text .btn a:hover{background-position:70px center;}

	/*导航*/
	.down_menu .down_block{padding-left:40px;padding-right:30px;}
	.ie7 .down_menu .down_block{
	  padding-left:15px !important;
	  padding-right:0 !important;
	}
	.ie8 .down_menu .down_block{padding-left:40px;padding-right:10px;}

	/*内页banner*/
	.inhead-det-text h2{font-size:32px;padding-top:160px;}
	.inhead-det-text p{font-size:12px;}
	.inhead-det-pic img{bottom:35px;}


	.ie7 .video-slide .carousel-inner{width:100%;margin-left:0px;}
	.ie7 .video-slide .carousel-control{display:none;}
	
	.stat-cell{overflow:hidden;padding:20px 0px 5px 0px;text-align: center;}
	.stat-cell h2 {padding-bottom:18px;}
	.stat-cell h2 em {font-size:33px;border-bottom:3px solid #000;}
	
	.float_mk { padding-bottom:22%;}

	.dwfc { position:absolute; width:94%; bottom:50px; left:3%; margin:0 auto;}
	
	.nav-bar { padding-left:130px; }
	
	
}

/*md*/
@media (min-width: 992px) and (max-width: 1199px) {
	.content-icon .col a span.s3{top:75%;}

	/*首页banner*/
	/*.header-banner-bd{height:480px;}*/
	/*.header-banner-bd .pc .cell img{width:1396px;margin-left:-698px;}*/
	.header-banner-bd .pc .stack .text{padding-top:170px;}
	.header-banner-bd .pc .stack .text h1{font-size:50px;margin-bottom:10px;}
	.header-banner-bd .pc .stack .text h2{font-size:18px;margin-bottom:10px;}
	.header-banner-bd .pc .stack .text h3{font-size:32px;margin-bottom:10px;}
	.header-banner-bd .pc .stack .text .btn{padding:8px 0px;overflow:hidden;}
	.header-banner-bd .pc .stack .text .btn a{width:100px;padding:5px 0px;text-indent:15px;background-position:75px center;}
	.header-banner-bd .pc .stack .text .btn a:hover{background-position:75px center;}
	
	/*导航*/
	.down_menu .down_block{padding-left:60px;padding-right:30px;}

	/*内页banner*/
	.inhead-det-text h2{font-size:40px;padding-top:160px;}
	.inhead-det-text p{font-size:15px;}
	
	.float_mk { padding-bottom:22%;}

	.dwfc { position:absolute; width:94%; bottom:50px; left:3%; margin:0 auto;}
	
	.nav-bar { padding-left:150px; }

}

/*lg*/
@media (min-width: 1200px) {
	
	/*header*/
	.nav-bar{padding-left:240px;}
	.header div.search{width:240px;}
	.header div.search input[type="text"]{width:170px;}

	div.big_sj span{padding-right:70px;display:block;}
	
	
	.float_mk { padding-bottom:21%;}

	.dwfc { position:absolute; width:90%; bottom:50px; left:5%; margin:0 auto;}
	
	.nav-bar { padding-left:260px; }

}

@media (min-width: 1440px) {
	.nav-bar{padding-left:240px;}
	.float_mk { padding-bottom:18%;}

	.dwfc { position:absolute; width:80%; bottom:50px; left:10%; margin:0 auto;}
	

}

@media (min-width: 768px){ 
	.nav-phone{display:none;}
}



/**********  yang  ********/


@media (max-width: 767px) {
/*service*/
.service_wrap .box_1{padding-top: 20px; padding-bottom: 10px;}
.service_wrap .box_1 .title{padding-top: 20px;}
.service_wrap .box_2 .btn_blue{margin-top: 10px;}
.service_wrap .service_box3{margin-top: 30px; padding-bottom: 30px;}
.service_wrap .service_box3 h1{padding-top: 30px; margin-top: 0;}
.service_wrap .box_3 .row{margin-top: 20px;}
.service_wrap .box_4{padding-top: 10px; padding-bottom: 30px;}
.service_wrap .box_4 .div_box4{margin-top:30px;}
.service_wrap .box_4 .div_logo{height: 70px;}
.service_wrap .box_4 .div_box4 p.more{margin-top:0px; padding-bottom: 0;}
.service_wrap .box_4 .div_box4:first-child p.more{margin-top:0px; padding-bottom: 0;}

.service_wrap h1{font-size:30px;}
.service_wrap .box_2 .btn_blue{padding:0px;}
.service_wrap .box_1 p{width:100%;}
.service_wrap .box_3 p{width:100%;}
.service_wrap .box_3 .div_box3{padding-top:15px;padding-bottom:5px;}


/*trade*/
.service_wrap .box_3 .row{margin-top: 0px;}
.service_wrap .trade_box3{padding-bottom: 25px; margin-top: 0;}
.service_wrap .trade_box3_{padding-top: 10px;}
.service_wrap .trade_box3_{padding-bottom: 30px;}
.service_wrap .box_3 .side{padding-bottom: 30px; padding-top: 0;}
.service_wrap .box_3 .side:first-child{margin-top: 10px; padding-bottom: 40px;}
.service_wrap .box_3 .side ul.news li.more{height: 30px;}
.service_wrap .trade_box3_2{padding-top: 5px;}
.service_wrap .box_3 .trade_exam{margin-top: 10px;}

/*solve*/
.service_wrap .box_solve{margin-top: 20px;}
.service_wrap .box_solve .nav-tabs{height: 60px;}
.service_wrap .box_solve .nav-tabs li{font-size:15px;}
.service_wrap .box_solve .nav-tabs li{height: 60px;}
.service_wrap .box_solve .nav-tabs li a{height: 60px; line-height: 60px;}
.service_wrap .box_solve .solve_containt{padding-top: 10px;}
.service_wrap .box_solve .solve_containt .center{margin-top:40px; min-height: 1px;}
.service_wrap .box_solve .solve_containt .center .word{padding: 10px 0 0}
.service_wrap .box_solve .solve_containt .center .clear_t,.service_wrap .box_solve .solve_containt .center .clear_t_{margin-top: 0;}
.service_wrap .box_solve .solve_containt .center .border_line{min-height: 1px;}
.service_wrap .box_solve .solve_containt .center .col{padding:0px;}
.service_wrap .box_solve .solve_containt .center-last{border-top:none;margin-top:0px;}
.service_wrap .box_solve .solve_containt .center ul{padding-bottom:0px;}

.service_wrap .box_solve .solve_containt{padding-bottom: 30px;}

.service_wrap .box_solve .solve_containt #tra div.row{margin-top: 10px;}
.service_wrap .box_solve .solve_containt .pic{padding:5px 0px;}
.service_wrap .box_solve .solve_containt #tra div.row{margin-top: 0;}
.service_wrap .box_solve .solve_containt #tra div.row:first-child{margin-top: 10px;}
.service_wrap .box_solve .solve_containt #tra div.last{padding-bottom: 0;}
.service_wrap .box_solve .solve_containt .center .border_line{border-left: 0;}
}

/************** yang end  *********/


/************  haiyang   ************/
@media (max-width: 767px) {
	.testbanner1{height: 60px;min-height: 60px;}
	.h340{height: 100%;padding-top: 30px;padding-bottom: 30px;}
	.h400{height: 100%;padding-top: 30px;padding-bottom: 30px;}
	.h480{height: 100%;padding-top: 30px;padding-bottom: 30px;}
	.textP1 p{padding-top: 20px;}
	.textP2 h2{padding-top: 30px;}
	.textP2 p{padding-top: 20px;}

	.chb-nav2{padding: 40px 0 30px 0;font-size:30px;}
	.chb-nav2 h1{padding-bottom:10px;font-size:30px;}
	.chb-nav2 p{padding-top:10px;}
	.chb-nav2 .btna{margin-top: 20px;}

	.partner-con .text{padding: 0;}
	.partner-con .img {padding-top: 20px;padding-bottom: 30px;}
	.partner-list{padding: 30px 0 20px 0;}
	.partner-list .abtn{padding: 0 0 20px 0;}
	.partner-list .abtn a{text-align: left;}

	.aboutus-con .bgc-01 .col{margin-bottom: 0;padding:0px;}
	.aboutus-con .bgc-01 .text{padding-top: 10px;}
	.aboutus-con .bgc-03 .col{margin: 30px 0;}
	.aboutus-con .bgc-03 .text p{width:100%;}
	.aboutus-con .bgc-03 .img {margin-bottom: -30px;}
	.aboutus-list{padding: 10px 0 40px 0;}
	.aboutus-list .col{margin-top: 20px;margin-bottom: 0px;}	
	.aboutus-list .img img{width:50%;}
	.aboutus-list h2{padding-top:14px;}

	.product-con .bgc-01 .img, .product-con .bgc-02 .img{padding-top: 20px;}
	.product-con .text.text2 h2{font-size:30px;padding-bottom:0px;padding-top:30px;}

	.video-con{position: absolute;top: 0;left:15px;margin:0;width: 100%; height:100%;}
	.video-close{margin-left: -30px;}

	.prod-row-list p.prod-list-link img{width:auto;}


}

@media (max-width: 680px) {
.wxwb .wx { margin-left:15%;}
}

/************  haiyang end   ************/