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

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

	.sp-thumbs a:link, .sp-thumbs a:visited {width: 70px; height: 70px;}

}

@media screen and (max-width: 1280px) {
	header .top .nav li p a{padding:0 28px;}
	
	.dyip{max-width: 96%; margin: 10px auto;}
	.dyip li .title{padding:12px 0; font-size: 16px;}
	.dyip li p{font-size: 12px; line-height: 24px;}

	.dsanp .box{max-width: 96%; margin: 10px auto;}
	.derp .box{max-width: 96%; margin: 20px auto; overflow: hidden; }
	.index06{max-width: 96%;padding-top:20px;}
	.foot{background: #38393b;padding:0px 2%;}
	
	.sp-thumbs a:link, .sp-thumbs a:visited {width: 60px; height: 60px;}

	.con{width: 97%; padding: 20px 0;}

}

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


	header{height: 70px;z-index: 100; }
	header .top{padding: 0px 2.5%; text-align: left;}
	header .top h1{width: 50px; padding-top: 8px; float: left;margin-right: 12px}
	header .top p{ padding-top:5px; line-height: 30px; font-size:18px; font-weight: bold;}
	header .top p span{ font-size: 13px;}
	
	header .top .nav li{display: none;}
	header .m-btn{display:block;}
	header .top .yuyan{display: none;}
	.search{display: none;}
	
	header .top .nav .lang{float: right; width: 95px; margin-top: 15px; margin-left:5px;}
    header .top .nav .lang ul li{float: left;cursor: pointer; display:block;}
    header .top .nav .lang ul li a{width: 40px; font-size: 12px;}
    header .top .nav .lang ul li:nth-of-type(2){margin: 14px 7px;}

	.banner{margin-top: 70px;}
	.ban_pic{height: auto; margin-top: 70px; }

	.dyip li{width: 48%;}
	.dyip li p{font-size: 14px; line-height: 25px; min-height: 75px;margin-bottom: 12px;} 
	
	.dsanp{ margin-top:1%;background: #f5f5f5; overflow: hidden; padding:15px 0;}
	.dsanp h2{ font-size:24px; text-align:center;}
	
	.derp .box .a_left{float: left; width: 100%; max-width: 680px;}
	.derp .box .a_left .BTs{width: 145px; font-size: 25px; font-weight: bold;color: #fff; padding-bottom: 12px; }
	.derp .box .a_left .BTs span{width: 55px; height:1px;  background: #ff5500; display: block;  margin-top: 12px;}
	.derp .box .a_left .ab_com{padding: 12px 0; line-height: 27px; font-size: 14px; color: #fff; }
	.derp .box .a_right{float: left; width: 100%; text-align: center;}

	
	.index06 h2{ font-size:24px; text-align:center;}
	.index06 dl{ padding-top:20px;}
	.index06 dl dt{ width:100%; margin-bottom: 20px; }
	.index06 dl dd{ float:right; width:100%;}

	.location .G-in{font-size:15px;}
	.location .breadcrumbs{float:left; padding-left: 5px;}
	.location .breadcrumbs a{padding:15px 0px 15px;color:#333;display:inline-block;padding-right:15px;}
	.location .breadcrumbs .a_home{padding-left:30px;margin-left:0px;background:url(../images/tr.png) right center no-repeat,url(../images/home.png) left 17px no-repeat;}

	.location .subNav li>a{display:block;padding:15px 25px 15px;}

	
	.about{line-height: 30px;padding-bottom: 15px;}
	.about h2{font-size: 24px; line-height: 40px; text-align: center;font-weight: bold; color: #444;}
	.about .txt{margin-top: 20px;padding-bottom: 20px; line-height: 32px; font-size: 15px; }
	.about .txt table tr td{ padding:15px 0; line-height:40px; font-size:15px; width:100% !important;}
	
	.gywh dd{width: 100%; float: left;margin-bottom: 30px;}
	.gywh dt{float: left; width:100%}
	
	.gywh ul li{float: left;width:48%; }
	
	.Mgist ul li{width:48%;}

	.about .txt .lx_left{float: left; width:100%; margin-top:25px;}
	.about .txt .map_right{float: left; width: 100%; margin-top: 30px;}
	
	.Case_List .img { width:255px;  float:left; overflow:hidden; }
	.Case_List .intro {float: right; width: calc(100% - 275px)}
	
	.newShow .name{  font-size:18px;  padding-bottom:10px;}
	.newShow .time{  font-size:13px;   padding-bottom:10px;}
	
	.pro_txt{padding: 15px 0; line-height:30px; font-size: 14px; overflow: hidden;}
	.product ul li{width: 31.333%;}
	.pro_txt table{width: 100%; font-size: 13px; margin-top:12px;}

	
}

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

	.banner_pc{ display:none;}
	.banner_sj{ display:block;margin-top: 60px;}
	.flex-control-nav { bottom:10px;}
	.flexslider .flex-direction-nav li a{ width:40px; height:40px; margin-top:-20px;}
	.flexslider .flex-direction-nav li a.flex-prev{background-size: 10px;}
	.flexslider .flex-direction-nav li a.flex-next{background-size: 10px;}

	.dyip{margin-top: 0;padding:0 3%;}
	.dyip ul{margin-left: 0%;}
	.dyip li{width: 100%;float: none;margin-bottom: 10px;margin-left: 0%}
	.dyip li img{width: 100%;}
	.dyip li:hover img{transform: scale(1);}
	.dyip li .title{position: static;background: rgba(0,0,0,0.45);padding:8px 2%;visibility: visible;opacity: 1;}
	.dyip li a{color: #FFF;}
	.dyip li a:hover{color: #8e222b;text-decoration: none;}

	.product ul li{width:49%;}
	
	.foot .foot_t .t_l{display: none;}
	.foot .foot_t .t_m{float: left; width: 60%; }
	.foot .foot_t .t_r{float: right; width:35%;}
	.foot .foot_t .t_r h2{font-size: 14px;font-weight: normal;color: #FFF;margin-bottom: 24px;}
	
	.location .breadcrumbs{display: none;}
	
	.Case_List .img { width:100%;  float:left; overflow:hidden; }
	.Case_List .intro {float: left; width: 100%;}
	
	.fanhui{display: none;}
	
	.pro_txt table tr td:first-child{width: 25%;}
}