/**, ::after, ::before { box-sizing: border-box;}*/

/*首页*/
.ind_head {display: block;line-height: 30px;text-align: center;}
.ind_head h5{font-size: 32px;color: #38383A; margin: 0px;}
.ind_head p{font-family: 'Times New Roman';padding-top: 2px;  font-size: 16px;color: #3B3C3E; margin-bottom:5px;}

/**/
.greScroll{  position:relative;width:1200px; margin:30px auto 50px; }
.greScroll .hd{width: 100%; font-size:26px; color:#717171;font-family: '宋体'; }
.greScroll .hd .prev,.greScroll .hd .next{position: absolute;top:38%;width: 40px;height: 40px; right:-80px;cursor: pointer;
   background:#5c5c5c;color:#ffffff;text-align: center;line-height: 40px;}
.greScroll .hd .next{left:-80px;}
.greScroll .hd .prev:hover,.greScroll .hd .next:hover{background:#c30101;}
.greScroll .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1;display: none; }

.greScroll .bd{width:99%;border: 1px solid #dedede;box-sizing: border-box;overflow: hidden; }
.greScroll .bd ul{ zoom:1; padding:10px 0px;position: relative;overflow: hidden;
  float: left;width:100%;height: 122px;}
.greScroll .bd ul li{width:240px;height: 122px;border-right: 1px dotted #cacaca;display: flex;justify-content: center;align-items: center;}
.greScroll .bd ul li img{display: inline-block;filter: gray;-webkit-filter: grayscale(100%);}
.greScroll .bd ul li a:hover img{-webkit-filter: grayscale(0%);}

/*产品*/
.productbg{padding-top: 30px;padding-bottom: 30px;background: url(../images/m_01.jpg) repeat; }
.shutop {height:50px;line-height:50px;padding:0px 0px;border-bottom:3px #d5d5d5 solid;}
.shutop h2 {float:left;display:block;padding:0px 15px 0 25px;color:#c30101;font-size:18px;border-bottom:3px #c30101 solid;height:50px;
    background: url('../images/m_02.png') no-repeat 10px center;}
.shutop span {float:left;color:#676767;padding-left:5px;font-size:14px; text-transform: uppercase;}

.m_cp{float: right;width:100%; margin-top: 5px;}
.m_cp dl{float: left;width: 292px;height:340px;background: #fff; border:1px #dedede solid; margin-right:14px;
 margin-top:25px;text-align: center;}
.m_cp dl:nth-child(3n){margin-right:0;}
.m_cp dl dt{width:100%; height: 240px; display: flex;justify-content: center;align-items: center;overflow:hidden; }
.m_cp dl dt img{display: block;transition: all 1s ease 0s;-webkit-transition: all 1s ease 0s;}
.m_cp dl dd h4{height:34px;line-height:34px;overflow: hidden;font-weight: normal;font-size: 15px;text-align: center;padding-bottom:10px;}
.m_cp dl dd h4 a{color: #333;}
.m_cp dl dd span{display: block;}
.m_cp dl dd span a{display: block;width: 120px;height:36px;line-height:36px;text-align: center;font-size: 15px; color: #161616;
    margin:0 auto; border-radius: 36px; border:1px #dedede solid;}
.m_cp dl:hover dd span a{background: #c30101; border:1px #c30101 solid;color: #fff;}
.m_cp dl:hover{border:1px #ca0101 solid;}
.m_cp dl:hover img{transform:scale(1.02,1.02);-webkit-transform:scale(1.02,1.02); opacity:0.8;}

/**/
.indys {padding:0px 0 50px;background:url(../images/bg_float01.png) no-repeat 0 bottom,url(../images/bg_float02.png) no-repeat right bottom;}
.indys .title{display: block;line-height: 38px; padding-top:50px; background:url(../images/ys.png) no-repeat center 0;height: 200px;text-align: center;color:#ffffff;}
.indys .title h5{font-size:40px;letter-spacing:5px;padding-bottom: 15px;}
.indys .title em{color:#ff9600; font-size:60px;}
.indys .title p{font-size:28px;color:#afafaf; }
.flow-item {padding-top:40px;width:100%;height:490px;}
.flow-item dl:nth-child(1) {border:none;}
.flow-item dl {float:left;position:relative;width:200px;height:450px;border-left:1px solid #FFFFFF;overflow:hidden;box-sizing: border-box;}
.flow-item dl dt {position:absolute;left:0;padding:100px 0 0 25px;width:200px;height:450px;background:#c30101;opacity:1;transition:0.3s;}
.flow-item dl dt .p1 {line-height:50px;font-size:60px;font-weight:bold;color:rgba(255,255,255,0.3);}
.flow-item dl dt .p2 {padding-top:35px;line-height:35px;font-size:24px;color:#FFFFFF;}
.flow-item dl dt .p3 {line-height:35px;font-size:24px;color:#FFFFFF;font-weight:bold;}
.flow-item dl dt .p4 {margin-top:20px;line-height:20px;font-size:14px;font-family:arial;color:rgba(255,255,255,0.8);text-transform:capitalize;}
.flow-item dl dt .p5 {margin-top:60px;width:30px;height:4px;background:#FFFFFF;}
.flow-item dl dd {position:absolute;left:0;width:600px;height:450px;background:#FFFFFF;opacity:0;transition:0.5s;}
.flow-item dl dd img {width:600px;height:450px;}
.flow-item dl dd .item-info {position:absolute;top:0;padding-top:100px;width:100%;height:450px;transition:0.5s;background:rgba(0,0,0,0.4);}
.flow-item dl dd .item-info .p1 {line-height:50px;font-size:60px;font-weight:bold;color:#FFFFFF;}
.flow-item dl dd .item-info .p2 {padding-top:38px;line-height:30px;font-size:30px;color:#FFFFFF;}
.flow-item dl dd .item-info .p2 span {font-weight:bold;}
.flow-item dl dd .item-info .p3 {margin-top:30px;width:350px;height:112px;line-height:28px;font-size:16px;color:rgba(255,255,255,0.8);}
.flow-item dl dd .item-info .p4 {margin-top:15px;width:30px;height:3px;background:#FFFFFF;}
.flow-item dl.curr {width:600px;}
.flow-item dl.curr dt {opacity:0;}
.flow-item dl.curr dd {opacity:1;}
.flow-item dl.curr dd .item-info {padding-left:140px;}

/*流程*/
.flow{background: #ffffff;height:320px;padding-top:30px;position: relative;border-bottom: 1px solid #e6e6e6;}
.flow ul{width: 1200px;position: absolute;bottom: -25px;left: 50%;transform: translateX(-50%);}
.flow ul li{width: 155px;text-align: center;float: left;}
.flow ul li .img{width: 120px;height: 120px;border: solid 5px #eee;background: #b5b5b5;border-radius:50%;padding-top: 34px;
  margin-bottom: 10px;box-sizing: border-box;margin-left:12px;}
.flow ul li .img img{display: block;margin: auto;}
.flow ul li .img .ho{display: none;}
.flow ul li b{font-size: 16px;color: #333;line-height:45px;}
.flow ul li:hover .img{background: #c30101;}
.flow ul li:hover b{color: #c30101;}
.flow .jt{float: left; margin-top: 55px; margin-left: 15px;margin-right: 15px;}
.flow ul li i {display: block;font-style: normal;width: 48px; line-height: 48px;
    border-radius: 24px 24px 24px 24px;text-align-last: center;border: 1px solid #e6e6e6; color: #b5b5b5;
    background-color: #fff; font-size: 19px;margin: 0 auto;}

/*关于我们*/
.aboutbg{background:#f5f5f5;padding:60px 0 30px;}
.aboutbg_w{width:1200px; margin:20px auto 2px; background:#ffffff;height:350px;}
.aboutbg_fl{float:left;width:450px;}
.aboutbg_fl img{width:410px;height:310px;padding:20px;}
.aboutbg_fr{float:left; width:710px;padding:20px;}
.about_contents {display: block; font-size:16px;line-height:32px;color:#969696;height:280px;overflow:hidden;}
a.about_btn {color:#fff;background:transparent;background:#333;padding:10px 50px;margin:25px 0 0 0px;}
a.about_btn:hover,a.about_btn:focus {background:#c30101}
.aboutbg_b{background: url(../images/ab.png) no-repeat center center; height: 30px;}

/*案例*/
.case_list {width:100%;}
.case_list li:nth-child(4n) {margin-right:0;}
.case_list li {float:left;margin:20px 26px 20px 0px;width:280px;text-align: center;}
.case_list li .imgw {width:100%;height:210px;display:flex; align-items:center;box-shadow: 0 0 5px #ccc;
  justify-content:center;overflow:hidden;cursor:pointer;}
.case_list li .imgw img {transition:0.5s;}
.case_list li:hover .imgw img {transform:scale(1.2,1.2);}
.case_list li span{display: block;line-height:30px;font-size: 14px;}

/*新闻*/
.indnews { margin-top:40px;}

.news_row2 { position: relative;width:100%;overflow: hidden; padding: 0px 0 0px; }
.news_row2 .bd{width: 1200px; margin:50px auto;}
.news_col{ float: left; }
.news_col li {float: left; width: 245px; margin-right:70px; position: relative; height:400px; display: block; padding: 20px;box-sizing: border-box; }
.news_col li:nth-child(4n){margin-right:0;}
.news_col li .npic{ height: 200px; overflow: hidden; display: block; width: 100%; transform: rotate(0deg); }
.news_col li img{ width: 100%; height: 200px; display: block; }

.news_col li .ndate{ width: 110px; line-height: 36px; text-align: justify; transition: 0.3s all ease-in-out; }
.news_col li .ntitle{display: block; width: 100%; padding: 0 0 0px; position: relative; height:46px; margin-bottom: 10px; }
.news_col li .ntitle a{ display: block; line-height: 34px; font-size: 17px; font-weight: 100; color: #333; width: 100%; 
  overflow: hidden; text-overflow: ellipsis; text-align: justify; position: relative; white-space: nowrap; }
.news_col li .ntitle:after{ content: ''; display: block; width: 45px; height: 4px; background: #c30101; position: absolute; 
left: 0px; bottom: 0; z-index: 3; transition: .3s all ease-in-out; }
.news_col li.on .ntitle:after{ width: 85px; background: #c30101; left: -40px; bottom: 0; }
.news_col li .ncot { font-size: 13px; height:50px; z-index: 11; color: #999; transition: .3s all ease-in-out; text-align: justify; 
  line-height: 20px; padding: 10px 0; }

.news_col li .beta1,.news_col li .beta3{ width: 4px; height:0%; display: block; position: absolute; background: #484848; top: 0; 
  transition:0.5s all ease-in-out; }
.news_col li .beta2, .news_col li .beta4{ display: block; width: 0%; height: 4px; left: 0; background: #484848; position: absolute; 
  transition:0.5s all ease-in-out; }
.news_col li .beta1{ left:0; }
.news_col li .beta3{ right:0; }
.news_col li .beta2{ top: 0; }
.news_col li .beta4{ bottom: 0; }
.news_col li.on .beta1,.news_col li.on .beta3 {height: 100%;}
.news_col li.on .beta2,.news_col li.on .beta4{ width: 100%;}

.news_row2 .hd {position: relative; width: 100%; height:120px; padding-top:0px; display: flex;justify-content: center; }
.news_row2 .hd li{float:left;width:86px; text-align: center; line-height:29px; font-size:20px; box-sizing: border-box;
  height: 86px; padding:15px; border-radius: 50%; margin: 25px 60px; background: #eee; box-shadow: 0 0 0 0px rgba(164,30,38,0.1); transition: 0.3s all ease-in-out;}
.news_row2 .hd a {float:left; display: block;color:#333333;  }
.news_row2 .hd li:hover a,.news_row2 .hd li.on a{color:#ffffff;}
.news_row2 .hd li:hover,.news_row2 .hd li.on{ background: #484848; box-shadow: 0 0 0 7px rgba(26,26,26,0.3); color: #fff;}
.news_row2 .hd li::after{ position:absolute; content:''; height: 1px;left:0; width: 100%; background:#eee; top:60%;z-index: -1; }