/*-----------------[初始化]--------------*/

body{color: #333;font-size: 12px;line-height: 1.5;

    font-family:"微软雅黑","Microsoft Yahei";

    padding-top: 96px;overflow-x: hidden;

}

a{color: #333;}

a:hover{color: #bd1b2e;}

img{max-width: 100%;

    transition: .3s;

    -ms-transition: .3s;

    -moz-transition: .3s;

    -webkit-transition: .3s;

    -o-transition: .3s;

}

input,textarea,select{font-size: 12px;color: #333;

    font-family:"微软雅黑","Microsoft Yahei";outline: 0;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    -o-box-sizing: border-box;

    box-sizing: border-box;

}

input[type='submit'],input[type='reset'],input[type='button'],select{

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

}

input[type='submit'],input[type='reset'],input[type='button']{cursor: pointer;}

::-webkit-input-placeholder {color: #999;}

::-moz-placeholder {color: #999; }

::-ms-input-placeholder {color: #999;}



*,*:after,*:before{outline: 0;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    -o-box-sizing: border-box;

    box-sizing: border-box;

}

@font-face {

    font-family: 'din-B';

    src: url('../fonts/DINCondensedBold.woff.ttf');

} 

.ani{

    transition: .3s;

    -ms-transition: .3s;

    -moz-transition: .3s;

    -webkit-transition: .3s;

    -o-transition: .3s;

}



/*布局*/

.wp{width: 100%;max-width: 1200px;margin: 0 auto;}

.warp{width: 100%;max-width: 1440px;margin: 0 auto;}

.h50{height: 50px;clear: both;overflow: hidden;}

.h100{height: 100px;clear: both;overflow: hidden;}





/*******************************

  -------[=头部]-------

********************************/

.header-new{position: fixed;top: 0;left: 0;right: 0;z-index: 1024;

    height: 96px;padding: 0 40px 0 36px;

    background-color: #fff;

    box-shadow: 0.07px 0.998px 11.31px 1.69px rgba(0, 0, 0, 0.07);

    transition: .5s;

    -ms-transition: .5s;

    -moz-transition: .5s;

    -webkit-transition: .5s;

    -o-transition: .5s;

}

.header-new.fixed{height: 70px;}

.header-new.fixed .logo-new{line-height: 70px;}

.header-new.fixed .logo-new img{height: 48px;}

.header-new.fixed .nav-new{margin-top: 16px;}

.header-new.fixed .btn-shop{margin-top: 15px;}

.header-new.fixed .so-btn{margin-top: 15px;}

.header-new.fixed .so-new{top: 14px;}

.logo-new{float: left;line-height: 96px;

    transition: .5s;

    -ms-transition: .5s;

    -moz-transition: .5s;

    -webkit-transition: .5s;

    -o-transition: .5s;

}

.logo-new img{display: inline-block;vertical-align: middle;height: 58px;

    transition: .5s;

    -ms-transition: .5s;

    -moz-transition: .5s;

    -webkit-transition: .5s;

    -o-transition: .5s;

}

.hdr-new{float: right;}

.nav-new{float: left;margin-top: 29px;

    transition: .5s;

    -ms-transition: .5s;

    -moz-transition: .5s;

    -webkit-transition: .5s;

    -o-transition: .5s;

}

.nav-new li{float: left;position: relative;}

.nav-new li .v1{font-size: 18px;color: #111;line-height: 38px;display: block;

    min-width: 106px;padding: 0 15px;position: relative;text-align: center;

    background-repeat: repeat-x;background-position: center;

    font-weight: bold;

}

.nav-new li .v1:after,.nav-new li .v1:before{content: '';position: absolute;top: 0;bottom: 0;

    width: 13px;display: none;

    background-position: center;background-repeat: no-repeat;

}

.nav-new li .v1:after{right: 0;background-image: url(../images/i-nv2.png);}

.nav-new li .v1:before{left: 0;background-image: url(../images/i-nv1.png);}

.nav-new li:hover .v1,

.nav-new li.on .v1{color: #fff;background-image: url(../images/i-nv3.png);}

.nav-new li:hover .v1:after,.nav-new li.on .v1:after,

.nav-new li:hover .v1:before,.nav-new li.on .v1:before{display: block;}

.nav-new dl{position: absolute;left: 50%;top: 100%;width: 180px;display: none;
    background-color: #fff;padding: 30px 0 10px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
.nav-new dd a{font-size: 14px;text-align: center;line-height: 40px;display: block;}
.nav-new dd:hover a{color: #fff;background-color: #dc0f2c;}


.btn-shop{float: left;width: 126px;height: 40px;display: block;margin-top: 28px;

    border: 1px solid #d2d2d2;border-radius: 20px;margin-left: 28px;

    font-size: 16px;color: #666;text-align: center;line-height: 38px;

    transition: .5s;

    -ms-transition: .5s;

    -moz-transition: .5s;

    -webkit-transition: .5s;

    -o-transition: .5s;

}

.btn-shop .ico{display: inline-block;vertical-align: middle;

    width: 23px;height: 23px;position: relative;top: -2px;margin-right: 6px;

}

.btn-shop .ico img{width: 100%;display: block;}

.btn-shop:hover{color: #bd1b2e;border-color: #bd1b2e;}

.so-btn{float: right;width: 40px;height: 40px;border-radius: 50%;

    margin-top: 27px;margin-left: 28px;cursor: pointer;

    background: #dc0f2c url(../images/i-03.png) no-repeat center;

    transition: .5s;

    -ms-transition: .5s;

    -moz-transition: .5s;

    -webkit-transition: .5s;

    -o-transition: .5s;

}

.so-new{position: fixed;top: 26px;right: 39px;

    width: 0px;overflow: hidden;

    transition: .3s;

    -ms-transition: .3s;

    -moz-transition: .3s;

    -webkit-transition: .3s;

    -o-transition: .3s;

}

.so-new.open{width: 240px;}

.so-new form{display: block;}

.so-new .inp{width: 100%;height: 42px;font-size: 14px;border: 0;border: 1px solid #ddd;

    background-color: #fff;border-radius: 23px;padding: 0 50px 0 15px;

}

.so-new .btn{position: absolute;right: 1px;top: 1px;width: 40px;height: 40px;

    border: 0;border-radius: 50%;cursor: pointer;

    background: #dc0f2c url(../images/i-03.png) no-repeat center;

}







/*******************************

    -------[=导航]-------

********************************/

.menu{position: relative;z-index: 9;display: none;float: right;

    width: 40px;height: 40px;padding: 7px;cursor: pointer;

    transition: .3s;

    -ms-transition: .3s;

    -moz-transition: .3s;

    -webkit-transition: .3s;

    -o-transition: .3s;

}

.menu b{display: block;height: 3px;background-color: #e70012;

    margin: 3px 0 5px;border-radius: 2px;

    transition: .3s;

    -ms-transition: .3s;

    -moz-transition: .3s;

    -webkit-transition: .3s;

    -o-transition: .3s;

}

.menu.open{}

.menu.open b{display: none;margin: 0;position: absolute;left: 5px;top: 50%;width: 30px;}

.menu.open b:first-child{display: block;

    transform:rotate(45deg);

    -webkit-transform:rotate(45deg);

    -o-transform:rotate(45deg);

    -ms-transform:rotate(45deg);

}

.menu.open b:last-child{display: block;

    transform:rotate(-45deg);

    -webkit-transform:rotate(-45deg);

    -o-transform:rotate(-45deg);

    -ms-transform:rotate(-45deg);

}



/*******************************

  -------[=banner]-------

*******************************/

.banner-new .slick-slide .con{outline: 0;position: relative;display: block;padding-top: 40.625vw;

    background-position: center center;background-repeat: no-repeat;

    -o-background-size: cover;

    -ms-background-size: cover;

    -moz-background-size: cover;

    -webkit-background-size: cover;

    background-size: cover;

}

.banner-new .slick-dots{position: absolute;left: 0;bottom: 15px;width: 100%;text-align: center;z-index: 99;}

.banner-new .slick-dots li{display: inline-block;margin: 0 12px;}

.banner-new .slick-dots li button{display: block;width: 14px;height: 14px;

    font-size: 0;line-height: 0;text-indent: 999px;

    border: 0;cursor: pointer;padding: 0;

    background-color: #fff;border-radius: 50%;

}

.banner-new .slick-dots li.slick-active button{background-color: #db0f2b;}





/*******************************

  -------[=底部]-------

********************************/

.footer-new{color: rgba(84,84,84,.8);font-size: 16px;overflow: hidden;

    padding: 30px 0;

}

.f-copy{line-height: 30px;padding-top: 20px;}

.f-copy a{color: rgba(84,84,84,.8);}

.f-copy a:hover{color: #db0f2b;}

.f-copy .bot{font-size: 0;line-height: normal;margin-top: 25px;}

.f-copy .bot span{margin-right: 18px;}

.f-qr{float: right;text-align: center;}

.f-qr .pic{width: 135px;}

.f-qr .pic img{width: 100%;display: block;}



/*******************************

    -------[=正文]-------

********************************/

.g-num{overflow: hidden;color: #db0f2b;padding: 50px 0;}

.g-num ul{margin-left: -130px;}

.g-num li{float: left;width: 25%;padding-left: 130px;position: relative;}

.g-num li:after{content: '';position: absolute;top: 50%;left: 0;width: 1px;height: 58px;

    margin-top: -29px;background-color: rgba(219,15,43,.1);

}

.g-num .i4{float: right;width: auto;}

.g-num span{font-family: 'din-B';font-size: 85px;line-height: 1;

    background-image:-webkit-linear-gradient(bottom,#bd1b2f,#f1696f);

    -webkit-background-clip:text;

    -webkit-text-fill-color:transparent;

}

.g-num em{font-size: 18px;padding-left: 10px;}

.g-num p{font-size: 16px;}





.row-index1{overflow: hidden;padding: 84px 0 112px;

    background: url(../images/p-bg1.jpg) no-repeat center;

    -o-background-size: cover;

    -ms-background-size: cover;

    -moz-background-size: cover;

    -webkit-background-size: cover;

    background-size: cover;

}



.box-txt1{color: #fff;}

.box-txt1 .col-l{width: 45%;padding-top: 3px;}

.box-txt1 .col-r{}

.box-txt1 .tit{font-size: 50px;padding-bottom: 19px;

    border-bottom: 1px solid rgba(255,255,255,.2);

    margin-bottom: 29px;

}

.box-txt1 .desc{font-size: 18px;line-height: 42px;margin-bottom: 38px;}

.box-txt1 .btn{width: 180px;height: 45px;display: block;

    line-height: 45px;color: #bd1b2e;font-size: 18px;

    border-radius: 23px;padding-left: 26px;

    background-color: #fff;position: relative;

}

.box-txt1 .btn:after{content: '';position: absolute;top: 50%;right: 22px;

    width: 24px;height: 24px;margin-top: -12px;

    background: url(../images/i-04.png) no-repeat center;

}

.box-txt1 .btn:hover{opacity: .8;}

.box-txt1 ul{overflow: hidden;margin-top: 38px;}

.box-txt1 li{float: left;width: 78px;margin-right: 58px;}

.box-txt1 li .ico{display: block;height: 78px;margin-bottom: 14px;

    border: 1px dashed #fff;border-radius: 10px;position: relative;

    background-position: center;background-repeat: no-repeat;

    -o-background-size: 100% auto;

    -ms-background-size: 100% auto;

    -moz-background-size: 100% auto;

    -webkit-background-size: 100% auto;

    background-size: 100% auto;

    transform:rotateY(0deg);

    -ms-transform:rotateY(0deg);

    -moz-transform:rotateY(0deg);

    -webkit-transform:rotateY(0deg);

    -o-transform:rotateY(0deg);

    transition: .8s;

    -ms-transition: .8s;

    -moz-transition: .8s;

    -webkit-transition: .8s;

    -o-transition: .8s;

}



.box-txt1 li p{font-size: 16px;text-align: center;color: #fff;}

.box-txt1 li:last-child{margin-right: 0;}

.box-txt1 li:hover .ico{

    transform:rotateY(180deg);

    -ms-transform:rotateY(180deg);

    -moz-transform:rotateY(180deg);

    -webkit-transform:rotateY(180deg);

    -o-transform:rotateY(180deg);

}



.box-txt1 .pic{width: 680px;padding: 10px 10px 16px;position: relative;

    background-color: #fff;border-radius: 10px;

}

.box-txt1 .pic img{width: 100%;display: block;border-radius: 10px;}

.box-txt1 .pic:after{content: '';position: absolute;left: 0;right: 0;

    top: 100%;height: 144px;

    background: url(../images/i-05.png) no-repeat right top;

    -o-background-size: auto 100%;

    -ms-background-size: auto 100%;

    -moz-background-size: auto 100%;

    -webkit-background-size: auto 100%;

    background-size: auto 100%;

}



.row-index2{padding: 93px 0 46px;overflow: hidden;}

.g-tab1{position: relative;*zoom:1;margin-bottom: 54px;}

.g-tab1:after,.g-tab1:before{display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden; }

.g-tab1 li{float: left;margin-right: 8px;}

.g-tab1 li span{width: 160px;height: 45px;display: block;text-align: center;line-height: 45px;

    font-size: 18px;color: #222;position: relative;border-radius: 23px;cursor: pointer;

    transition: .3s;

    -ms-transition: .3s;

    -moz-transition: .3s;

    -webkit-transition: .3s;

    -o-transition: .3s;

}

.g-tab1 li span:after{content: '';position: absolute;right: 0;top: 50%;

    width: 1px;height: 12px;margin-top: -6px;

    background-color: #bfbfbf;

}

.g-tab1 li.on span,.g-tab1 li:hover span{color: #fff;

    background-color: #bd3b3e;

}

.g-tab1 li.on span:after,.g-tab1 li:hover span:after,

.g-tab1 li:last-child span:after,.g-tab1 li:last-child span:after{display: none;}

.g-tab1 .btn{width: 180px;height: 45px;display: none;

    line-height: 45px;color: #bd1b2e;font-size: 18px;

    border-radius: 23px;padding-left: 26px;

    background-color: #fff;

    position: absolute;right: 0;top: 0;

    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.13);

    transition: .3s;

    -ms-transition: .3s;

    -moz-transition: .3s;

    -webkit-transition: .3s;

    -o-transition: .3s;

}

.g-tab1 .btn:after{content: '';position: absolute;top: 50%;right: 22px;

    width: 24px;height: 24px;margin-top: -12px;

    background: url(../images/i-04.png) no-repeat center;

}

.g-tab1 .btn:hover{box-shadow: 0px 0px 10px rgba(219,15,43,.5);}

.g-tab1 li.on .btn{display: block;}



.row-index2 .col-l{width: 66%;}

.row-index2 .col-r{width: 30%;}



.m-list1{}

.m-list1 li{margin-bottom: 37px;

    border-bottom: 1px solid #e5e5e5;

}

.m-list1 .con{display: block;overflow: hidden;

    padding-bottom: 40px;

}

.m-list1 .pic{float: left;width: 350px;height: 197px;margin-right: 70px;overflow: hidden;}

.m-list1 .pic img{width: 100%;height: 100%;display: block;

    transition: .5s;

    -ms-transition: .5s;

    -moz-transition: .5s;

    -webkit-transition: .5s;

    -o-transition: .5s;

}

.m-list1 .txt{overflow: hidden;}

.m-list1 .date{font-size: 18px;display: block;padding-left: 30px;

    line-height: 20px;font-family: arial;color: #666;margin-bottom: 17px;

    background: url(../images/i-06.png) no-repeat left center;

}

.m-list1 .tit{font-size: 22px;font-weight: normal;line-height: 26px;

    max-height: 52px;margin-bottom: 7px;color: #111;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

}

.m-list1 .desc{font-size: 16px;line-height: 28px;height: 56px;

    margin-bottom: 10px;color: #555;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

}

.m-list1 .btn{font-size: 16px;color: #666;padding-right: 25px;

    background: url(../images/i-07.png) no-repeat right center;

}

.m-list1 li:last-child{border-bottom-width: 0;}

.m-list1 li:hover .pic img,.m-new .con:hover .pic img{

    -webkit-transform: scale(1.1);

    -moz-transform: scale(1.1);

    -o-transform: scale(1.1);

    -ms-transform: scale(1.1);

    transform: scale(1.1);

}

.m-list1 li:hover .tit,.m-new .con:hover .tit{color: #bd1b2e;}



.m-new{}

.m-new .con{display: block;}

.m-new .pic{padding-top: 56.3%;height: 0;position: relative;overflow: hidden;}

.m-new .pic img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: block;

    transition: .5s;

    -ms-transition: .5s;

    -moz-transition: .5s;

    -webkit-transition: .5s;

    -o-transition: .5s;

}

.m-new .txt{padding: 38px 0 0;}

.m-new .date{font-size: 18px;display: block;padding-left: 30px;

    line-height: 20px;font-family: arial;color: #666;margin-bottom: 17px;

    background: url(../images/i-06.png) no-repeat left center;

}

.m-new .tit{font-size: 22px;font-weight: normal;line-height: 26px;

    max-height: 52px;margin-bottom: 7px;color: #111;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

}

.m-new .desc{font-size: 16px;line-height: 28px;height: 56px;

    margin-bottom: 10px;color: #555;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

}

.m-new .btn{font-size: 16px;color: #666;padding-right: 25px;

    background: url(../images/i-07.png) no-repeat right center;

}



.row-index3{padding: 76px 0 80px;

    background: url(../images/p-bg2.jpg) no-repeat center;

    -o-background-size: cover;

    -ms-background-size: cover;

    -moz-background-size: cover;

    -webkit-background-size: cover;

    background-size: cover;

}

.row-index3 .g-tab1{margin-bottom: 60px;}

.row-index3 .g-tab1 li span{background-color: #fff;}

.row-index3 .g-tab1 li span:after{display: none;}

.row-index3 .g-tab1 li.on span,.row-index3 .g-tab1 li:hover span{color: #fff;

    background-color: #bd3b3e;

}



.box-slider1{}

.box-slider1 .con{display: block;padding: 65px 0 123px;

    background-color: #fff;position: relative;

    transition: .3s;

    -ms-transition: .3s;

    -moz-transition: .3s;

    -webkit-transition: .3s;

    -o-transition: .3s;

}

.box-slider1 .con:after{content: '';position: absolute;top: 0;bottom: 0;right: 0;

    width: 3px;background-color: rgba(219,15,43,.1);

}

.box-slider1 .pic{text-align: center;line-height: 322px;height: 322px;}

.box-slider1 .pic img{max-height: 100%;display: inline-block;vertical-align: middle;}

.box-slider1 h4{position: absolute;left: 0;right: 0;bottom: 30px;padding: 0 10px;

    font-size: 20px;font-weight: normal;color: #222;

    text-align: center;

}

.box-slider1 .con:hover{

    background: url(../images/i-08.jpg) no-repeat center;

    -o-background-size: cover;

    -ms-background-size: cover;

    -moz-background-size: cover;

    -webkit-background-size: cover;

    background-size: cover;

}

.box-slider1 .con:hover h4{color: #fff;}

.box-slider1 .slick-arrow{position: absolute;top: 50%;width: 74px;height: 74px;

    border: 2px solid #999;border-radius: 50%;padding: 0;

    background-color: transparent;background-position: center;background-repeat: no-repeat;

    font-size: 0;text-indent: 9999px;cursor: pointer;

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);

}

.box-slider1 .slick-prev{left: -80px;background-image: url(../images/arr-l.png);}

.box-slider1 .slick-next{right: -80px;background-image: url(../images/arr-r.png);}

.box-slider1 .slick-arrow:hover{border-color: #bd1b2e;}

.box-slider1 .slick-prev:hover{background-image: url(../images/arr-l-on.png);}

.box-slider1 .slick-next:hover{background-image: url(../images/arr-r-on.png);}





.row-index4{overflow: hidden;padding: 120px 0 175px;

    background: url(../images/p-bg3.jpg) no-repeat center;

    -o-background-size: cover;

    -ms-background-size: cover;

    -moz-background-size: cover;

    -webkit-background-size: cover;

    background-size: cover;

}

.box-txt2{color: #fff;}

.box-txt2 .item{float: left;width: 48%;

    border-right: 1px solid #fff;padding-right: 90px;

}

.box-txt2 .item:last-child{width: 47%;float: right;padding-right: 0;border-right: 0;}

.box-txt2 h3{font-size: 26px;line-height: 72px;margin-bottom: 20px;}

.box-txt2 .ico{height: 72px;width: 72px;display: inline-block;vertical-align: middle;

    background-color: #fff;background-position: center;background-repeat: no-repeat;

    border-radius: 50%;margin-right: 23px;

    -o-background-size: 100% auto;

    -ms-background-size: 100% auto;

    -moz-background-size: 100% auto;

    -webkit-background-size: 100% auto;

    background-size: 100% auto;

}

.box-txt2 .desc{font-size: 16px;line-height: 35px;margin-bottom: 25px;}

.box-txt2 .btn{font-size: 16px;color: #fff;}

.box-txt2 .btn:hover{text-decoration: underline;}



.hide-dn{height: 0;overflow: hidden;}







.goto-top {

    display: none;cursor: pointer;

    position: fixed;

    bottom: 10%;

    right: 10px;

    width: 50px;

    z-index: 999;

}

.goto-top img{width: 100%;display: block;}


.tab-show1 {overflow: hidden;}