﻿/* CSS Document */

body{font-family:"微软雅黑";}
.descri {width: 100%;overflow:hidden}

@media (min-width: 768px) {
  .descri {
  	padding:50px 0;
  }
  .in{width:750px;margin:0 auto;}
  
}
@media (min-width: 992px) {
  .descri {
    padding:10px 0;
  }
.in{width:970px;margin:0 auto;}
.rowspan1{width:216px !important;height:auto;overflow:hidden;}
.rowspan1 .text1{width:216px;height:149px;overflow:hidden;color:#fff;background:#f65e11;padding:10px;}

.rowspan2{background:#eeeeee;width:480px !important;height:328px;padding:10px 20px;overflow:hidden;margin-left:10px !important;margin-right:10px !important;}
.rowspan2 .info{color:#f65e11;font-family:Arial, Helvetica, sans-serif;overflow:hidden;}
.rowspan2 .info i1{}
.rowspan2 .info i2{}

.rowspan3{width:440px !important;height:328px !important;overflow:hidden;margin:0 !important;}
.rowspan3 .up{width:100%;overflow:hidden;height:148px;background:#f65e11;color:#fff;padding:21px 23px 20px 15px;;}
.rowspan3 .partimg{width:204px;height:169px;overflow:hidden;}
.rowspan3 .parttext{width:224px;height:169px;overflow:hidden;background:#eeeeee;padding:20px 24px;margin-right:10px;}
.rowspan3 .parttext h2{margin:0;padding:0;margin-bottom:10px;}
}
@media (min-width: 1200px) {
  .descri {
	padding:10px 0;
  }
  .in{width:1200px;margin:0 auto;}
.rowspan1{width:216px !important;height:auto;overflow:hidden;}
.rowspan1 .text1{width:216px;height:149px;overflow:hidden;color:#fff;background:#f65e11;padding:10px;}
.rowspan1 .img{overflow:hidden;}

.rowspan2{background:#eeeeee;width:480px !important;height:328px;padding:10px 20px;overflow:hidden;margin-left:10px !important;margin-right:10px !important;}
.rowspan2 .info{color:#f65e11;font-family:Arial, Helvetica, sans-serif;overflow:hidden;}
.rowspan2 .info i1{}
.rowspan2 .info i2{}

.rowspan3{width:440px !important;height:328px !important;overflow:hidden;margin:0 !important;}
.rowspan3 .up{width:100%;overflow:hidden;height:148px;background:#f65e11;color:#fff;padding:21px 23px 20px 15px;;}
.rowspan3 .partimg{width:204px;height:169px;overflow:hidden;}
.rowspan3 .parttext{width:224px;height:169px;overflow:hidden;background:#eeeeee;padding:20px 24px;margin-right:10px;}
.rowspan3 .parttext h2{margin:0;padding:0;margin-bottom:10px;}
}


@media (max-width: 768px) {
body{padding:0;margin:0;}

.descri {}
.in{width:100%;}
.rowspan1{width:100% !important;height:auto;overflow:hidden;margin:10px 0;}
.rowspan1 .img{width:50% !important;height:169px;float:left !important;}
.rowspan1 .img img{height:100%;}
.rowspan1 .blank1{display:none;}
.rowspan1 .text1{width:50% !important;height:169px;overflow:hidden;color:#fff;background:#f65e11;padding:10px;float:left !important}

.rowspan2{background:#eeeeee;width:100% !important;height:auto;padding:10px 20px;overflow:margin-right:10px !important;}
.rowspan2 .info{color:#f65e11;font-family:Arial, Helvetica, sans-serif;overflow:hidden;}
.rowspan2 .info i1{}
.rowspan2 .info i2{}

.rowspan3{width:100% !important;height:auto !important;overflow:hidden;margin:0 !important;}
.rowspan3 .up{width:100%;overflow:hidden;height:148px;background:#f65e11;color:#fff;padding:21px 23px 20px 15px;;}
.rowspan3 .partimg{width:50%;height:169px;overflow:hidden;}
.rowspan3 .partimg img{height:100% !important;}
.rowspan3 .parttext{width:50%;height:169px;overflow:hidden;background:#eeeeee;padding:20px 24px;}
.rowspan3 .parttext h2{margin:0;padding:0;margin-bottom:10px;}
  
}


.rowspan2{cursor:pointer;position:relative;}
.rowspan2 .coverPic{position:absolute;left:0;top:0;width:100%;height:328px;z-index:2;transition:all 0.2s ease-in;background:rgba(222,222,222,.2)}
.rowspan2:hover .coverPic{background:rgba(238,238,238,0.1);}
.rowspan2:hover h2{padding-left: 5px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }

.partimg{cursor:pointer;position:relative;}
.partimg .coverPic{position:absolute;left:0;top:0;width:100%;height:169px;text-align:center;color:#fff;line-height:169px;}
.partimg .coverPic h2{display:inline;font-size:20px;}
.partimg:hover .coverPic{background:rgba(0,0,0,.2);transition:all 0.3s ease-in;}
.partimg img{width:100%;transition: all 0.5s ease;}
.partimg:hover img{transform:scale(1.2)}

.parttext{cursor:pointer;}
.parttext:hover h2{padding-left: 5px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }

.rowspan3 .up{cursor:pointer;}
.rowspan3 .up:hover h2{padding-left: 5px !important; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;}

.fl{float:left}
.fr{float:right}

.clear{clear:both;width:100%;height:0px}
.blank1{clear:both;width:100%;height:10px;}
.blank2{clear:both;width:100%;height:20px;}
.blank3{clear:both;width:100%;height:30px;}


.index_product{width:100%;height:306px;background:url(in_pro_bg.jpg) center center;overflow:hidden;text-align:center;}
.index_product .tit{margin-top:50px;}
.pro_link{text-align:center;overflow:hidden;text-align:center;margin:0 auto;width:600px;}
.pro_link a{margin:0 25px;display:block;width:100px;height:107px;overflow:hidden;float:left;overflow:hidden;transition:all 1s linear;}
.pro_link a .img2{display:none;}
.pro_link a:hover .img1{display:none;}
.pro_link a:hover .img2{display:block;}

.in_pro_list{width:100%;padding:60px 0;}
.in_pro_list ul.list{display:block;width:1200px;margin:0 auto;overflow:hidden;}
.in_pro_list ul.list li{float:left;display:block;overflow:hidden;width:372px;height:304px;margin:10px 10px;transition:all 0.2s linear}
.in_pro_list ul.list li .img{ width:372px;height:257px;overflow:hidden;border:1px solid #999}
.in_pro_list ul.list li .img img{
		max-width: 372px;
		max-height: 257px;
		height:auto;
		zoom:expression( function(e) {
		if(e.width>e.height) {if (e.width>372) { e.height = e.height*(372 /e.width); e.width=372; }}
		else {if (e.height>257) { e.width = e.width*(257 /e.height); e.height=257; }}
		e.style.zoom = '1';     }(this));
		overflow:hidden; 	
}
.in_pro_list ul.list li .title{text-align:center;color:#000;font-size:16px;height:47px;line-height:47px;transition:all 0.2s linear}
.in_pro_list ul.list li:hover .title{background:#f65e11;color:#fff;}
.in_pro_list ul.list li:hover{-moz-box-shadow: 5px 5px 3px #888888; /* 老的 Firefox */box-shadow: 5px 5px 3px #888888;}


.clearright{margin-right:0 !important;}
.in_case_list{padding:58px 0;width:100%;overflow:hidden;background:#eeeeee;font-family:"微软雅黑" !important;}
.in_case_tit{widht:300px;text-align:center;margin:0 auto;position:relative;height:50px;line-height:50px;}
.in_case_tit h2{display:inline;font-size:28px;margin-left:5px;}
.in_case_tit img{position:absolute;top:0px;right:0px;}
.in_case_list ul.list{width:1200px;overflow:hidden;height:auto;margin:0 auto;display:block;}
.in_case_list ul.list li{float:left;width:272px;height:330px;margin-right:30px;border:1px solid #eeeeee;overflow:hidden;margin-bottom:10px;transition:all 0.3s linear;}
.in_case_list ul.list li .img{width:272px;height:270px;overflow:hidden;}
.in_case_list ul.list li .img img{
		max-width: 372px;
		max-height: 270px;
		height:auto;
		zoom:expression( function(e) {
		if(e.width>e.height) {if (e.width>372) { e.height = e.height*(372 /e.width); e.width=372; }}
		else {if (e.height>270) { e.width = e.width*(270 /e.height); e.height=270; }}
		e.style.zoom = '1';     }(this));
		overflow:hidden; 		
}
.in_case_list ul.list li .title{width:100%;height:60px;line-height:60px;text-align:center;transition:all 0.3s linear;}
.in_case_list ul.list li:hover .title{background:#f65e11;color:#fff;}
.in_case_list ul.list li:hover{border:1px solid #f65e11;-moz-box-shadow: 5px 5px 3px #888888; /* 老的 Firefox */box-shadow: 5px 5px 3px #888888;}
.in_case_list .more{ border:1px solid #f65e11;width:170px;height:44px;line-height:44px;margin:0 auto;text-align:center;-webkit-border-radius:20px;border-radius:20px; transition:all .4s ease;}
.in_case_list .more a{width:162px;height:38px;margin:2px auto;line-height:38px;border:1px solid #fff;display:block;border-radius:20px;-webkit-border-radius:20px; transition:all .4s ease;font-size:14px;color:#f65e11}
.in_case_list .more:hover a{border-radius:0px;width:140px;height:38px;background:#f65e11;color:#fff;font-size:14px;line-height:38px;}
.in_case_list .more:hover{border-radius:0px;width:146px;height:44px;}

.in_news_list{padding:58px 0;width:100%;overflow:hidden;background:#fff;font-family:"微软雅黑" !important;}
.in_news_tit{widht:300px;text-align:center;margin:0 auto;position:relative;height:50px;line-height:50px;}
.in_news_tit h2{display:inline;font-size:28px;margin-left:5px;}
.in_news_tit img{position:absolute;top:5px;right:0px;}



.in_news_list .cont{width:1200px;margin:0 auto;overflow:hidden;margin-top:60px;padding:0;}
.in_news_list .cont .news_part1{width:615px;overflow:hidden;height:auto;}
.in_news_list .cont .news_part1 img{display:block;width:615px;height:233px;}
.in_news_list .cont .news_part1 .text{margin:0 !important;padding:0;}
.in_news_list .cont .news_part1 .text h2 a{font-size:16px;color:#000;}
.in_news_list .cont .news_part1 .text p a{color:#000; opacity:0.7;filter:alpha(opacity=70); font-size:14px !important; }
.in_news_list .cont .news_part1 .text p a:hover{opacity:0.6;filter:alpha(opacity=60);}

.news_part2{width:550px !important;overflow:hidden;}
.in_news_title{width:100%;overflow:hidden;height: 42px;overflow:hidden;}
.in_news_title .in_news_tit_p1 a{display:block;width:121px;height:42px;overflow:hidden;}
.in_news_title .in_news_tit_p2 { width:400px;border-bottom:1px solid #999;height:42px;overflow:hidden;line-height:42px;}

.news_part2 ul.list{width:100%;padding-left:10px;padding-right:30px;overflow:hidden;}
.news_part2 ul.list li{height:auto;overflow:hidden;padding:0 !important;}
.news_part2 ul.list li .title{line-height:24px;color:#000;font-size:14px;font-weight:700;font-family:"微软雅黑";display:block}
.news_part2 ul.list li .news_ti_de{font-size:12px;font-weight:500;line-height:18px;display:block;}
.news_part2 ul.list li:hover{margin-left:5px;-webkit-transition:all .5s ease;}
.news_part2 ul.list li:hover .news_ti_de{color:#999;}

