*{box-sizing: border-box;}
html{font-family: "黑体";}
html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img ,button,input{ margin:0; padding:0;font-weight: normal;}
input{box-shadow: none;
appearance:button;
   -moz-appearance:button; /* Firefox */
   -webkit-appearance:button; /* Safari 和 Chrome */
}
ul, ol { list-style:none; }
a:link,a:visited{color:#444;text-decoration:none;}
a:hover{color:#333333;text-decoration:none;}
a{color: #444;}
img{border:0;vertical-align: middle;}
table{border-collapse:collapse;}
body{
-webkit-tap-highlight-color:transparent;
-webkit-tap-highlight-color:rgba(0,0,0,0);
background-color: #f1f4fb;
}
button,input{border: none;outline: none;}
body::-webkit-scrollbar {
      display: none;
    }
@charset "utf-8";

/* 头部 */
.head{width: 100%;overflow: hidden;height: 220px;padding: 0 30px;position: relative;background: url(../images/head_bg.jpg)no-repeat bottom center;}
.head .head_logo{position: relative;top: 50%;transform: translateY(-60%);}
.head .head_logo .logobox{display: inline-block;vertical-align: bottom;}
.head .head_logo .logo_txt{display: inline-block;vertical-align: bottom;}
.head .head_td{width: 100%;position: absolute;height: 100%;top: 0;text-align: center;}
.head .head_td img{max-width: 28%;position: relative;top: 50%;transform: translateY(-40%);}

/* 内容 */
.content{width: 100%;padding: 0 30px;background: url(../images/body_bg.jpg)no-repeat top center;}
.center_box{width: 100%;overflow: hidden;zoom: 1;}
.center_left{width: 272px;float: left;background: #ffffff;padding: 22px;border-radius: 5px;}
.center_right{width: calc(100% - 287px);float: right;}

.center_left::-webkit-scrollbar{
  width: 12px;     /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
}

.center_left .hyfl_tit{width: 100%;overflow: hidden;zoom: 1;padding: 15px 0;border-bottom: 1px solid #e8e8e8;margin-bottom: 23px;}
.center_left .hyfl_tit img{display: inline-block;vertical-align: middle;}
.center_left .hyfl_tit span{display: inline-block;vertical-align: middle;font-size: 16px;}

.title01box{width: 100%;overflow: hidden;zoom: 1;}
.title01{width: calc(100% + 7px);overflow: hidden;zoom: 1;text-align: center;font-size: 0;align-items: center;justify-content: space-between;}
.title01 li{width: 33.33%;padding-right: 7px; text-align: center;font-size: 15px;display: inline-block;padding-bottom: 10px;}
.title01 li a{display: block;width: 100%;background: #f1f4fa;padding: 25px 0;border-radius: 8px;position: relative;}
.title01 li a:after{display: none;content: ""; width: 10px;height: 10px;background: #0ab7db;transform:rotateZ(45deg);position: absolute;left: 50%;top: 100%;z-index: 666;margin-top: -6px; margin-left: -5px;}
.title01 li.act a{background: #0ab7db;color: #fff;}
.title01 li.act a:after{display: block;}
.fl_list{width: 100%;}
.fl_list ul{width: calc(100% + 15px);overflow: hidden;zoom: 1;font-size: 0;height:144px ;}
.fl_list ul li{width: 33.33%;padding-right: 15px; display: inline-block;text-align: center;font-size: 14px;color: #797979;line-height: 36px;text-align: center;cursor: pointer;}
.fl_list ul li a{display:block}
.fl_list ul li:hover a{text-decoration: underline;color: #AE0917;}
.fl_list ul li.active a{color: #AE0917;}
.more_fl{text-align: center;font-size: 0;padding: 5px 0;background: #f1f4fa;border-radius: 6px;margin-top: 15px;margin-bottom: 25px;cursor: pointer;}
.more_fl img{width: 16px;}
.more_fl span{font-size: 26px;line-height: 26px;}
.close{text-align: center;font-size: 0;padding: 5px 0;background: #f1f4fa;border-radius: 6px;margin-top: 15px;margin-bottom: 25px;cursor: pointer;}
.close img{width: 16px;}
.close span{font-size: 26px;line-height: 26px;}

.ysfl_tit{width: 100%;overflow: hidden;zoom: 1;padding: 15px 0;border-bottom: 1px solid #e8e8e8;margin-bottom: 23px;}
.ysfl_tit img{display: inline-block;vertical-align: middle;}
.ysfl_tit span{display: inline-block;vertical-align: middle;font-size: 16px;}

.color_fl{width: 100%;overflow: hidden;zoom: 1;}
.color_fl ul{width: calc(100% + 10px);}
.color_fl ul li{width: 12.5%;float: left;padding-right: 10px;padding-bottom: 10px;max-width: 40px;}
.color_fl ul li a{display: block;width: 100%;background: #dc143c;border: 1px solid rgba(0,0,0,.4);border-radius: 2px;}
.color_fl ul li a:after{display: block;content: "";padding-top: 100%;}
.color_fl ul li.c-dc143c a{background: #dc143c;}
.color_fl ul li.c-ffffff a{background: #ffffff;}
.color_fl ul li.c-808080 a{background: #808080;}
.color_fl ul li.c-000000 a{background: #000000;}
.color_fl ul li.c-dcba14 a{background: #dcba14;}
.color_fl ul li.c-2e8b57 a{background: #2e8b57;}
.color_fl ul li.c-00bfff a{background: #00bfff;}
.color_fl ul li.c-800080 a{background: #800080;}
.color_fl ul li.c-d2691e a{background: #d2691e;}
.color_fl ul li.c-2e5f8b a{background: #2e5f8b;}
.color_fl ul li.c-4900ff a{background: #4900ff;}
.color_fl ul li.c-800400 a{background: #800400;}
.color_fl ul li.c-80d21e a{background: #80d21e;}
.color_fl ul li.c-8b512e a{background: #8b512e;}
.color_fl ul li.c-cfff00 a{background: #cfff00;}
.color_fl ul li.c-008077 a{background: #008077;}
.color_fl ul li.c-5d1ed2 a{background: #5d1ed2;}
.color_fl ul li.c-658b2e a{background: #658b2e;}
.color_fl ul li.c-00ff38 a{background: #00ff38;}
.color_fl ul li.c-000480 a{background: #000480;}
.color_fl ul li.c-d21e8c a{background: #d21e8c;}

.center_right{padding:22px;background: #f1f4fa;border-radius: 5px;}
.center_right_tit:after{display: block;content: "";width: 100%;height: 0;visibility: hidden;clear: both;}
.center_right_tit{width: 100%;zoom: 1;padding-bottom: 15px;border-bottom: 1px solid #d9dbdf;}
.center_right_tit_left{float: left;padding-top: 4px;}
.center_right_tit_left .center_right_tit_left_nav{float: left;}
.center_right_tit_left .center_right_tit_left_nav li{float: left;width: 82px;line-height: 27px;text-align: center;margin-right: 10px;border-radius: 8px;border: 1px solid #e2e2e2;cursor: pointer;}
.center_right_tit_left .center_right_tit_left_nav li.act{background: #ffffff;box-shadow: 0 0 5px #d0d2d8;}
.center_right_tit_left .center_right_tit_left_nav li:hover{background: #ffffff;box-shadow: 0 0 5px #d0d2d8;}

.center_right_tit_left .center_right_tit_left_nav li a{display: block;width: 100%;}
.center_right_tit_left .tem_total{float: left;font-size: 14px;color: #7b7b7b;line-height: 27px;}
.center_right_tit_left .tem_total span{color: #ff8400;font-weight: bold;}
.center_right_tit_right{float: right;}
.center_right_tit_right form{width: 340px;float: right;overflow: hidden;zoom: 1;background: #ffffff;padding-left: 10px; border-radius: 20px;box-shadow: 0 0 5px #d0d2d8;}
.center_right_tit_right form input{width:calc(100% - 40px);float: left;background: none;float: left;line-height: 37px;}
.center_right_tit_right form button{float: right;background:none;width: 40px;text-align: center;line-height: 37px;}

.tem_list{width: 100%;overflow: hidden;zoom: 1;}
.tem_list ul{width: calc(100% + 80px);}
.tem_list ul li{width: calc(25% - 80px);margin-right: 80px; float: left;padding-bottom: 30px;padding-top: 25px;border-bottom: 1px dotted #b8b8b8;}
.tem_list ul li .tembox{width: 100%;overflow: hidden;position: relative;}
.tem_list ul li .tembox .pc{width: 85%;}
.tem_list ul li .tembox .pc .pcmain{border: 1px solid #767b82;border-radius: 10px;overflow: hidden;}
.tem_list ul li .tembox .pc .pcmain .pcbox{width: 100%;position: relative;overflow: hidden;border-bottom: 1px solid #767B82;}
.tem_list ul li .tembox .pc .pcmain .pcbox:after{display: block;content: "";padding-top: 64%;}
.tem_list ul li .tembox .pc .pcmain .pcbox .picbox{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.tem_list ul li .tembox .zzbox{width: 100%;height: 100%;position: absolute;left: 0;top: 0; background: rgba(0,0,0,.7);opacity: 0;transition: all 0.4s;}
.tem_list ul li .tembox .zzbox img{position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;}
.tem_list ul li .tembox .pcbox:hover .zzbox{opacity: 1;}
.tem_list ul li .tembox .phmain:hover .zzbox{opacity: 1;}





.tem_list ul li .tembox .pc .pcmain .pc_cen{width: 100%;background: #ebeeef;}
.tem_list ul li .tembox .pc .pcmain .pc_cen:after{display: block;content: "";padding-top: 16%;}
.tem_list ul li .tembox .pc .pc_bot{width: 37%;margin: 0 auto;margin-top: 2px;border-bottom: 1px solid #8a8e97;}
.tem_list ul li .tembox .pc .pc_bot span{display: block;width: 54%;background: #bbc1c5;padding-top: 30%;margin: 0 auto;}
.tem_list ul li .tembox .ph{width: 35%;position: absolute;right: 0;bottom: 0;z-index: 66;}
.tem_list ul li .tembox .ph .phmain{width: 100%;overflow: hidden;zoom: 1;border: 1px solid #767b82;position: relative;border-radius: 10px;background: #ebeeef;}
.tem_list ul li .tembox .ph .phmain .ph_top{width: 100%;position: relative;border-bottom: 1px solid #767b82;}
.tem_list ul li .tembox .ph .phmain .ph_top:after{display: block;content: "";padding-top: 31%;}
.tem_list ul li .tembox .ph .phmain .ph_top span{width: 10px;height: 1px;background: #767B82;position: absolute;left: 50%;top: 50%;margin-left: -5px;}
.tem_list ul li .tembox .ph .phmain .phbox{width: 100%;position: relative;overflow: hidden;border-bottom: 1px solid #767B82;}
.tem_list ul li .tembox .ph .phmain .phbox:after{display: block;content: "";padding-top: 115%;}
.tem_list ul li .tembox .ph .phmain .phbox .picbox{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.tem_list ul li .tembox .ph .phmain .phbox .ewmbox{width: 100%;height: 100%;position: absolute;left: 0;top: 0; background: rgba(0,0,0,.7);opacity: 0;transition: all 0.4s;}
.tem_list ul li .tembox .ph .phmain .phbox .ewmbox img{position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;max-width: 90%;max-height: 90%;}
.tem_list ul li .tembox:hover .ph .phmain .phbox .ewmbox{opacity: 1;cursor: pointer;}
.tem_list ul li .tembox .ph .phmain .ph_bottom{width: 100%;position: relative;}
.tem_list ul li .tembox .ph .phmain .ph_bottom:after{display: block;content: "";padding-top: 31%;}
.tem_list ul li .tembox .ph .phmain .ph_bottom span{position: absolute;width: 100%;left: 0;top: 50%;text-align: center;transform: translateY(-50%);font-size: 14px;opacity: 0;transition: all 0.4s;}
.tem_list ul li .tembox:hover .ph .phmain .ph_bottom span{opacity: 1;}
.tem_list ul li .tem_txt{width: 100%;overflow: hidden;zoom: 1;padding-top: 25px;}
.tem_list ul li .tem_txt .tem_tit{float: left;}
.tem_list ul li .tem_txt .tem_num{float: right;font-size: 14px;padding: 0 10px;background: #0ab7db;color: #ffffff;border-radius: 6px;line-height: 30px;}
.tem_list ul li .tem_txt  h4{font-size: 16px;color: #2c2c2c;line-height: 32px;width: 100%;clear: both;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.tem_list ul li .tem_txt .tem_tit h5{font-size: 14px;color: #7f7f7f;line-height: 30px;}


/* 页码 */
.pageNum{text-align: center;font-size: 0;padding-top: 30px;width: 100%;border-top: 1px solid #d9dbdf;margin-top: 35px;}
.prevBtn{width: 32px;height: 32px;line-height: 32px;text-align: center;display: inline-block;vertical-align: middle;cursor: pointer;margin: 0 5px;}
.nextBtn{width: 32px;height: 32px;line-height: 32px;text-align: center;display: inline-block;vertical-align: middle;cursor: pointer;margin: 0 5px;}
.pageNum ul{display: inline-block;font-size: 0;text-align: center;vertical-align: middle;}
.pageNum ul li{width: 32px;height: 32px;line-height: 32px;color: #989898; text-align: center;display: inline-block;background: #ffffff;font-size: 15px;font-family: arial;margin: 0 5px;cursor: pointer;box-shadow: 0 0 8px rgba(0,0,0,.06);border-radius: 5px;}
.pageNum ul li a{display:block}
.pageNum ul li:hover{background: #5d5d5d;color: #fff;}
.pageNum ul li.act{background: #5d5d5d;color: #fff;}
.pageNum ul li:hover a{color: #ffffff;}
.pageNum ul li.act a{color: #ffffff;}
/* .fixednav{position: fixed;left: 30px;top: 0;overflow: auto;} */

/* 页码 */
.c-pages{width: 100%;text-align: center;margin-top: 15px;}
.c-pages .cp-item{display: inline-block;line-height: 40px;}
.c-pages .cp-item button{padding: 5px 10px;background: #0ab7db;color: #fff;font-size: 12px;cursor: pointer;}
#goToPage{width: 40px;height: 40px;line-height: 40px;background: #ffffff;}
@media only screen and (max-width:1600px) {
	.tem_list ul{width: calc(100% + 60px);}
	.tem_list ul li{width: calc(25% - 60px);margin-right: 60px;}
}
@media only screen and (max-width:1440px) {
	.tem_list ul{width: calc(100% + 60px);}
	.tem_list ul li{width: calc(33.333% - 60px);margin-right: 60px;}
	.center_right_tit_right form{width: 300px;}
}
@media only screen and (max-width:1199px) {
	.tem_list ul{width: calc(100% + 30px);}
	.tem_list ul li{width: calc(33.333% - 30px);margin-right: 30px;}
	.tem_list ul li .tembox .ph .phmain .ph_bottom span{font-size: 12px;}
}
@media only screen and (max-width:991px) {
	.center_left{width: 100%;float: none;}
	.center_right{width: 100%;float: none;}
	.fl_list ul li{width: 14.28%;line-height: 30px;}
	.more_fl{margin-bottom: 10px;}
	.content{padding: 0 20px;}
	.center_left{min-height: auto !important;}
}
@media only screen and (max-width:767px) {
	.fl_list ul li{width: 16.6666%;}
	.content{padding: 0 15px;}
	.center_right{padding: 20px 0;}
	.title01 li a{padding: 20px 0;}
	.tem_list ul li .tem_txt{padding-top: 10px;}
	.tem_list ul li{padding-bottom: 15px;}
	.center_right_tit_left{width: 100%;}
	.center_right_tit_left .center_right_tit_left_nav li{width: 70px;font-size: 14px;margin-bottom: 10px;}
	.center_right_tit_left .tem_total{margin-bottom: 10px;}
	.center_right_tit_right{width: 100%;padding: 0 5px;}
	.center_right_tit_right form{width: 100%;}
	.center_right_tit_right form input{line-height: 32px;}
	.center_right_tit_right form button{line-height: 32px;}
	.tem_list ul li .tem_txt .tem_tit{float: none;margin-bottom: 3px;}
	.tem_list ul li .tem_txt .tem_num{float: none;display: inline-block;}
	.tem_list ul li .tem_txt h4{line-height: 28px;}
	.tem_list ul li .tem_txt .tem_tit h5{line-height: 28px;}
}
@media only screen and (max-width:640px) {
	.fl_list ul li{width: 20%;}
	.content{padding: 0 15px;}
	.tem_list ul li .tem_txt h4{font-size: 14px;}
	.tem_list ul li .tembox .ph .phmain .ph_bottom span{font-size: 10px;}
}
@media only screen and (max-width:560px) {
	.fl_list ul li{width: 25%;}
	.tem_list ul li {width:calc(50% - 30px)}
}
@media only screen and (max-width:480px) {

}