@charset "utf-8";
/* CSS Document */

html,body,div,ul,li,a,p,span,img,h1,h2,h3,h4,h5{padding: 0; margin: 0;}

@media screen and (max-width:900px) {
    body{max-width: 1170px;}
}
a{text-decoration: none;}
img{border:none;}
ul,li{list-style: none;}
.cl{clear: both;}
.mt50{margin-top: 50px;}
.L{float: left;}
.R{float: right;}

.top{margin-bottom: 0; position: absolute; z-index: 99999; background-color: rgba(0, 0, 0, 0.47); border: none; border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; border-bottom: 1px solid #BBB; border-radius: 0; width: 100%; padding: 3px 0;}
.menu{width: 1170px;margin: 0 auto;}
.logo img{width: 30px; height: 30px;margin-top: 15px; float: left;}
.logo a{color: #bbb;font-size: 18px;line-height: 60px; float: left;padding-left: 10px;}
.logo a:hover{color: #fff;}
.menur ul li{float: left;height: 60px;line-height: 60px;}
.menur ul li:hover{cursor: pointer;}
.menur ul li:hover a{color: #710000;}
.menur ul li a{color: #bbb;padding: 0 20px;}
.menur ul li a:hover{color: #710000;}
.menur ul li a.active{color: #fff;}
.menur ul li .menu2{display: none;width: 100%;}
.menur ul li .menu2 a{display: block;text-align: center;line-height: 40px;color: #fff;background: #710000;padding: 0;}
.menur ul li .menu2 a:hover{color: #710000;background: #fff;}
.menur ul li:hover .menu2{display: block;}

/* banner电脑 */
.m-banner{display: none;}
.c-banner{ width: 100%; position: relative; overflow: hidden;}
.c-banner img{ width: 100%;}
.c-banner .banner ul{ list-style: none; padding-left: 0px; margin-bottom: 0px;}
.c-banner .banner ul li{ /*position: absolute;*/ display: none; opacity: 0;}
.c-banner .banner ul li:nth-child(1){ opacity: 1; display: block;}
.c-banner .banner ul li img{ width: 100%; position: absolute; top: 0px;}
.c-banner .banner ul li:first-child img{ position: relative;}
.c-banner .jumpBtn{ width: 100%; position: absolute; bottom: 20px; text-align: center;}
.c-banner .jumpBtn ul{ margin-bottom: 0px; padding: 0px;}
.c-banner .jumpBtn ul li{ width: 30px; height: 10px; border-radius: 5px; display: inline-block; background-color: rgba(255, 255, 255, 0.5); opacity: 0.9; margin-left: 10px;}
.c-banner .jumpBtn ul li:first-child{ margin-left: 0px;}
@media screen and (max-width:768px) {
    .c-banner{ width: 100%; overflow: hidden; }
    .c-banner .banner ul li img{ width: 100%; position: absolute; }
    .c-banner .jumpBtn ul li{ width: 8px; height: 8px; margin-left: 5px;}
}

/*主体*/
h2{color: #990033;font-size: 30px;font-weight: 700;text-align: center;}
.ms{text-align: center;margin-top: 20px;margin-bottom: 40px;}
.ms span{color: #5e5951;font-weight: 100;line-height: 25px;}

/*m1*/
ul,ol,li{list-style: none;}
button{border:none;}
#my-slide{width:100%;height:300px;}
#my-slide .slide-list{max-width: 1900px; width:100%;height:300px;overflow: hidden;position: relative;margin:0 auto;}
#my-slide .slide-list li{margin-right:20px;height:300px;position: absolute;top:0;overflow: hidden;width:calc(100% - 20px - 50%);max-width: 630px;}
#my-slide .slide-list li img{height:300px;width:630px;}
/*淡入动画*/
@keyframes fadeIn{
    from{
        opacity: 0;
    }
    to{
        opacity: 1;
    }
}
/*应用动画到具体的元素*/
.bt{
    animation: fadeIn 0.5s ease-in-out forwards;
}
.bt{display: none;position: absolute;width:calc(100% - 10px); background-color: rgba(0, 0, 0, 0.47);color: #fff; bottom: 0;text-align: center;padding: 5px;}
.bt h3{height: 40px; line-height: 40px;font-size: 16px;}
.bt span{color: #999;font-size: 14px;line-height: 23px;}
#my-slide .slide-list li:hover .bt{display: block;}

/**顶部幻灯片按钮**/
.slick-top-prev{position:absolute;display: block;height: 94px;width:56px;border-top-right-radius: 4px;border-bottom-right-radius: 4px;top: 50%;left: 0px;margin-top:-47px;}
.slick-arrow{background-color: #fff;font-family: monospace;font-weight: 100;font-size: 50px;color: #333;outline: none;z-index: 1;opacity: .95;}
.slick-top-prev:before{content: "<";font-weight: bold;}
.slick-top-next{position:absolute;display: block;height: 94px;width:56px;border-top-right-radius: 4px;border-bottom-right-radius: 4px;top: 50%;right: 0px;margin-top:-47px;}
.slick-top-next:before{content: ">";font-weight: bold;}

/*m2*/
.m2{width: 1170px;margin: 50px auto 0;}
.m21l{width: 50%;}
.m21r{width:calc(48% - 20px);padding: 20px 10px; color: #5e5e5e;font-size: 14px;line-height: 25px;}
.m21r a{float: right;margin-top: 10px; padding: 10px 30px;background: #710000;color: #fff;border-radius: 20px;}
.m21r a:hover{background: #0073CF;}

/*m3*/
.m3{background: #f5f1f2;padding: 50px 0;}
.m31{width: 1170px; margin: 0 auto;}
.m31l{width: 40%;}
.m31l ul li img{width: 100%;height: 200px;}
.m31l ul li a{background: #710000;color: #fff;display: block;text-align: center;font-size: 16px;padding: 10px;margin-bottom: 5px;}
.m31r{width: 56%;}
.m31r ul li a{color: #5e5951;font-size: 14px; line-height: 43px;}
.m31r ul li a:hover{color: #710000;}
.m31r ul li span{float: right;color: #999;font-size: 12px;}
.m31r a.more{float: right;margin-top: 10px; padding: 10px 30px;background: #710000;color: #fff;border-radius: 20px;}
.m31r a:hover.more{background: #0073CF;}

/*m4*/

/*m5*/
.m5{padding: 50px 0;background: #000;color: #bbb;}
.m5 p{text-align: center;padding-top: 30px;}
.m5 p a{color: #bbb;}
.foot{width: 1170px; margin: 0 auto;border-bottom: 1px solid #fff;padding-bottom: 30px;}
.foot .ftl,.foot .ftm,.foot .ftr{width: 33.3%;}
.foot h3{color: #990033;margin-bottom: 10px;}
.foot .ftl ul li a{color: #bbb;line-height: 25px;font-size: 13px; }
.foot .ftl ul li a:hover{text-decoration: underline;}
.foot .ftm span{display: block;font-size: 13px;line-height: 25px;}

/*内页分类*/
.sort{width: 80%;margin: 0 auto;padding: 50px 0 10px;text-align: center;}
.sort .sortli{text-align: center;margin: 0 10px;float: left;}
.sort .sortli a{width: 100%; display: inline-block;background: #fff;padding: 10px 0; border: 1px solid #990033;color: #990033;font-size: 14px;border-radius: 10px;}
.sort .sortli a:hover,.sort .sortli a.active{background: #990033;color: #fff;}

/*单页内容*/
.txt{background: #F5F5F5;width: 100%;padding: 50px 0;}
.txtimg,.txtimg img{width: 100%;}
.w117{width: 1170px; margin: 0 auto;}
.txtnr{font-weight: 100; line-height: 25px; color: #5e5951;}

/*page*/
.page{margin: 50px auto;text-align: center;width: 100%;color: #333;}
.page a{color: #333;}
.page a:hover{color: #990033;}
.page span{padding: 0 2px;}
.page span a{color: #333; padding: 0 3px;}
.page span a:hover,.page span a.page-num-current{color: #990033;}

/*新闻*/
.newsli{padding: 0 20px;}
.newsli ul li{margin-bottom: 20px;border-bottom: 1px dotted #999;padding-bottom: 20px;}
.newsli ul li img{width: 300px; height: 180px;}
.newsli ul li .newr{width:calc(100% - 360px);}
.newsli ul li .newr h4{line-height: 40px;font-weight: normal;}
.newsli ul li .newr h4 a{color: #990033;font-size: 16px;}
.newsli ul li .newr h4 a:hover{color: #3598fe;}
.newsli ul li .newr h4 span{float: right;color: #999;font-size: 14px;}
.newsli ul li .newr p{color: #5e5951;line-height: 25px;margin: 20px 0;font-size: 14px;}

.txtnews{font-size: 19px;color: #5e5951;line-height: 25px;}
.txtnews h3{color: #000; font-size: 25px; text-align: center; margin-bottom: 10px;border-bottom: 2px dotted #333;padding-bottom: 20px;}
.txtnews span{display: block;font-size: 14px;color: #999;text-align: center;margin-bottom: 20px;}

/*产品*/
.product{margin: 50px auto;width: 1170px;}
.product ul li{float: left;margin: 10px;width: calc(33.3% - 20px);overflow: hidden;height: 220px;position: relative;text-align: center;}
.product ul li img{width: 100%;height: 220px;}
.product ul li .ptit{position: absolute;z-index: 999;top: 50px;width: 100%; text-align: center;font-size: 25px;line-height: 30px;color: #fff;font-weight: 700;}
.product ul li .ptxt{display: none;position: absolute;width: 100%;text-align: center;top: 120px;margin: 0 auto;z-index: 998}
.product ul li .ptxt span{padding: 0 10%;color: #fff;font-size: 14px;}
.product ul li .mb{width: 100%;height: 220px;top: 0; display: none;position: absolute;z-index: 990; background-color:rgba(0, 0, 0, 0.5);}
.product ul li:hover .ptxt,.product ul li:hover .mb{display: block;}

/*招聘*/
.jobli{color: #333;font-size: 15px;margin-bottom: 30px;}
.jobli p{line-height: 46px;}
.jobli p span{color: #990033;}
.job1,.job2{background: #fff;padding:20px 30px;}
.job2{margin-top: 2px;}
.job1 h2{font-weight: 500;text-align: left;font-size: 28px;line-height: 50px;color: #000;}

/*联系*/
.ly{width: 100%;height: 500px; box-shadow: -5px 6px 25px -12px rgba(0,0,0,0.75);}
.ly .lyl{width:calc(70% - 60px);height: 500px;overflow: hidden;padding: 30px;}
.ly .lyl h4{font-size: 28px;line-height: 30px;margin-bottom: 20px;}
.ly .lyl .kk,.ly .lyl .kj,.ly .lyl .kc{width: 100%;}
.ly .lyl .kk input,.ly .lyl .kj textarea,.ly .lyl .kc input{padding: 10px;margin: 10px 0;color: #666;box-sizing: border-box;border: 1px solid #999;}
.ly .lyl .kk input{width: 50%;}
.ly .lyl .kj textarea{width: 100%;}
.ly .lyl .kc input{width: 20%;float: left;}
.ly .lyl .kc img{height: 38px;margin-left: 10px;margin-top: 10px; display: block;float: left;}
.ly .lyl button{font-size: 15px;background: #333;color: #eee;width: 25%;padding: 9px;margin: 10px 0 0 10px; cursor: pointer;}

.ly .lyr{width:calc(30% - 60px);height:calc(500px - 60px);background: #000;overflow: hidden;padding: 30px;}
.ly .lyr h4{color: #eee;font-size: 28px;line-height: 30px;margin-bottom: 20px;}
.ly .lyr p{color: #bbb;font-size: 17px;margin: 10px 0;line-height: 35px;}
.ly .lyr p img{width: 20px;height: 20px;}

/*滚动*/
div.indexmaindiv{height:270px;margin:0px auto;width:100%;}
div.indexmaindiv1{margin-top:25px; overflow:hidden;}
div.indexmaindiv1 div.stylesgoleft{float:left;width:21px;height:28px;background:url('../zwcyimg/arrowhead.png') no-repeat left top;margin:106px 5px 0px 0px;cursor:pointer;}
div.indexmaindiv1 div.stylesgoleft:hover{float:left;width:21px;height:28px;background:url('../zwcyimg/arrowhead.png') no-repeat left -28px;margin:106px 5px 0px 0px;cursor:pointer;}
div.indexmaindiv1 div.playerdetail{width:400px;height:300px;background:#FFF;font-family:'微软雅黑';}
div.indexmaindiv1 div.playerdetail div.detailimg{width:400px;height:300px;}
div.indexmaindiv1 div.playerdetail div.detailimg img{width:400px;height:300px;}
div.indexmaindiv1 div.stylesgoright{float:left;width:21px;height:28px;background:url('../zwcyimg/arrowhead.png') no-repeat left -56px;margin:106px 0px 0px 15px;cursor:pointer;}
div.indexmaindiv1 div.stylesgoright:hover{float:left;width:21px;height:28px;background:url('../zwcyimg/arrowhead.png') no-repeat left -84px;margin:106px 0px 0px 15px;cursor:pointer;}

div.maindiv1{float:left;width:calc(100% - 64px);height:300px;overflow:hidden;position:relative;}
div.maindiv1 ul{position:absolute;left:0;top:0;}
div.maindiv1 ul li{float:left;width:400px;height:300px;margin-left:13px;}