﻿img{max-width:100%;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;}
.pic{overflow:hidden;}
.pic:hover img,li:hover>.pic img,.swiper-slide:hover .pic img{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.product{padding-bottom:80px;}
.product-nav{float:left;width:280px;}
.product-nav h3{line-height:56px;color:#fff;background:#80b843;font-size:18px;padding:0 28px;}
.product-nav dl{border:1px solid #d9d9d9;border-top:0;padding:12px 0;}
.product-nav dd{font-size:14px;color:#666666;line-height:22px;padding:6px 28px;cursor:pointer}
.product-nav dd:hover a,.product-nav dd.cur a{color:#80b843;}
.product-con{float:right;width:calc(100% - 320px);padding-bottom:50px;}
.product-con table{border-collapse:collapse;width:100% !important;}
.product-con .editor td{font-size:14px !important;color:#666 !important;padding:4px 12px !important;line-height:24px !important;text-align:left !important;vertical-align:middle;}
.product-con .editor td span{font-size:14px !important;color:#666 !important;font-family:arial,微软雅黑 !important;}
.product-con .table-box thead td{text-align:center;border-right:1px solid #fff;background:#80b843;color:#fff;font-size:18px;line-height:55px;}
.product-con .table-box thead td:nth-last-child(1){border-right:0;}
.product-con .table-box tbody td{cursor:pointer;text-align:center;line-height:22px;padding:15px;font-size:16px;color:#666666;border:1px solid #d9d9d9;}
.product-con .table-box tbody td a{color:#666;}
.product-con .table-box tbody td a:hover{color:#80b843;}
.product-con .table-box tbody tr:hover td{color:#80b843;}
.product-con .table-box td{min-width:120px;}
.product-con .ts{line-height:24px;font-size:16px;color:#666;padding:28px 0 50px;}
.product-con .ts a{font-size:20px;color:#80b843;}
.product-con .xh{font-size:18px;color:#333;line-height:30px;padding:20px 36px;background:#f5f5f5;}
.product-con .xh-table{}
.product-con .xh-table td{font-size:14px;color:#666666;}
.product-con .xh-table td:nth-child(1){font-weight:bold;}
.product-con .xh-div{border:1px solid #eaeaea;padding:20px 30px;font-size:14px;line-height:24px;color:#666;margin:28px 0;}
.product-con .img img{max-width:48%;}
.product-con .editor{border-bottom:1px solid #eaeaea;padding-bottom:30px;margin-bottom:-20px;}

@media (max-width: 767px) {
    .product {padding-top:0px;}
    .xh {display:none}
    .product-con {margin:0px;padding:0px;}
    .product-search {padding-bottom:0px}
}


.search-con .product-con{float:none;width:100%;}
.no-result{font-size:20px;color:#333;text-align:center;}

.product-search{padding:32px 0;}
.product-search form{border:1px solid #eee;border-radius:4px;float:right;}
.product-search input[type=text]{float:left;width:240px;border:none;text-indent:12px;outline:none;line-height:42px;height:42px;border-radius:5px;font-size:16px;color:#666;}
.product-search input[type=submit],.product-search input[type=button]{width:42px;color:transparent;text-indent:-999px;height:42px;background:url(../images/searchh.png) no-repeat center center/22px;border:none;outline:none;cursor:pointer;}



@media screen and (max-width: 1620px) {
   
    .product-nav{width:220px;}
    .product-nav h3{font-size:16px;padding:0 18px;}
    .product-nav dd{padding:3px 18px;}
    .product-con{width:calc(100% - 240px);}
    .product-con .table-box thead td,.product-con .table-box tbody td{font-size:14px;}
}

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

    .product-con .ts{font-size:13px;}
    .product-con .ts a{font-size:16px;}
    .product-nav dd{font-size:13px;}
    .product-con .table-box tbody td{padding:12px 15px;}

}
@media screen and (max-width: 1023px) {
    .MsoNormal {display:none}
    /*.product-nav{display:none;}*/
        .product-nav{width:100%;}
    .product-con{width:100%;margin-top:0px;}
    .product{padding:0;}
    .product-con .table-box thead td, .product-con .table-box tbody td{font-size:12px;}
    .table-box table{width:800px;}
    .table-box{overflow-x:auto;}
    .product-con .ts{font-size:12px;padding:15px 0 30px;}
    .product-con .table-box tbody td{padding:8px;}
    .product-con .table-box thead td{line-height:40px;}

}
img {max-width:100%;}
.stuList {margin-bottom: 40px;float:left;width:100%;}
.stuList li {float: left; width: 23%; margin-right: 2.666666%; margin-bottom: 18px; text-align: center;border:1px solid #e1e1e1}
.stuList li:nth-child(4n) {margin-right: 0;}
.stuList li a {display: block;color: #4d4d4d;}
.stuList li .cont {padding: 15px 0 14px; }
.stuList li .cont h3 {font-size: 16px; line-height: 28px;padding:0px 10px;height:28px;overflow:hidden;}
.stuList li .cont p {line-height: 26px;}
.stuList li:hover a {color: #fff; background: #80b843;}
.stuList li:hover img {-webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);}
@media (min-width: 1200px) and (max-width: 1439px) {
   .stuList li {width: 31.33%; margin-right: 3%;}
   .stuList li:nth-child(3n) {margin-right: 0;}
   .stuList li:nth-child(4n) {margin-right: 3%;}
}
@media (min-width: 992px) and (max-width: 1199px) {
   .stuList li {width: 31.33%; margin-right: 3%;}
   .stuList li:nth-child(3n) {margin-right: 0;}
   .stuList li:nth-child(4n) {margin-right: 3%;}
}

@media (max-width: 992px) { 
	.stuList li .cont {padding: 12px 0 11px;}
}

@media (max-width: 768px) {
	.stuList {margin-top: 25px;}
	.stuList li {width: 49%; margin-right: 2%;}
	.stuList li:nth-child(3n) {margin-right: 2%;}
	.stuList li:nth-child(2n) {margin-right: 0;}
	.stuList li .cont h3 {font-size: 14px; line-height: 20px;}
	.stuList li .cont p {font-size: 12px; line-height: 18px;}
	.stuList li .cont {padding: 8px 0 8px;}
}

.imgC {border:1px solid #ececec}
.pcpImgL {float:left; width:49%;margin-right:1%;margin-top:20px}
.pcpImgR {float:left; width:49%;margin-left:1%;margin-top:20px}
@media (max-width: 768px) {
    .pcpImgL {float:left; width:100%;margin-right:0%;margin-top:20px}
    .pcpImgR {float:left; width:100%;margin-left:0%;margin-top:20px}
}

.pagePrev {float:left;}
.pagePrev img{width:8px;margin-right:20px;}
.pageNext {float:right;}
.pageNext img{width:8px;margin-left:20px;}