.cfix:after{display: block; clear: both; visibility: hidden; font-size: 0; line-height: 0; content: ""; height: 0}
.cfix{*zoom: 1}
.banner{background: url(../images/banner.jpg) center top;}
.banner a{display: block;height:800px;}

.btn{text-align: center;font-size: 0;}
.btn a{display: inline-block;padding: 0 60px; height: 75px;line-height: 75px;text-align: center;font-size: 26px;color: #fff;border-radius: 75px;background: #c92b2f; transition: all ease .5s;}
.btn a:hover{color: #fff;transform: translateY(-3px); box-shadow: 0 5px 10px rgba(161,6,10,0.3);}

.zhd{text-align: center;font-size: 0;margin: 0 0 30px 0;}
.zhd i{display: inline-block;width: 86px;height: 108px;margin:0 20px 0 0;background: url("../images/title.png");vertical-align: middle;}
.zhd .zhd-text{display: inline-block;*display: inline;*zoom:1;vertical-align: middle;}
.zhd h2{font-size: 46px;font-weight: bold;color: #444444;line-height: 1em;margin: 0 0 15px 0;}
.zhd p{position: relative;}
.zhd p:after{content: '';font-size: 0;height: 1px;position: absolute;left: 0;width: 100%;top: 15px;background: #e1e1e1;}
.zhd span{position: relative;z-index: 2; display: inline-block;padding:0 10px;font-size: 28px;color: #444;line-height: 1em;background: #fff;}

.zm{padding: 70px 0;}
.zm1{width: 1200px; margin-left: auto;margin-right: auto;}
.zm1 .row1{margin: 0 auto 20px;}
.zm1 .focus{position: relative;width: 780px;height:500px;overflow:hidden;border: 1px solid #dcdcdc;}
.zm1 .focus img{display: block;width: 780px;height: 500px;}
.zm1 .focus li{position: relative;}
.zm1 .focus p{position: absolute;left: -1px;bottom: -1px;right: -1px;font-size:20px;color:#fff;padding:10px;background: #000;background: rgba(0,0,0,.6);}
.zm1 .focus .prev{position:absolute;left:-1px;top:50%;margin-top:-40px;width: 43px;height: 80px; background: url("../images/m1_larr.jpg");}
.zm1 .focus .next{position:absolute;right:-1px;top:50%;margin-top:-40px;width: 43px;height: 80px;background: url("../images/m1_rarr.jpg");}

.zm1 .aside{width: 372px;margin-top: -15px;}
.zm1 .aside img{display: block;width: 372px;height: 244px;}
.zm1 .s1{position: relative;margin-top: 15px;}
.zm1 .s1 span{position: absolute;left: -25px; top: 50%;margin-top:-80px; width: 24px;padding: 20px 13px; font-size: 24px;color: #fff;line-height: 30px;background: #c92b2f;}
.zm1 .row2{margin: 0 auto 30px;}

.zm2{height: 826px;background: url("../images/m2.jpg") center top no-repeat;}
.zm2 .zm{padding: 60px 0 0 0;}
.zm2 .zhd p:after{background: #ccc;}
.zm2 .zhd p span{background: #f9f9f9;}
.zm .line{font-size: 0;line-height: 0;height: 1px;background: #d0d0d0;border-bottom: 1px solid #fff;}

.zm2 .focus{position: relative; width: 1200px; margin-left: auto; margin-right: auto;}
.zm2 .focus .bd{ width: 1200px; height: 580px;overflow: hidden;}
.zm2 .focus .case-title{position: absolute;z-index: 100;width: 105px;height: 98px; left: 50%; top: 0; margin: 0 0 0 -52px; background: url("../images/case_title.png") no-repeat;}
.zm2 .focus img{display: block;width: 1200px;height:auto; margin: 0 auto;}
.zm2 .focus .prev{position:absolute;left:-45px;top:50%;margin-top:-40px;width: 45px;height: 80px; background: url("../images/m2_arr.png") left center no-repeat;}
.zm2 .focus .next{position:absolute;right:-45px;top:50%;margin-top:-40px;width: 45px;height: 80px;background: url("../images/m2_arr.png") right center no-repeat;}

.yybox{width: 1200px; margin:-45px auto 70px; padding: 40px 0 20px; background: #b61a1e;}
.yybox h2{margin-bottom: 35px; line-height: 42px; font-size: 38px;color: #fff;font-weight: bold;text-align: center;}
.yybox h2 i{display: inline-block;width: 33px;height: 42px;margin: 0 10px;background: url("../images/yy_hd.gif") no-repeat;vertical-align: top;}
.yybox dl{padding: 0 43px;}
.yybox dt{width: 330px;}
.yybox dt .scroll{height: 120px;overflow: hidden; padding: 15px; margin-bottom: 15px; background: #921518;}
.yybox dt .scroll .bd{height: 120px;overflow: hidden;}
.yybox dt .scroll li{font-size: 0;line-height: 0;text-align: center;}
.yybox dt .scroll li span{display: inline-block;width: 100px;font-size: 16px;line-height: 32px;color: #fff;}
.yybox dt .scroll li .sp1{padding-left: 30px;width: 70px;text-align: left;}
.yybox dt p{text-align: center;font-size: 20px;color: #fff;}

.yybox dd{width: 758px;}
.yybox .row1{margin: 0 0 10px -10px;}
.yybox .form-item{position: relative; float: left;}
.yybox .form-item label{position: absolute; z-index: 2; top: 0; right: 0; bottom: 0; left: 0; padding: 0 10px; font-size: 18px; color: #999; line-height: 50px; cursor: text; }
.yybox .form-item input{position:relative;z-index:1;display: block;width: 100%;height: 50px;padding: 0 10px; line-height: 50px; font-size: 18px; color: #333; background: #fff; border: none;outline: none;}
.yybox .row1 .form-item{height: 50px; margin: 0 0 0 10px;}

.yybox .form-item-xm{width: 278px;}
.yybox .form-item-xm input{width: 258px;}

.yybox .form-item-nl{width: 188px;}
.yybox .form-item-nl input{width: 168px;}

.yybox .form-item-dh{width: 270px;}
.yybox .form-item-dh input{width: 250px;}

.yybox .row2{margin-bottom: 15px;}
.yybox .row2 textarea{width: 618px; height: 70px; padding: 10px; font-size: 18px; color: #333; line-height: 30px; background: #fff; border: none;outline: none;}
.yybox button{float: right;width: 118px;height: 90px;text-align: center;background: #ddab76; font-size: 24px; color: #fff; line-height: 30px; border: none; outline: none; cursor: pointer;}
.yybox p{text-align: center;font-size: 20px;color: #fff;}

.zm4{height: 610px;background: url("../images/m4.jpg") center top no-repeat;}
.zm4 a{display: block;height: 610px;}

.zm5 .line{background: #e1e1e1; border-bottom-color:#f8f8f8; margin-bottom: 30px;}
.zm5 .intro{margin-bottom: 30px;text-indent: 2em;font-size: 20px;line-height: 32px;color: #444;}

.zm5 #brand-shipin{margin-bottom: 20px;}
.zm5 .left ul{margin:0 0 0 -25px;}
.zm5 .left ul li{float: left;width: 140px;height: 140px;margin:0 0 0 25px;text-align:center;border: 1px solid #eee;box-shadow: 0 0 10px rgba(0,0,0,0.1); -webkit-border-radius: 100%; border-radius: 100%;}
.zm5 .left ul li strong{display: block;padding: 12px 0 0 0;font-size: 47px;color: #c92b2f;font-weight: bold;line-height: 1.5em;}
.zm5 .left ul li p{font-size: 24px;color: #c92b2f;line-height: 1em;}
.zm5 .right{width: 520px;}

.m5-tab ul{margin: -3px 0 0 0;}
.m5-tab li{margin: 3px 0 0 0;}
.m5-tab .title{position: relative; height: 65px;padding: 0 20px;font-size:26px;color:#fff;line-height: 65px;background: #c92b2f; cursor: pointer;}
.m5-tab .title i{position: absolute;right: 20px; top: 22px; width: 35px;height: 21px;background: url("../images/m5_arr.png");}
.m5-tab dl{display: none; padding: 30px 20px;background: #f0f0f0;}
.m5-tab dl dt{float: left; width: 165px;height: 130px;}
.m5-tab dl dd{position: relative;float: right;width: 305px;min-height: 130px; font-size: 20px;line-height: 40px;}
.m5-tab dl dd a{position: absolute;right: 0; top: 50%; margin-top: -46px; width: 92px;height: 52px; padding: 20px 0;font-size: 24px;line-height: 26px;color: #fff;text-align:center;background: #ddab76; -webkit-border-radius: 100%; border-radius: 100%;transition: all ease .5s; animation: colors 1.5s infinite;}
.m5-tab dl dd a:hover{background: #c92b2f; transform: translateY(-3px); box-shadow: 0 5px 15px rgba(0,0,0,0.3);animation:none;}
@keyframes colors {
    0%,100%{
        background: #ddab76;
    }
    50%{
        background: #c92b2f;
        transform: translateY(-5px);
        box-shadow: 0 5px 15px rgba(0,0,0,0.4);
    }
}
.m5-tab li.on dl{display: block;}
.m5-tab li.on .title i{transform: rotate(-180deg); transition: all ease .3s;}

.zm6{padding-top: 0; background: url("../images/m6.jpg") 50% 145px no-repeat;}
.m6-tab{padding: 78px 0 0 0;}
.m6-tab .hd{margin-bottom: 20px;}
.m6-tab .hd ul{margin: 0 0 0 -12px;}
.m6-tab .hd li{float: left; width: 230px; padding: 13px 0; margin: 0 0 0 12px; color: #fff;text-align: center; background: #c92b2f;cursor: pointer;}
.m6-tab .hd strong{display: block;margin-bottom: 10px; font-size: 30px;font-weight: bold;line-height: 1em;}
.m6-tab .hd span{display: block;font-size: 20px; line-height: 1em;}
.m6-tab .hd li.on{background: #ddab76;}
.m6-tab .bd{height: 575px;overflow: hidden;}
.m6-tab .bd img{display: block; width: 1200px; height: 466px; margin-bottom: 5px;}
.m6-tab .bd p{padding:10px 20px;text-indent: 2em; font-size: 18px; line-height: 28px; color: #fff; background: #ddab76;}
.m6-tab .bd p a{color: #fff;}

.zm7{padding-top: 0;}
.zm7 .line{background: #e1e1e1;border-bottom-color: #f8f8f8;}
.zm7 .row1{padding-top: 30px; margin-bottom: 30px;}
.zm7 .row1 ul{margin: 0 0 0 -29px;}
.zm7 .row1 li{float: left;width: 278px;margin: 0 0 0 29px;}
.zm7 .row1 .pic{position: relative;width: 278px;height: 281px;margin-bottom: 35px;}
.zm7 .row1 img{display: block;width: 278px;height: 281px;}
.zm7 .row1 .pic i{position: absolute; left: 50%; bottom: -25px; margin: 0 0 0 -1px; width: 2px; height: 50px;background: #c92b2f;}
.zm7 .row1 p{padding: 0 20px; font-size: 20px;line-height: 30px;}
.zm7 .row1 li.pt40{padding-top: 40px;}

.scroll2{width: 100%;margin-bottom:30px; height: 200px; overflow: hidden;}
.zm7 .row2 li{float: left;position: relative; width: 298px;height: 200px;overflow: hidden; margin:0 3px 0 0;background: #000; cursor: pointer;}
.zm7 .row2 li img{position: relative; z-index: 1; display: block;width: 298px;height: 200px; opacity: 0.5; filter:alpha(opacity:50); transition: all ease .5s;}
.zm7 .row2 li p{position: absolute; z-index: 3; left: 0;bottom: -45px; right: 0; line-height: 45px;color: #fff; font-size: 18px; text-align: center; height: 45px;background: rgba(0,0,0,0.5); transition: all ease .5s;}
.zm7 .row2 li:hover img{opacity: 1;filter:alpha(opacity:100);}
.zm7 .row2 li:hover p{bottom: 0;}
.zm7 .row2 li.video-li span{position: absolute; z-index: 2; top: 50%; left: 50%; width: 84px; height: 84px; margin: -42px 0 0 -42px; background: url("../images/video_btn.png") no-repeat; transition: all ease .5s;}
.zm7 .row2 li.video-li:hover span{animation:rotate360  2s linear 0s infinite;}
@keyframes rotate360 {
    0%{
        transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
    }
    100%{
        transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);
    }
}



.showvideo,.vmask{display: none;position: fixed;left: 0;top: 0;width: 100%;height: 100%; _position: absolute;}
.vmask{cursor: pointer;}
.showvideo{z-index: 99999999;}
.showvideo{width: 820px;height:500px;left:50%;top:50%;margin:-255px 0 0 -410px;border: 10px solid #fff;border-radius: 5px;}
.showvideo .vclose{position: absolute;z-index: 10;right: -20px;top:-20px;width: 30px;height: 30px;font-size: 14px; font-family: verdana; text-align: center;line-height: 30px;color:#fff;background: #000;border-radius: 100%;border: 3px solid #fff;}
.myvideo{display: block;width: 820px;height:500px;overflow: hidden;background: #000 url("/static/images/loading.gif") center center no-repeat;}
.vmask{z-index: 998;background: #000; background: rgba(0,0,0,0.8);}