

.menu{padding-left: 300px!important;}
.menu li a{padding: 0 16px!important;}

/* 全部分类 */
.cation{width: 1200px;height: 0;position: relative;margin: 0 auto;z-index: 2;font-size: 18px;line-height: 108px;text-align: center;font-family: "宋体";}
.cation_c{width:280px;height: 860px;background: rgba(0, 0, 0, 0.7);left: 0;top: -60px;position: absolute;z-index: 9;}
.cation_c h3{font-size: 20px;font-weight: normal;height: 60px;line-height: 60px;}
.cation_c h3 span{display: inline-block;background:url(../image/ico01.png) no-repeat right center;padding: 0 47px 0 0;}
.cation_c a{display: block;color: #fff;white-space: nowrap;}
.cation_c li{display: block;height: 108px;border-bottom: 1px solid rgba(255, 255, 255, 0.1);position: relative;}
.cation_c li:last-child{border: 0;}
.cation_c li span{display: inline-block;background:url(../image/ico02.png) no-repeat right center;padding: 0 54px 0 0;}
.cation_c li p{position: absolute;background: rgba(170, 3, 42, 0.7);padding:18px 44px;font-size: 18px;line-height: 52px;left: 280px;top: 0;text-align: left;display: none;}
.cation_c li:hover{background: #aa032a;}
.cation_c li:hover p{display: block;}
.cation_c li:last-child p{top:auto;bottom: 0;}

/*banner*/
.banner{position: relative; height:800px;clear: both;overflow: hidden;}
.ban_p,.ban_p a {display: block;width: 100%;height:800px;}
.slick-dots {position: absolute;left:5%; font-size:0;bottom:8%;width:90%;text-align: center;outline: none;z-index: 4;}
.slick-dots li {display: inline-block;margin: 0 15px; outline: none;}
.slick-dots li button {display: block;border: 0 none;width:14px;height:14px;border-radius:14px;margin-right:12px; display: inline-block;outline: none;background:#fff;}
.slick-dots .slick-active button {background: #aa032a;width: 48px;}
.banner .slick-arrow{width:30px;height:84px;cursor: pointer;z-index: 22;top:44.5%;outline: none;position:absolute;border:0;overflow: hidden;text-align: center;transition:.8s;opacity: 0;text-indent: 100px;}
.banner .slick-arrow.slick-prev{background:url(../image/ban_prev.png) no-repeat 0 0;left: 3%; opacity: 0;}
.banner .slick-arrow.slick-next{background:url(../image/ban_next.png) no-repeat 0 0;right: 3%; opacity: 0;}
.banner:hover .slick-prev{ left: 6%; opacity: 0.8;}
.banner:hover .slick-next{ right: 6%; opacity: 0.8;}
.banner .slick-arrow:hover{opacity: 1;}

.til01{text-align: center;color: #1d1d1c;font-size:52px;line-height:88px;font-family: "宋体";white-space: nowrap;padding: 53px 0 38px;background:url(../image/aeac4615b0ad411e9e9bff84a5467a89_2.png) no-repeat center 0;}
.til01 p{display: block;font-weight: normal;font-size:24px;line-height: 38px;height: 38px;opacity: 0.9;}
.til01 span{display: inline-block;padding: 0 126px;position: relative;}
.til01 span:before,.til01 span:after{content: "";position: absolute;width:365px;height:38px;right: 0;top:0;background:url(../image/aeac4615b0ad411e9e9bff84a5467a89_6.png) no-repeat right 0;}
.til01 span:before{left: 0;background:url(../image/aeac4615b0ad411e9e9bff84a5467a89_4.png) no-repeat 0 0;}
.til01 a{color: #1d1d1c;}
.til02,.til02 a{color: #c89c60;}

/*引子*/
.guide{font-size:16px;color: #333;line-height:50px;position: relative;height:253px;z-index: 1;background: #fff;}
.guide h3{position: relative;font-size: 52px;line-height: 80px;padding: 64px 0 0;width:300px;height:253px;border-right: solid 1px #e1e1e1;box-sizing:border-box;float: left;}
.guide h3 span{display: block;font-size: 20px;line-height: 50px;}

.guide li{float: left;padding: 66px 0 0;position: relative;width: 225px;height:253px;border-right: solid 1px #e1e1e1;border-left: solid 1px #fff;box-sizing:border-box;text-align: center;font-weight: bold;}
.guide li:last-child{border-right: 0;}
.guide li b{font-size: 42px;display: block;line-height:81px;background:url(../image/guide_lbg1.png) no-repeat center 0;}
.guide li span{display: block;}
.guide li.cur,.guide li:hover{color: #aa032a;}
.guide li.cur b,.guide li:hover b{color: #aa032a;background:url(../image/guide_lbg2.png) no-repeat center 0;}

/*故事*/
.story{font-family: "宋体";padding: 66px 0 0;text-align: center;}
.story_l dl{width: 25%;float: left;position: relative;overflow: hidden;background: #000;}
.story_l dt,.story_l dt img,.story_l dd h3 img{width: 100%;display: block;}
.story_l dt img{opacity: 0.4;}
.story_l dd{position: absolute;width: 63%;bottom: 0;left:18.5%;z-index: 1;padding:1.3rem 0 12rem;}
.story_l dd span{width: 62%;margin:0 auto;display:block;}
.story_l dd span img{width: 100%;margin:0 auto;display:block;}
.story_l dd h3{width: 62%;margin:0 auto;font-size: 2.4rem;background:url(../image/e2f6e2b08e504e19b12f4fd9a4a84c9c_8.png) no-repeat center 0.9rem;background-size: 100% auto;line-height: 5.9rem;color: #fff;white-space: nowrap;}
.story_l dd h3 em{display: block;font-size: 10px;line-height: 14px;letter-spacing: 5px;font-weight: normal;}
.story_l dl.cur dt img,.story_l dl:hover dt img{opacity: 0.8;}
.story_l dl.cur dd,.story_l dl:hover dd{background:url(../image/story_lbg.png) no-repeat center bottom;background-size: 100% auto;}

/*产品中心*/
.probox{clear: both;font-size:16px;font-family:"宋体";position: relative;color: #666;line-height:40px;padding:64px 0 88px;z-index: 1;}
.probox:after{content: "";position: absolute;width:100%;height:50%;right:0;bottom:0;background:url(../image/probg.jpg) no-repeat center bottom #fff;z-index: -1;}
.pro_gt{font-size:1rem;line-height:3.9rem;width: 300px;background: rgba(0, 0, 0, 0.7);border-radius:9px;left: 50%;margin-left: -600px;top: 13.15%;z-index: 1;padding: 19px;box-sizing:border-box;z-index: 1;position: absolute;white-space: nowrap;}
.pro_gt li,.pro_gt p{height:3.9rem;border-bottom: solid 1px rgba(255, 255, 255, 0.1);position: relative;z-index: 1;padding: 0 37px;}
.pro_gt li:after,.pro_gt p:after{content: "";position: absolute;width:15px;height:15px;background:url(../image/b7d4331b545c4c139583e4fcff270ef5_8.png) no-repeat 0;top:50%;left:15px;margin-top: -7px;}
.pro_gt li a,.pro_gt p a{display: block;background:url(../image/ico04.png) no-repeat right center;padding: 0 37px;color: #fff;}
.pro_gt p{border: 0;}
.pro_gt li:hover,.pro_gt li.cur{color: #fff;}
.pro_gt li:hover:before,.pro_gt li.cur:before,.pro_gt p:hover:before{content: "";position: absolute;width:300px;height:100%;background:#aa032a;top:0;left:-19px;z-index:-1;}
.pro_gg{margin-bottom: 4.3rem;}
.pro_gc p,.pro_gc p img{width: 100%;display: block;}

.prev1,.next1{width:19px;height:32px;display: inline-block;cursor: pointer;top:236px;right: -80px; z-index: 9;overflow: hidden;}
.prev1{left: -80px;}
.prev1:hover img,.next1:hover img{margin-top:-60px;}

.pro_l{font-size: 1rem;line-height: 1.5rem;text-align: center;overflow: hidden;}
.pro_l li{float: left;width:272px;margin: 0 32px 0 0;overflow: hidden;background:url(../image/pro_lbg1.png) no-repeat center 0;padding:45px 2px 46px;position: relative;}
.pro_l li p,.pro_l li p img{width: 100%;display: block;overflow: hidden;}
.pro_l li img{-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;margin-top: 45px;}
.pro_l li span{display: block;height: 75px;position: absolute;left: 0;top: 64px;width: 100%;}
.pro_l li span em{display: block;font-size: 14px;line-height: 24px;}
.pro_l li span a{display: block;color: #1d1d1c;}
.pro_more{width:100%;height: 25px;position: absolute;left: 0;bottom: 0;display: none;font-size: 12px;font-weight: normal;}
.pro_more a{width:82px;line-height: 25px;background: #aa032a;color: #fff;display: block;margin: 0 auto;}
.pro_l li:hover{color: #c89c60;background:url(../image/pro_lbg2.png) no-repeat center 0;}
.pro_l li:hover .pro_more{display: block;}
.pro_l li:hover span a,.pro_l li span a:hover{color: #c89c60;}
.pro_l li:hover img{margin-top: 30px;}

@media screen and (max-width: 1580px) {
.pro_gt{font-size:1.2rem;}
.story_l dd{padding: 2.3rem 0 16rem;line-height: 7.2rem;}
}
/*合作*/
.part{clear: both;color: #fff;background:#fff;padding:72px 0 0;text-align: center;font-family:"宋体";}
.part_cp,.part_cp p{display: block;width: 100%;height: 800px;}
.part_t{width: 582px;left: 50%;margin-left: -600px;top: 0;z-index: 2;}
.part_t li{width: 288px;height: 267px;background:url(../image/partlbg1.png) no-repeat center 60px rgba(0, 0, 0, 0.4);border: solid 1px rgba(255, 255, 255, 0.4);float: left;box-sizing:border-box;font-size: 36px;line-height: 70px;padding:100px 0 0;margin-top:-1px;margin-left: -1px;}
.part_t li:nth-child(1){margin: 0;}
.part_t li:nth-child(2){clear: both;margin-left:0}
.part_t li:nth-child(4){margin-left: 287px;}
.part_t li em{display: block;font-size: 10px;line-height: 44px;letter-spacing: 5px;font-weight: normal;color: #c89c60;opacity: 0.3;}
.part_t li p{font-size: 18px;line-height: 24px;display: none;padding: 20px 0 0;}
.part_t li.cur{background:url(../image/86d2a6a8fbc9418c8c58da44655ffc16_36.png) no-repeat center 41px rgba(170, 3, 42, 0.88);border-color:rgba(170, 3, 42, 0.88);padding-top: 82px;}
.part_t li.cur em{display: none;}
.part_t li.cur p{display: block;}
.part_more{width: 432px;height: 90px;line-height: 90px;text-align: center;z-index: 2;left: 50%;bottom: 0;margin-left:168px;font-size: 20px;background: rgba(170, 3, 42, 0.9);}
.part_more span{width: 190px;float: right;position: relative;}
.part_more span:before{content: "";position: absolute;width:1px;height:35px;background:#c89c60;top:28px;left:0;}
.part_more span a{display: inline-block;color: #fff;}
.part_more b{font-weight: normal;display: block;float: left;padding-left: 42px;}
.part_more b a{display: inline-block;color: #c89c60;padding: 0 42px 0 56px;background:url(../image/part_ico03.png) no-repeat 0 center;}

/*案例*/
.case{clear: both;font-size:20px;font-family:"宋体";line-height:42px;position: relative;padding:77px 0 0;z-index: 1;color: #fff;}
.case dl{position: relative;width: 50%;display: block;overflow: hidden;}
.case dt,.case dt img{width: 100%;display: block;}
.case dd{position: absolute;width: 62.5%;height: 185px;bottom: 0;left: 9.9%;z-index: 2;}
.case dl:first-child dd{right: 9.9%;left: auto;}
.case dd a{display: inline-block;color: #fff;}
.case dd h3{font-size: 40px;line-height: 58px;}
.case dd p a{padding-right: 50px;}
.case dd p a:hover{color: #aa032a;}

/*案例*/
.show{clear: both;font-size:20px;font-family:"宋体";line-height:42px;position: relative;padding:77px 0 113px;z-index: 1;color: #fff;background:url(../image/b7d4331b545c4c139583e4fcff270ef5_4.jpg) no-repeat center bottom;}
.show_c{padding:108px 0 0;}
.show_ico{left: -90px;top: 112px;}
.show_pn{width:342px;height: 90px;background: rgba(170, 3, 42, 0.9);bottom:-2px;right: -40px;}
.prev2,.next2{width: 96px;height: 90px;display: block;float: right;}
.show_t{background:url(../image/show_logo.png) no-repeat center 0;padding: 112px 0 0;font-size: 54px;width: 166px;float: right;margin-right: -28px;writing-mode:tb-rl;letter-spacing: 8px;line-height: 60px;}
.show_t span{display: block;font-size: 80px;letter-spacing: 16px;line-height: 85px;}
.show_l{width: 1014px;float: left;}

/*新闻资讯*/
.nswsbox{padding: 70px 0 110px;position: relative;font-size: 14px;line-height:24px;color: #666;overflow: hidden;}
.nsw_t{font-size:24px;height:94px;line-height:68px;position: relative;text-align: center;}
.nsw_t span{display: inline-block;width: 220px;height: 68px;box-sizing:border-box;background:url(../image/newtbg1.png) no-repeat center 15px;color: #222;}
.nsw_t span a{color: #222;}
.nsw_t span.cur{background:url(../image/newtbg2.png) no-repeat center 15px;color: #c89c60;}
.nsw_t span.cur a{color: #aa032a;}
.nsw_c dl{display: block;float: left;width:352px;background: #fff;padding: 16px 17px;}
.nsw_c dl:nth-child(3n-1){margin: 0 21px;}
.nsw_c dt,.nsw_c dt img{width: 352px;height: 198px;display: block;overflow: hidden;}
.nsw_c dl:hover dt,.nsw_c dl:hover dt a,.nsw_c dd h4 a:hover,.nsw_c dl:hover dd h4 a{color: #aa032a;}
.nsw_c dd{padding: 18px 14px 0;height: 224px;}
.nsw_c dd h4{font-size:18px;line-height: 56px;}
.nsw_c dd h4 a{display: block;color: #333;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.nsw_c dd p{display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:3;  overflow: hidden; text-overflow: ellipsis;height: 72px;margin-bottom: 22px;}

/*关于*/
.aboutbox{font-family:"宋体";font-size: 16px;line-height:36px;color: #fff;position: relative;background:url(../image/86d2a6a8fbc9418c8c58da44655ffc16_40.jpg) no-repeat center 0;text-align: center;padding: 74px 0 0;height: 880px;box-sizing:border-box;}
.about_c{padding: 44px 0 96px;}
.about_c a{color: #fff;}

.about_ico{display: block;font-size: 24px;line-height: 56px;color: #aa032a;}
.about_ico b,.about_ico span{display: block;color: #aa032a;}

/*友情链接*/
.link{font-family:"宋体";height:0;line-height:55px;position: relative;z-index: 9;font-size: 16px;color: #333;width: 1200px;margin: 0 auto;text-align: center;font-weight: bold;}
.link_c{width: 1200px;left:0;top: -160px;position: absolute;height:55px;overflow: hidden;}
.link a{display: inline-block;color: #333;padding: 0 30px;}


.story_l dt img, .nsw_c dt img{-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.story_l dl:hover dt img, .nsw_c dl:hover dt img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}


@-webkit-keyframes swing{
    20%,40%,60%,80%,100%{-webkit-transform-origin:top center}
    20%{-webkit-transform:rotate(15deg)}
    40%{-webkit-transform:rotate(-10deg)}
    60%{-webkit-transform:rotate(5deg)}
    80%{-webkit-transform:rotate(-5deg)}
    100%{-webkit-transform:rotate(0deg)}
}
@-moz-keyframes swing{
    20%,40%,60%,80%,100%{-moz-transform-origin:top center}
    20%{-moz-transform:rotate(15deg)}
    40%{-moz-transform:rotate(-10deg)}
    60%{-moz-transform:rotate(5deg)}
    80%{-moz-transform:rotate(-5deg)}
    100%{-moz-transform:rotate(0deg)}
}


html{font-size:10px;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
@media screen and (min-width:1420px){html{font-size:12.8px;}}
@media screen and (min-width:1480px){html{font-size:14px;}}
@media screen and (min-width:1520px){html{font-size:14.93333333333333px;}}
@media screen and (min-width:1580px){html{font-size:16px;}}
@media screen and (min-width:1620px){html{font-size:17.06666666666667‬px;}}
@media screen and (min-width:1680px){html{font-size:18.1333333333px;}}
@media screen and (min-width:1720px){html{font-size:18.66666666666667px;}}
@media screen and (min-width:1880px){html{font-size:19.2px;}}
@media screen and (min-width:1920px){html{font-size:20px;}}