@charset "utf-8";
/* CSS Document */
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td { margin: 0; padding: 0; border: 0;}
html { color: #000; }
html,body {width:100%;}
body,button,input,select,textarea { margin:0; padding:0;  font-family: "微软雅黑","Microsoft Yahei", "Arial", "Verdana", "sans-serif";  font-size:12px; background:#fff}
ul,ol,li,dl,dd,dt{list-style: none;}
em { font-style: normal; }
a { text-decoration: none;outline:none; }
a:hover { text-decoration: underline; color:#e85300;}
legend { color: #000; }
fieldset,img { border: 0; }
label,button { cursor: pointer; }
/*解决IE图片缩放失真*/
img { -ms-interpolation-mode: bicubic; }
/*清除浮动*/
.clearfix:after { content: ''; display: block; height: 0; clear: both; }
.clearfix { zoom: 1; }
.clear { clear: both; }
/*连续英文、数字换行*/
.wordwrap { word-break: break-all; word-wrap: break-word; }
/*单行文字超出显示省略号*/
.omg{overflow: hidden; text-overflow: ellipsis; white-space:nowrap;}
img { border: 0; vertical-align: middle;  }
a{ color:#3a3a3a; text-decoration:none;}
a:hover{ color:#ea5504; text-decoration:none}
a:active{color:#ea5504;}

.fl{float:left;}
.fr{float:right;}

/* 设置滚动条的样式 */
::-webkit-scrollbar { width:4px;}/* 滚动槽 */
::-webkit-scrollbar-track { background-color:#f0f0f0; border-radius:0px;}/* 滚动条滑块 */
::-webkit-scrollbar-thumb { background-color:#6d6e70;}
::-webkit-scrollbar-thumb:window-inactive { background-color:#3c3c3c;}

.h_top{width:100%;height:100px;background:#fff;box-shadow: 0 2px 4px 0 rgba(0,0,0,.05);}
.h_top .top_in{width:1600px;margin:0 auto;}
.h_top .top_in .logo{float:left;width:230px;text-align:center;}
.h_top .top_in .logo img{max-width:100%;max-height:100%;vertical-align:middle;}
.h_top .top_in .logo .iblock {display:inline-block;height:100%;width:0;vertical-align:middle}
.h_top .top_in .tel{float:right;background:url(../images/tel.png) left center no-repeat;min-height:50px;padding:23px 0 24px 60px;}
.h_top .top_in .tel p{font-size:14px;color:#231815;}
.h_top .top_in .tel span{display:block;font-size:28px;font-weight:bold;color:#ff5500;font-family:impact;}
@media screen and (max-width:1700px) and (min-width:1400px) {
	.h_top .top_in{width:95%;}
}
@media screen and (max-width:1399px) and (min-width:1200px) {
	.h_top .top_in{width:95%;}
}
@media screen and (max-width:1199px) and (min-width:1080px) {
	.h_top .top_in{width:95%;}
}
@media screen and (max-width:1079px) and (min-width:768px) {
	.h_top .top_in{width:95%;}
}
@media screen and (max-width:767px) {
	.h_top .top_in{width:95%;}
	.h_top .top_in .logo{width:100%;}
	.h_top .top_in .logo img{max-width:180px;image-rendering:optimizeSpeed;image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:pixelated;-ms-interpolation-mode:nearest-neighbor;}
	.h_top .top_in .tel{display:none;}
	.h_top{height:auto;}
}

.banner{width:100%;height:810px;background:url(../images/banner_bg.jpg) center center no-repeat;}
.banner_wz_wrap{width:1600px;margin:0 auto;height:810px;position:relative;overflow:hidden;}
.banner_wz{width:1398px;height:342px;background:url(../images/banner_wz.png) center center no-repeat;position:absolute;top:50%;left:50%;margin-left:-699px;margin-top:-171px;-webkit-animation: bounceIn 1.7s ease-out both;animation: bounceIn 1.7s ease-out both;}
@media screen and (max-width:1700px) and (min-width:1400px) {
	.banner_wz_wrap{width:95%;height:600px;}
	.banner{height:600px;background-size:cover;}
}
@media screen and (max-width:1399px) and (min-width:1200px) {
	.banner_wz_wrap{width:95%;height:600px;}
	.banner{height:600px;background-size:cover;}
	.banner_wz{width:1000px;height:245px;margin-left:-500px;margin-top:-123px;background-size:cover;}
}
@media screen and (max-width:1199px) and (min-width:1080px) {
	.banner_wz_wrap{width:95%;height:500px;}
	.banner{height:500px;background-size:cover;}
	.banner_wz{width:1000px;height:245px;margin-left:-500px;margin-top:-123px;background-size:cover;}
}
@media screen and (max-width:1079px) and (min-width:768px) {
	.banner_wz_wrap{width:95%;height:400px;}
	.banner{height:400px;background-size:cover;}
	.banner_wz{width:800px;height:196px;margin-left:-400px;margin-top:-98px;background-size:cover;}
}
@media screen and (max-width:767px) {
	.banner_wz_wrap{width:95%;height:250px;}
	.banner{height:250px;background-size:cover;}
	.banner_wz{width:500px;height:122px;margin-left:-250px;margin-top:-61px;background-size:cover;}
}

.choice{background:#fff;width:100%;}
.choice .conn{width:1600px;margin:0 auto;padding-top:20px;}
.choice .conn .fenlei{padding-bottom:10px;border-bottom:1px solid #f0f3f5;}
.choice .conn .fenlei .hd{float:left;background:url(../images/icon1.png) left center no-repeat;padding-left:40px;font-size:20px;color:#000000;font-weight:bold;height:38px;line-height:38px;}
.choice .conn .fenlei .bd{margin-left:96px;}
.choice .conn .fenlei .bd a{display:block;float:left;padding:0 16px;height:38px;line-height:38px;text-align:center;color:#333;font-size:15px;margin-right:29px;margin-bottom:15px;background:#f5f5f5;}
.choice .conn .fenlei .bd a:hover{background:#ff5500;color:#fff;}
.choice .conn .fenlei .bd a.on{background:#ff5500;color:#fff;}
.choice .conn .yanse{padding:20px 0;}
.choice .conn .yanse .hd{float:left;background:url(../images/icon2.png) left center no-repeat;padding-left:40px;font-size:20px;color:#000000;font-weight:bold;height:30px;line-height:30px;}
.choice .conn .yanse .bd{margin-left:96px;}
.choice .conn .yanse .bd a{display:block;float:left;width:28px;height:28px;text-align:center;color:#333;margin-right:22px;background:#fff;border:1px solid #f0f3f5;position:relative;}
.choice .conn .yanse .bd a.color1{background:url(../images/icon4.png) center center no-repeat;width:30px;height:30px;border:0;}
.choice .conn .yanse .bd a.color2{background:#ff6600;border:1px solid #ff6600;}
.choice .conn .yanse .bd a.color3{background:#00be16;border:1px solid #00be16;}
.choice .conn .yanse .bd a.color4{background:#ffd800;border:1px solid #ffd800;}
.choice .conn .yanse .bd a.color5{background:#3372da;border:1px solid #3372da;}
.choice .conn .yanse .bd a.color6{background:#ff0000;border:1px solid #ff0000;}
.choice .conn .yanse .bd a.color7{background:#ffffff;border:1px solid #f0f3f5;}
.choice .conn .yanse .bd a.color8{background:#000000;border:1px solid #000000;}
.choice .conn .yanse .bd a.color9{background:#cccccc;border:1px solid #cccccc;}
.choice .conn .yanse .bd a.on:after{content:'';display:block;width:28px;height:28px;background:url(../images/icon3.png) center center no-repeat;position:absolute;top:0;left:0;}
@media screen and (max-width:1700px) and (min-width:1400px) {
	.choice .conn{width:95%;}
	.choice .conn .fenlei .bd a{margin-right:26px;}
}
@media screen and (max-width:1399px) and (min-width:1200px) {
	.choice .conn{width:95%;}
	.choice .conn .fenlei .bd a{margin-right:20px;}
}
@media screen and (max-width:1199px) and (min-width:1080px) {
	.choice .conn{width:95%;}
	.choice .conn .fenlei .bd a{margin-right:20px;}
}
@media screen and (max-width:1079px) and (min-width:768px) {
	.choice .conn{width:95%;}
	.choice .conn .fenlei .bd a{margin-right:20px;height:30px;line-height:30px;font-size: 14px;padding: 0 15px;}
	.choice .conn .yanse .bd a{width:24px;height:24px;margin-right: 16px;}
	.choice .conn .yanse .bd a.color1{width:26px;height:26px;background-size:cover;}
	.choice .conn .yanse .bd a.on:after{width:26px;height:26px;}
}
@media screen and (max-width:767px) {
	.choice .conn{width:95%;}
	.choice .conn .fenlei .bd a{margin-right:8px;height:30px;line-height:30px;font-size: 14px;padding: 0 8px;}
	.choice .conn .yanse .bd a{width:24px;height:24px;margin-right: 10px;}
	.choice .conn .yanse .bd a.color1{width:26px;height:26px;background-size:cover;}
	.choice .conn .yanse .bd a.on:after{width:26px;height:26px;}
	.choice .conn .fenlei .hd{float:none;padding-left: 34px;margin-bottom:15px;}
	.choice .conn .fenlei .bd{margin-left:0;}
	.choice .conn .yanse .hd{float:none;padding-left: 34px;margin-bottom:15px;}
	.choice .conn .yanse .bd{margin-left:0;}
	
}

.list_con{width:100%;padding-top:40px;}
.list_con ul{width:1600px;margin:0 auto;}
.list_con ul li{float:left;width:31.33333%;margin-right:3%;margin-bottom:42px;background:#ffffff;box-shadow:10px 0px 20px rgba(0,0,0,.06);transition: transform 0.3s ease 0s, box-shadow 0.5s ease 0s;border-radius:4px;}
.list_con ul li:hover{box-shadow: 0px 6px 30px rgba(0,0,0,0.15);}
.list_con ul li:nth-child(3n){margin-right:0;}
.list_con ul li .pic{display:block;width:100%;height:306px;overflow:hidden;position:relative;}
.list_con ul li .pic img{width:100%;-o-object-fit: cover;object-fit: cover;-webkit-transition: -webkit-transform .3s ease;transition: -webkit-transform .3s ease;transition: transform .3s ease;transition: transform .3s ease,-webkit-transform .3s ease;}
.list_con ul li .pic:hover img{-webkit-transform: scale(1.05);transform: scale(1.05);}
.list_con ul li .pic>div{width:100%;height:100%;position:absolute;top:0;left:0;background:rgba(0,0,0,.5);display:none;z-index: 999;}
.list_con ul li .pic div.cur{background:rgba(0,0,0,.2) url(../images/look.png) center center no-repeat;opacity: 1 !important;}
.list_con ul li .bd{padding:0 0 20px;position:relative;}
.list_con ul li .wz{overflow:hidden;padding:6px 4%;border-bottom:1px solid #f0f3f5;}
.list_con ul li .wz .tlt{color:#333;font-size:16px;width:66%;float:left;height:40px;line-height:40px;overflow: hidden; text-overflow: ellipsis; white-space:nowrap;transition: all .4s ease-in-out .2s;-moz-transition: all .4s ease-in-out .2s;-webkit-transition: all .4s ease-in-out .2s}
.list_con ul li .wz .num{color:#999;font-size:16px;width:32%;float:right;text-align:right;height:40px;line-height:40px;transition: all .4s ease-in-out .2s;-moz-transition: all .4s ease-in-out .2s;-webkit-transition: all .4s ease-in-out .2s}
.list_con ul li:hover .wz:after{width:100%;}
.list_con ul li .btn{padding:15px 4% 0;}
.list_con ul li .btn a{display:inline-block;font-size:15px;color:#666;background:#eeeeee;height:32px;line-height:32px;text-align:center;padding:0 15px;margin-right:6px;}
.list_con ul li .btn a:hover{background:#ff5500;color:#fff;}
.list_con ul li:hover .wz .tlt{color:#fff;}
.list_con ul li:hover .wz .num{color:#fff;}
small {background:#ff5500;display:block;position:absolute;top:0;left:0;width:100%;height:53px;z-index:-1;transform:translateY(-100%);-moz-transform:translateY(-100%);-webkit-transform:translateY(-100%);transition:all .4s ease-in-out .2s;-moz-transition:all .4s ease-in-out .2s;-webkit-transition:all .4s ease-in-out .2s}
.list_con ul li:hover small{transform: translate(0);-moz-transform: translate(0);-webkit-transform: translate(0);opacity: 1}
@media screen and (max-width:1700px) and (min-width:1400px) {
	.list_con ul{width:95%;}
	.list_con ul li .pic{height:auto;}
}
@media screen and (max-width:1399px) and (min-width:1200px) {
	.list_con ul{width:95%;}
	.list_con ul li .pic{height:auto;}
	.list_con ul li{width:48.5%;}
	.list_con ul li:nth-child(3n){margin-right:3%;}
	.list_con ul li:nth-child(2n){margin-right:0;}
	.list_con ul li:nth-child(9n){margin-right:3%;}
}
@media screen and (max-width:1199px) and (min-width:1080px) {
	.list_con ul{width:95%;}
	.list_con ul li .pic{height:auto;}
	.list_con ul li{width:48.5%;}
	.list_con ul li:nth-child(3n){margin-right:3%;}
	.list_con ul li:nth-child(2n){margin-right:0;}
	.list_con ul li:nth-child(9n){margin-right:3%;}
}
@media screen and (max-width:1079px) and (min-width:768px) {
	.list_con ul{width:95%;}
	.list_con ul li .pic{height:auto;}
	.list_con ul li{width:48.5%;margin-bottom:25px;}
	.list_con ul li:nth-child(3n){margin-right:3%;}
	.list_con ul li:nth-child(2n){margin-right:0;}
	.list_con ul li:nth-child(9n){margin-right:3%;}
	.list_con ul li .btn a{padding: 0 12px;font-size: 14px;}
	.list_con ul li .wz .tlt{font-size:15px;width:100%;float:none;height: 30px;line-height: 30px;}
	.list_con ul li .wz .num{font-size:15px;width:100%;float:none;text-align:left;height: 30px;line-height: 30px;}
}
@media screen and (max-width:767px) {
	.list_con ul{width:95%;}
	.list_con ul li .pic{height:auto;}
	.list_con ul li{width:100%;margin-bottom:25px;margin-right:0;}
	.list_con ul li:nth-child(3n){margin-right:0;}
	.list_con ul li:nth-child(2n){margin-right:0;}
	.list_con ul li:nth-child(9n){margin-right:0;}
	.list_con ul li .btn a{padding: 0 12px;font-size: 14px;}
	.list_con ul li .wz .tlt{font-size:15px;width:100%;float:none;height: 30px;line-height: 30px;}
	.list_con ul li .wz .num{font-size:15px;width:100%;float:none;text-align:left;height: 30px;line-height: 30px;}
	.list_con{padding-top:25px;}
}

.al_foot { width:100%; height:40px; overflow:hidden; margin:0 auto; padding:0; background-color:#000;}
.al_foot .ft_ct { width:1600px; height:40px; overflow:hidden; line-height:40px; margin:0 auto; padding:0; color:#666; font-family:"微软雅黑"; font-size:12px;}
.ly_top { width:40px; height:40px; overflow:hidden; margin:0; padding:0; position:fixed; right:20px; bottom:60px;}
.ly_top a { display:block; width:38px; height:38px; overflow:hidden; margin:0; padding:0; border:1px solid #ccc; border-radius:3px; background:#fff url(../images/tp_tb1.png) center center no-repeat;}
.ly_top a:hover { border:1px solid #212121; background:#212121 url(../images/tp_tb2.png) center center no-repeat;}
.pagelist{text-align:center;width:100%;padding:10px 0 40px;}
.pagelist a{display:inline-block;margin:0 2px;border-radius:2px;background:#fff;color:#555;text-align:center;height:40px;line-height:40px;min-width:40px;font-size:15px;}
.pagelist a.pre{width:46px;}
.pagelist a:hover{background:#ff5500;color:#fff;}
.pagelist a.on{background:#ff5500;color:#fff;}
@media screen and (max-width:1700px) and (min-width:1400px) {
	.al_foot .ft_ct{width:95%;}
}
@media screen and (max-width:1399px) and (min-width:1200px) {
	.al_foot .ft_ct{width:95%;}
}
@media screen and (max-width:1199px) and (min-width:1080px) {
	.al_foot .ft_ct{width:95%;}
}	
@media screen and (max-width:1079px) and (min-width:768px) {
	.al_foot .ft_ct{width:95%;}
}
@media screen and (max-width:767px) {
	.al_foot .ft_ct{width:95%;}
}


.yd_right {display:block;width:44px;height:100px;overflow:hidden;margin:-80px 0 0;padding:0;position:fixed;top:70%;right:2px;z-index:9999;}
.yd_right ul li {margin:0 auto 8px;}
.yd_right ul li a {display:block;width:44px;height:44px;overflow:hidden;margin:0 auto;padding:0;border-radius:50%;background-color:#fff;background-image:-webkit-linear-gradient(left,#ff6c2b,#ff442b);box-shadow:0 4px 8px rgba(0,0,0,0.1);}
.yd_right ul li a img {display:block;width:20px;height:22px;margin:11px auto;padding:0;}
.yd_right li {display:none;}
@media screen and (max-width:767px) {
	.yd_right li {display: block;}
}