@charset "utf-8";
@media (max-width:1200px){	
	.c-con{ width:100%;  padding:0 10px; box-sizing:border-box; }
	.header-con{  padding-left:350px; padding-right:286px; }
	.logo{ width:354px; height:68px; margin-top:-34px; left:10px;} 
	.btn{right:10px;top:27px;}
	.search{ right:90px;}
	.about{ padding:20px 0;}
	.about-cen{ width:100%; padding:0 300px 0 10px;}
	.about-map{ right:10px;}	
	.cp-cen{ width:100%; border-left:10px solid #fff; border-right:10px solid #fff; box-sizing:border-box;}
	.chanpin{width:100%;}
        .chanpin h3{width:100%;}
        .chanpin h3 img{max-width: 100%;height:auto}
        
	.col-menu,.col-location,.col-main{ width:100%; padding:0 10px; box-sizing:border-box;}
        .guanyu-img img{width:100%;height:auto;}
        .guanyu h3{font-size: 16px;line-height:24px;}
        .ai-hot .ai-hot-about p{ display:none; }
        .ai-hot .ai-hot-about{padding:0;}
        #inmessage ul{width: 100%;}
        #inmessage ul li{width: 100%;}
        #inmessage ul li label{width: 30%;}
        #inmessage ul li input{width: 50%;}
        #inmessage ul li textarea{width: 50%;}
        .link-list{width:95%}
        .list-video{width:100%}
        .cflash{margin-top:0px}
}
@media (max-width:992px){
	.header-con{ padding-left:310px; padding-right:126px;}
	.logo{ width:300px; height:58px; margin-top:-29px; left:10px;} 
	.nav li a{font-size:14px;}
	.search{ display:none; right:90px; top:59px; border:1px solid #eee; z-index:200;}
	.search-icon{ display:none;}
	.about-cen{ width:100%; padding:0 10px; height:auto;}
	.about-map{ right:auto; left:0; border-left:0; border-top:2px solid #fff; width:100%; position:relative; }
	.cp-cen{ width:70%; border-left:10px solid #fff; border-right:10px solid #fff; border-color:transparent;}
	.news li div.news-about div.news-about-cen p{ max-height:48px; }
       
}
@media (max-width:768px){
	.nav{ width:120px; background-color:#fff; border-radius:0 0 3px 3px; border:1px solid #eee; height:auto; position:absolute; top:58px; right:25%; z-index:200; padding:0; display:none; }
	.nav li{ width:100%; height:32px; float:none;}
	.nav li a{width:100%; height:32px; line-height:32px; display:block; text-align:center;  color:#015198; font-size:13px;  }
	.nav li a:hover,.nav li a.on{ color:#2b97d0; color:#f60; border-bottom:0;}
	.header .hd_btn{ display:block;}
	
	.col-header{padding:20px 0 10px 0;}
	.col-menu{ margin-bottom:10px;}
	.col-menu p{ width:16.66%; font-size:12px;}
	.col-location{ font-size:12px;}
	.culture-list li{ padding-left:0; }
	.culture-list li:nth-of-type(even){padding-right:0; }
	.news li div.news-about div.news-about-cen p{ max-height:48px; }
        .cp-cen{ width:50%; border-left:10px solid #fff; border-right:10px solid #fff; border-color:transparent;}
}
@media (max-width:640px){
	.header-con{ padding-left:220px; padding-right:46px;}
	.logo{ width:210px; height:40px; margin-top:-20px; left:10px;} 
	
	.about-intro,.about-btn{ width:100%; height:352px; border-left:0; box-sizing:border-box; float:left;}
	.about-btn{ border-top:2px solid #fff;}
	.ai-hot .ai-hot-about h4{ width:100%; height:auto; max-height:72px; line-height:24px; font-size:14px;}
	
	.prods-header{ width:240px; height:48px; border:4px solid #ffae00; margin:0 auto; box-sizing:border-box; position:relative;}
	.prods-header h3{ width:160px; height:36px; line-height:36px; position:absolute; left:50%; top:-22px; font-weight:normal; margin-left:-80px; font-size:20px; text-align:center; background-color:#fff; color:rgba(1,81,152,1);}
	.prods-header p{ width:100%; height:48px; font-size:14px; line-height:48px; text-align:center; color:#666; text-transform:uppercase; color:#999;}
	.prod-menu li{ height:36px; line-height:36px; text-align:center; font-size:14px;}
	.chanpin{width:100%;}
        .chanpin h3{width:100%;}
        .chanpin h3 img{max-width: 100%;height:auto}
        .cp-cen{ width:100%; border-left:10px solid #fff; border-right:10px solid #fff; border-color:transparent;}
        .cp-cen li{float:none;width:100%;height:auto;margin:5px auto;}
	.cp-cen li img{width: 100%;height:auto;}
	
	.col-menu p{ width:16.66%; }
	.honor li{ width:48%;}	
	.honor li:nth-of-type(2n 1){ margin-left:0;}
	.honor li h4{ padding:10px 0;}
	
	.culture,.culture-list{ background-image:;}
	.culture{padding-top:30px;}
	.culture-list li{ padding-left:0; padding-right:0; border-right:0; width:100%;}
	.culture-list li   li{margin-top:30px; }
	.culture-list li:nth-of-type(even){border-right:0; border-left:0; padding-right:0%; padding-left:0%; float:left;}
	.news li{ border:10px solid #f6f6f6; margin-bottom:10px;}
	.news li div.news-about div.news-about-date{ display:none;}
	.news li div.news-about{ padding-right:0;}
	.news li div.news-about div.news-about-cen h3{ height:auto; max-height:48px; line-height:24px; font-size:14px;}
	.news li div.news-about div.news-about-cen p{ max-height:24px; display:none; }
	.news li div.news-about div.news-about-cen h4{ display:block; }
	.news li div.news-about div.news-about-cen h5{ display:none; }
	
	
	/*.prods-list li,.prods-list li   li{  width:50%;}*/


	.service{padding:10px 0 30px 0;}
	.sc-contact{ width:100%; float:none;  padding:10px 0; padding-right:0px;height:auto; text-align:left;}
	.sc-phone{ width:100%; float:none; padding:10px 0; padding-left:0px; margin-bottom:10px; height:auto }
	.sc-ewm{ width:100%; position:relative; margin-left:0; left:0; }	
	.copyright{font-size:12px}
	
}
@media (max-width:375px){
	.logo{ width:200px; height:40px; margin-top:-20px; left:10px;} 
	/*.ai-hot{ width:100%; height:136px; padding-left:0; box-sizing:border-box; position:relative; cursor:pointer;  }
	.ai-hot .ai-hot-img{ width:160px; height:98px; overflow:hidden; position:inherit; overflow:hidden;}
	.ai-hot .ai-hot-about{ width:100%; height:38px; box-sizing:border-box; padding:5px 0; overflow:hidden; }
	.ai-hot .ai-hot-about p{ display:none; }
	.ai-hot .ai-hot-about h4{ margin-bottom:0; }*/
	.ai-list{ padding-top:0px; }
	.prod-menu li{ width:50%; height:36px; line-height:36px; text-align:center; font-size:14px;}
	.prod-menu li   li{ border-top:2px solid #fff; border-left:2px solid #fff;}
	.prod-menu li:nth-child(2){ border-top:0;}
	.prod-menu li:nth-child(3){ border-left:0;}	
	
	
	.col-menu p{ width:33.3%; }
	.col-menu p:nth-of-type(3n 1){ border-left:1px solid #bfbfbf;}
	.dashiji li div.dsj-about{  padding:10px;  line-height:24px; font-size:12px;  }
	
	.news li div.news-img{ width:100%; margin:0 auto; float:none;}
	.news li div.news-about{ width:100%; float:none; padding:0 10px; box-sizing:border-box; }
	.news li div.news-about div.news-about-cen h3{ text-overflow:ellipsis; white-space:nowrap; overflow:hidden; padding-top:10px;}
}
@media (max-width:320px){
        .logo{ width:195px; height:40px; margin-top:-20px; left:10px;} 
}