*{padding: 0;margin: 0;box-sizing: border-box;transition: .5s;}
html{position:relative;}
body,h1,h2,h3,h4,h5,p,ul,dl,dd,dt,input,div{font-weight:normal}
/*html,body,ul,p,ol,li,h1,h2,h3,h4,h5,h6,form,dl,dt,dd,input,span{font:16px/21px "Arial",sans-serif;}*/
li{list-style: none;}
a{text-decoration: none;color: #000;}
input{outline: none;border: none;}
button{border: none;outline: none;cursor: pointer;}
img{display: block;}

/* Common-Class */
.w1300{width: 100%;max-width: 1330px;margin: 0 auto;padding: 0 15px;}
.w1520{width: 100%;max-width: 1550px;margin: 0 auto;padding: 0 15px;overflow: hidden;}
.w1630{width: 100%;max-width: 1660px;margin: 0 auto;padding: 0 15px;}
.fl{float: left;}
.fr{float: right;}
.por{position: relative;}
.poa{position: absolute;}
.none{display: none;}
.block{display: block !important;}
.flex{display: flex !important;}
.flex_ju{display: flex;justify-content: space-between;flex-wrap: wrap;}
.text_l{text-align: left;}
.text_cen{text-align: center;}
.text_r{text-align: right;}
.ellipsis{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.ellipsis_er{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.Imgovf{width: 100%;display: inline-block;overflow: hidden;}
.Imgovf:hover img{transform: scale(1.1);}
.Imgovf img{width:100%;transition: .5s;}


/*  */
.flex_w{display: flex;flex-wrap: wrap;}
.cc_3{width: 32.5%;margin: 0 1.25% 1.25% 0;cursor: pointer;}
.cc_3:nth-child(3n+3){margin-right: 0;}
.cc_4{width: 24%;margin: 0 1.33% 1.33% 0;cursor: pointer;}
.cc_4:nth-child(4n+4){margin-right: 0;}
@media screen and (max-width: 900px) {
	.cc_3{width: 49%;margin: 0 2% 2% 0;}
	.cc_3:nth-child(3n+3){margin-right: 2%;}
	.cc_3:nth-child(2n+2){margin-right: 0;}
	.cc_4{width: 49%;margin: 0 2% 2% 0;}
	.cc_4:nth-child(4n+4){margin-right: 2%;}
	.cc_4:nth-child(2n+2){margin-right: 0;}
}
@media screen and (max-width: 550px) {
	.cc_3{width: 100%;margin: 0 0 15px 0;}
	.cc_3:nth-child(3n+3){margin-right: 0;}
	.cc_4{width: 100%;margin: 0 0 15px 0;}
	.cc_4:nth-child(4n+4){margin-right: 0;}
}
/*  */

/* 头部 */
.header{width: 100%;height: 88px;background: url(../img/head_yy.png) no-repeat;background-position: 0 -58px;position: absolute;top: 0;left: 0;z-index: 10;}
.header .w1630{display: flex;justify-content: space-between;align-items: center;}
.header_sousuo{display: flex;align-items: center;}
.header_sousuo img{width: 30px;}
.sousuokuang{visibility: hidden;opacity: 0;position: absolute;bottom: -30px;right: 0;height: 30px;border-radius: 15px;padding: 0 15px;}
.header_bottom_yili:hover .sousuokuang{bottom: -10px;visibility: visible;opacity: 1;z-index: 2;right: 15px;}
.sousuokuang_sj{height: 30px;border-radius: 15px;padding: 0 15px;background-color: #1F2233;color: #fff;}
.header > .w1630 > img{max-width: 360px;width: 80%;}
.header_bottom_yili{float: left;padding: 0 18px;height: 88px;display: flex;align-items: center;}
.header_bottom_yili:last-child{padding-right: 0;}
.header_bottom_yili > a{color: #fff;font-size: 20px;max-width: 110px;text-align: center;}
.rotate90{transform: rotate(90deg);}
.header_bottom_zhezhao{visibility: hidden;opacity: 0;width: 100%;position: absolute;left: 0;top: 130%;background-color: rgb(0, 0, 0, .5);transition: .5s;display: flex;justify-content: center;}
.header_bottom_yili:hover .header_bottom_zhezhao{top: 88px;visibility: visible;opacity: 1;z-index: 2;}
.header_bottom_zhezhao ul::after{content: '';display: block;clear: both;}
.header_bottom_zhezhao li{float: left;}
.header_bottom_zhezhao a{height: 60px;line-height: 60px;color: #fff;padding: 0 15px;font-size: 16px;display: inline-block;}
.header_chanpin{visibility: hidden;opacity: 0;width: 80%;position: absolute;right: 0;top: 130%;background-color: #fff;padding: 30px;}
.header_bottom_yili:hover .header_chanpin{top: 88px;visibility: visible;opacity: 1;z-index: 2;}
.header_chanpin_tab{border-bottom: 1px solid #ddd;padding-bottom: 10px;margin-bottom: 20px;}
.header_chanpin_tab a{display: inline-block;padding: 6px 80px;margin: 0 20px 0 0;font-size: 12px;color: #444;background-color: #eee;cursor: pointer;}
.header_chanpin_tab_hover{background-color: #0072b8 !important;color: #fff !important;}
.header_chanpin_main{display: none;}
.header_chanpin_main_btn{display: block;}
.header_chanpin_main::after{content: '';display: block;clear: both;}
.header_chanpin_main_list{float: left;margin-right: 25px;}
.header_chanpin_main_list:last-child{margin-right: 0;}
.header_chanpin_main_list h4{color: #0072b8;font-size: 14px;letter-spacing: 0;margin-bottom: 10px;}
.header_chanpin_main_list a{border-bottom: 1px solid #eee;display: block;height: auto;line-height: 1em;margin: 0 0 10px 0;padding: 0 0 10px 0;color: #666;font-size: 12px !important;}
.header_chanpin_main_list a:hover{border-bottom: 1px solid #0072b8;}
.header_chanpin_main_list a:last-child{margin-bottom: 0;}


@media screen and (max-width: 1550px) {
	.header_bottom > li{padding: 0 10px;}
}
@media screen and (max-width: 1400px) {
	.header_bottom li a{font-size: 16px;}
}
@media screen and (max-width: 1250px) {
	.header_r{display: none;}
}

/* 手机头部 */
.shouji_header{position: fixed;right: -300px;top: 0;height: 100%;z-index: 12;background-color:  rgb(255, 255, 255);width: 300px;overflow: hidden;transition: .5s;padding: 25px;}
.shouji_header_li{margin-bottom: 15px;border-bottom: 1px solid #999;padding-bottom: 15px;}
.shouji_header_li a{font-size: 18px;display: block;}
.shouji_header_li a img{width: 20px;height: 20px;float: right;margin-top: 1px;transition: .5s;}
.zhezhao{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgb(0, 0, 0, .3);z-index: 11;display: none;}
.shouji_header_erji{margin: 15px 0 0 15px;display: none;transition: none;}
.shouji_header_erji li{margin-bottom: 5px;}
.shouji_header_erji li:last-child{margin-bottom: 0;}
.shouji_header_erji a{font-size: 18px;}
@media screen and (min-width: 1250px) {
	.shouji_header{display: none;}
	.zhezhao{display: none;}
}

/* 头部汉堡按钮 */
.menu {background-color: transparent;border: none;cursor: pointer;display: flex;padding: 0;}
.line {fill: none;stroke: white;stroke-width: 6;transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1),stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);}
.line1 {stroke-dasharray: 60 207;stroke-width: 6;}
.line2 {stroke-dasharray: 60 60;stroke-width: 6;}
.line3 {stroke-dasharray: 60 207;stroke-width: 6;}
.opened .line1 {stroke-dasharray: 90 207;stroke-dashoffset: -134;stroke-width: 6;}
.opened .line2 {stroke-dasharray: 1 60;stroke-dashoffset: -30;stroke-width: 6;}
.opened .line3 {stroke-dasharray: 90 207;stroke-dashoffset: -134;stroke-width: 6;}
@media screen and (min-width: 1250px) {
	.menu{display: none !important;}
}

/* 更多按钮 */
.com_gengduo{font-size: 14px;color: #242B3D;line-height: 36px;}
.com_gengduo img{display: inline-block;position: relative;top: -3px;margin-left: 10px;transition: .5s;}
.com_gengduo:hover img{margin-left: 15px;}

/* 底部 */
.footer{background: url(../img/bac5.jpg) no-repeat center;background-size: 100% 100%;}
.footer_top{display: flex;justify-content: space-between;flex-wrap: wrap;padding: 40px 15px 50px;}
.footer_top_list::after{content: '';display: block;clear: both;}
.footer_top_list ul{height: 260px;margin-right: 50px;float: left;}
.footer_top_list ul:last-child{margin-right: 0;}
.footer_top_list ul li{margin-bottom: 12px;}
.footer_top_list ul li:last-child{margin-bottom: 0;}
.footer_top_list ul li a{color: #BFBFBF;}
.footer_top_list ul h2{font-size: 18px;color: #fff;font-weight: bold;margin-bottom: 25px;}
.footer_top_xinxi > img{width: 100%;margin-bottom: 30px;}
.footer_top_xinxi li{display: flex;margin-bottom: 15px;}
.footer_top_xinxi li img{margin-right: 15px;width: 20px;}
.footer_top_xinxi li span{color: #fff;font-size: 20px;}
.footer_top_erwei img{margin-bottom: 15px;}
.footer_top_erwei p{text-align: center;color: #FFFFFF;}
.footer_bottom{border-top: 2px solid #363C4E;}
.footer_bottom_li{padding: 15px;}
.footer_bottom_li::after{content: '';display: block;clear: both;}
.footer_bottom_li > div{color: #fff;float: left;}
.fanhui{float: right;color: #fff;font-size: 14px;}
.fanhui span{display: inline-block;font-size: 14px;}
.fanhui:hover span{transform: rotate(-90deg);}
@media screen and (max-width: 900px) {
	.footer_top_list{width: 100%;}
	.footer_top_list ul{width: 13%;margin-right: 1.5%;}
	.footer_top_list ul:last-child{margin-right: 0;}
}
@media screen and (max-width: 780px) {
	.footer_top_list ul{width: 100%;height: auto;margin: 0 0 20px 0;}
	.footer_top_list ul li{float: left;margin: 0 15px 2px 0;}
	.footer_top_list ul li:last-child{margin-right: 0;}
	.footer_top_list ul h2{margin-bottom: 10px;}
}
@media screen and (max-width: 650px) {
	.footer_top_xinxi{width: 100%;margin: 15px 0;}
	.footer_top_erwei{width: 100%;}
	.footer_top_erwei img{margin: 0 auto 15px;}
	.footer_top{padding: 30px 15px;}
	.fanhui{width: 100%;display: inline-block;margin-top: 5px;}
}



.pagination{ width:100%; text-align:center;margin-bottom:50px;}
.pagination li{display:inline-block; margin:5px;}
.pagination li a{display:block; font-size:18px;border:1px solid #e8e7e7; line-height:38px; height:38px; padding:0 13px; }
.pagination li a:hover{background:#242B3D; color:#fff;}
.active a{background:#242B3D; color:#fff;}