html,body{min-width: 1300px;}
*{margin:0;padding:0;font-family:"微软雅黑";font-size: 16px;}
li{list-style:none;}
a{color:black;text-decoration:none;}
input{border:none;outline:none;}
h1,h2,h3,h4,h5,h6{font-size:16px;font-weight:normal;}
.clearfix{clear: both;}
i,em{font-style:normal;}
.width12{width: 1200px;margin: 0 auto;}
.width13{width: 1300px;margin: 0 auto;}
.swiper-pagination-bullet{margin: 0 1%;}
.swiper-slide img{width: 100%;}
.big_A{text-transform:uppercase;}
/*.top_box:hover::before, .top_box:hover::after{position: absolute;}
.top_box:hover::before { content: ""; left: -20px; top: 11px;left: -5px;width: 10px;height: 3px;background: red;}
.top_box:hover::after { content: ""; right: -20px; top: 11px;right: -5px;width: 10px;height: 3px;background: red;}*/
/*内页*/
.box_box{width:600px;height:140px;padding-top:20px;background-color:rgba(255,255,255,0.85);position: absolute;bottom:100px;left:50%;margin-left:-300px;text-align: center;}
.box_box h3{font-size:30px;font-weight:bold;color:#ca2825;height:36px;line-height:36px;text-align: center;}
.box_box h3 i{display: inline-block;width:80px;height:1px;vertical-align: middle;background-color:#ca2825;margin:0 10px;}
.box_box .bb_call{font-size:20px;font-weight:bold;color:#ca2825;font-family:impact;margin-top:20px;text-align: center;}
#box_box_img{height:26px;display: inline-block;margin-right: 10px;
-webkit-animation:box_img 2s ease-in infinite both;
animation:box_img 2s ease-in infinite both;
}
@-webkit-keyframes box_img{
0%,100%{
-webkit-transform:scale(1);
transform:scale(1);
}
50%{
-webkit-transform:scale(1.2);
transform:scale(1.2);
}
}
@keyframes box_img{
0%,100%{
-webkit-transform:scale(1);
transform:scale(1);
}
50%{
-webkit-transform:scale(1.2);
transform:scale(1.2);
}
}
.box_box p{color:#707070;margin-top:10px;text-align: center;}
.box_box p a{display: inline-block;color:#707070;padding-top:6px;font-size:14px;}
.box_box p a:hover{color:#ca2825;}
#nyba{position: relative;}
img {
border: 0;
vertical-align: middle;
/*max-width: 100%;*/
}
/*下拉*/
.pro_lest{position: absolute;left: 0;top: 160px;width: 100%;background: rgba(0,0,0,.8);border-radius: 4px;box-shadow: 0 0 10px #333;display: block;z-index: 9999;padding-top: 20px;padding-bottom: 20px;opacity: 0;
-webkit-transform: perspective(1000px) rotateX(-90deg) translateY(200px);-webkit-transform-origin: 50% 0%;-webkit-transition: all .3s;
transform: perspective(1000px) rotateX(-90deg) translateY(200px);transform-origin: 50% 0%;transition: all .3s;
}
#hi_li:hover .pro_lest{opacity: 1;transform: perspective(1000px) rotateX(0deg) translateY(0px);
-webkit-transform: perspective(1000px) rotateX(0deg) translateY(0px);
}
.ttt{width: calc(100%/6);float: left;padding: 20px;box-sizing: border-box;}
.pro_lest .ttt i{color: #fff;line-height: 30px;text-align: center;display: inline-block;font-size: 16px;}
.ttt:hover{background: #39a359;border-radius: 6px;}
.tttpro_typeIMG img{width: 100%;border-radius: 6px;border: 4px solid #fff;box-sizing: border-box;transition: all .5s;}
.pro_lest .ttt a{line-height: 30px!important;display: block;text-align: center;}
.ttt:hover img{transform:scale(1.1);}
.ttt:hover i{opacity: 0;}
/*头部*/
.header{width: 100%;position: relative;background: #1e1e1e;}
.top{width: 100%;height: 40px;border-bottom: 1px solid #ebebeb;}
.top_section i{line-height: 40px;height: 40px;float: left;}
.top_box{float: right;position: relative;}
.top_box span{float: left;margin-top: 8px;margin-right: 4px;}
.top_box p{float: right;height: 40px;line-height: 40px;}
.top_box p em{font-size: 24px;font-weight: bold;font-family: impact;color: #ca2825;}
#logo{float: left;margin-top: 26px;}
.nav{float: right;}
#logo img{float: left;margin-right: 6px;}
.logo_text{float: right;}
.logo_text h2{font-size: 38px;font-weight: bold;letter-spacing:2px;margin-top: 10px;}
.logo_text i{font-size: 13px;color: #303030;text-transform:uppercase;}
.head{height: 130px;}
.nav{margin-top: 55px;}
.nav li{float: left;width: 130px;height: 100%;box-sizing: border-box;transition: all .2s;}
.nav li a{display: block;text-align: center;font-size: 16px;color: #fff;transition: all .2s;}
.nav li a:hover{color: #ca2825;}
/*title*/
.title{text-align: center;margin-top: 70px;margin-bottom: 50px;}
.title p{text-align: center;margin-top: 8px;}
/*产品分类*/
.pro_type ul{}
.pro_type ul li{float: left;width: 309px;height: 220px;margin-right: 20px;}
.pro_type ul li:nth-child(4){margin-right: 0;}
.pro_type ul li a{display: block;width: 100%;height: 100%;background: rgba(0,0,0,.7);padding: 13px;box-sizing: border-box;transition: all .2s;}
.pro_type ul li a:hover{background: rgba(0,0,0,0);}
.pro_broder{width: 100%;height: 100%;border: 1px solid #d6d2d1;text-align: center;padding-top: 55px;box-sizing: border-box;}
.pro_broder h3{text-align: center;font-size: 32px;color: #fff;}
.pro_broder p{text-align: center;font-size: 18px;color: #fffefe;margin-top: 10px;}
/*产品*/
.pro_All{width:90%;margin: 68px auto;overflow: hidden;}
.pro_box li{width: 23%;display: inline-block;position: relative;overflow: hidden;margin: 10px 10px;box-shadow: 0 0 10px #dedede;transition: all .2s;}
.pro_All .pro_img{width: 100%;overflow: hidden;}
.pro_All .pro_img img{width: 100%;transition: all .3s;}
.pro_box li:hover img{transform: scale(1.1);}
.pro_box li:hover{background: #cc0033;}
.pro_box li:hover p{color: #fff;}
.pro_All p{width: 100%;height: 50px;color: #333;line-height: 50px;text-align: center;}
.pro_All a{display: block;width: 100%;height: 100%;padding: 15px;box-sizing: border-box;padding-bottom: 0;}
@media screen and (max-width:1337px){
.pro_All{width:1300px;min-width: 1300px;}
}
/*关于我们*/
.about_bj{width: 100%;height: 610px;background: url(../images/about_bj.jpg)no-repeat center center;}
.about{padding-top: 80px;}
.about h2{color: #fff;font-weight: bold;font-size: 42px;text-align: center;margin-bottom: 66px;}
.about p{color: #fff;line-height: 32px;}
.about_type{text-align: center;margin-top: 60px;}
.about_type li{display: inline-block;width: 112px;height: 112px;background: #fff;border-radius: 50%;border: 9px solid #cfcfcf;cursor: pointer;transition: all .2s;margin: 0 70px;}
.about_type span{background-size: 100% 100%;width: 50px;height: 46px;margin: 0 auto;display: block;text-align: center;margin-top: 16px;transition: all .2s;}
.about_type i{display: block;text-align: center;margin-top: 4px;color: #333;transition: all .2s;}
.about_type li:hover i{color: #fff;}
.about_type li:hover{background: #cc0033;border: 9px solid #a7032c;}
.about_type li:nth-child(1) span{background: url(../images/about_mini1.png)no-repeat;background-size: 100% 100%;}
.about_bj .about_type li:nth-child(1):hover span{background: url(../images/about_mini1-1.png)no-repeat;background-size: 100% 100%;}
.about_type li:nth-child(2) span{background: url(../images/about_mini2.png)no-repeat;background-size: 100% 100%;}
.about_bj .about_type li:nth-child(2):hover span{background: url(../images/about_mini2-1.png)no-repeat;background-size: 100% 100%;}
.about_type li:nth-child(3) span{background: url(../images/about_mini3.png)no-repeat;background-size: 100% 100%;}
.about_bj .about_type li:nth-child(3):hover span{background: url(../images/about_mini3-1.png)no-repeat;background-size: 100% 100%;}
.about_type li:nth-child(4) span{background: url(../images/about_mini4.png)no-repeat;background-size: 100% 100%;}
.about_bj .about_type li:nth-child(4):hover span{background: url(../images/about_mini4-1.png)no-repeat;background-size: 100% 100%;width: 60px !important;}
.ys_All{width: 100%;height: 700px;background: url(../images/ys_bj.jpg)no-repeat center center;}
/*sx新闻*/
.news_section li{width: 420px;height: 490px;float: left;background: #fff;box-shadow: 0px 0 10px #d0cccc;margin-right: 20px;}
.news_bj{width: 100%;height: 584px;background: url(../images/news_bj.jpg)center center no-repeat;}
.news_text{padding: 20px;box-sizing: border-box;}
.news_text h2{font-size: 18px;font-weight: bold;margin-bottom: 18px;transition: all .2s;}
.news_text p{line-height: 24px;/*height: 50px;*/overflow: hidden;}
.news_section{padding-top: 10px;box-sizing: border-box;}
.news_section li a{display: block;width: 100%;height: 100%;position: relative;}
.news_date{position: absolute;width: 130px;height: 90px;background: #333333;top: 0;left: 0;text-align: center;transition: all .2s;}
.news_date h3{text-align: center;color: #fff;font-size: 38px;margin-top: 8px;}
.news_date em{color: #fff;}
.news_bj .news_section li:nth-child(3){margin-right: 0;}
.news_section li:hover .news_date{background: #df071f;}
/*.news_section li:hover h2{color: #df071f;}*/
.news_img{overflow: hidden;width: 100%;height: 315px;}
.news_img img{transition: all .3s;width: 100%;height: 100%;}
.news_section li:hover img{transform: scale(1.2);}
/*案例1*/
.section_four{overflow: hidden;margin-bottom: 78px;}
.section_four .big{float: left;width:750px;position: relative;overflow: hidden;}
.section_four .big p, .section_four .small .item p{padding:0 50px;font-size:20px;color:#fff;position: absolute;left:0;bottom:0;width:100%;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;line-height:70px;height:70px;background-color:rgba(0,0,0,0.55);}
.section_four .big i{width:44px;height:44px;background:url(../images/e3.png);margin-top:16px;}
.section_four .small{width:528px;float: right;height:580px;}
.section_four .small .item{width:254px;height:190px;margin-bottom:18px;position: relative;float: left;margin-right:20px;overflow: hidden;}
.section_four .small .item p{height:30px;line-height:30px;text-align: center;padding:0;font-size:16px;}
.section_four .item_box img{-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;width: 100%;}
.section_four .big:hover img, .section_four .small .item:hover img{-webkit-transform:scale(1.2, 1.2);-moz-transform:scale(1.2, 1.2);-o-transform:scale(1.2, 1.2);-ms-transform:scale(1.2, 1.2);transform:scale(1.2, 1.2);}
/*案例2*/
.case_All li{float: left;width: 23%;margin: 0 1%;box-sizing: border-box;box-shadow: 0 0 16px #dedede;border: 10px solid #fff;transition: all .2s;}
.case_All li img{display: block;width: 100%;}
.case_All ul{float: left;width: 50%;}
.case_All{width: 100%;overflow: hidden;}
.case_box{width: 200%;padding: 1% 0;}
.case_box p{text-align: center;padding-top: 10px;transition: all .2s;background: #fff;}
.case_All li:hover{border: 10px solid #ff7c00;}
.case_All li:hover p{background: #ff7c00;color: #fff;}
.case{background: #f6f6f6;width: 100%;padding-bottom: 80px;}
/*优势*/
.ys_All span{float: left;width: 80px;height: 80px;background: #fff;border-radius: 10px;font-size: 66px;color: #ca2825;font-family: impact;text-align: center;line-height: 80px;margin-top: 4px;}
.ys_All ul{width: 656px;float: right;padding-top: 50px;box-sizing: border-box;}
.ys_All ul li{padding: 30px 0;}
.ys_text{width: 560px;}
.ys_box h3{font-size: 20px;font-weight: bold;color: #fff;margin-bottom: 8px;}
.ys_box p{color: #fff;line-height: 26px;}
/*最底部*/
.foot_buttom{width: 100%;height: 48px;background: #242424;min-width: 1200px;border-top: 1px solid #313131;box-sizing: border-box;}
.f_center{height: 100%;width: 1300px;margin: 0 auto;display: flex;align-items: center;}
.f_center p{color: #fff;margin-left: 254px;}
.f_img01{margin-left: 100px;margin-right: 100px;}
/*foot*/
.footer{background: #2a2a2a;width: 100%;}
.foot{height: auto;padding-top: 70px;box-sizing: border-box;padding-bottom: 66px;}
.foot_logo{width: 360px;margin: 0 auto;}
.foot_logoText{float: left;margin-left: 10px;}
.foot_logoText h2{font-size: 40px;font-weight: bold;color: #0ba22f;margin-bottom: 10px;margin-top: 6px;}
.foot_logoText i{font-size: 18px;color: #0ba22f;}
.foot_nav1{text-align: center;}
.foot_nav1 li{display: inline-block;}
.foot_nav1 li a{color: #fff;margin: 0 25px;}
.foot_type01{padding-bottom: 20px;padding-top: 34px;}
.foot_ew p{font-size: 14px;color: #fff;width: 100%;text-align: center;margin-top: 8px;}
.foot_ew{width: 146px;float: right;margin-top: 30px;}
.foot_ew img{display: block;width: 146px;height: 146px;}
.foot_nav2{float: left;width: 240px;margin-left: 80px;}
.foot_nav2 li a{display: block;color: #fff;float: left;margin-right:40px;margin-bottom: 10px;}
.foot_jj{float: left;width: 333px;}
.foot_type02 h2{font-size: 20px;color: #fff;font-weight: bold;margin-bottom: 14px;}
.foot_jj p{color: #fff;line-height: 30px;}
.foot_type02 span{height: 1px;width: 40px;background: #fff;display: block;margin-bottom: 12px;}
.foot_erwei{float: left;width: 646px;}
.foot_erwei h2{font-size: 32px;text-align: center;font-weight: 100;margin-top: 10px;margin-bottom: 27px;}
.zz_ew{text-align: center;}
.zz_ew li{display: inline-block;margin: 0 25px;text-align: center;}
.zz_ew li p{text-align: center;color: #fff;}
.zz_ew p{margin-top: 14px;}
/*@media screen and (max-width:1520px){
.pro_type{width: 1300px;}
.pro_typeTop{width: 210px;}
.pro_typeAll li{width: 112px;}
}*/