﻿@charset "utf-8";
a.pg-color:hover{ color:#000; }

/* 内页右侧头部 */
.content_com_title{border-bottom:1px solid #000; position:relative; height:40px; margin-bottom:15px; margin:0 20px 0 20px;}
.content_com_title h2{float:left; font-size:18px; line-height:36px; border-bottom:2px solid #000; padding: 0 10px; color:#000;}
.content_com_title02{border-bottom:1px solid #000; position:relative; height:40px; margin-bottom:15px;}
.content_com_title02 h2{float:left; font-size:18px; line-height:36px; border-bottom:2px solid #000; padding: 0 10px; color:#000;}
.bread{float:right; line-height:12px; font-size:12px; color:#000; padding-top:15px;}
.bread a{color:#000;}
.product02 .bread{max-width:500px;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.product04 .bread{text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}

.dede_pages {margin:20px auto;height:40px;width:100%;text-align:center;overflow:hidden;}
.dede_pages ul {display:inline-block; *display:inline; zoom:1;margin:0 auto;position:relative;}
.dede_pages ul li {list-style:none;float:left;border:1px solid #ddd;height:35px; line-height:35px;border-radius:3px; margin:0 3px;font-size:14px;}
.dede_pages ul li a,.dede_pages ul li span{color:#333;display:block;padding:0px 14px;}
.dede_pages ul li a:hover{padding:0px 14px;background:#3B8DD1;color:#fff;}
.dede_pages ul li.active{background:#3B8DD1;display:block;color:#fff;}
.dede_pages ul li.active a{color:#fff;display:block;}
@media (max-width: 767px){ 
.dede_pages {height:55px;}
.dede_pages ul li {height:25px; line-height:25px;}
.dede_pages ul li a,.dede_pages ul li span{padding:0px 10px;}
.dede_pages ul li a:hover{padding:0px 10px;}
}
/*-------------------------------  ■ 内页---------------------------------*/
body{background-color:#fff;margin:0 auto;}
.sub_banner{ height:300px; background-position:center; background-repeat:no-repeat; background-size:cover;}
.product02{float:right; width:730px; min-height:633px; }
.product04{float:right; width:730px; min-height:633px; }
.product03{ float:left; width:980px; padding:0 0 40px ; box-sizing:border-box; min-height:633px; }
.product03 .content_com_title{ margin-left:0; margin-right:0;}
.product{ width:980px; margin:30px auto 50px; position:relative;}

/*公共内页左侧left-nav*/
.product01{float:left; width:220px; padding-bottom:20px; }
.product07{height:47px; text-align:center;padding-top:60px; font-size: 24px;color: #ecff11; line-height:47px;background: url(../images/index_26.jpg) left bottom no-repeat #ffffff;}
.product07 span{display:block;}
.inl_nav{background:#348502; padding-bottom:20px;}
.allClass_1{}
.allClass_1 a{height:47px;line-height:47px; font-size:14px; position:relative; display:block;text-overflow:ellipsis; white-space:nowrap; overflow:hidden; color:#baff88; text-align:left;padding-left:20px; padding-right:25px;background: url(../images/arrow.png) 195px 18px no-repeat;border-bottom: 1px solid #40b102;}
.allClass_1 a:hover{color:#faff6a;}

/*左侧新增联系我们*/
.leftConTitle{width:120px; margin-top: 15px; position: relative; z-index:99 ; padding-top:13px; padding-left:80px;height:40px; background: url(../images/contact_03.jpg) left top no-repeat; line-height:40px; font-size:18px;  color:#f2fe46; }
.leftcon_list{width:188px; padding: 25px 15px 15px 15px;  position: relative;z-index:9 ; border:1px solid #bae39b; margin-top: -15px; background: #e6fbd6;  }
.leftcon_list dl{width:188px; display:block;clear:both;}
.leftcon_list dl dt,.leftcon_list dl dd{font-size:14px; color:#666; line-height:30px;}
.leftcon_list dl dt{ width:50px;  float:left;}
.leftcon_list dl dd{width:138px; float:left;}


/* 产品 */
.product3,.product8,.product8 li{width:100%;height:auto;overflow:hidden;}
.product3 li{width:30%; padding:1% 1.5% 1%;float:left;overflow:hidden;position:relative; text-align:center;}
.product02 .product3 li img{display: inline-block;height:163px;max-width:100%; vertical-align:middle }
.product03 .product3 li img{display: inline-block;height:209px;max-width:100%;   }
.product3 li>p{width:100%;margin:0 auto;text-align:center;font:14px/40px "microsoft yahei";text-overflow:ellipsis;overflow:hidden;white-space:nowrap; }
.product3 li>div{margin:3px auto;position:relative; margin:0 auto; width:100%; text-align:center;  vertical-align:middle; }
.product3 li>div>a{ display:block;}
.product02 .product3 li>div{  }
.product3 li>div>p,.prod-zoom{position:absolute;background:url(../images/product_zoom.png) 0 0 no-repeat;width:53px;height:53px;left:50%;top:50%;margin:-26px 0 0 -26px;cursor: pointer;z-index:1;top:-100%;-webkit-transition:all 0.5s ease-in-out 0s;-moz-transition:all 0.5s ease-in-out 0s;-ms-transition:all 0.5s ease-in-out 0s;transition:all 0.5s ease-in-out 0s;}
.product3 li>div:hover p,.prod8-left:hover p{top:50%;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;}
.product8 li{padding:10px 0 20px 0;border-bottom:1px dashed #ccc; }
.prod8-left a{display:block;height:auto;overflow:hidden;}
.prod8-left a img{display:block; width:100%;  }
.product8 li>p a{float:left; color:#000; font-weight:bold;text-decoration:underline;max-width:780px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.product8 li>p span{float:right;}
.product8 li>p{width:100%;height:36px;overflow:hidden;font:16px/36px "microsoft yahei";color:#9a9a9a; padding-bottom:5px; }
.prod8-left{float:left;width:26%;height:auto;overflow:hidden;position:relative;margin-right:1.875%;}
.prod8-right{float:right;width:70.125%;font:14px/30px "microsoft yahei";color:#7c7c7c; padding-top:10px;}
.product02  .product8 li>p a{float:left; color:#000; font-weight:bold;text-decoration:underline;max-width:580px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}

.content02{ font-size:14px;}
.piclist{ width:760px; padding-top:38px; float:left;}
.piclist li{ width:177px; background: #bae39b; margin-right: 7px; margin-bottom: 20px; float:left;  }
.piclist li .pic{width:165px; height:170px; padding:4px; border: 2px solid #bae39b; background:#ffffff; }
.piclist li .pic a{ float:left;width:165px; height:170px; background-position:center; background-repeat:no-repeat; background-size:cover;}
.piclist li .title{width:177px; height:30px; line-height:30px; background: #348502; text-align: center; font-size:14px; color:#dfffc7;overflow:hidden; }
.piclist li .title a{color:#dfffc7;}
.piclist .hover .pic{ border: 2px solid #57b015;}
.piclist .hover .title{background:#57b015}


/* 新闻 */
.news{width:100%;height:auto;overflow:hidden;}
.news li{width:100%;height:35px; margin-top:10px;overflow:hidden;background:url(../images/icons1.jpg) 8px center no-repeat;font:16px/35px "microsoft yahei";color:#1d1d1d; }
.news li a{float:left;text-decoration: underline;margin-left:20px; color:#000; font-weight:bold;max-width:780px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.product02 .news li a{float:left;text-decoration: underline;margin-left:20px;max-width:580px; color:#000; font-weight:bold; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.news li span{float:right; color:#666666; font-weight:100;margin-right:20px;}
.news li.blank{margin-bottom:26px;}
.news p { line-height:26px; color:#666666; padding:0 20px 10px;border-bottom:1px dashed  #999999;}
.news1{width:100%;height:auto;overflow:hidden;margin:12px auto;}
.news1 li{width:100%;padding:5px 0; height:30px;font:14px/30px "microsoft yahei";color:#737373;/* background:#fff; */border-bottom:1px dashed #dddddd;}
.news1 li a{float:left;margin-left:12px;max-width:780px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.news1 li span{float:right;margin-right:12px;}
.product02  .news1 li a{float:left;margin-left:12px; max-width:580px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}

/* 详细页 */
.content{margin:10px 20px 0 20px; font-size:14px;}
.view{ line-height:2;border-bottom:1px dashed #ccc; padding:0 0 20px; margin-bottom:20px;}
.view p{ text-indent:0px;}
.view-title{width:100%;text-align:center;font:20px/36px "microsoft yahei";color:#333;padding:14px 0;}
.view-date{width:100%;text-align:center;font:12px/24px "microsoft yahei";color:#999; margin-bottom:30px;}
.view-date span{margin:0 7px;}
.view-share{width:140px;margin:20px auto;}
.view-pages{width:100%;height:auto;overflow:hidden;margin:20px auto;}
.view-pages p{width:100%;height:30px;text-overflow: ellipsis;overflow:hidden;white-space: nowrap;border-bottom:1px dashed #ddd;}
.view-back{display:block;width:100px;height:30px;margin:10px auto;text-align:center;font:14px/30px "microsoft yahei";}
.view h1{width:100%;font:20px/30px "microsoft yahei";color:#343434;}
.view img{max-width: 100%;display:inline}
.view div{font-size:14px;}


























