@charset "utf-8";

/*全局控制*/
body{width:100%;margin:0;padding:0;font-family:"微软雅黑";background: #f6f6f6; color:#787878;-webkit-text-size-adjust:none;}
html,body,div,dl,dt,dd,ol,ul,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,p{margin:0;padding:0;}
img{width:100%;height:auto;display: block;border:0;vertical-align:center;}
ul,li{list-style:none;}
.tc{text-align:center;}.tl{text-align:left;}.tr{text-align:right;}
.fl{float:left;}.fr{float:right;}.cl{clear:both;}.fb{font-weight:bold;}
.op{opacity: 0}
.flex{display:flex;}
.wrap{flex-wrap: wrap;}
a{text-decoration:none;color:#000;cursor: pointer;}
input[type="text"]:focus,input[type="password"]:focus,textarea:focus{outline:none;}
button{cursor: pointer;border:0;}


.box{width:1200px;margin:auto;}


/*头部*/
.head{width:100%;height:104px;padding-top: 54px}
.head_l{height:100%;}
.head_l img{width:auto;}
.logo{margin-top: 15px;margin-right: 12px}
.logo_title{height:56px;color: #a30147;margin-left: 15px;margin-top: -2px}
.logo_title span{font-size: 18px}
.logo_title p{font-size: 30px}

.head_r{width: 340px;height:40px;margin:10px 0;border-radius: 20px;border:1px solid #d2d1d1;}
.head_r form{display: block;width: 100%;height: 100%}
.head_r input{width: 230px;margin-left: 20px;height: 100%;float: left;background: none;border:0;}
.head_r button{float: right;display: inline-block;width:70px;height:100%;background: url(../images/seach.png);background-size: auto 80%;
	border:0;border-left:1px solid #d2d1d1;background-repeat: no-repeat;background-position: center
}


	/*导航*/
.nav{width:100%;height:50px;background:#a30147;position: relative;z-index:999;}
.nav ul{width:1111px;height:100%;margin:auto;justify-content: space-between;}
.nav ul>li {width:115px;height:100%;display: inline-block;line-height: 50px}
.nav ul>li>a{color:#fff;font-size: 15px}
.nav ul>li:hover{background: #e7e7e7;}
.nav ul>li:hover a{color: #a30147}
.nav ul>.active{background: #e7e7e7;}
.nav ul>.active a{color:#a30147;}


/*banner*/
.banner{width:100%;}
.slideBox{position: relative;z-index: 100}
.slideBox .hd{width:180px;position: absolute;bottom: 70px;left: 0;right: 0;margin:auto;text-align: center}
.slideBox .hd li{display: inline-block;width: 12px;height: 12px;margin:0 9px;border-radius: 6px;background: #fff}
.slideBox .hd .on{background:#a30147 }

/*首页关于我们*/
.index_ab{width:1110px;height: 150px;padding:40px 45px 0 45px;margin:-35px auto 20px auto;background: #fff;position: relative;z-index: 500}
.ab_logo{width:212px;height:108px;padding-right:45px;border-right:1px solid #000d16 }
.ab_type{width:850px}
.ab_type>div{width:20%;text-align: center;overflow: hidden;}
.ab_type>div a{display: block;width:100%;height:100%;}
.ab_type>div img{width: 60px;height: 60px;display: block;margin:auto}       
.ab_type>div span{font-size: 14px;display: inline-block;margin:15px 0 5px 0;color: #7a7a7a}
.ab_type>div p{text-transform: uppercase;font-size: 10px}

.ab_type>div img{
    transform: translateY(-150px);
    filter: drop-shadow(#7a7a7a 0 150px);
}
.ab_type>div:hover img{
    transform: translateY(-150px);
    filter: drop-shadow(#a30147 0 150px);
}
.ab_type>div:hover span{color:#a30147;}

/*首页内容*/
.index_con{width:1110px;padding:40px 45px;margin:auto;background: #fff}

.index_dt{width:410px;height: 350px;/*overflow: hidden;*/}
.dt_title{width:100%;height: 55px;border-bottom: 1px solid #dddddd}
.dt_title span{text-align: center;display: inline-block;width:70px;height:100%;margin-right:25px;line-height: 55px;cursor: pointer;}
.more{display: inline-block;width:70px;height: 55px;;background: url(../images/more.png);background-repeat: no-repeat;background-size: auto auto ;background-position: center}
.dt_title span:hover{color: #a30147;border-bottom: 2px solid #a30147}
.dt_title .active{color: #a30147;border-bottom: 2px solid #a30147}

.dt_list>div{width:100%;height: 125px;margin-top: 20px;border-bottom: 1px solid #ececec}
.dt_img{width:160px;height: 96px;overflow: hidden;margin-left: 20px}	
.dt_con{color:#919191;width:210px;font-size: 14px}
.dt_con span{color: #545454;font-size: 16px}
.dt_con p{line-height:200%;margin-top: 20px}
.dt_list ul{padding-top: 30px}
.dt_list ul li span{display: inline-block;width:5px; height:9px;margin-right:25px}
.dt_list ul li{font-size: 14px;line-height: 230%}
.dt_list ul li a{color: #585858}
.dt_list ul li:hover a{color: #a30147}






.index_jj{width:665px;height: 350px;/*overflow: hidden;*/}
.jj_con{width:100%;padding-top: 30px}
.jj_img{width:260px;height: 268px;margin-left: 12px}
.jj{width:370px;font-size: 14px}

.index_pro>{padding-top: 20px}
.index_pro>div{width:23%;margin:0 1%;}
.index_pro>div .pro_img{width:242px;padding:4px;border:1px solid #fff;overflow: hidden;}
.index_pro>div>p{font-size: 14px;text-align: center;margin:15px 0;}
.index_pro>div:hover .pro_img{border:1px solid #a30147;}
.index_pro>div:hover >p{color: #a30147}
.index_pro>div{margin-top: 20px}

/*底部*/
.foot{width:100%;height: 544px;background: url(../images/bg.png);background-size: 100% 100%}
.foot_nav{width:1200px;height: 100px;margin:auto;border-bottom: 1px solid #4c4d4e}
.foot_nav ul{width:1110px;margin:auto;justify-content: space-between;}
.foot_nav ul li{text-align: center;line-height: 100px}
.foot_nav ul li a{color: #d0d0d0;font-size: 14px}

.foot_left{width:622px;font-size: 14px}
.foot .box{margin-top: 50px}
.bot p{width:350px;margin-bottom: 25px}
.ewm{display: block;width: 260px;height: 111px}
.ewm img{width:110px;display: inline-block;}

.foot_link{color: #fff;width:360px;}
.foot_link p{margin-bottom:10px;}
.foot_link a{display: inline-block;margin:10px 2px 10px 0;color: #fff}

.foot_right{width:494px}



.con_con{padding:50px 20px;}
.con_con img{width:auto;display: inline-block;max-width: 100%;}


/*产品展示*/
.box_body{width:1110px;padding:40px 45px 0 45px;margin:-35px auto 20px auto;background: #fff;position: relative;z-index: 500}
.left_nav{width:250px;}
.left_nav div{color: #fff;height: 50px;background: #a30147;line-height: 50px;font-size: 20px;text-align: center;}
.left_nav ul li{font-size: 15px;text-align: center;height: 45px;line-height: 45px;border:1px solid #dadada;margin:1px 0;background: #fff}
.left_nav ul li a{color: #a30147;display: block;width: 100%;height: 100% }
.left_nav ul li:hover{background: #a30147;}
.left_nav ul li:hover a{color: #fff}
.left_nav ul .active{background: #a30147;}
.left_nav ul .active a{color: #fff}

.right_con{width:820px;}
.right_con .dt_title{height: 35px}
.right_con .dt_title span{font-size: 16px;line-height: 35px}
.right_con .dt_title p{width:400px;font-size: 14px;line-height: 35px}

.pro_list{width: 100%;margin-top: 48px}
.pro_list>div{width:250px;margin:10px}
.pro_list>div>div{width:250px;overflow: hidden;border:1px solid #fff;padding: 5px;}
.pro_list>div>div:hover{width:240px;border:1px solid #a30147;}
.pro_list>div>p{height: 40px;line-height: 40px;text-align: center;font-size: 14px}
.pro_list>div:hover>p{color: #a30147}

.pro_show{padding-top: 50px}
.pro_show>p{border-bottom: 1px solid #dcdcdc;padding-bottom: 45px}
.pro_img{width: 500px;margin:15px auto;}
.pro_show>span{font-size: 12px;display: inline-block;margin-top: 3px;text-align:center;width:100%;}
.pro_show>span>span{cursor: pointer;}

/*页数*/
.page{margin: 20px auto 70px auto}
.page a{margin:0 5px;display: inline-block;;width:40px;height:25px;background:none;line-height: 25px}
.page a:last-child,.page a:first-child{width:auto;border-radius: 0;border:0;background: none;color: #333}
.page .select{background: #a30147;color: #fff}



/*新闻*/
.news_list{width:100%;}
.news_list>div{margin-top: 50px;width:100%;height:120px;border-bottom: 1px dashed #dcdcdc}
.news_list>div a{display: inline-block;width: 100%;height: 100%}
.news_list>div p{font-size: 16px;color: #747474}
.news_list>div p span{display: inline-block;float: right;font-size: 14px}
.news_list>div div{font-size: 14px;margin-top: 24px;line-height: 200%;color: #a1a1a1}




.pro_er_type a{display: block;margin:20px 20px 0 0;width:187px;height: 30px;line-height: 30px;background: #a1a49d;color: #fff}
.pro_er_type .active{background:#a30147}




.fanye{margin:20px auto;height: 45px}
.fanye a{display: block;width: 125px;height: 45px;line-height: 45px;background: #b2b2b2;color: #fff}
.fanye a:hover{background: #a30147}