@charset "utf-8";
/* CSS Document */
/*全局*/
html,body,div,p,span,a,ul,li,img,h1,h2,h3,h4,i{padding: 0; margin: 0;}
body{min-width: 1200px;}
a{text-decoration: none;}
ul,li{list-style: none;}
img{border: none;}
.cl{clear: both;}
.L{float: left;}
.R{float: right;}

/*首页头部*/
.head{width: 100%; position: fixed;top: 0; left: 0;background: #fff;z-index: 888;box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.1);}
.logo{height: 90px; padding: 0 100px;}
.logoL{max-width: 220px;height: 80px;margin-top: 10px; float: left;}
.logoR{height: 90px; float: right; }
.logoR .tel{font-size: 18px;line-height: 40px;height: 40px;text-align: center;color: #fff;background: linear-gradient(to right,#aa0b0a,#ed2221);border-radius: 30px;margin-top: 25px;padding: 0 10px;}


.menu{ float: right; height: 90px; line-height: 90px;}
.menu ul li{float: left; font-size: 16px;position: relative;}
.menu ul i{float: left;font-size: 12px; color: #999;padding: 0 5px;}
.menu ul li a{display: block;color:#444;padding: 0 25px;}
.menu ul li a:hover{height: 84px;line-height: 84px;padding-top: 3px; display: block;color: #800000;background: #f2f2f2; }
.active{height: 84px;line-height: 84px; padding-top: 3px !important; display: block;border-bottom: 3px solid #800000; color: #800000 !important;}
.menu ul li a:hover{border-bottom: 3px solid #800000;transition: all 0.2s ease-out;}
.menu ul li .mn2{display: none;width: auto; position: absolute;z-index: 999;background: #fff;box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);}
.menu ul li .mn2 ul li{width: 100%; height: 50px; line-height: 50px;text-align: center;}
.menu ul li .mn2 ul li a{padding: 0;}
.menu ul li .mn2 ul li a:hover{display: block;width: auto;height: 50px; border: none;line-height: 50px;background: #800000;color: #fff;}




/* banner */
.c-banner { width: 100%; position: relative; margin-top: 90px;}
.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 .nexImg, .c-banner .preImg { padding: 10px 12px; position: absolute; margin-left: 50px; margin-right: 50px; top: 50%; margin-top: -30px; background: #000000; opacity: 0.1; border-radius: 50%; z-index: 10;}
.c-banner .nexImg:hover, .c-banner .preImg:hover { opacity: 0.8;}
.c-banner .nexImg { right: 0px;}
.c-banner .nexImg img, .c-banner .preImg img {}
.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: 15px; height: 15px; border-radius: 50%; display: inline-block; background-color: white; opacity: 0.9; margin-left: 10px;}
.c-banner .jumpBtn ul li:first-child { margin-left: 0px;}


/*主体部分*/
.main{width: 1500px; margin: 30px auto;}

/*主体第一部分：视频、新闻*/
.m1{overflow: hidden;margin: 50px 0;}
.m1L{float: left; width: 680px;}
.m1R{float: right; width: 770px;}
.tab{height: 55px;}
.tab1,.tab2{width: 380px; height: 55px;line-height: 55px;text-align: center; border-top-left-radius: 5px; border-top-right-radius: 5px;font-size: 18px;}
.tab1{background: #800000; color: #ffffff;}
.tab1 a{color: #ffffff;width: 100%;display: block;}
.tab2{background: #f6e8e8; color: #800000;}
.tab2 a{color: #800000;width: 100%;display: block;}
.taba{color: #fff;}
.tabb{color: #800000;}
.txtli{height: 333px;}
.txtli1{height: 333px;}
.txtli1 ul li{ border: 1px #e0dcce solid; border-radius: 5px; margin: 10px 0;}
.txtli1 ul li a{margin-left: 20px;color: #555555;display: block; height: 42px;line-height: 42px;font-size: 16px;}
.txtli1 ul li a:hover{color: #800000;font-weight: bold;}
.txtli1 ul li a:hover span{font-weight: normal;}
.txtli1 ul li a span{float: right;margin-right: 20px;font-size: 14px; color: #b4b4b4;}

.txtli2{display: none;}
.txtli2 ul li{padding: 10px 0;border-bottom: 1px #f2f2f2 solid;}
.txtli2 ul li a{display: block;}
.txtli2 ul li img{width: 148px; height: 148px; float: left; border-radius: 5px;}
.txtli2r{width:600px;}
.txtli2r h3{line-height: 30px; font-size: 18px; font-weight: normal;color: #454545;padding-top: 8px;}
.txtli2r h3 a{color: #555555;}
.txtli2r h3 a:hover{color: #800000;}
.txtli2r p{margin-top: 12px;color: #989898;font-size: 14px;line-height: 24px;}

/*主体第二部分：简介*/
.m2{background: #800000;padding: 50px 160px;border-top-left-radius: 5px;border-top-right-radius: 5px;}
.m2 h3{font-size: 30px;color: #fff;text-align: center;line-height: 40px;padding: 20px 0;margin-bottom: 20px; border-bottom: 1px #932929 solid;}
.m2 p{color: #e9dfe0;font-size: 16px; line-height: 33px;}
.m2 .m2pic{margin-top: 40px;}
.m2 .m2pic img{ width: 100%;}
.m2 .more{ width: 100%; text-align: center;margin-top: 10px;}
.m2 .more a{color: #ccc;}
.m2 .more a:hover{color: #fff;}

/*主体第三部分：产品*/
.m3{padding: 50px 0;}
.m3tit{width: 1480px; margin: 0 auto; border-bottom: 1px #ccc solid;}
.m3tit span{font-size: 32px;color: #d3d3d3;line-height: 36px;}
.m3tit h3{font-size: 26px;color: #333333;line-height: 52px;}
.m3tit h3 span{font-size: 26px; color: #800000;}
.scrollpic { width: 1480px; margin:20px auto;position: relative;}
#myscroll { display: block; width: 100%; position: relative; height: 340px; overflow: hidden;}
#myscroll #myscrollbox { display: block; float: left; position: absolute; left: 0; top: 0; width: 1000000px;}
#myscroll ul { display: block; float: left; list-style-type: none; padding: 0; margin: 0;}
#myscroll ul li { display: block; float: left; padding: 0; width: 370px;}
#myscroll ul li a { display: block; float: left; width: 340px; padding: 0; position: relative; height: 340px; color: #333;}
#myscroll a .intro { position: absolute; left: 0; z-index: 10; background-color: #800000; filter: alpha(opacity=70); width: 340px; color: #fff; -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; text-align: center;}
#myscroll a .intro h5 { padding: 0; margin: 0; font-size: 16px; height: 40px; width: 340px; line-height: 30px; border-bottom: 1px solid #800000; font-weight: 100;}
#myscroll a .intro p { font-size: 13px; line-height: 20px; margin: 65px 70px; height: 70px; overflow: hidden;}
#myscroll a .intro { bottom: -211px;}
#myscroll a:hover .intro { bottom: 0px;}

#mybtns {width: 1550px;left: -50px; display: block; height: 44px;position: absolute;z-index: 600;top: 50%;}
#mybtns a { width: 44px; height: 44px;background: rgba(128,0,0,.2);border-radius: 50%;  display: block;}
#mybtns a:hover { background: rgba(128,0,0,1);}
#mybtns a:hover, #myscroll, #mybtns a, #myscroll a:hover .intro, #myscroll a .intro, #myscroll #myscrollbox { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
#mybtns #left {float: left;background-image: url(../images/l-btn.png);}
#mybtns #right {float: right;background-image: url(../images/r-btn.png);}
#kinMaxShow { visibility: hidden; width: 100%; height: 500px; overflow: hidden;}

/*底部菜单*/
.foot{width: 1480px; margin: 50px auto 10px;}
.foott{margin-bottom: 20px;}
.footl{width: 73%;float: left;border-right: solid 1px rgba(0,0,0,0.1);padding-bottom: 20px;}
.footl ul li.li1{float: left;width: calc((100% - 0px)/5);}
.footl ul li.li1 a{color: #555;font-size: 16px; line-height: 40px;}
.footl ul li.li1 a:hover{color: #800000;}
.footl ul li.li1 ul li a{color: rgba(0, 0, 0, 0.4);font-size: 14px;display: block;line-height: 30px;}
.footl ul li.li1 ul li a:hover{color: #800000;}
.footr{width: 22%;float: right;}
.footr .fr1{margin-bottom: 10px;}
.footr .fr1 img{width: 80px; height: 80px; float: left;margin-right: 10px;}
.footr .fr1 h3{font-size: 16px; line-height: 28px;}
.footr .fr1 p{font-size: 14px;color: #a9a9a9;line-height: 20px;}
.footr .fr2{color: #696969;font-size: 14px;line-height: 26px;}
.footb{font-size: 14px;line-height: 70px;border-top: solid 1px rgba(0,0,0,0.1);color: rgba(0, 0, 0, 0.4);text-align: center;}


@media only screen and (max-width:1500px) {
    .logo{padding: 0; position: relative;}
    .logoR{position: absolute; right: -140px;top: 100px;}
    .logoR:hover{right:0px;transition:all 0.5s;}
    .logoR .tel{border-top-right-radius: 0px;border-bottom-right-radius: 0px;}
    .menu ul li a{padding: 0 18px;}
    .main{width: 1200px;}
    .m1L{float: left; width: 534px;}
    .m1R{float: right; width: 646px;}
    .tab1,.tab2{width: 318px;}
    .txtli,.txtli1,.txtli2{height: 238px;}
    .txtli1 ul li{margin: 9px 0;}
    .txtli1 ul li a{height: 31px;line-height: 31px;font-size: 16px;}
    .txtli2 ul li img{width: 100px; height: 100px;}
    .txtli2r{width:530px;height: 113px;overflow: hidden;}
    .txtli2r h3{line-height: 25px;}
    .txtli2r p{margin-top: 10px;line-height: 22px;}
    .m2{padding: 50px 100px;}
    .m3tit{width: 1200px;}
    .scrollpic { width: 1200px;}
    #myscroll{height: 270px;}
    #myscroll ul li {width: 300px;}
    #myscroll ul li a {width: 270px; height: 270px;}
    #myscroll ul li a img{width: 270px !important; height: 270px !important;}
    #myscroll a .intro {width: 270px;}
    #myscroll a .intro h5 {width: 270px;}
    #mybtns {width: 1250px;left: -30px;}
    
    .foot{width: 1200px;}
    
    
}