.web{display: block;}
.mobil{display: none;}
.full_pic img{display: block;width: 100%;height: 100%;margin: 0 auto;}

.w_1200{width: 1200px;margin:0 auto;overflow: hidden;}
.mb10{margin-bottom:10px;}
.mt30{margin-top: 30px;}
/*footer*/
.footer{padding: 30px 0;line-height: 26px;text-align: center;font-size: 14px;color: #fff;background: #619d5a;}
.footer span{display: inline-block;margin: 0 5px;}
/*分页*/
nav{ display: block; height: auto; overflow: hidden; box-sizing:border-box; margin-top: 40px;}
.page{ padding-left: 0;margin: 15px auto 0px auto;text-align: center;list-style: none;}
.page>ul>li{ display: inline-block;}
.page>ul>li>a,.page .pgEmpty,.page .pgCurrent {display: inline-block;padding: 4px 10px;background-color: #fff;border: 1px solid #ddd;border-radius: 3px;}
.page .pgCurrent{background-color: #337ab7;border: 1px solid #337ab7;cursor: default;z-index: 2;color: #fff;}
.page>ul>li>a:hover {z-index: 2;color: #fff;background-color: #337ab7;border-color: #337ab7;}
/*head*/
.head{padding: 15px 0;}
.w_head{padding: 60px 30px 0 30px;background-image: url("../images/logo.jpg");background-repeat: no-repeat;background-position: 30px bottom; }
.w_hnav{float: right;}
.w_hnav li{float: left;margin-left: 30px;}
.w_hnav li a{line-height: 30px;font-size: 16px;color: #999;}
.w_hnav li:last-child a{color: #62be95;}
.w_hnav li.active a,.w_hnav li:hover a{color: #333;}
/*轮播大图*/
.slideBox{position:relative;width:100%;min-width: 1200px;height:auto;margin: 0 auto;overflow:hidden;}
.slideBox .hd{position:absolute;right:0;left: 0;bottom:5px;text-align: center;height:15px; overflow:hidden; z-index:1; }
.slideBox .hd ul{display: block;overflow:hidden; zoom:1;}
.slideBox .hd ul li{ display: inline-block;width:15px; height:15px; line-height:14px;margin: 0 5px;border-radius: 15px; text-align:center; background:#fff; cursor:pointer; }
.slideBox .hd ul li.on{ background:#1f9265; }
.slideBox .bd{position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{display:block;width:100%; height:100%;   }

.content{position: relative; min-height: 425px;}
.content:before{content: "";position: absolute;top: 0;right: 0;left: 0;width: 100%;height: 425px;background: #f8f8f8;}
.icontent:before{display: none;}
.w_content{position: relative;top: -40px;z-index: 9;}
.Ipro{text-align: center;}
.Ipro li{display: inline-block; width:14%;max-width: 152px;margin: 0 7px; }
.Ipro li a{display: block;width: 100%;height: 100%;font-size: 15px;color: #333;}
.Ipro li div{padding-bottom: 25px;background-image: url("../images/Ipro07_bg.png");background-position: center bottom;background-repeat: no-repeat;}
.Ipro li div span{display: block;width: 152px;height: 152px;border:1px #fff solid;border-radius: 100%;overflow:hidden;}
.Ipro li div img{transition: all 0.3s;}
.Ipro li:hover img{transform: scale(1.2);}
.Ipro li:hover a{color: #62be95;}
.Ipro li:nth-of-type(1) div{background-image: url("../images/Ipro01_bg.png");}
.Ipro li:nth-of-type(2) div{background-image: url("../images/Ipro02_bg.png");}
.Ipro li:nth-of-type(3) div{background-image: url("../images/Ipro03_bg.png");}
.Ipro li:nth-of-type(4) div{background-image: url("../images/Ipro04_bg.png");}
.Ipro li:nth-of-type(5) div{background-image: url("../images/Ipro05_bg.png");}
.Ipro li:nth-of-type(6) div{background-image: url("../images/Ipro06_bg.png");}

.info_section{margin-top: 65px;overflow:hidden;}
.info_left{position: relative;float: left;width:520px;height: 330px;}
.info_left img{display: block;width: 100%;height: 100%;}
.info_left:after{content: "";position: absolute;bottom: 15px;left: 15px;width: 58px;height: 58px;background:url("../images/video.png") center center no-repeat;}
.info_right{float: left;margin:40px 80px 20px 80px;width:520px;line-height: 30px;font-size: 14px;color: #333;}
.info_right span{display: inline-block;color: #666;}
.info_sec_tel{margin-top: 45px;padding-left: 75px;background:url("../images/tel.png") 10px center no-repeat;background-size: 55px 55px;}

.pro_section .Img_title{margin-top: 60px;margin-bottom: 20px;text-align: center;}
.pro_sec_list{margin-left: -14px;overflow: hidden;}
.pro_sec_list li{float: left;margin: 15px 0 15px 14px;}
.pro_sec_list li a{display: block;}
.pro_sec_list li .pimg{width: 286px;height: 310px;border:1px #ddd solid;overflow:hidden;}
.pro_sec_list li .pimg img{display: block;width: 100%;height: 100%;transition: all 0.3s;}
.pro_sec_list li .txt{margin-top: 5px;line-height: 30px;font-size: 16px;color: #333;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width:286px;}
.pro_sec_list li:hover img{transform: scale(1.2);}
.pro_sec_list li:hover .txt{color: #62be95;}
.pro_sec_list li:nth-of-type(-n+4) a{position: relative;}
.pro_sec_list li:nth-of-type(-n+4) .txt{position: absolute;left: 0;right: 0;bottom: 0;padding: 5px 15px;text-align: left;color: #fff;background:url("../images/shadow.png");width:100%;}
.pro_sec_list li:nth-of-type(1) .pimg{width: 473px;height: 495px;border:0;}
.pro_sec_list li:nth-of-type(2) .pimg{width: 349px;height: 495px;border:0;}
.pro_sec_list li:nth-of-type(3) .pimg,
.pro_sec_list li:nth-of-type(4) .pimg{width: 350px;height: 240px;border:0;}
.pro_sec_list li:nth-of-type(4){margin-top: 0;}

.content_pro{margin-top: 40px;}
.ipro_nav .w_1200{overflow: inherit;}
.ipro_nav{width: 100%;height: 90px;background: #1f9366;}
.ipro_nav ul li{float: left;width: 10%;text-align: center;}
.ipro_nav ul li a{position: relative;display: inline-block;min-width:100px; padding: 26px 10px;color: #fff;font-size: 15px;transition: all 1s linear;}
.ipro_nav ul li a:after{opacity: 0; content: "";position: absolute;bottom: -35px;left: 0;right: 0;width: 100%;height: 35px;background: url("../images/arrow.png") center top no-repeat;background-size: 100% 100%; transition: all 1s linear;}
.ipro_nav ul li span{display: block;font-size: 12px;}
.ipro_nav ul li.active a,
.ipro_nav ul li:hover a{background: #40bd7e;transition: all 1s linear;}
.ipro_nav ul li.active a:after,
.ipro_nav ul li:hover a:after{opacity: 1; transition: all 1s linear;}

.Products{}
.Products_list{margin-left: -40px;}
.Products_list li{float: left;margin:20px 0 20px 40px;width: 270px;height: 340px;border:1px #ddd solid;}
.Products_list li a{display: block;}
.Products_list li .pimg{width: 100%;height: 271px;overflow:hidden;}
.Products_list li .pimg img{display: block;width: 100%;height: 100%;transition: all 0.3s;}
.Products_list li .txt{border-top: 1px #ddd solid;padding: 18px 15px;line-height: 30px;font-size: 16px;color: #333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;transition: all 0.3s;}
.Products_list li:hover img{transform: scale(1.2);}
.Products_list li:hover .txt{color: #fff;background: #62be95;}

.About_content{min-height: 532px;background: #d3eeef url("../images/bg_about.jpg") left top no-repeat;background-size: 899px 532px;}
.About_content .w_1200{padding: 62px 0;}
.About_content .About{float: right;margin-right: 90px;width: 625px;min-height: 405px;padding-top: 75px;padding-left: 180px;background: url("../images/img02.png") left center no-repeat;}
.About_content .About .text{line-height: 30px;font-size: 16px;color: #333;text-align: justify;}
.About_content .About .text p{margin: 10px 0;}

/*资质证书*/

.Certificate{margin: 30px 0;overflow: hidden;}
.Certificate li{float: left;width: 33.33%;margin: 10px 0;}
.Certificate li img{display: block;padding: 5px;border:1px #ddd solid;width: 300px;margin: 0 auto;}

.Contact{margin-top: 100px;margin-bottom: 60px;text-align: center;line-height: 30px;color: #333;}
.Contact_section{margin: 60px auto;}
.Contact_section h3{font-size: 18px;color: #1f9265;margin-bottom: 30px;}

/*================================产品详细页=================================*/
.photo_pro{float: left; width: 682px; margin:22px 41px 50px 24px; overflow: hidden;}
.large_box{width: 682px;height: 755px;overflow: hidden;}
.large_box ul{width: 100%;height: 100%;overflow: hidden;}
.large_box ul li{ display: none; width: 100%; height: 100%;}
.large_box ul li a{display: block;width: 100%; overflow: hidden;}
.large_box ul li img{display:block; width: 680px; height: 680px; border:1px #d7d4d3 solid;}
.large_box ul li p{width: 100%;height: 24px;padding: 24.5px 0;text-align: center; overflow: hidden;}
.large_box ul li span{display: inline-block; line-height: 24px; margin: 0 15px; font-size: 14px; color: #fff; font-family: "Microsoft YaHei";}
.small_box{width: 682px; height: 142px;overflow: hidden;}
.small_list{position:relative;float:left;width:608px;height:142px;overflow:hidden;}
.small_list ul{height:142px;overflow:hidden;}
.small_list ul li{position:relative;float:left;margin-right:10px;width:140px; height: 140px; border:1px #d7d4d3 solid;}
.small_list ul li img{display:block;}
.small_list ul li .bun_bg{display:none;position:absolute;top:-1px;left:-1px;width:142px;height:142px;background:#fff;filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity:0.6;opacity:0.6;}
.small_list ul li.on .bun_bg{display:block;}
.btn{display:block;width:20px;height:142px;background-repeat:no-repeat;background-position:center center;cursor:pointer;}
.left_btn{float:left;margin-right:17px;background-image:url("../images/left_btn.png");}
.right_btn{float:right;margin-left: 17px; background-image:url("../images/right_btn.png");}


.photo_text{float: right;width: 260px;margin-right: 10%;line-height: 30px;font-size: 16px;color: #333;}
.photo_text div{padding: 10px;text-align: justify;word-wrap: break-word;white-space: normal;word-break: break-all;}
.photo_text div:not(:first-child){border-top: 1px #999 solid;}
.photo_text div h3{color: #34afc0;}
.photo_text div p{padding: 3px 0;}
.photo_text-tips{color: #666;}


@keyframes slideDwon {
    0%{height: 0;opacity: 0;}
    100%{height: 100%;opacity: 1;}
}
@-webkit-keyframes slideDwon {
    0%{height: 0;opacity: 0;}
    100%{height: 100%;opacity: 1;}
}

@keyframes slideDwonBox {
    0%{transform: translateY(0);opacity: 0;}
    100%{transform: translateY(-50%);opacity: 1;}
}
@-webkit-keyframes slideDwonBox {
    0%{transform: translateY(0);opacity: 0;}
    100%{transform: translateY(-50%);opacity: 1;}
}





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

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

}
@media screen and (min-width:1440px) and (max-width: 1599px){
    
}
@media screen and (min-width:320px) and (max-width: 780px){

}