.ss-box{background: #ebebeb;padding-top: 15px;padding-bottom: 15px;margin-bottom: 25px;}
.ss-box1{color: #292929;font-family: "宋体";font-size: 12px;}
.ss-box1 a{padding-right: 10px;}
.ss_form1{position: relative;width: 240px;height: 25px;}
.ss_inp1{position: relative;float: left;width: 215px;height: 25px;background: #fff;border:0px;display: block;}
.ss_inp2{position: relative;float: right;width: 25px;height: 25px;background: url(../images/ss.jpg) no-repeat;border: 0px;display: block;}

/* 产品 */
.case-All{
    padding: 0px 0;
    margin-top: .3rem;
}
.case-Pro{
}
.proItem{
    width: 100%;
    float: left;
    margin: .4rem 0;
}
.caseName{
    width: 100%;
    text-align: center;
    color: #202020;
    padding: 0.2rem 0;
    border-bottom: 1px solid #e1e1e1;
    font-size: 16px;
}

.proItem:hover .caseName{
    border-bottom: 1px solid #00a377;
}
/* 遮罩效果 */
.zzpro{
    position: relative;
    width: 100%;
    overflow: hidden;
}
.zzpro>img{
    width: 100%;
    height: 100%;
    transform: scale(1);
    transition: transform .3s linear;
    border:1px solid #eee
}
.zzpro:hover>img{
    transform: scale(1.2);
    transition: transform .3s linear;
}
.zzpro .jiaico{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
    padding: 90px 0;
    height: 100%;
    background-color: #2db08d;
    transform: scale(0);
    transition: transform .3s linear;
    opacity: .6;
}
.zzpro .jiaico img{
    width: 30%;
    margin-top: -10%;
}
.zzpro:hover .jiaico{
    transform: scale(1);
    transition: transform .3s linear;
}


.pro_box1_a1{width: 230px;height: 35px;line-height: 35px;background: #999999;color: #fff;font-size: 14px;display: inline-block;border-radius: 35px;margin:.2rem .1rem;}
.ys{
	background: url(../images/bg1.jpg) no-repeat center;
	height: 760px;
	margin-top: .4rem;
}

.zzpro2{
    position: relative;
    width: 100%;
    overflow: hidden;
    border:1px solid #eee;
    transition: .4s;
}
.zzpro2:hover{box-shadow: 4px 5px 8px #ccc;}
.zzpro2>img{width: 100%;height: 100%;transition: .3s;}
.zzpro2>img:hover{width: 110%;height: 110%;margin-left: -5%;margin-top: -5%;}
/* 产品展示 end*/

/*产品内容区 */
.phoProAll {
    width: 95%;
    margin: 10px auto;
}
.phoProAll li {
    float: left;
    border: 1px solid #8c8c8c;
    margin: 3px;
}
.phoPro {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}
.phoProAll li a {
    display: block;
    width: 100%;
    padding: 3px 5px;
    background-color: #fff;
    color: #666;
}
.cplist_box {
	background-image: url(../images/index_44.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	margin-bottom: 12px;
}

.cplist_box h2 {
	height: 60px;
	width: 240px;
	line-height: 60px;
	background: #00a377;
	text-align: center;
	color:#fff;
	font-size: 22px;
	font-weight: 400
}
.fllist_ul{border:1px solid #ccc;width: 238px;border-top:0px;padding-bottom: 33px;padding-top: 10px}
.fillist_li{width: 100%;}
.fill_a{display: block;
background: url(../images/index.gif) no-repeat center;
height: 40px;line-height: 40px;font-size: 16px;color:#020000;
padding-left: 45px;
width: 195px;}
.fill_child{}
.fill_child li a{display: block;width: 165px;height: 32px;line-height: 32px;padding-left: 25px;margin: 0 auto;border:1px solid #d3d1d2;font-size: 14px;color:#464646;margin-bottom: 8px}
.fill_child li a:hover{background: #4d4d4d;color:#fff}
.hz_tit {
	height: 55px;
	border-bottom: 3px solid #e7e7e7;
	line-height: 55px
}
.container_header {
	height: 45px;
}
.title_t {
	font-size: 22px;
	line-height: 55px;
	color: #3c3c3c;
	margin-right: 10px;
	float:left;
	background: url(../images/jia.png) no-repeat right top;
	width: 100px;
	background-position-y:10px 
}
.title-img{position: relative;top:12px}
.subtitle {
	font-size: 14px;
	color: #bbb;
	line-height: 20px;
	padding-top: 10px;
}
.gd {
    font-size: 13px;
}
/* 产品展示区 */
.proShowAll{
    width: 96%;
    margin: 0 auto;
}
.proShowItem {
    padding: 8px;
    padding-bottom: 0px;
}
.phoProShow{
    margin: 10px auto;
    padding: 10px;
    background-color: #eee;
    color: #3e3d3d;
    font-weight: normal;
    font-family: "Microsoft YaHei", "Arial", "WenQuanYi Micro Hei", sans-serif;
    font-size: 18px;
    text-indent: 10px;
}
.fontBlue{
    color: #0269b8;
}
.phoProShow .small{
    font-size: 12px;
    color: #ccc;
}
.proMore{
    padding: 2px 3px;
    text-indent: 0;
    background-color: #666;
    color: #fff;
    font-size: 16px;
}
.proShowAll p{
    font-size: 16px;
    line-height: 30px;
}
.case-Pro-show{
	font-size: 12px;
    line-height: 24px;
    height: 50px;
    overflow: hidden;
    color: #a2a2a2;
    margin-top: 5px;
}
/*产品内容区end */
/*优势*/
.ys-box{
	background: url(../images/img6.gif) no-repeat left;
	padding-left: 195px;
	height: 480px;
	width: 735px;
}
.ys-box h3{font-size: 28px;color:#000;line-height: 70px;font-weight: 500;}
.ys-box p{font-size: 13px;color:#6a6a6a;line-height: 24px}
.casew {
    background-color: #f4f4f4;
    padding-bottom: 50px;
    padding-top: 15px;
    margin-top: .3rem;
}
.gg_box {
    height: 115px;
    margin-top: 20px;
    background: url(../images/img2.jpg) no-repeat center;
    font-size: 28px;
    color: #fff;
    font-family: impact;
    line-height: 115px;
    overflow: hidden;
}
.gg_box span{
	margin-left: 70%;
}
.ys-box2{
	background: url(../images/t2.jpg) no-repeat center;
	color: #ff9c00;
	height: 115px;
	padding-top: 1px;
	margin-top: 25px;
}
.ys-box2 h3{margin-top: 58px;background: #fff;display: inline-block;width: 35%;font-size: 18px;}
.ys-box2 h3 span{font-family: impact;font-size: 22px;}
.ys-box2 p{color: #333;opacity: .8;}
/*关于我们*/
.about{background: #00a377;padding-bottom: 1rem;padding-top:1rem;}
.about-sp1{color:#fff;font-size: 24px;border-bottom: 1px solid #ff9c00;padding-bottom: 5px}
.about-sp2{color:#bbbbbb;font-size: 14px;opacity: .8;padding-left: 6px}
.about-p{color:#fff;margin-top:24px; font-size:13px;}
.about-a1{width: 115px;height: 30px;line-height: 30px;background: #26c89d;display: block;text-align: center;color:#fff;font-size: 15px;margin-top: 18px}
.about-tel{background: url(../images/img9.gif) no-repeat left;color:#ffd800;font-size: 30px;font-family: Impact;padding-left: 280px;margin-top: 30px}
/*新闻*/
.news-box{border-bottom: 1px dashed #ccc;padding-bottom: 30px;margin-top: 20px}
.news-box4{height: 140px;}
.news-box4 img{width: 100%;height: 100%;}
.news-a1{font-size: 17px;color:#333333;line-height: 34px;font-weight: 500}
.news-p1{font-size: 12px;color:#d7d7d7;line-height: 20px}
.news-a2{color:#3b3b3b;font-size: 12px;margin-top: 10px;display: block}
.myul{margin-top: 10px}
.myul li{width: 305px;height: 28px;line-height: 28px;display: inline-block;background: url(../images/img12.gif) no-repeat left center;padding-left: 25px;overflow: hidden;font-size: 13px}
.news-box3{padding: 30px;background: #f5f5f5;padding-top: 20px}
.news-ul{margin-top: 20px}
.news-ul li{line-height: 30px;background: url(../images/img12-21.gif) no-repeat left;padding-left: 15px;font-size: 13px;height: 30px;overflow: hidden;}
.yqlj {
    font-size: 14px;
    padding-top: 10px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #eaeaea;
    padding-bottom: 25px;
    border-top: 1px solid #eaeaea;
    margin-top: 40px;
}
.yqljx {
    padding-top: 12px ;
    line-height: 25px;
}
.yqljx a {
    padding-right: 6px;
    color: #838383;
}
.wlfb {
    padding: 10px;
    font-size: 14px;
}
.wlfb span {
    font-size: 16px;
    color: #3c3c3c;
}
.zzproBox img{width: 100%;height: 100%;}
.footer{background: #00a377;padding-top: .5rem;padding-bottom: .5rem;width: 100%;color: #2db08d;}
.footer-p1{    background: url(../images/bot.gif) no-repeat bottom left;
    font-size: 18px;
    color: #c5f6e9;
    padding-bottom: 20px;
    margin-bottom: 15px;}
.footer-ul{width: 100%;}
.footer-ul li{display: inline-block; }
.footer-ul li a{  color: #c5f6e9;
    font-size: 14px;
    line-height: 30px;}
.footer-p2{    color: #c5f6e9;
    font-size: 14px;
    line-height: 30px;}
.footer2{background: #000;padding:18px 0px;width: 100%;color: #fff;font-size: 13px;}
.footer2 a{font-size: 13px;color: #fff;padding-left: 4px;}
/*媒体查询*/
.smallImg{
    position: relative;
    display:inline-block;
    float: right;
    margin-right:26%;
}
.bigImg{
    position:fixed;
    left:50%;
    top:45%;
    display:none;
    width:600px;
    margin-left:-300px;
    height:846px;
    margin-top:-423px;
}
.bigImg img{
    width:100%;
}
.smallImg:hover .bigImg{
    display:block;
}
@media (max-width: 767px) {  
	/*在小于768像素的屏幕里,这里的样式才生效*/ 
	.col-xs-6{padding-left: 8px;padding-right: 8px;}
   .footer-ul li{width: 32%;}
   .footer2{padding-bottom: 80px;}
   .topfill{width: 100%;height: 1.4rem;}
   .zzpro{height:4rem;}
   .zzpro2{height: 4rem;}
   .orderItem{width: 50%;}
   .zzproBox{width: 100%;height: 120px;}
   .about-tel{background: none;padding-left: 0px;}
   .news-box4{width: 100%;}
}  
@media (min-width: 768px) and (max-width: 991px) {  
	/*在768和991像素之间的屏幕里,这里的样式才生效*/ 
	.footer-ul li{width: 48%;}
	.zzpro{height: 200px;}
	.zzpro2{height: 150px;}
	.orderItem{width:50%;}
	.zzproBox{width: 100%;height: 220px;}
	.news-box4{width: 100%;}
}  
@media (min-width: 992px) and (max-width: 1199px) {  
	/*在992和1199像素之间的屏幕里,这里的样式才生效*/ 
	.footer-ul li{width: 48%;}
	.zzpro{height: 165px;}
	.zzpro2{height: 170px;}
	.orderItem{width: 50%;}
	.zzproBox{width: 100%;height: 240px;}
	.news-box4{width: 170px;}
	.news-box2{width: 350px;}
	.myul li{width: 45%;}
}  
@media (min-width: 1200px) {  
	/*在大于1200像素的屏幕里,这里的样式才生效*/  
	.container{width: 1200px;}
	.zzpro{height: 200px;}
	.zzpro2{height: 190px;}
	.footer-ul li{width: 48%;}
	.orderItem{width: 210px; margin-right: 30px;}
	.zzproBox{width: 100%;height: 220px;}
	.news-box2{width: 400px;}
	.news-box4{width: 250px;}
}  


