@charset "utf-8";

/* CSS Document */



/*banner*/ 

.banner{position: relative;width:100%;overflow: hidden;height: 936px;}

.banner_roll{position:relative; height:100%;width: 100%}

.banner_roll ul li{float: left; width:1920px;overflow: hidden;min-width: 1200px;height: 936px}

.banner_roll ul li img{width: 1920px;height: 936px;}



.banner_dots{}

.banner_dots a{position: absolute;font-size:  20px;top: 60%;color: #fff;text-transform: capitalize;}

.banner_dots .prev{left:10%}

.banner_dots .next{right:10%}

.banner_dots .prev::before{background:url(../images/icon_bg.png) 0 0;content: "";background-repeat: no-repeat;position: absolute;width: 40px;height: 16px;z-index: 99;top: 6px;left: -50px}

.banner_dots .next::before{background:url(../images/icon_bg.png) 0 -16px;content: "";background-repeat: no-repeat;position: absolute;width: 40px;height: 16px;z-index: 99;top: 6px;right: -50px}

.banner_dots a:hover{color: #c30d23}

.banner_dots a.prev:hover:before{background:url(../images/icon_bg.png) 0 -32px}

.banner_dots a.next:hover:before{background:url(../images/icon_bg.png) 0 -48px}

/*关于我们*/

.about{padding: 120px 0 80px;background-color: #0d0a0a;width: 100%}

.about > .w_center{position: relative;}

.about > .w_center img{position: absolute;top: -20px;right:0;z-index: 0;width: 674px;height: 378px;}

.about_txt{position: relative; width: 805px;height: 427px;background-color: #c30d23;margin: 20px 0 0;z-index: 1;padding: 60px;color: #fff}

.about_txt span{display: block;font-size: 20px;}

.about_txt p{display: block;font-size: 16px;margin: 14px 0 0}

.about_txt a{width: 194px;height: 54px;background-color: #fff;position: absolute;top: 50%;right: -134px;margin-top: -60px;overflow: hidden}

.about_txt a span{position: relative; font-size: 20px;color: #c30d23;line-height: 54px;padding: 0 0 0 26px;z-index: 2;transition: all .5s}

.about_txt a span::before{background:url(../images/icon_bg.png) 0 -64px;content: "";background-repeat: no-repeat;position: absolute;width: 32px;height: 8px;top:24px;right: 26px;}

.about_txt a::before,.about_txt a::after {content: '';position: absolute;height: 100%;width: 100%;bottom: 100%;left: 0;z-index:1;-webkit-transition: -webkit-transform 0.3s;transition: transform 0.3s;-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);}

.about_txt a::before {background: #c30d23;}

.about_txt a::after {background: #000;}

.about_txt a:hover {color: #fff;}

.about_txt a:hover::before,.about_txt a:hover::after {-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}

.about_txt a:hover::after {-webkit-transition-delay: 0.175s;transition-delay: 0.175s;}

.about_txt a:hover span{color: #fff;}

.about_txt a:hover span::before{background:url(../images/icon_bg.png) 0 -72px;}

.about_txt em{display: block;position: absolute;bottom: -36px;right: 0;font-family:MAJORA;color: #c62938;font-size: 98px;z-index: -1}

/*产品*/

.product{position: relative; padding: 40px 0 120px;background-color: #0d0a0a;width: 100%}

.product > img{position: absolute;width: 615px;top: 0;right: 0;}

.product > .w_center > img{position: absolute;top: -116px;left: 50%;width: 4px;height: 282px;z-index: 3}

.product_title ul li{float: left;width: 300px;height: 64px;text-align: center;line-height: 64px;border-right:1px solid rgba(255,255,255,.1);margin: 6px 0}

.product_title ul li a{background-color: #191617;position: relative;overflow: hidden;font-size: 20px;color: #fff;z-index: 1;transition: color 0.3s;text-transform: capitalize;}

.product_title ul li:nth-child(4){border: none}

.product_title ul li:nth-child(8){border: none}

.product_title ul li a::before,.product_title ul li a::after {content: '';position: absolute;height: 100%;width: 100%;bottom: 100%;left: 0;z-index:-1;-webkit-transition: -webkit-transform 0.3s;transition: transform 0.3s;-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);}

.product_title ul li a::before {background: #f47c8b;}

.product_title ul li a::after {background: #c30d23;}

.product_title ul li a:hover {color: #fff;}

.product_title ul li a:hover::before,.product_title ul li a:hover::after {-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}

.product_title ul li a:hover::after {-webkit-transition-delay: 0.175s;transition-delay: 0.175s;}

.product_title ul li.on a{background-color: #c30d23}

.product_list ul li{float: left;position: relative; width: 376px;height: 470px;background-color: #191617;margin: 36px 0 0 36px;box-shadow: 0 0 10px rgba(0,0,0,1)}

.product_list ul li a > img{position: absolute;top: 0;left: 0;}

.product_list ul li:nth-child(3n+1){margin-left: 0;}

.product_list ul li .product_img{width: 376px;height: 320px;}

.product_list ul li .product_img1{position: absolute; left: 0; top: 0; width: 100%; -moz-transform:scale(0); -webkit-transform:scale(0); -o-transform:scale(0); transform: scale(0); -moz-transition: all .2s; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s;}

.product_list ul li:hover .product_img1{-moz-transform:scale(1); -webkit-transform:scale(1); -o-transform:scale(1); transform: scale(1);}

.product_list ul li:hover .product_img{opacity: 0}

.product_list ul li .product_txt{color: #fff;padding-left:40px;}

.product_list ul li .product_txt h6{font-size: 24px;margin:16px 0;-moz-transition: all .2s; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}

.product_list ul li:hover .product_txt h6{color: #c30d23}

.more{font-size: 0;line-height: 0;transition: all .2s;}

.more em{display: inline-block;vertical-align: middle; font-size: 18px;color: #c30d23;text-transform: capitalize;margin-left: 10px;transition: all .2s;}

.more i{display: inline-block;vertical-align: middle;background:#c30d23 url(../images/icon_bg.png) -40px -24px;width: 32px;height: 32px;}

.product_list ul li:hover .more em{color: #fff}

.product_list ul li:hover .more i{background:#fff url(../images/icon_bg.png) -40px -56px;}

/*案例*/

.case{padding: 80px 0 120px;width: 100%;background-color: #141313}

.case_roll ul{overflow: hidden;}

.case_roll ul li{position: relative;float: left;width: 360px;margin: 0 60px 36px 0;overflow:hidden;}

.case_roll ul li .case_img{width: 360px;height: 360px;overflow: hidden;}

.case_roll ul li .case_img img{transition: all .5s}

.case_roll ul li h6{font-size: 24px;color: #fff;text-align: center;margin: 10px 0 0;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;padding: 0 10px;text-transform: capitalize;transition: all .5s}

.case_dots{overflow:hidden;}

.case_dots ul{text-align: center;font-size: 0}

.case_dots ul li{ display: inline-block; width:14px;height:14px;margin:0 5px;font-size: 0;cursor:pointer; border-radius: 10px;border: 1px solid #666}

.case_dots ul li.on{ background:#c30d23;border:1px solid #c30d23;}

.case_zz{position: absolute; width: 360px;height: 360px;background: rgba(0,0,0,.7);top: 0;left: -360px;}

.case_zz span{display: block; width: 54px;height: 54px;background-color:  rgba(0,0,0,.7);font-size: 32px;color: #fff;font-weight: bold;text-align: center;line-height: 54px;border-radius: 50%;position: absolute;top: 50%;left: 50%;margin: -27px 0 0 -27px}

.case_roll ul li:hover h6{color: #c30d23}

.case_roll ul li:hover .case_img img{transform: scale(1.2)}

/*为什么*/

.why{background-color: #0d0a0a;padding: 80px 0 120px;width: 100%}

.why_txt ul li{width: 584px;height: 132px;background-color: #181516;padding: 24px;margin-bottom: 40px;transition: all  .5s;box-shadow: 0 0 10px rgba(0,0,0,1)}

.why_txt ul li .why_txt_img{width: 88px;height: 88px;border-radius: 10px;overflow: hidden;}

.why_txt ul li .why_txt_img img{transition: all .5s}

.why_txt ul li .why_txt_detail{color: #fff;padding-left: 20px;width: 446px}

.why_txt ul li .why_txt_detail h6{font-size: 24px;}

.why_txt ul li .why_txt_detail p{font-size: 16px;}

.why_txt ul li:hover{background-color: #c30d23;}

.why_txt ul li:hover .why_txt_img img{transform: scale(1.2)}

.why_txt ul li.cur{background-color: #c30d23}

.why_txt ul li.cur .why_txt_img img{transform: scale(1.2)}

.why_img{width: 576px;box-shadow: 0 0 10px rgba(0,0,0,1);height: 476px;}

.why_img ul li{display: none;}

.why_img ul li.cur{display: block;}

/*新闻*/

.news{background-color: #141313;padding: 80px 0 120px;width: 100%}

.news_left ul li{width:810px;height: 218px;margin-bottom: 24px;box-shadow: 5px 5px 10px rgba(0,0,0,1);}

.news_left ul li .news_img{float: left; width: 342px;height: 218px;overflow: hidden;}

.news_left ul li .news_img img{transition: all .5s}

.news_left ul li .news_txt{float: right; width: 468px;padding: 28px;background-color: #ffffff;height: 218px;overflow: hidden;transition: all .5s}

.news_left ul li .news_txt span{font-size: 17px;color: #c30d23;transition: all .5s}

.news_left ul li .news_txt h6{font-size: 24px;color: #333;overflow: hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;line-height: 30px;margin: 6px 0 10px;transition: all .5s}

.news_left ul li .news_txt p{font-size: 16px;color: rgba(102,102,102,1);overflow: hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical;margin-bottom: 40px;line-height: 24px;}

.news_list .news_right{float: right;width: 342px;height: 706px;}

.news_list .news_right .news_img{width: 342px;overflow: hidden;height: 218px;}

.news_list .news_right .news_img img{transition: all .5s}

.news_list .news_right .news_txt{height: 484px;width:342px;padding: 28px;background-color: #191617;overflow: hidden;transition: all .5s}

.news_list  .news_right .news_txt  p{display: -webkit-box;-webkit-line-clamp:9;height: 220px;font-size: 16px;color: rgba(255,255,255,.8);overflow: hidden;text-overflow:ellipsis;-webkit-box-orient: vertical;margin-bottom: 40px;line-height: 24px;}

.news_list  .news_right .news_txt span{font-size: 17px;color: #c30d23;transition: all .5s}

.news_list  .news_right .news_txt h6{font-size: 24px;color: #fff;overflow: hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;line-height: 30px;margin: 6px 0 10px;transition: all .5s}

.news_left ul li:hover .news_img img{transform: scale(1.2)}

.news_left ul li:hover .news_txt{padding-left: 36px;padding-right: 20px}

.news_left ul li:hover .news_txt h6{color: #c30d23}


.news_left ul li:hover .more em{color: #fff}

.news_left ul li:hover .more i{background:#fff url(../images/icon_bg.png) -40px -56px;}



.news_right:hover .news_img img{transform: scale(1.2)}

.news_right:hover .news_txt{padding-left: 36px;padding-right: 20px}

.news_right:hover .news_txt h6{color: #c30d23}

.news_right:hover .news_txt span{color: rgba(255,255,255,.8)}

.news_right:hover .more em{color: #fff}

.news_right:hover .more i{background:#fff url(../images/icon_bg.png) -40px -56px;}