@media only screen 
and (min-width : 320px) 
and (max-width : 767px) {

body{font-family:"微软雅黑","宋体"; font-size:14px; color: #333;  background:#fff; text-align:justify; -webkit-text-size-adjust:none; height:auto; }
a {color:#333;transition:400ms ease all;}
a:hover{ color: #59b4ff;transition:800ms ease all;}

.all{width: 100%; height: auto;border: 5px solid #1b7a94;position: relative; z-index: 9999999999; overflow:hidden;}
/*导航*/
.top{width: 100%;position: absolute;z-index: 99999;}
.top .top_logo{margin: 0px; width: 40%;float: left;padding-top: 15px; }
.top .menu{margin: 0px auto; width: 100%; float: right; display: none;  position:fixed;  height: 100%; z-index: 99;margin-top: 65px;margin-right: 0px;}
.menu .top_ul{background-color:rgba(255,255,255,0.8); }	
.menu .top_ul li{ color: #000; display: block; float: left;width: 100%;text-align: center;}
.menu .top_ul li a.dq{width: 100%; color: #000; display: block; float: left;text-align: center;padding: 20px 0; margin: 0px;}
.menu .top_ul li a#wa{color: #fff; background: #4e4e4e;}
.menu .top_ul li:hover a.dq,.menu .top_ul li:hover a#wa{color: #fff; background: #4e4e4e;transition: all -0.5s}	
/*二级导航*/
.menu .top_ul li .menu_div{ display: none;}
.menu .top_ul li:hover .menu_div ul.submenu{display: none;}
	
/*分页公共导航*/
.top1{width: 100%;z-index: 99999;background: #fff;}
.top1 .top_logo{margin-left: 5px; width: 40%;float: left; text-align: center;padding-top: 15px;}
.top1 .menu{margin-right: 5px;width: 100%; float: right; display: none;background-color:rgba(255,255,255,0.8);  position:fixed;
	         height: 100%; z-index: 99;margin-top: 95px; padding: 0px; margin-right: 0px;}
.menu .top_ul{width: 100%;right: 0px;}
.cnen{right:8px;}
	
	
.navbar-toggle{padding:6px;margin: 0px; color:#fff; padding-top: 40px; z-index: 1111;}
.navbar-toggle i{font-size:20px; line-height: 1;}
.navbar-toggle:active,.navbar-custom .navbar-toggle:focus{outline:0}
.navbar-toggle i{ width: 28px; height: 3px; display: block; background: #000; margin-bottom: 4px;
    transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
}
/*.navbar-toggle1 i:nth-child(3){ margin-bottom:0;}*/
.navbar-toggle1 i:nth-child(1){
    transform:translate3d(0,7px,0) rotate(-135deg);
    -webkit-transform:translate3d(0,7px,0) rotate(-135deg);
    -moz-transform:translate3d(0,7px,0) rotate(-135deg);
    -ms-transform:translate3d(0,7px,0) rotate(-135deg);
}
 .navbar-toggle1 i:nth-child(2){ opacity: 0;
    transition:none;
    -webkit-transition:none;
    -moz-transition:none;
    -ms-transition:none;
}
.navbar-toggle1 i:nth-child(3){
    transform:translate3d(0,-7px,0) rotate(135deg);
    -webkit-transform:translate3d(0,-7px,0) rotate(135deg);
    -moz-transform:translate3d(0,-7px,0) rotate(135deg);
    -ms-transform:translate3d(0,-7px,0) rotate(135deg);
}

	
	
/*banner*/
.banner_top{padding-top: 100px;}
	
/*product*/
.product{width: 100%;background: #f2f2f2;}
.product .productimg img{width: 100%;}
	
/*俩图*/
.product_img{width: 100%;padding: 10px;}
.product_img img{width: 100%;}
.product_img ul li.product_left{width:100%; }
.product_img ul li.product_right{width:100%; margin: 2% 0;}

	
/*五个图*/
.product_introduce{width: 100%;padding: 10px;}
.product_introduce ul li{width: 50%;float: left;}
 
	
/*四个图*/
.content_bottom{width: 100%; margin-top: 30px; background: #fff;padding: 50px 10px 40px 10px;}
           /*小框*/
.content_bottom ul li{width: 50%;margin: 3% 0;}
.content_bottom ul li:hover{width: 50%;top:-10px;}
            /*字*/
.content_bottom ul li a .content_bottom_font{top:-10px;left: 0px;width: 100%;}
.content_bottom ul li a .content_bottom_font h2{font-size: 14px;padding-top: 0px;}
.content_bottom ul li a .content_bottom_font img{display: none;}







/*--=========================================================公司介绍css样式-============================================================--*/


/*公共导航*/
.product .public_hd{width: 100%;line-height: 60px;padding: 20px 10px 20px 10px; border: 1px solid #e8e8e8;}
.product .public_hd .hd{width: 100%;float: none;}
.product .public_hd .hd a{display: block;float: left;font-size: 12px; padding: 0 2px; color: #bababa;line-height: 20px;}
.product .public_hd .second_hd{width: 100%;float: none; text-align: left;margin-top: 10px;font-size: 12px;}
.product .public_hd .second_hd a{display: block;float: left;font-size: 12px;padding: 0 2px; color: #bababa;line-height: 20px;}
.product .public_hd .second_hd a.team_a {font-size: 12px;}

/*.product .company_introduce{width: 100%;padding: 10px;}

.product .company_introduce .company_left{width:100%;margin-right: 0%;position: relative;}
.product .company_introduce .company_left .company_font_caption h2{font-size: 18px;font-weight: 500;line-height: 30px;}

.product .company_introduce .company_right{width: 100%;float: left;margin-left: 0%;overflow: hidden;margin-top: 5%;}*/

.product .company_introduce{width: 100%;padding: 10px;}
.product .company_img{width: 100%;padding-bottom: 20px;}
.product .company_img img{width: 100%;}
/*左边*/
.product .company_introduce .company_left{width: 100%;float: none;margin-right: 0%;}
.product .company_introduce .company_left .company_font{height:auto; line-height: 20px;padding: 5px; overflow: hidden;font-size: 14px}
.product .company_introduce .company_left .company_font_caption{height:auto;color: #333;}
.product .company_introduce .company_left .company_font_caption h2{font-size: 21px;font-weight: 500;line-height: 30px;}
.product .company_introduce .company_left .company_font_img{width: 100%;}
.product .company_introduce .company_left img{width: 100%;transition: all 1s;}
.product .company_introduce .company_left img:hover{transition: all 1s;transform: scale(1.0);}
/*右边*/
.product .company_introduce .company_right{width: 100%;float: none;margin-left: 0%;overflow: hidden;margin-top: 10px;}
.product .company_introduce .company_right img{width: 100%;transition: all 1s;}
.product .company_introduce .company_right img:hover{transition: all 1s;transform: scale(1.1);}
	


/*--=========================================================管理团队css样式-============================================================--*/

.product .team_introduce ul{width: 100%;padding: 40px 10px 0 10px;}
.product .team_introduce ul li{width: 48%;float: left; position: relative;margin: 0 1% 2% 1%;overflow: hidden;}

	/*飞*/
.product .team_introduce ul li a .team_fly{width: 100%;height: 60px;overflow: hidden; position: absolute;bottom: 0px;
	                                        transition: all 1s;text-align: center;color: #fff; background: rgba(109,110,114,0.80);}



/*--=========================================================加入我们css样式-============================================================--*/

.product .man_content{width: 100%;padding: 0 10px 40px;}
.product .product_caption {width: 100%; padding: 20px 10px;}
.product .product_caption h2{font-size: 24px; font-weight: 500px;}
.product .man_content .man_content_font{background: #fff;padding: 15px 20px;}


/*--=========================================================电子地图css样式-============================================================--*/
.product .man_content {width: 100%;padding: 0 10px 40px;}
.product .man_content .product .man_content iframe{border: 8px solid #fff;width: 100%; height: auto;}


/*--=========================================================联系我们css样式-============================================================--*/

/*这块有点复杂*/
/*.product .relation_content .contact_us{padding: 0 10px; }

.product .relation_content .contact_us .contact_body{width: 150px;position: absolute;left: 50%;top:10%;margin-left: -75px;margin-right: 0px; overflow: hidden;}*/

.product .man_content .contact_us{width: 100%;height: auto;position: relative;text-align: center;overflow: hidden;}

.product .man_content .contact_us img.bk_img{width: 100%;height: 100%}
.product .man_content .contact_us .contact_body{width: auto;position: absolute;left: 0%;top:5px;margin-left: 0px;margin-right: 0px;overflow: hidden;text-align: center;}

.product .man_content .contact_us .contact_body .contact_us_left{width:48%;float: left;margin-right: 4%;}
.product .man_content .contact_us .contact_body  img{width: 60%}
.product .man_content .contact_us .contact_body .contact_us_right{width: 48%;float: left;overflow: hidden;}	

/*其他联系方式*/
.product .other_contact{width: 100%;padding: 0 0px 40px;}
.product .other_contact ul{width: 100%; padding: 10px 0; background: #fff;}
.product .other_contact ul li{width: 100%; margin: 10% 0 0 0;padding-left: 10px;}
.product .other_contact ul li .other_contact_content{padding-top: 10px;}


/*--=========================================================网络服务css样式-============================================================--*/
.product .partner{width: 100%;padding: 0 10px;}
.product .partner ul{width: 100%;}
.product .partner ul li {width:100%;background: #fff;margin: 2% 2% 0 0;}
.product .partner ul li a .join_work_hr{padding:0 80px;transition: all 1s;}





/*--=========================================================社会招聘css样式-============================================================--*/

/*回去太快了*/

.society{width: 100%;padding: 0px 10px 40px;}

/*地点*/ 
.society ul li .toggle_society{padding: 0 5px;}
.society ul li .toggle_society ul li{width: 50%;padding: 0 3px; float: left;color: #000;transition: all 1s;}

/*--=========================================================资质荣耀css样式-============================================================--*/
.product .honor_content{width: 100%;padding: 40px 10px;}

/*上边*/

.product .honor_content .honor_top ul li.honor_li_caption{width: 6%;float: left;color: #fff;padding-right: 5px;padding-top: 5px;}
.product .honor_content .honor_top ul li.honor_li_caption .li_caption1{widows: 50%;float: left;}
.product .honor_content .honor_top ul li.honor_li_caption .li_caption2{widows: 50%;float: left; font-size:14px;padding-left: 10px;}
.product .honor_content .honor_top ul li{width: 94%;}
.product .honor_content .honor_top ul li .honor_li_font{padding:5px 20px 0;color: #fff;height: 138px;}
.product .honor_content .honor_top ul li .honor_li_font h2{font-size: 16px;}
.product .honor_content .honor_top ul li a .honor_li_img{width: 100%;overflow: hidden;padding-top: 20px;margin-left: 6%; }
/*下边*/

.product .honor_content .honor_diploma ul li{width: 49%;float: left;margin:0 0.5%;padding-top: 20px;}
.product .honor_content .honor_diploma ul li a .honor_font{width: 100%;font-size: 18px; height: 60px; line-height: 20px;
	padding-top: 20px;overflow: hidden;}	

/*--=========================================================客户信息css样式-============================================================--*/
.product .customer_content{width: 100%;padding: 0 10px;}
.product .customer_content .customer_message{width: 100%;background: #fff;padding: 20px 15px 80px;}
.product .customer_content .customer_message ul li{width: 100%; padding: 10px;}


/*--=========================================================新闻动态css样式-============================================================--*/

.product .news_content{width: 100%;padding: 40px 10px 0;}
.product .news_content ul{width: 100%;}
.product .news_content ul li{width: 100%;padding: 20px 0;border-top: 1px dashed #c3c3c3;position: relative;height: 120px;}
.product .news_content ul li a .news_date{width: 50px;position: absolute; font-size: 20px;color:#999;}
.product .news_content ul li a .news_date .d1{font-size: 14px;}
.product .news_content ul li a .news_date .d2{font-size: 14px;}
.product .news_content ul li a .news_date .d3{font-size: 12px;}
.product .news_content ul li a .news_img{width: 100px;position: absolute;left:60px;}
.product .news_content ul li a .news_img img{width: 100%;}
.product .news_content ul li a .news_case{width: 100%;position: absolute;padding-left: 170px;padding-right: 0px; verflow: hidden;color: #999;line-height:20px;}
.product .news_content ul li a .news_case .news_caption{height: 20px;overflow: hidden;}
.product .news_content ul li a .news_case .news_caption h2{line-height: 20px;font-size: 14px;color: #000;}
.product .news_content ul li a .news_case .news_font{font-size: 12px; line-height: 20px; height: 70px;overflow: hidden;padding-top: 10px;}
.product .news_content ul li a .news_more{display: none;}









/*--=========================================================新闻详情css样式-============================================================--*/


/*导航*/
.news2 .news2_hd{width: 100%;max-width: 1200px;margin: auto; line-height: 30px;padding: 0 8px;}
.news2 .news2_hd .hd1{width: 100%;float: left;}
.news2 .news2_hd .hd1 a{display: block;float: left;font-size: 12px;color: #bababa;transition: all 1s;}
.news2 .news2_hd .hd1 :hover,.news2_content .news2_hd .second_hd a:hover{font-weight: 500;color: #000;transition: all 1s;}
.news2 .news2_hd .second_hd1{width: 100%;float: left;text-align: right;font-size: 12px;}
.news2 .news2_hd .second_hd1 a {display: block;float: left; font-size: 12px; color: #bababa;transition: all 1s;}

/*内容*/
.news2_content{padding: 0 8px;}
.news2_content h2{font-size: 18px; font-weight: 300;padding:10px 0;}
   /**/
.news2_content .news2_top{width: 100%;border-bottom: 2px solid #666;line-height: 60px;padding-bottom: 20px;}
.news2_content .news2_top .news2_date{width: 50%; float: left; color: #999; }
.news2_content .news2_top .news2_date .d1{font-size: 18px;}
.news2_content .news2_top .news2_date .d2{font-size: 18px;}
.news2_content .news2_top .news2_date .d3{font-size: 18px;}
.news2_content .news2_top .news2_read{width: 50%; float: left;text-align: right;color: #999; }
   /**/
.news2_content .news2_case{width: 100%; padding-top: 20px;border-bottom: 1px solid #ccc;overflow: hidden;padding-bottom: 20px;}
	.news2_content .news2_case img{width: 100%}	
.news2_content .news2_pages{padding: 40px 0;color: #999;}
.news2_content .pages_slip a{color: #999;}
.news2_content .pages_slip a:hover{color: #000;}


/*--=========================================================公司愿景css样式-============================================================--*/


.honor_content .company_hope ul li a .hope_caption{ font-size: 16px;padding: 0 20px;}
    /*隐藏的*/
.honor_content .company_hope ul li .toggle_hope{ padding: 20px 20px;}


/*--==============================================================================================================================--*/

.bottom{padding:10px;}
	/*左边*/
.bottom ul{display: none;}


	/*右边*/
.bottom .bottom_right{width: 100%;text-align: center;}
.bottom .bottom_right .bottom_right_content01{width: 70%;}
	.bottom .bottom_right .bottom_right_content01 .bottom_right_img{padding-top: 25px;}
.bottom .bottom_right .bottom_right_content01 .bottom_right_img a i{color: #fff; width: 30px;line-height: 30px;
	                                                                text-align: center; border-radius: 50px;background: #999;
	                                                                transition: all 1s;}
.bottom .bottom_right .bottom_right_content01 .bottom_right_img a:hover i{background: #1b7a94;transition: all 1s;}
.bottom .bottom_right .bottom_right_content02{width: 30%;}
.bottom .bottom_right .bottom_right_content02 img{width: 100%;}	
	















/*--=====================================================================================================================================--*/	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	

/* 智能手机（纵向和横向）--------------------------------------------------------------------------------------------------- */
}


@media only screen 
and (min-width : 768px) 
and (max-width : 1024px) 
and (orientation : landscape) {



/* iPad（横向）--------------------------------------------------------------------------------------------------- */
}


@media only screen 
and (min-width : 768px) 
and (max-width : 1024px) 
and (orientation : portrait) {






	
/* iPads（纵向） --------------------------------------------------------------------------------------------------- */
}



@media only screen 
and (min-width : 1024px) 
and (max-width : 1200px) {



/* 台式机和笔记本电脑 --------------------------------------------------------------------------------------------------- */
}