﻿
/*产品中心*/


.productlist{100%; margin: auto; overflow: hidden; position: relative; margin-bottom: 20px; margin-top: 40px;}
.productlist ul{zoom: 1;  }
.productlist ul li{width: 395px; height: 400px; float: left; margin-bottom: 7.5px; margin-right: 7.5px;background:url(../images/cpdftc.jpg) no-repeat left center;}
.productlist ul li a{padding: 30px; overflow: hidden; display: block;}
.productlist ul li:nth-child(3n){margin-right: 0;}
.productlist ul li .ttext{ height: 40px; line-height: 40px; font-size: 18px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.productlist ul li a:hover .ttext{color: #01b88a;}
.productlist ul li .timg{ overflow: hidden; width: 300px; height: 300px; margin: auto; text-align: center;}
.productlist ul li .timg img{max-width: 100%;transition: all .6s;-webkit-transition: all .6s;}
.productlist ul li .timg:hover img{ transform: translateY(-10px); -webkit-transform: translateY(-10px);}



/*产品中心*/






/* 产品详情 */
/*111*/
.Productp{padding:45px 0px 30px; overflow: hidden; width: 100%; position: relative;}
.dtuov{float:left; width:500px; position:relative; z-index: 999; text-align:center; overflow: hidden;}
.ProductDetailstopleftimg{float:left; width:498px;  height: 498px; line-height:498px ; position:relative; z-index: 999; text-align:center;border:1px solid #efefef; margin-bottom: 20px;}
.ProductDetailstopleftimg img{ display: block; max-width:100%; margin:auto;}

.ProductDetailstopleftimg span{ display:block; height:59px; line-height:59px; text-align:center; font-size:16px; position:absolute; left:0px; bottom:0px; width:498px; z-index:999; background:#d7d7d7;}


.pro_banner{ position:relative; width:100%; margin:0 auto; overflow: hidden;}
.ProductDetailsSmallimg{overflow:hidden;position:relative;width:420px; margin:30px auto 0;}
.ProductDetailsSmallimg ul{width:9999px;position:relative;}
.ProductDetailsSmallimg ul li{float:left;width:120px;height:110px; position:relative; display:inline; margin-right:30px; cursor:pointer;}
.ProductDetailsSmallimg ul li img{ display: block;  display:block; width:100%; height:100%;}
.ProductDetailsSmallimg ul li span{ display:block; width:118px; height:108px; border:1px solid #dadada; position:absolute; left:0px; top:0px;}
.ProductDetailsSmallimg ul li.cur span{width:116px; height:106px; border:2px solid #01b88a;}

.ProductimgArrowleft,.ProductimgArrowright{ position:absolute; top:50%; margin-top:-3px; width:15px; height:33px; cursor:pointer;}
.ProductimgArrowleft{left:0px;background:url(../images/Product2.gif) no-repeat left center;}
.ProductimgArrowright{right:0px;background:url(../images/Product3.gif) no-repeat right center;}




.ProductDetailstopright{ float:right; width:650px; position:relative; margin-left: 50px;}
.ProductDetailstopright .rjtet{ margin-bottom:30px;  }
.ProductDetailstopright .rjtet .dt{font-size:26px;color:#000; padding-bottom:15px; margin-top: 40px;}
.ProductDetailstopright .rjtet .dd{ font-size:20px;padding-bottom:25px; border-bottom:1px solid #dfdfdf; color: #01b88a; line-height: 50px;}
.ProductDetailstopright .rjtet .dv{ font-size:15px;margin-top: 20px;}
.ProductDetailstopright .rjtet .dv p{line-height: 28px;}



.prodetail-tab{width: 100%; margin: 0 auto;margin-bottom: 10px;}
.prodetail-tab a{ display: inline-block; width: 150px; height: 40px; line-height:40px;font-size: 18px; color: #666; font-weight: bold;  }


.prodetab{width: 100%; margin: 0 auto;margin-bottom: 20px;}
.prodetab p{line-height: 28px; font-size: 14px;}
.prodetab p img{max-width: 100%;}




/*111*/


.ProductDetailstopright em{ display:inline-block; height:51px; background:url(../images/hottel.gif) no-repeat left 0; padding-left:60px; font-size:13px; color:#bbb; margin-bottom:32px;}
.ProductDetailstopright em span{ display:block; font-size:28px; color:#01b88a;}
.ProductDetailstopright strong{ display:block; background:#666; width:163px; height:45px; line-height:45px;}
.ProductDetailstopright strong:hover{ background:#333;}
.ProductDetailstopright strong a{ font-size:18px; color:#fff; padding-left:17px;}

.fx{ float:right;}






/*2222*/

.pro_intro{margin: 40px 0; overflow: hidden;position: relative; width: 100%;  }
.pro_introC{margin-top: 15px;}
.pro_introC_nav{border-bottom: 1px solid #01b88a;height: 45px;}
.pro_introC_nav li{background:#eeeeee;margin-right:2px;float: left;height: 45px;font-size: 16px;color: #949494;position: relative;}
.pro_introC_nav li a{display: block;height: 41px;width: 128px;text-align: center;line-height: 45px;background: #eeeeee;font-size: 18px;}
.pro_introC_nav li a:hover{color: #01b88a}
.pro_introC_nav li a.click{color: #fff;background: #01b88a;border-bottom: 4px solid #01b88a; }
.pro_data{padding: 15px 0; margin-bottom: 40px;}
.pro_special{ display:none;}
.pro_special p{line-height: 28px; font-size: 15px;}
.pro_special p img{ max-width: 100%;}
.pro_special a .cpimgxzwj{width: 300px; margin: auto; height: 50px; line-height: 50px; text-align: center; background-color: #15499a; color: #fff;
border-radius:50px ; font-size: 16px; margin-top: 50px;}

/*2222*/






/*下一个 返回*/
.nwesfoot{border:1px solid #cccccc; border-left:none; border-right:none;}
.nwesfoot p{ float:right;}
.nwesfoot p a{ display:inline-block; width: 100px;margin-top: 35px;text-align: center;line-height: 30px; padding-right: 20px;
    background: #01b88a url(../images/head05.png) no-repeat 88px center;color: #fff;transition: all .4s ease;-webkit-transition: all .4s ease;}
.nwesfoot p a:hover{opacity:.8;background-position-x:94px;}
.nwesfoot dl{margin-right:130px; font-size:13px; padding:13px 0px;}
.nwesfoot dl  a{color:#1a1a1a;}
.nwesfoot dl  a:hover{color:#01b88a}
.nwesfoot dl span{ display:inline-block; background:#f2f2f2; color:#1a1a1a; line-height:27px; padding:0px 10px; margin-right:5px;}
.nwesfoot dl dd{ margin-bottom:20px;}
.nwesfoot dl dt{ }
/*下一个 返回*/
/* 产品详情 */







/*相关产品*/
.indet{margin-top: 60px; overflow: hidden; display: block; border-bottom: 2px solid #e1e1e1;}
.indet .inle{font-size: 16px;color: #383838;border-bottom: 4px solid #f7941d;height: 28px;display: inline-block;}
.indet span{border-right: 2px solid #fff;display:inline-block;height: 32px;position: relative;_top:2px;}


.indexteambox2{width: 1140px; overflow: hidden;}
.indexteambox{width: 1140px;padding:10px 30px 20px;overflow:hidden;margin:auto;position:relative;}
.indexteambox .prev,.indexteambox .next{position:absolute; width:40px; height:40px; display:block; top:40%; margin-top:-20px; }
.indexteambox .prev{background-position:left top; left:0;background-image:url(../images/left.png);background-repeat:no-repeat;}
.indexteambox .next{background-position:right top; right:0;background-image:url(../images/cpright.png);background-repeat:no-repeat;}
.indexteambox .prev:hover{background-image:url(../images/left_ho.png);}
.indexteambox .next:hover{background-image:url(../images/cpright_ho.png);}
.indexteambox .tempWrap{padding:10px 0px;}
.indexteambox ul{overflow:visible !important;}
.indexteambox ul li{width: 240px;float:left;margin:0px 23px;position:relative; }
.indexteambox ul li a{display:block;width:100%; text-align:center;}
.indexteambox ul li .figure{width: 240px; height: 240px;background: #f9fafc;display:block; overflow: hidden;box-shadow: 0px 5px 16px #e5e5e5;
border-radius: 10px;}
.indexteambox ul li .figure img{max-width:100%;transition: all 0.5s ease 0s;}
.indexteambox ul li .figure:hover img{transform: scale(1.1,1.1)}
.indexteambox ul li .teeet{line-height:26px; height:26px;overflow:hidden; font-size: 16px; margin-top: 30px; color: #01b88a;}
.indexteambox ul li .texti{line-height:28px; height:28px;overflow:hidden; font-size: 18px; margin-top: 0px;color: #01b88a;}
.indexteambox ul li .teeet:hover{color: #0093db;}
.indexteambox ul li .texti:hover{color: #0093db;}

