@charset "utf-8";



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

    .mobile_head{ display: block;height: 85px;width: 100%; background: #fff;position: relative;}

    .mobile_head .navbar{position: relative;}

    .mobile_head .navbar-head{ padding: 0 5px; width: 100%; position: fixed;top: 0;  z-index: 999999;background: #fff;   }

    .mobile_head .logo{height: 85px;}

    .mobile_head .navbar-body{ background: #fff; position: fixed; top: 85px;z-index: 888; opacity: 0.9;}

    .mobile_head .navbar-head .icon-navicon{margin-top: 27px;}

    .mobile_head .navbar-body .nav li{ border-top: 1px solid #eee;}

    .mobile_head .navbar-body .nav li a{ padding: 10px 0px;}

    .home_hot_pro_list .home_hot_pro_show{ padding: 0px;}

    .home_ys .home_ys_show_icon_1{padding-right: 0px;}

    .home_ys .home_ys_show_desc{ padding:5px 0px 0px 0px;}

    .home_ys .ys_content_show{ margin-top: 0px;}

    .home_about .home_about_show .about_box .icon{ padding-right: 0px; padding-bottom: 35px;}

    .home_news .home_news_list .home_news_show_1{ padding-right: 0px;}

    .home_news .home_news_list .home_news_show_2{ padding-left: 0px;}

    .foot .foot_menu{ display: none;}

    .foot .foot_box{ padding:0px; padding-bottom: 35px; padding-top: 35px;}

    .foot .foot_box .foot_icon{ padding-top: 0px;}

	.contact_list_box{ margin-bottom: 20px;}

	.news_nv a{ padding: 0 20px;}

	.globle_con_box .phone{ margin-left: 0px;}

	.globle_con .figure{ display: none;}

	.globle_conBox{ margin-left: 0px; margin-top: 0px;}

	.about_adv_list ul li{ width: 100%;}

	.about_adv_list ul li span { height: auto;}

}

@media  (min-width:768px) and (max-width:1000px) {

	.home_about .home_about_show .about_box .icon{ padding-right: 0px; padding: 10px 0px;}

}

@media screen and (min-width:768px){

    .contact_list_box{ margin-bottom: 20px;}

	.news_lists_box ul li{ width: 50%; float: left; position: relative; padding: 0px 15px;} 

	.news_lists_box  ul li .item{border-bottom: 1px dotted #ccc;padding-bottom: 25px;}

	.container{ width: 100%;}

	.globle_con .figure{ left: 20px;top:25px;}

	.globle_conBox{ margin-left: 240px;}

}

@media (min-width: 992px) {

	.col-md-1-5 {width: 20%;float: left;}

}



@media (min-width: 1024px) {

	.contact_list_box{ margin-bottom: 0px;}

}

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

   .container{ padding: 0px; width: 1200px;}

   .col-lg-5{width: 20%;float: left;}

   .globle_con .figure{top:10px; left: 70px;}

   .globle_con .globle_conBox{ margin-left: 300px;}

}