@charset "utf-8";
/*初始样式*/
body,ul,ol,li,div,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,img,span,input{margin:0;padding:0;list-style:none;}
a { color:#333; text-decoration:none;font-family: "Microsoft Yahei";}  /*for ie f6n.net*/
a:focus{outline:0;} /*for ff f6n.net*/
img{border:none;}
.vam{ vertical-align:middle;}
.clear{clear:both; height:0; line-height:0; font-size:0;}
p{ font-family: "Microsoft Yahei"; }
h1,h2,h3,h4,h5,h6{ font-family:"Microsoft Yahei";}
i,em{ font-style:normal;}

.tr {text-align:right;}
.tl {text-align:left;}
.center{ text-align:center;}
.fl { float:left;}
.fr { float:right;}
.pa{ position:absolute;}
.pr{ position:relative}
.clearfix:after{content:"";height:0;clear:both;display:block;visibility:hidden;}
.clearfix{zoom:1;}
/* -- 页面整体布局 -- */
.pic img,.picl img,.pics img{-webkit-transition: -webkit-transform 0.8s; -moz-transition: -moz-transform 0.8s; -o-transition: -o-transform 0.8s; transition: transform 0.8s;}
.pic img:hover{-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-ms-transform: scale(1.05);-o-transform: scale(1.05);  transform: scale(1.05);}
.picl img:hover{-moz-transform: translate(0,5px);-webkit-transform: translate(0,5px);-ms-transform: translate(0,5px);-o-transform: translate(0,5px);}
.pics img:hover{-moz-transform: rotate(360deg);-webkit-transform: rotate(360deg);-ms-transform: rotate(360deg);-o-transform: rotate(360deg);}
.white,.whites{position: relative;overflow: hidden;}
.white:after,.whites:after{content: ''; cursor: pointer; position: absolute; left: -100%; top: 0; width:100%; height:100%; background-image: -moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0)); background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0)); transform: skewx(-25deg); }
.white:hover:after{left:100%; -moz-transition:1s; -o-transition:1s; -webkit-transition:1s; transition:1s;}
.whites:hover:after {left:100%; -moz-transition:0.5s; -o-transition:0.5s; -webkit-transition:0.5s; transition:0.5s;}
@keyframes myfirst{0%{background-position:0 0;} 100%{background-position:100% 100%;}}
body{min-width:1200px;width:100%;max-width:1920px;margin:0 auto;overflow-x:hidden;}
i,em{ font-style:normal;}
.text-c{text-align: center;}


/*banner*/
.banner{height: auto;max-width: 1920px;margin:0 auto!important;position: relative;}
.banner .bd li{float: left;width: 100%; line-height: 0;}
.banner .bd li img{width: 100%;}
.banner .bd li a{display: block;height: 100%;}
.banner .prev{position:absolute;top:45%;left:4.2%;z-index: 10;cursor: pointer;filter:alpha(opacity=50);opacity:0.3;width:73px;height:73px;}
.banner .next{position:absolute;top:45%;right:4.2%;z-index: 10;cursor: pointer;filter:alpha(opacity=50);opacity:0.3;width:73px;height:73px;}
.banner i{text-align: center;width: 60px; height: 60px;border-radius: 50%;background: rgba(0,0,0,0.5);}
.banner i img{height: 30px;display: inline-block;margin-top: 15px;}
.banner .hd{z-index: 1; margin: 0 auto; text-align: center; position: absolute; left: 50%; width: 1200px; bottom:60px;margin-left: -600px;}
.banner .hd li{width:12px;height:12px; cursor:pointer;  background: #fff;margin: 2px 16px;display: inline-block;border-radius: 20px;}
.banner .hd li.on{background: #EF8301; width:16px; margin: 0 16px; height:16px; border: 3px solid #fff;background: none;box-sizing: border-box;}

/*首页搜索*/
.sou{height: 80px;}
.sou-l{float: left;font-size: 14px;color: #AFAFAF;line-height: 80px;}
.sou-l em a{margin-right: 15px;color: #AFAFAF;font-weight: bold;}
.sou-l em a:last-child{margin-right: 0;}
.sou-r{float: right;margin-top: 20px;width: 340px;height: 25px;box-sizing: border-box;}
.sou-r .txt{width: 300px;line-height: 25px;height: 35px;border: none;display: block;text-indent: 15px;letter-spacing: 1px;font-weight: bold;float: left;color: #666;background: #EEEEEE;}
.sou-r .btn{width: 30px;height: 35px;display: block;background: url(../img/submit.png) no-repeat left;background-color: #EEEEEE;border: none;}

/*标题*/
.title{text-align: center;}
.title a{font-size: 38px;font-weight: bold;color: #3D3D3D;letter-spacing: 2px;}
.title span{display: block;font-size: 24px;color: #3D3D3D;margin-top: 15px;letter-spacing: 2px;}

/*核心产品*/
.product{width: 100%;}
.product .title{padding-top: 30px; padding-bottom: 70px;}
.product .pro-nav{display: flex; justify-content: space-between}
.product .pro-nav .pro-nav-ul{display: inline-block; margin-bottom: 50px;position: relative;}
.product .pro-nav .pro-nav-ul .titcel{width: 295px; height: 70px; background-color: #646464;display: flex;align-items: center;justify-content: space-between;border-bottom: 1px solid white;}
.product .pro-nav .pro-nav-ul .titcel .column-name{font-weight: bold;letter-spacing: 2px;color: white;font-size: 18px;margin-left: 15px;}
.product .pro-nav .pro-nav-ul .titcel .arow{margin-right: 15px;display: inline-block;content: "";width: 0px;height: 0px;border-top: 7px solid white;border-left: 7px solid transparent;border-right: 7px solid transparent;}
.product .pro-nav .pro-nav-ul ul{width: 295px;display: none;left: 0;position: absolute;}
.product .pro-nav .pro-nav-ul:hover ul{display: block;}
.product .pro-nav .pro-nav-ul ul li{display: block;height: 50px;line-height: 50px;background-color: #646464;border-bottom: 1px solid white;}
.product .pro-nav .pro-nav-ul ul li a{font-size: 17px;color: white;font-weight: bold;margin-left: 15px;letter-spacing: 2px;}
/*
.product .pro-content{display: flex; justify-content: space-between;margin-bottom: 70px;}
.product .pro-content .pro-li{width: 390px; border: 2px solid #DCDCDC;box-shadow:0px 5px 5px #DCDCDC;}
.product .pro-content .pro-li img{width: 390px;display: block;}
.product .pro-content .pro-li .pro-info{width: 390px; height: 60px; border-top: 1px solid #DCDCDC;justify-content: space-between;display: flex;}
.product .pro-content .pro-li .pro-info .pro-name{width: 240px; height: 60px; line-height: 60px; padding-left: 25px; letter-spacing: 1px; font-size: 20px; font-weight: bold; display: inline-block;}
.product .pro-content .pro-li .pro-info .pro-btn{width: 130px; height: 60px; line-height: 60px; text-align: center; background-color: #C30921; color: white;font-size: 16px;display: inline-block;}
*/
.product .pro-box{
    font-size:0;
     margin-top:-30px;
}
.product .pro-box .pro-li{
   display:inline-block;
   font-size:14px;
   width:31.33333333333333%;
   margin-left:.4444444444%;
   margin-top:30px;
   box-sizing:border-box;
   border: 2px solid #DCDCDC;box-shadow:0px 5px 5px #DCDCDC;
}
.product .pro-box .pro-li img{display: block;}
.product .pro-box .pro-li .pro-info{height: 60px; border-top: 1px solid #DCDCDC;position:relative;}
.product .pro-box .pro-li .pro-info .pro-name{width: 240px; height: 60px; line-height: 60px; padding-left: 25px; letter-spacing: 1px; font-size: 20px; font-weight: bold; display: inline-block;}
.product .pro-box .pro-li .pro-info .pro-btn{width: 130px; height: 60px; line-height: 60px; text-align: center; background-color: #C30921; color: white;font-size: 16px;display: inline-block;position:absolute;right:0;}




/*分割线*/
.cut-line{width: 100%; height: 410px; background: url(../img/cut-line.jpg) no-repeat;background-size: 100% 100%;}
.cut-line .cutline-top{width: 100%;font-size: 42px;color: white;font-weight: bold;padding-top: 105px;letter-spacing: 10px;}
.cut-line .cutline-bottom{height: 100px;color: white;margin-top: 60px;font-size: 20px;}
.cut-line .cutline-bottom .cutline-icon{display: flex;flex-direction: column;justify-content: center;align-items: center;margin-right: 50px;letter-spacing: 2px;}
.cut-line .cutline-bottom .cutline-icon img{display: block; width: 70px; height: 70px; transition: width 1s, height 1s, transform 1s;cursor: pointer;}
.cut-line .cutline-bottom .cutline-icon img:hover{-webkit-transform: rotate(360deg); /* Chrome, Safari, Opera */transform: rotate(deg);-moz-transform: rotate(360deg); /* Chrome, Safari, Opera */-ms-transform: rotate(360deg); /* Chrome, Safari, Opera */}
.cut-line .cutline-bottom .cutline-right{display: flex;flex-direction: column;align-items: center;}
.cut-line .cutline-bottom .cutline-right button{width: 170px;height: 45px;background-color: #C30921;color: white;font-weight: bold;font-size: 20px;border-radius: 10px;border: none;letter-spacing: 2px;margin-bottom: 30px;cursor: pointer;}
.cut-line .cutline-bottom .cutline-right p{color: white;font-size: 18px;letter-spacing: 1px;}

/*产品优势*/
.advantage{width: 100%;}
.advantage .title{padding-top: 70px; padding-bottom: 70px;}
.advantage .advantage-list{display: flex; justify-content: space-between;margin-bottom: 110px;}
.advantage .advantage-list-left{margin-top: 30px;}
.advantage .advantage-list-center{height: 1160px; width: 20px; background: url(../img/advantage-line.png) no-repeat;}
.advantage .advantage-info{position: relative; width: 560px; padding-bottom: 25px;border: 1px solid #E5E5E5;margin-bottom: 30px;overflow: hidden;}
.advantage .advantage-info .adimg{width: 100%; transition: 1s;cursor: pointer;}
.advantage .advantage-info .adimg:hover{transform:scale(1.1);}
.advantage .advantage-info .advantage-div-top{position: absolute;left: 30px; top: 260px; height: 120px;}
.advantage .advantage-info .advantage-div-top img{vertical-align: bottom;}
.advantage .advantage-info .advantage-div-top p{display: inline-block;}
.advantage .advantage-info .advantage-div-bottom{margin-top: 100px; padding-left: 65px;padding-right: 50px;}
.advantage .advantage-info .advantage-div-bottom li{list-style: circle; font-size: 16px;line-height: 30px;color: #666666;}
.advantage .advantage-now-buy{width: 560px;cursor: pointer;}

/*合作案例*/
.case{width: 100%; background-color: #EEEEEE;}
.case .title{padding-top: 70px; padding-bottom: 70px;}
.case .case-list{display: flex; justify-content:space-between; align-items:center;margin-bottom: 70px;}
.case .case-info{width: 1100px; height: 470px; position: relative;}
.case .case-info .case-text{position: absolute;left: 0;top: 0;width: 600px;height: 100%; background: url(../img/case-left.png) no-repeat;color: white;}
.case .case-info .case-text .case-text-content{padding-left: 40px; padding-top: 115px;}
.case .case-info .case-text .case-text-1{font-size: 32px;}
.case .case-info .case-text .case-text-2{font-size: 22px;display: inline-block;margin-top: 10px;width: 250px;letter-spacing: 2px;}
.case .case-info .case-text .case-text-3{font-size: 18px;letter-spacing: 2px;width: 300px;height: 50px;line-height: 30px;padding-top: 35px;}
.case .case-info .case-text button{background-color: #C20921;border: 2px solid white;letter-spacing: 2px;font-size: 16px;width: 120px;margin-top: 50px;height: 40px;color: white;cursor: pointer;}
.case .case-info .case-right{width: 100%; height: 100%;}
.case .case-next{display: flex; justify-content:center; align-items:center; padding: 26px 13px; background-color: #C20921; font-size: 26px; color: white;cursor:pointer;}
.case-partner{padding-bottom: 50px;}
.case-partner .partner-top{width: 100%;display: flex;justify-content: space-between;align-items: flex-end; margin-bottom: 30px;}
.case-partner .partner-top div{display: inline-block; width: 185px; height: 40px;background: url(../img/partner-left.png) no-repeat;}
.case-partner .partner-top span{font-size: 22px;color: white;display: inline-block;padding-left: 35px;letter-spacing: 2px;line-height: 40px;}
.case-partner .partner-top button{width: 90px;height: 25px;border: 2px solid #C20921;color: #C20921;cursor: pointer;}
.case-partner .partner-middle{display: flex;justify-content: space-between;}
.case-partner .partner-middle li{display: inline-block;margin: 0 45px;}
.case-partner .partner-middle img{height: 100px;}
.case-partner .partner-bottom{display: flex;justify-content: center;margin-top: 30px;}
.case-partner .partner-bottom .partner-prev{display: flex;justify-content: center;align-items: center;padding: 6px 12px;background-color: white;font-size: 18px;color: #C20921;cursor: pointer;margin-right: 3px;}
.case-partner .partner-bottom .partner-next{display: flex;justify-content: center;align-items: center;padding: 6px 12px;background-color: white;font-size: 18px;color: #C20921;cursor: pointer;margin-left: 3px;}
.case-partner .partner-bottom .partner-prev:hover{background-color: #C20921;color: white;}
.case-partner .partner-bottom .partner-next:hover{background-color: #C20921;color: white;}

/*荣誉资质*/
.award{width: 100%;}
.award .title{padding-top: 70px; padding-bottom: 70px;}
.award .award-list{position: relative;padding-bottom: 50px;}
.award .award-list ul{display: flex;justify-content: space-between;}
.award .award-list li{margin: 0 75px;text-align: center;}
.award .award-list li img{display: block;width: 250px;height: auto;}
.award .award-list li p{margin-top: 25px;font-size: 20px;letter-spacing: 1px;}
.award .award-list .award-prev{position: absolute;top:45%;left: 0;width: 35px;height: 46px;cursor: pointer;}
.award .award-list .award-next{position: absolute;top:45%;right: 0;width: 35px;height: 46px;cursor: pointer;}

/*关于我们*/
.about{width: 100%;background: url(../img/about-bg.jpg) no-repeat;background-size: 100% 100%;}
.about .title{padding-top: 70px; padding-bottom: 70px;}
.about .about-content{text-align: center;}
.about .about-navi{padding-top: 13px;}
.about .about-navi span{background-color: #535353; color: #FFFFFF; padding: 9px 45px; font-size: 25px; margin-right: 30px; letter-spacing: 2px;cursor:pointer;}
.about .about-navi .about-current{background-color: #C20921;}
.about .about-info{width: 100%;height: 665px; margin-top: 70px; position: relative;}
.about .about-info .about-left-img{width: 560px; height: 530px; position: absolute;top: 0; left: 0;}
.about .about-info .left-bg{width: 545px; height: 515px; border: 4px solid #C20921; margin-left: 20px; margin-top: 20px; float: left;}
.about .about-info .right-content{width: 600px; height: 295px; float: right;}
.about .about-info .right-content .right-top{line-height: 30px;letter-spacing: 1px;font-size: 20px;text-align: justify;text-indent: 40px;margin-bottom: 25px;}
.about .about-info .right-content .right-middle{width: 200px;height: 55px;border: none;color: white;font-size: 25px;background-color: #C20921;letter-spacing: 5px;text-align: center; line-height: 55px;float: right;}
.about .about-info .right-content .right-middle img{width: 10px;height:15px;}
.about .about-info .right-content .right-bottom{margin-top: 130px;display: flex;}
.about .about-info .right-content .right-bottom img{width: 280px; height: 205px;}
.about .about-info .right-content .right-bottom img:first-child{margin-right: 20px;}
.about .about-info .right-content .right-bottom img:last-child{margin-left: 20px}
.about .about-info .culture-content{text-align: center;}
.about .about-info .culture-content p{font-size: 20px;line-height: 40px;}
.about .about-info .culture-content p span:first-child{color: #C20921;}
.about .about-info .culture-content img{width: 100%;height: auto;margin-top: 50px;}
.about .about-info .social-content{position: relative;}
.about .about-info .social-content .social-list{display: flex;justify-content: space-between;}
.about .about-info .social-content .social-list .social-info img{width: 350px;border-radius: 15px;}
.about .about-info .social-content .social-list .social-info p{font-size: 22px;color: #666666;letter-spacing: 1px;display: block;margin-top: 20px;}
.about .about-info .social-content .social-prev{position: absolute;left: 0;top: 40%;width: 50px;}
.about .about-info .social-content .social-next{position: absolute;right: 0;top: 40%;width: 50px;}

/*新闻资讯*/
.news{width: 100%;}
.news .title{padding-top: 70px; padding-bottom: 70px;}
.news .news-lists{display: flex;justify-content: space-between;padding-bottom: 70px;}
.news .news-left-top{display: flex;align-items: flex-end;}
.news .news-left-top div{width: 210px; height: 55px;background: url(../img/news-left.png) no-repeat;font-size: 32px;line-height: 55px;padding-left: 35px;color: white;letter-spacing: 2px;font-weight: bold;display: inline-block;}
.news .news-left-top span{font-size: 16px;letter-spacing: 1px;color: #505050;font-weight: bold;}
.news .news-left-bottom{width: 790px; height: 405px;border: 1px solid #DCDCDC;}
.news .news-first{padding: 30px;height: 220px;}
.news .news-first .news-first-left{float: left;}
.news .news-first .news-first-left img{width: 350px; height: 220px;}
.news .news-first .news-first-right{width: 340px;height: 220px;float: right;position: relative;padding-right: 10px;}
.news .news-first .news-first-right .news-first-title{font-size: 16px;line-height: 16px;font-weight: bold;color: black;letter-spacing: 1px;display: inline-block;padding-left: 20px;background: url(../img/news-title.png) no-repeat;margin-top: 10px;}
.news .news-first .news-first-right div{margin-bottom: 15px;margin-top: 5px;}
.news .news-first .news-first-right .news-first-content{letter-spacing: 1px;color: #1c1c1c;font-size: 15px;line-height: 30px;text-align: justify;}
.news .news-first .news-first-right span{position: absolute;bottom: 2px;right: 10px;color: #C20921;font-size: 15px;}
.news .news-second{padding-left: 30px;padding-right: 30px;}
.news .news-second ul li{margin-bottom: 20px;width: 325px;overflow: hidden;float: left;height: 35px;background: #fff;border: 1px solid #D2D2D2;line-height: 35px;}
.news .news-second ul li a{font-size: 16px;font-weight: bold;}
.news .news-second ul li a i{width: 35px;display: inline-block;text-align: center;background: #D2D2D2;height: 35px;}
.news .news-second ul li a em{padding-left: 5px;letter-spacing: 1px;font-size: 15px;font-weight: normal;color: black;}
.news .news-second ul li:nth-of-type(2n){float: right;}
.news .news-right{border-bottom: 1px solid #DCDCDC;}
.news .news-right-top{display: flex;align-items: flex-end;border-bottom: 1px solid #DCDCDC;}
.news .news-right-top div{width: 210px; height: 55px;background: url(../img/news-left.png) no-repeat;font-size: 32px;line-height: 55px;padding-left: 35px;color: white;letter-spacing: 2px;font-weight: bold;display: inline-block;}
.news .news-right-top span{font-size: 16px;letter-spacing: 1px;color: #505050;font-weight: bold;}
.news .news-right-bottom{width: 380px; height: 335px;border: 1px solid #DCDCDC;padding: 35px;}
.news .news-right-bottom .question-info{height: 95px;margin-bottom: 40px;margin-left: 40px;}
.news .news-right-bottom .question-info img{width: 23px; height: 23px;float: left;}
.news .news-right-bottom .question-info .question-top{color: black;letter-spacing: 1px;margin-bottom: 15px;}
.news .news-right-bottom .question-info .question-top span{margin-left: 10px;width: 280px;display: inline-block;}
.news .news-right-bottom .question-info .question-bottom{color: #3F3F3F;letter-spacing: 1px;}
.news .news-right-bottom .question-info .question-bottom span{margin-left: 10px;width: 280px;display: inline-block;}