.mainbanner{width: 100%; min-width:1200px; margin:0 auto;height:450px;text-align: center; }
#daohang { float:left;position: relative; padding: 13px 0px; height: 24px; line-height:24px;  width: 870px; color: #9e9e9e; text-align: left; }
#daohang span{ padding-right:5px; color:#666; background:url(../images/icon-home.png) left 1px no-repeat; padding-left:20px;}
#daohang a{ margin-right:5px;color:#666;}
#daohang a:hover{ margin-right:5px;color:#373737;}
#daohang a:after {content:'>';font-size:13px;color:#999; padding-left:5px;font-family:"Microsoft Yahei";width:20px;height:26px;transition:all .6s cubic-bezier(.215,.61,.355,1) 0s;position:relative;left:0;text-indent:20px}
#daohang a:last-of-type:after { width: 0; height: 0;content:'';}
#daohang a:last-of-type{ color:#373737;}
#daohang a.njt:after {content:'—'; }
.nweizhi{ width:100%;  position: relative;height:50px;border-bottom:1px solid #e5e5e5;}
.dqname{font-size:36px; color:#000;margin: 40px 0 60px 0; text-align:center; }
.dqname span{font-size:26px;color:#666; }

.custom{ width:100%; margin:auto; overflow:hidden; min-width:1200px; padding-top:30px; padding-bottom:30px; background:#1a1a26;}
.custom h1{ font-size:32px; line-height:70px; color:#fff; text-align:center; font-weight:bold;}
.custom h3{ width:1200px; text-align:center; font-size:20px; font-family:Arial, Helvetica, sans-serif; line-height:30px; color:#fff; font-weight:normal;}
.custom h2{ width:1200px; text-align:center; font-size:14px; line-height:30px; color:#fff; font-weight:normal;}

/*pro_left*/
.inpro_left{ width:250px; float:left; margin-top:30px;  background:#eff1f5; display:block; }
.inpro_right{ width:920px; float:right; margin-top:40px;}
.inpro_left_top{ text-align:center;  width:250px; height:50px; float:left; background:#373737;font-size:20px;line-height:40px; padding-top:10px; color:#FFF; }
.inpro_left_tel{ text-align:center;  width:250px; height:112px; float:left; padding-top:14px; background:#fff; display:block; padding-bottom:50px; }
.inpro_left_tel img{ width:250px; height:112px; }
.inpro_left_type{ width:250px; float:left;padding-top:10px; padding-bottom:20px; }
.inpro_left_type ul{ list-style:none}
.inpro_left_type ul h3{ text-align:left;  width:180px; height:35px; border-bottom:2px solid #373737; background:url(../images/left_type_1.png) left center no-repeat; font-size:14px;line-height:35px; color:#666; font-weight:normal; margin-left:20px; padding-left:30px; margin-bottom:5px; margin-top:10px; }
.inpro_left_type ul h3 a:link{  font-size:15px; font-weight:bold;line-height:35px; color:#666;  }
.inpro_left_type ul h3 a:visited{ color:#666; font-weight:normal; }
.inpro_left_type ul h3 a:hover{color:#006bc6; font-weight:normal; }

.inpro_left_type ul li{ text-align:left; width:210px; height:40px; display:block; color:#585858; margin-left:20px; border-bottom:1px dashed #ddd;}
.inpro_left_type ul li a{font-size:14px;line-height:40px; color:#585858;display:block; padding-left:30px; background:url(../images/left_type1.png)  180px center no-repeat; background-size:12px 7px;}
.inpro_left_type ul li a:hover,.phov{  color:#FFF;background:url(../images/left_type2.png)  180px center no-repeat #373737; background-size:12px 7px;}
.phov a{ color:#FFF !important; display:block;}


.typenav{ width:100%;text-align: right;padding:0px 0;font-size: 0;border-bottom:1px solid #eee; background:#373737; border-top:3px solid #b78f6c;}
.typenav ul{ width:1200px; margin:0 auto; }
.typenav a{display: inline-block; padding: 12px 35px;border-radius:0px; border-radius:0px; border-left:1px dashed #4c4b4a;   cursor: pointer; font-size: 14px; color: #fff; margin: 0px; background: #1a1a26;transition:all .3s;}
.typenav a:hover{background:#b78f6c;position: relative;color: #fff;}
.typenav a.on{background:#b78f6c!important; color:#fff;}
.typenav a:first-child{ border-left:0px;}

.typeservice{ max-width:84%; text-align: center; margin:0 auto;position: relative; }
.typeservice ul{ width:100%;background-color:rgba(255,255,255,0.9); position:absolute;height:100px; margin-top:-100px; overflow:hidden;}
.typeservice ul a{font-size: 16px; width:16.6%; display: inline-block; position: relative;height:100px;border-right:1px solid #eee;  color:#333; font-weight:400; text-align:center;}
.typeservice ul a img{ display:block; border:0; width:30px; margin:0 auto; margin-top:18px; margin-bottom:10px;}
.typeservice ul a:hover{background:#d46671;color:#fff; }
.typeservice ul a.on{background:#d46671; color:#fff;}
.typeservice ul a:last-child{ border-right:0px solid #ddd; }
.typeservice ul a:hover img,.typeservice ul a.on img{filter: grayscale(100%);    filter: gray;    filter: grayscale(100%) brightness(300%);}

.page_aboutleft{ width:230px; float:left; margin-top:30px;  background:#eff1f5; display:block; }
.page_aboutright{ width:920px; float:right; margin-top:40px;}
.page_about{ width:100%; margin:o auto;}
.page_about .a_title{ width:100%; height:48px; border-bottom:2px solid #373737; margin-bottom:20px;}
.page_about .a_title h2{ font-size:24px; font-weight:400; color:#373737;}

.page_left_top{ text-align:center;  width:230px; height:50px; float:left; background:#373737;font-size:20px;line-height:40px; padding-top:10px; color:#FFF; }

.page_left_nav{ width:230px; float:left;padding-top:10px; padding-bottom:20px; }
.page_left_nav ul{ list-style:none}
.page_left_nav ul li{ text-align:left; width:100%; height:40px; display:block; color:#585858;border-bottom:1px dashed #ddd;}
.page_left_nav ul li a{font-size:16px;line-height:40px; color:#585858;display:block; padding-left:30px; background:url(../images/left_type1.png)  180px center no-repeat; background-size:12px 7px;}
.page_left_nav ul li a:hover,.phov{  color:#FFF;background:url(../images/left_type2.png)  180px center no-repeat #373737; background-size:12px 7px;}

/*yingyong*/
.yy_detail{ width:1200px; margin:40px auto;}
.yy_detail_left{ width:400px; float:left;}
.yy_detail_left img{ border:1px solid #ddd; width:400px; margin:0 auto; display:block;}
.yy_detail_right{ width:700px; float:right;}
.yy_detail_right .yytitle{ display:inline-block; font-size:22px; font-weight:400; color:#373737; padding-bottom:10px; margin-bottom:20px; border-bottom:2px solid #373737;}
.yy_detail_right p:before {content:'√';font-size:14px;color:#FFF; padding:0 5px;width:25px;height:26px; background:#373737;position:relative;left:0;text-indent:20px; margin-right:10px;}

.yy_detail_right p strong {font-weight:bold;}
.yy_detail_right p{margin:0 0 10px 0; font-size:14px;line-height:26px;}
.yy_detail_right p{line-height:26px; color:#555;}

.yy_pro{ width:100%; background:#f8f8f8; margin:20px auto; padding:40px 0 30px 0;}
.pro_yy{ width:100%; background:#fff; margin:20px auto; }

/*prolist*/
.pic_pro{width: 100%;position: relative;margin: 0 auto; overflow:hidden;}
.pic_pro .hd02{ z-index:9;}
.pic_pro .hd02 ul{float: right;overflow: hidden;zoom: 1; }
.pic_pro .hd02 span{opacity: 1;display: block;height: 20px; line-height:20px;float: left;margin-left: 0px;overflow: hidden;cursor: pointer;position: absolute;top: 1px;left: 0px;color:#373737; font-size:18px; font-weight:400; border-left:3px solid #373737; padding-left:5px;}


.pic_pro .hd02 .prev{opacity: 1;display: block;width: 40px;height: 32px;float: right;margin-left: 0px;overflow: hidden;cursor: pointer;position: absolute;top: 0;right: 50px;background: url(../images/pic_left.png) 10px center no-repeat #ddd; background-size: 20px 20px ;transition: 0.2s ease all; }
.pic_pro .hd02 .next{opacity: 1;display: block;width: 40px;height: 32px;float: right;margin-top: 0px;overflow: hidden;cursor: pointer;position: absolute;top: 0;right: 0px;background: url(../images/pic_right.png) 10px center no-repeat #ddd;background-size: 20px 20px ;transition: 0.2s ease all; }
.pic_pro .hd02 .prev:hover{opacity: 1;background: url(../images/pic_left.png) 10px center no-repeat #373737;background-size: 20px 20px ;}
.pic_pro .hd02 .next:hover{opacity: 1;background: url(../images/pic_right.png) 10px center no-repeat #373737;background-size: 20px 20px ;}

.pic_pro .bd02{margin-top: 35px;}
.pic_pro .bd02 ul{overflow: hidden;zoom: 1;}
.pic_pro .bd02 ul li{float: left;_display: inline;overflow: hidden;width: calc(25% - 22px);padding: 0px;margin-right: 26.5px; margin-bottom:24px;   border: 1px solid #eee; border-bottom: 3px solid #eee;   padding-bottom: 15px;    overflow: hidden;    transition: 0.2s ease all;    -webkit-transition: 0.2s ease all;    -moz-transition: 0.2s ease all;}
.pic_pro .bd02 ul li span{background: #f9f9f9;width: 100%;overflow: hidden;display:block; border-radius:0;}
.pic_pro .bd02 ul li span img{width: 100%;height: 100%; display:block;}
.pic_pro .bd02 ul li p{ width:100%; display:block; height:30px; line-height:30px; text-align:center; padding-top:8px; color:#666;}
.pic_pro .bd02 ul li:hover p{color: #373737 }
.pic_pro .bd02 ul li:hover {    border-color: #373737;}
/*.pic_pro .bd02 ul li:nth-child(4n){ margin-right:0;}*/




.space ul{overflow: hidden;zoom: 1; margin-top:50px;}
.space ul li{display:inline-block; position:relative;overflow: hidden;width: calc(25% - 20px);border: 0px solid #eee;padding: 0px;margin-right: 26px; margin-bottom:20px;
background-color: #fff;    border-bottom: 0px solid #373737;    border-radius: 0px;     overflow: hidden;    transition: 0.2s ease all;    -webkit-transition: 0.2s ease all;    -moz-transition: 0.2s ease all;}
.space ul li span{background: #f9f9f9;width: 100%;overflow: hidden;display:block; border-radius: 0px 0px 0 0;}
.space ul li span img{width: 100%; display:block;transition: all 0.5s;    -ms-transition: all 0.5s;}
/*.space ul li p{ width:100%; display:block; height:30px;  line-height:30px; text-align:center; padding-top:8px; color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}*/
.space ul li p{ width:100%; position:absolute; margin-top:-40px;display:block; height:40px; line-height:40px; text-align:center; font-weight:300; color:#FFF;background-color:rgba(22,22,22,0.5);transition: all 0.5s;    -ms-transition: all 0.5s;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; font-weight:400;}
.space ul li:hover p{color: #FFF;background-color:rgba(233,83,106,0.5); }

.space ul li:hover { border-bottom-color: #373737;}
.space ul li:hover  span img{transform: scale(1.1);    -ms-transform: scale(1.1);}
.space ul li:nth-child(4n){ margin-right:0px;}

.space ul li:hover {-webkit-box-shadow:0 0 15px rgba(0,0,0,.3);-moz-box-shadow:0 0 15px rgba(0,0,0,.3);box-shadow:0 0 15px rgba(0,0,0,.3); }





.team{margin-top: 5px;overflow: hidden;}
.team dl{display:inline-block; position:relative;overflow: hidden;width: calc(33.5% - 20px);border: 0px solid #eee;padding: 0px;margin-right: 26px; margin-bottom:25px;
background-color: #f8f8f8;    border-bottom: 3px solid #fbf3f0;    border-radius: 0px; border-top:1px solid #fbf3f0;      overflow: hidden;    transition: 0.2s ease all;    -webkit-transition: 0.2s ease all;    -moz-transition: 0.2s ease all;}
.team dl dd{background: #f9f9f9;width: 53%;overflow: hidden;display:block; border-radius:0; float:left;}
.team dl dd img{width: 100%; display:block;transition: all 0.5s;    -ms-transition: all 0.5s; }
.team dl dt {background: #f9f9f9;width: 47%;overflow: hidden;display:block; border-radius:0;float:left;}
.team dl dt span{ padding:20px;  line-height:22px; display: block;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 8;overflow: hidden; color:#777; }

.team dl dt p{ position:absolute; bottom:0; width:50%; margin-top:0px;display:block; height:40px; line-height:40px; text-align:center; font-weight:400; color:#FFF;background-color:rgba(22,22,22,0.5); transition: all 0.5s;    -ms-transition: all 0.5s;}
.team ul li:hover p{color: #FFF;background-color:rgba(233,83,106,0.8); }
.team ul li:hover { background-color:#fbf3f0;}
.team ul li:hover  span img{transform: scale(1.1);    -ms-transform: scale(1.1);}
.team dl:nth-child(3n){ margin-right:0px;}


.itness{margin-top: 5px;}
.itness ul{overflow: hidden;zoom: 1;}
.itness ul li{display:inline-block; position:relative;overflow: hidden;width: calc(25% - 20px);border: 0px solid #eee;padding: 0px;margin-right: 26px; margin-bottom:25px;
background-color: #f8f8f8;    border-bottom: 3px solid #fbf3f0;    border-radius: 0px; border-top:1px solid #fbf3f0;      overflow: hidden;    transition: 0.2s ease all;    -webkit-transition: 0.2s ease all;    -moz-transition: 0.2s ease all;}
.itness ul li span{background: #f9f9f9;width: 100%;overflow: hidden;display:block; border-radius:0;}
.itness ul li span img{width: 100%; display:block;transition: all 0.5s;    -ms-transition: all 0.5s; }
.itness ul li b{ padding:0px 20px; height:70px; margin:20px 0; line-height:22px; text-indent:2em;display: block;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden; color:#777; }
.itness ul li p{ width:100%; position:absolute; margin-top:-40px;display:block; height:40px; line-height:40px; text-align:center; font-weight:400; color:#FFF;background-color:rgba(22,22,22,0.5); transition: all 0.5s;    -ms-transition: all 0.5s;}
.itness ul li:hover p{color: #FFF;background-color:rgba(8,58,193,0.8); }
.itness ul li:hover { background-color:#fbf3f0;}
.itness ul li:hover  span img{transform: scale(1.1);    -ms-transform: scale(1.1);}
.itness ul li:nth-child(4n){ margin-right:0px;}



.workshop ul{overflow: hidden;zoom: 1; margin-top:50px;}/*calc(50% - 13px);*/
.workshop ul li{display: inline-block;position: relative;overflow: hidden;width: calc(33.1% - 13px);padding: 0px;margin-right: 20px; margin-bottom:20px;
background-color: #eee;    border-bottom: 3px solid #B78F6C;    border-radius: 0px;      overflow: hidden;    transition: 0.2s ease all;    -webkit-transition: 0.2s ease all;    -moz-transition: 0.2s ease all;}
.workshop ul li span{background: #f9f9f9;width: 100%;overflow: hidden;display:block; border-radius: 0px 0px 0 0;}
.workshop ul li span img{width: 100%; display:block;}
.workshop ul li p { position: absolute;    width:100% ;    display: table-cell; bottom:0px;   vertical-align: middle;    height: 40px;    line-height: 40px;    transition: all .3s;    background: rgba(0,0,0,.65);    text-align: center;    color: #fff;}
.workshop ul li:hover p{color: #FFF; background: rgba(183,143,108,.85); }
.workshop ul li:hover { border-bottom-color: #373737;  }
.workshop ul li:nth-child(3n){ margin-right:0px;}

.pic_detail{ text-align:center;}
.pic_detail h1{  text-align:center; height:40px; font-size:26px; font-weight:normal; color:#333;}
.pic_detail .picimg{border:1px solid #eee;padding:5px; display:inline-block;margin:0 auto; }
.pic_detail .picimg img{ max-width:100%;display:block;  background:#fff;  margin:0 auto;}
.pic_detail .newsinfo{ font-size:13px; color:#777;  line-height:24px; padding:15px;text-indent:2em; background:#f6f6f6; margin:15px 0; border:1px dashed #fcccd4;}
.pic_detail .newsinfo span{ font-size:13px; color:#000; }



.picmain{ border:0px solid #666; padding:20px 0px; margin-top:50px;}
.picmain .pictitle{text-align:left; border-bottom:2px solid #373737; height:30px;}
.picmain .pictitle span{text-align:center; background:#373737;font-size:14px; color:#fff; height:30px; line-height:30px; padding:6px 15px;}
#cntrBody{font-size:14px;line-height:28px;color:#333;}
#cntrBody p strong {font-weight:bold;}
#cntrBody p,.proinfo p,.age_li_about p{margin:0 0 25px 0; font-size:14px;line-height:28px;}
#cntrBody p{text-indent:2em;line-height:28px; color:#333;}
#cntrBody table p,.proinfo table p,.age_li_about table p{margin:25px 0; font-size:14px;}


#cntrBody iframe{ width:1150px; height:730px; padding-left:25px;}






#dituContent{margin:0 auto;}
#cntrBody img {max-width:100%; max-height:1880px; scale:expression((this.offsetWidth > this.offsetHeight)?(this.style.width = this.offsetWidth >= 100% ? "100%" : "auto"):(this.style.height = this.offsetHeight >= 1880 ? "1880px" : "auto")); display:inline !important ; margin-left:-2em;}
#cntrBody a{ color:#333;}
#cntrBody a:hover{ color:#000;}

#cntrBodypro{font-size:14px;line-height:28px;}
#cntrBodypro p strong {font-weight:bold;}
#cntrBodypro p,.proinfo p,.age_li_about p{margin:0 0 25px 0; font-size:14px;line-height:28px;}
#cntrBodypro p{line-height:28px; color:#666;}
#cntrBodypro table p,.proinfo table p,.age_li_about table p{margin:25px 0; font-size:14px;}

#cntrBodypro img {max-width:100%; max-height:1880px; scale:expression((this.offsetWidth > this.offsetHeight)?(this.style.width = this.offsetWidth >= 100% ? "100%" : "auto"):(this.style.height = this.offsetHeight >= 1880 ? "1880px" : "auto")); display:inline !important ; /*margin-left:-2em;*/}
#cntrBodypro a{ color:#666;}
#cntrBodypro a:hover{ color:#333;}


.icon-right-open,.icon-left-open{ display:block;margin-top:0px;}

/*.products ul{overflow: hidden;zoom: 1; margin-top:50px;}
.products ul li{float: left;_display: inline;overflow: hidden;width: 385px;height: 405px;border: 1px solid #ddd;padding: 0px;margin-right: 19px; margin-bottom:20px;
background-color: #eee;    border-bottom: 3px solid #5a8af5;    border-radius: 0px;    padding-bottom: 25px;    overflow: hidden;    transition: 0.2s ease all;    -webkit-transition: 0.2s ease all;    -moz-transition: 0.2s ease all;}
.products ul li span{background: #fff;width: 385px;height: 385px;overflow: hidden;display:block; border-radius: 0px 0px 0 0;}
.products ul li span img{width: 98%;height: 98%; display:block; margin:0 auto; margin-top:1%;}
.products ul li p{ width:100%; display:block; height:30px; line-height:30px; text-align:center; padding-top:8px; color:#333;}
.products ul li:hover p{color: #373737 }
.products ul li:hover { border-bottom-color: #373737;}
.products ul li:nth-child(3n){ margin-right:0px;}*/


.products_list{ margin:0 auto;}
.products_list li{ width:280px; float:left; margin-right:24px; margin-bottom:26px;  border: 1px solid #eee; border-bottom: 3px solid #eee; transition:all .3s;}
.products_list li p{ width:280px; h overflow:hidden; display:block; margin:0 auto; border:0; border-radius:0 ;}
.products_list li img{ width:280px; height:193px; display:block; margin:0 auto; border:0; border-radius: 0 ;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;}
.products_list li span{ width:260px; padding:0 10px; display:block; height:50px; line-height:50px; text-align:center; font-size:14px;  border-radius:0;overflow:hidden;white-space: nowrap; text-overflow: ellipsis; -webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s; color:#333;}
.products_list li:nth-child(4n){ margin-right:0;}
.products_list li:hover span{ color:#373737;}
.products_list li:hover {    border-color: #373737;}


.prolist{margin-top: 35px;}
.prolist ul{overflow: hidden;zoom: 1;}
.prolist ul li{display:inline-block; position:relative;overflow: hidden;width: calc(33% - 40px);padding: 10px;margin-right: 26px; margin-bottom:24px;   border: 1px solid #b78f6c;  transition: 0.2s ease all;    -webkit-transition: 0.2s ease all;    -moz-transition: 0.2s ease all;}
.prolist ul li span{background: #f9f9f9;width: 100%;overflow: hidden;display:block; border-radius:0;}
.prolist ul li span img{width: 100%; display:block;}
.prolist ul li p{ position:absolute;  left:10px;  bottom:10px;width:calc(100% - 20px);  display:table-cell;  vertical-align:middle;  height:40px; line-height:40px; transition:all .3s;  background:rgba(183,143,108,.65);  text-align:center;  color:#fff; }
.prolist ul li p b{ display:block;  text-align:center;  color:#373737; display:none;transition:all .3s; }
.prolist ul li:hover{border: 1px solid #4e4945; }

.prolist ul li:hover p{height:calc(70% - 20px);background:rgba(26,26,38,.85); padding-top:30%;}
.prolist ul li:hover p b{ line-height:80px;display:block;color:#B78F6C;  }
.prolist ul li:nth-child(3n){ margin-right:0;}



.pro_detail{ width:1200px; margin:0 auto;}
.pro_detail_img{ width:600px; height:460px; display:inline-block; float:left; background:#fff;position:relative; text-align:center; }

.pro_detail_txt{ width:550px; height:460px; display:inline-block;  float:right;border-left:0px solid #ddd; padding-left:0px;}

.pro_detail_txt h1{  text-align:left; height:40px; font-size:26px; font-weight:normal; color:#333; margin-top:10px; padding-bottom:10px;border-bottom:1px solid #ddd;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.pro_detail_txt .newsinfo{ font-size:14px; color:#666; height:345px;  line-height:24px; padding:15px 20px;text-indent:2em; background:#f8f8f8; margin-top:24px; overflow:hidden;}
.pro_detail_txt .newsinfo span{ font-size:13px; color:#000; }

.pro_det_left{ width:250px; float:left; margin-bottom:20px;}
.pro_det_left .lefttitle{background:#373737;padding:10px 0px;color:#fff;text-decoration:none; text-align:center; margin-top:30px;}
.pro_det_left ul{ overflow:hidden; border:1px solid #ddd;}
.pro_det_left ul li{ width:100%; border-bottom:1px dashed #ddd; text-align:left; height:36px; line-height:36px;}
.pro_det_left ul li p{ width:90%; margin:0 auto;}

.proleftlist{border:1px solid #ddd;}
.proleftlist li{display:inline-block; position:relative;overflow: hidden;width: 228px;padding: 5px 10px; margin-bottom:0px;   border: 0px solid #b78f6c;  transition: 0.2s ease all;    -webkit-transition: 0.2s ease all;    -moz-transition: 0.2s ease all;}
.proleftlist li span{background: #f9f9f9;width: 100%;overflow: hidden;display:block; border-radius:0;}
.proleftlist li span img{width: 100%; display:block;}
.proleftlist li p{ position:absolute;  left:10px;  bottom:5px;width:calc(100% - 20px);  display:table-cell;  vertical-align:middle;  height:40px; line-height:40px; transition:all .3s;  background:rgba(183,143,108,.65);  text-align:center;  color:#fff; }
.proleftlist li p b{ display:block;  text-align:center;  color:#373737; display:none;transition:all .3s; }

.proleftlist li:hover p{height:calc(70% - 20px);background:rgba(26,26,38,.85); padding-top:30%;}
.proleftlist li:hover p b{ line-height:80px;display:block;color:#B78F6C;  }



.pro_det_right{ width:900px; float:right;margin-bottom:20px;}
.contentpro{border:1px solid #ddd; padding:20px;}


.tabbox{width:100%;margin:0px auto; margin-top:30px;}
.tabbox .tab{overflow:hidden;background:#fff; border-bottom:1px solid #373737;}
.tabbox .tab a{display:block;padding:10px 30px;float:left;text-decoration:none;color:#FFF;}
.tabbox .tab a:hover{background:#373737;color:#fff;text-decoration:none;}
.tabbox .tab a.on{background:#373737;color:#fff;text-decoration:none;}
.tabbox .content{overflow:hidden;padding:10px 0;}
.tabbox .content div{display:none;}




/*page*/
#page{ height:40px; padding:20px 0px; text-align:center}
#page a{ display:block; display:inline-block;margin-right:10px; padding:2px 12px; height:24px; border:1px #cccccc solid; background:#fff; text-decoration:none; color:#808080; font-size:12px;  line-height:24px;}
#page a:hover{ color:#373737; border:1px #373737 solid;}
#page a.cur{border:1px #373737 solid; background:#373737; color:#fff;}
#page p{display:inline-block; padding:2px 12px; font-size:14px; height:24px; line-height:24px; color:#bbb; border:1px #ccc solid; background:#fcfcfc; margin:0; margin-right:8px;}
#page p.pageRemark{ border-style:none; background:none; margin-right:0px; padding:4px 0px; color:#666;}
#page p.pageRemark b{ color:#373737; font-weight:normal; padding:0 2px;}
#page p.pageEllipsis{ border-style:none; background:none; padding:4px 0px; color:#808080;}


.honor ul{overflow: hidden;zoom: 1;}
.honor ul li{float: left;_display: inline;overflow: hidden;width: 210px;height: 316px;border: 1px solid #eee;padding: 0px;margin-right: 15px; margin-bottom:20px;
background-color: #fff;    border-bottom: 3px solid #f1f1f1;    border-radius: 0px;    padding-bottom: 25px;    overflow: hidden;    transition: 0.2s ease all;    -webkit-transition: 0.2s ease all;    -moz-transition: 0.2s ease all;}
.honor ul li span{background: #f9f9f9;width: 210px;height: 296px;overflow: hidden;display:block; border-radius: 0px 0px 0 0;}
.honor ul li span img{width: 100%;height: 100%;}
.honor ul li p{ width:100%; display:block; height:30px; line-height:30px; text-align:center; padding-top:8px; color:#666;}
.honor ul li:hover p{color: #373737 }
.honor ul li:hover { border-bottom-color: #373737;}
.honor ul li:nth-child(4n){ margin-right:0px;}

/*video*/
.video_list{ margin:0 auto;}
.video_list li{ width:280px;  float:left; margin-right:26px; padding-bottom:20px; margin-bottom:26px;background:#f2f3f3;transition:all .3s;}
.video_list li p{ width:280px; height:185px; overflow:hidden; display:block; margin:0 auto; border:0; }
.video_list li img{ width:280px; height:185px; display:block; margin:0 auto; border:0; -webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;}
.video_list li span{ width:250px; padding:0 15px; display:block; height:40px; line-height:40px; text-align:center; font-size:16px;/* background:#dfe2eb; border-radius:0 0 15px 15px;*/overflow:hidden;white-space: nowrap; text-overflow: ellipsis; -webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s; color:#333; font-weight:400;}
.video_list li b{ width:90%; padding:0 5%; display:block; height:65px; line-height:22px; text-align:left; padding-top:8px; color:#999; overflow:hidden;}

.video_list li:nth-child(4n){ margin-right:0;}.video_list li:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.2);transform:scale(1.1)}
.video_list li:hover{ background:#0066cc; color:#fff;}
.video_list li:hover span{color:#fff;}
.video_list li:hover b{color:#ddd;}

/*yingyong*/
.yingyong_list{ margin:0 auto;}
.yingyong_list li{ width:280px; height:235px; float:left; margin-right:26px; margin-bottom:26px;}
.yingyong_list li p{ width:280px; height:185px; overflow:hidden; display:block; margin:0 auto; border:0; border-radius:0 ;border:1px solid #ddd; border-bottom:none;}
.yingyong_list li img{ width:100%; display:block; margin:0 auto; border:0; border-radius: 0 ;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s; }
.yingyong_list li span{ width:252px; padding:0 15px; display:block; height:50px; line-height:50px; text-align:center; font-size:14px; background:#dfe2eb; border-radius:0;overflow:hidden;white-space: nowrap; text-overflow: ellipsis; -webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s; color:#333;}
.yingyong_list li:nth-child(4n){ margin-right:0;}
.yingyong_list li p:hover{border:1px solid #373737; border-bottom:none;}
.yingyong_list li:hover 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)}
.yingyong_list li:hover span{ background:#373737; color:#fff;}

/*news*/
.news_list{overflow:hidden;}
.news_list li{display:block;width:96%;}
.news_list li a{display:block;overflow:hidden;height:auto;padding:25px 0 30px;border-bottom:1px solid #ddd; transition: 0.2s ease all;    -webkit-transition: 0.2s ease all;    -moz-transition: 0.2s ease all;}
.news_list li a .news_date{float:left;text-align:center;font-size:16px;color:#888888; margin-right:25px; border-right:1px dashed #ddd; padding-right:25px; transition: 0.2s ease all;    -webkit-transition: 0.2s ease all;    -moz-transition: 0.2s ease all;}
.news_list li a .news_date p:first-child{font-size:60px;color:#888888;/*font-weight:600;*/line-height:60px; transition: 0.2s ease all;    -webkit-transition: 0.2s ease all;    -moz-transition: 0.2s ease all;}
.news_list li a .news_Lbox{float:left; width:85%;position:relative; margin-top:10px;}
.news_list li a .news_Lbox span{float:left; width:80px; height:75px;position:relative; margin-top:-5px; margin-right:18px;}
.news_list li a .news_Lbox span img{float:left; width:100%; height:100%; display:block;}
.news_list li a .news_Lbox h3{display:block;font-size:18px;color:#333;font-weight:normal;line-height:14px;padding-bottom:5px;}
.news_list li a .news_Lbox p{height:44px;color:#666;line-height:22px;margin-top:10px; display:block; font-size:14px; overflow:hidden;}
.news_list li a:hover{ border-bottom:1px solid #255ddc;}
.news_list li:hover a,
.news_list li:hover .news_date,
.news_list li:hover .news_date p:first-child,
.news_list li:hover a .news_Lbox h1
{color:#255ddc;}
.news_list li:hover a .news_Lbox p{color:#999;}
.news_list li:hover a .news_Lbox h3{color:#255ddc;}


.news_detail{ margin-top:40px;}
.news_detail h1{  text-align:center; height:40px; font-size:26px; font-weight:normal; color:#333;}
.news_detail .ndate{ text-align:center; margin-bottom:20px; border-bottom:1px dashed #ddd; padding-bottom:10px; font-size:14px; color:#999;font-family:heliosextthinregular, Arial;}
.news_detail .ndate span{ text-align:center; font-size:14px; color:#999;font-family:heliosextthinregular, Arial;}
.news_detail .newsinfo{ font-size:13px; color:#777;  line-height:24px; padding:15px;text-indent:2em; background:#f6f6f6; margin:15px 0;}
.news_detail .newsinfo span{ font-size:13px; color:#000; }
.news_detail_page{ width:100%; overflow:hidden; margin-bottom:20px;}
.news_detail_page a{ font-size:14px;display:block;width:100%;height:50px;line-height:50px;color:#666;padding-left:35px;background:url(../images/icon-dd7.png) no-repeat 5px center;border-bottom:1px dashed #ddd;border-top:1px solid #ddd;}
.news_detail_page a:last-child{background:url(../images/icon-dd8.png) no-repeat 5px center;border-top:0px solid #e5e5e5;}
.news_detail_page a:hover{ color:#373737;}

.pro_detail_pic{ text-align:center; margin:0 auto; display:block;}
.pro_detail_pic img{ width:500px;border:0px solid #eeeeee;}
.pro_detail_pic p{ width:400px; float:right;height:40px; font-size:26px; }
.pro_detail_pic span{ width:400px; float:right; line-height:24px; padding:15px;text-indent:2em; background:#f6f6f6;}

.main {width:1160px; background:#f8f8f8; margin:0 auto; padding:20px 20px; border:1px dashed #dfe7f1; border-radius: 0px 0px 0 0;}
.inset {text-align:center;width:100%;}
.main h2 {font-size:24px;text-align:center;color:#666;padding:10px 0; font-weight:normal;}
.main h3 {font-size:16px;text-align:center;color:#666;padding:0px 0; font-weight:normal;}