@charset "utf-8";

body{min-width: 1200px; width: 100%; font-family:"Microsoft Yahei"}

/* banner */
.banner{width: 100%;height: 500px;position: relative;z-index: 9;}
#flashs{ position:relative; height:500px; overflow:hidden;}
#flashs .btn{position: absolute;bottom: 63px;left: 50%;margin-left: -82px;}
#flashs .btn span{display: block;width: 22px;height: 22px;background: url(../images/index/xiaodian.png) no-repeat center;float: left;margin-left: 25px;}
#flashs .btn span:first-child{margin-left: 0;}
#flashs .btn span.cur {background: url(../images/index/tuoyuanys.png) no-repeat center;}
#flashs .bot{ display:block; position:absolute; width:58px; height:58px; top:40%; margin-top:-29px;display: none;}
#flashs .bot1{ background:url(../images/index/babot1.png) no-repeat center; left:5%; z-index: 2;}
#flashs .bot2{ background:url(../images/index/babot2.png) no-repeat center; right:5%; z-index: 2;}
#flashs:hover .bot{display: block;}


/* 关键词搜索 */
   .g_ser{height: 58px;line-height: 58px; background: #f5f5f5;}
  .h_sea{ height:58px;line-height: 58px;background:url(../images/serico.jpg) no-repeat 0 18px; overflow:hidden; color:#666666; font-size: 14px;  padding-left: 40px; }
  .h_sea b{font-weight: bold; color: #666666;}
  .inp01{height:27px;line-height:27px;   padding-left: 40px; width:190px;float:left;color:#999999; font-size: 14px;  border: none; background: none; font-family:"Microsoft Yahei"}
  .s_ss{float:left; width:55px; height:27px; background: none;border: none; cursor: pointer;}
  .key a{color:#666666;padding:0 10px;}
  .key .lasta{background: none;}
  .s_inp{ margin-top: 16px; background:url(../images/serbg.jpg) no-repeat; width: 288px;height: 27px;}

/* 业务介绍 */
.indexintro{height:400px;overflow: hidden;position: relative;margin-top:52px;padding:8px 9px 0;}
.indexintro dl{height: 378px;overflow: hidden;}
.indexintro dt{float: right;width:610px;height: 370px; overflow:hidden;}
.indexintro dt img{width:610px;height: 370px;transition: all 1s ease-out;}
.indexintro dt:hover img{transform: scale(1.1);}
.indexintro dd{float:left;width:554px;padding:18px 0 0 0;}
.indexintro dd h3{height:50px;line-height:50px;font-size:40px;color: #333333;}
.indexintro dd h3 i{color: #009c84}
.indexintro dd em{line-height:27px;font-size:20px;color:#333333;height:50px;display:block;}
.indexintro dd p{font-size:16px;color: #666666;line-height: 26px;padding-top:18px;}
.indexintro dd a{display: block;width:128px;height: 34px;border:2px solid #b5b5b5;line-height: 34px;text-align: center;margin-top:35px;display: flex;justify-content:center;align-items:center;transition: all 0.5s}
.indexintro dd a:hover{margin-top:50px;}


 
 /* 产品直通车 */
          .indexpro{
		  height:1200px; 
		  margin:50px auto 20px; 
		  background:#f2f2f2;
		  }
 
         .blk-xs{
		 width:260px;
		 padding-top:50px;	 
		 }
         .fdh-01-tit {
		 
		    background: url(../images/index/protitbg.png) no-repeat;  
            height: 150px;
        }
        
        .fdh-01-tit h3 {
            height: 140px;
            font-size: 28px;
            font-weight: normal;
            line-height: 140px;
            color: #fff;
            text-align: center;
        }
        
        .fdh-01-tit h3 span {
            font-size: 14px;
            text-transform: uppercase;
        }
        
        .fdh-01-nav{
		margin-top:2px;
		}
		
        .fdh-01-nav-one h3 {
            height: 60px;
            line-height: 60px;
            background: url(../images/p14-icon5.png) no-repeat right center  #184b8a;
            margin-bottom: 2px;
        }
        
        .fdh-01-nav-one h3 a {
            display: block;
            font-size: 18px;
            font-weight: normal;
            margin-right: 40px;
            margin-left: 38px;
            color: #fff;
        }
        
        .fdh-01-nav-one h3.sidenavcur,
        .fdh-01-nav-one h3:hover {
            background: url(../images/p14-icon2.png) no-repeat right center #d2292e;
        }
        
        .fdh-01-nav dl {
            padding: 2px 0 4px;
        }
        
        .fdh-01-nav dt {
            height: 50px;
            font-size: 16px;
            line-height: 50px;
            padding-left: 54px;
            padding-right: 40px;
            margin-bottom: 1px;
            background: #ececec;
            position: relative;
        }
        
        .fdh-01-nav dt:after {
            content: "";
            width: 8px;
            height: 8px;
            border: 2px solid #b8b8b8;
            border-style: solid solid none none;
            position: absolute;
            top: 50%;
            right: 32px;
            margin-top: -4px;
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            transform: rotate(45deg);
        }
        
        .fdh-01-nav dt.sidenavcur:after,
        .fdh-01-nav dt:hover:after {
            border-color:  #184b8a;
        }
        
        .fdh-01-nav dt.sidenavcur a,
        .fdh-01-nav dt:hover a {
            color:  #184b8a;
        }
        
        .fdh-01-nav dd {
            border: 1px solid #ececec;
            border-bottom: 0;
        }
        
        .fdh-01-nav p {
            height: 50px;
            font-size: 14px;
            line-height: 50px;
            padding-left: 72px;
            padding-right: 40px;
            border-bottom: 1px solid #ececec;
            background: #fff;
            position: relative;
        }
        
        .fdh-01-nav p.sidenavcur a,
        .fdh-01-nav p:hover a {
            color:  #184b8a;
        }
        
        .fdh-01-nav p.sidenavcur:after,
        .fdh-01-nav p:hover:after {
            background: #d2292e;
        }
        
        .fdh-01-nav a {
            display: block;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
		

 .blk-xs .tel{font:16px "微软雅黑"; color:#fff;background: url(../images/index/tel_bg.jpg) no-repeat;width: 260px;height: 110px; margin-top:20px;padding: 25px 0 0 65px;}
.blk-xs .tel b{display: block;font:20px "微软雅黑"; color:#fff;font-weight: bold; padding:2px 0 0 0px;}


 
    .ywfwfwxm  {width:920px;margin:0 auto; padding-top:50px; padding-bottom:50px;  }
    
    .ywfwfwxm ul {
        margin-top: 0px;
    }
    
    .ywfwfwxm ul li {
        float: left;
        width: 290px;
        margin-left: 15px;
		margin-bottom:30px;
    }
    
    .ywfwfwxm ul li:last-child {
        margin-right: 0;
    }
    
    .ywfwfwxm ul li i {
        display: block;
        width: 290px;
        height: 290px;
        overflow: hidden;
    }
    
    .ywfwfwxm ul li img {
        display: block;
        width: 290px;
        height: 290px;
        transition: all 0.5s;
    }
    
    .ywfwfwxm ul li:hover img {
        transform: scale(1.05);
    }
    
    .ywfwfwxm ul li span a {
        display: block;
        width: 290px;
		text-align:center;
        padding-top: 18px;
        height: 30px;
        font-size: 18px;
        line-height: 24px;
        color: #1f1f1f;
        text-align: center;
    }
    .ywfwfwxm ul li:hover span a {
        
		color: #d2292e;
    }



.ywfwfwxm div {
	    width: 410px;
    margin-right: 20px;
    margin-top: 30px;
    float: left;
    text-align: center;
    
  padding-top: 15px;
}
.ywfwfwxm img {-webkit-filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, .5));/*考虑浏览器兼容性：兼容 Chrome, Safari, Opera */ filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, .5)); transition:all 0.5s;}
.ywfwfwxm img:hover{ transform: scale(1.05)}
.ywfwfwxm h3 {
	font-size:16px;
	line-height:30px;
	text-align:center;
margin-top:10px;
 color:#333;
}
 .ywfwfwxm div:nth-child(6n) {
        margin-right: 0;
    }
 

 /* 服务流程 */
.flow_path{height:379px; background:url(../images/index/flowbg.jpg) no-repeat center;}
.flow{padding-top:30px;}
.flow h2{text-align: center;}
.flow h2 span{display: inline-block; height:146px; line-height: 146px;font-size: 50px; color:#FFF;padding:0 21px;position: relative; font-weight: bold; }
.flow h2 span:before{width:15px; height:15px; position: absolute; left:0;top:67px;}
.flow h2 span:after{width:15px; height:15px; position: absolute; right:0;top:67px;}
.flow .lc-con .lc{width:114px; float:left;}
.flow .lc-con .lc em{display: block; width:80px;height:80px;margin:0 auto 20px; position: relative; overflow: hidden;}
.flow .lc-con .lc em i{display: block; width:80px; height:80px; line-height: 0; overflow: hidden;}
.flow .lc-con .lc em i img{width:100%;}
.flow .lc-con .lc em i.default{position: absolute;left:0;top:0;-webkit-transform: translateX(0) rotate(0);transform: translateX(0) rotate(0);-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.flow .lc-con .lc em i.hover{position: absolute;left:0;top:0;opacity: 0; transform: scale(0);transition: .5s;}
.flow .lc-con .lc span{display:block; text-align: center; line-height: 18px;font-size: 19px; color:#fff; }
.flow .lc-con b{display: block; width:20px; height:16px;  background:url(../images/index/flow-jt.png) no-repeat center; float:left; margin-top: 40px;}
.flow .lc-con .lc.cur i.default{opacity: 0;visibility:hidden;-webkit-transform: translateX(100%) rotate(180deg);transform: translateX(100%) rotate(180deg);}
.flow .lc-con .lc.cur i.hover{opacity: 1; transform: scale(1);}
.flow .lc-con .lc.cur span{color:#d2292e; } 
 
 /* index优势 */
 .ysbj{height:970px; overflow: hidden;}
.ys{padding-top:50px;}
.ys h2{text-align: center; margin-bottom: 28px;}
.ys h2 span{display: inline-block; height:68px; line-height: 68px;font-size: 50px; color:#333333;padding:0 21px;position: relative; font-weight: bold; }
.ys h2 span:before{width:15px; height:20px; position: absolute; left:0;top:26px;}
.ys h2 span:after{width:15px; height:20px; position: absolute; right:0;top:26px;}
.ys h2 em{display: block; height:44px; line-height: 44px;font-size: 24px; color:#666666;font-weight: normal;}
.ys .ys-nav{height:74px;}
.ys .ys-nav ul li{float:left; width:300px; height:51px; text-align: center;position: relative;}
.ys .ys-nav ul li:before{width:1px; height:26px; background: #e5ecf6;content:""; position: absolute; right:0;top:14px;}
.ys .ys-nav ul li:last-child:before{display: none;}
.ys .ys-nav ul li i{display: inline-block; width:40px; height:46px; overflow: hidden; margin-right:12px; }
.ys .ys-nav ul li i img{width: 100%; transition: .5s;}
.ys .ys-nav ul li h4{display: inline-block; text-align: left;}
.ys .ys-nav ul li h4 span{display: block; height:34px; line-height: 34px;font-size: 26px; color:#333333; font-weight: normal;}
.ys .ys-nav ul li h4 p{height:17px; line-height: 17px;font-size: 14px; color:#666666;text-transform: uppercase; font-weight: normal;}
.ys .ys-nav ul li.cur i img{margin-top:-46px;}
.ys .ys-nav ul li.cur h4 span{color:#E60012; font-weight: bold;}
.ys .ys-con dl{height:600px; position: relative;}
.ys .ys-con dl dt{width:100%; line-height: 0; overflow: hidden;}
.ys .ys-con dl dt img{width:100%;}
.ys .ys-con dl dd{width:1168px;height:169px; background:rgba(255,255,255,0.95); position: absolute; left:15px; bottom:15px;padding:28px 0 0 53px; box-sizing: border-box;}
.ys .ys-con dl dd .left{width:440px;float:left;padding-top:3px;}
.ys .ys-con dl dd .left h4{height:41px; line-height: 41px;font-size: 30px; color:#333333; }
.ys .ys-con dl dd .left h4 i{display: inline-block;width:4px; height:4px; background:#e60012;margin:19px 17px 0 11px; border-radius: 50%;vertical-align: top;}
.ys .ys-con dl dd .left h4 em{color:#003171;display: inline-block; vertical-align: top;}
.ys .ys-con dl dd .left p{height:22px; line-height: 22px;font-size: 14px; color:#bfc0bb; padding-bottom:25px; text-transform: uppercase;letter-spacing: 1px;}
.ys .ys-con dl dd ul{float:left;}
.ys .ys-con dl dd ul li{height:35px; line-height: 35px; font-size: 16px; color:#666666; font-weight: normal;padding-left:13px;}
 

 /* index 解决方案 */
.case{ background:url(../images/index/case_bg.gif); height:600px; padding-top:45px; overflow:hidden;}
.case h2{text-align: center; margin-bottom: 28px;}
.case h2 span{display: inline-block; height:68px; line-height: 68px;font-size: 50px; color:#333333;padding:0 21px;position: relative; font-weight: bold; }
.case h2 span:before{width:15px; height:20px; position: absolute; left:0;top:26px;}
.case h2 span:after{width:15px; height:20px; position: absolute; right:0;top:26px;}
.case h2 em{display: block; height:44px; line-height: 44px;font-size: 24px; color:#666666;font-weight: normal;}
.caset{ height:55px; background:#fff; margin-bottom:25px;}
.caset h3:before{ content:""; position:absolute; top:22px; right:0; width:1px; height:10px; background:rgba(0,0,0,0.2);}
.caset h3,.caset h5{ width:14.285%; float:left; font-size:19px; font-weight:normal; font-family:"微软雅黑";line-height:55px; text-align:center; position:relative;}
.caset h3 a,.caset h5 a{ display:block; color:#1e1e1e;}
.caset .cur a,.caset li:hover a{ color:#fff; background:#c51c20;-webkit-transition:all 0.7s;
	transition:all 0.7s;transition-property:background;
-moz-transition-property: background; /* Firefox 4 */
-webkit-transition-property:background; /* Safari Chrome */
-o-transition-property:background;}
.case1 ul li {
        float: left;
        width:380px; 
        margin-left: 10px;
		margin-right:10px;
		margin-bottom:30px;
    }
    
    .case1 ul li:last-child {
        margin-right: 0;
    }
    
    .case1 ul li i {
        display: block;
        width: 380px;
        height: 280px;
        overflow: hidden;
    }
    
    .case1 ul li img {
        display: block;
        width: 380px;
        height: 280px;
        transition: all 0.5s;
    }
    
    .case1 ul li:hover img {
        transform: scale(1.05);
    }
    
    .case1 ul li span a {
        display: block;
        width: 380px;
		text-align:center;
        padding-top: 18px;
        height: 30px;
        font-size: 18px;
        line-height: 24px;
        color: #1f1f1f;
        text-align: center;
    }
    .case1 ul li:hover span a {
        
		color: #d2292e;
    }


/*新闻动态*/
.pro_tit{height: 80px;}
.pro_tit h2{font-size: 40px;color: #333;line-height: 40px;}
.pro_tit h2 a{color: #333;}
.pro_tit h2 i{display: block;font-size: 20px;color: #333;font-weight: normal;}
.pro_tit em{width: 275px;height: 70px;display: block;line-height: 0;overflow: hidden;}
.pro_tit em img{width: 275px;height: 70px;}
.news{padding: 70px 0 70px; height:800px; margin:0 auto;}
.news_l,.news_r{width: 48%;padding: 25px 0 0;}
.news_t{height: 80px;line-height: 80px;overflow: hidden;font-weight: normal;padding-left: 50px;background: url(../images/index/news-icon1.png) no-repeat 0 center;}
.news_t a{font-size: 20px;color: #333;}
.news_t a:hover{color: #d2292e;font-weight: bold;}
.news_t span{float: right;}
.news_t span a{font-size: 14px;text-transform:capitalize;}
.news_l dl{width: 580px;padding-bottom: 20px;border-bottom: #e2e2e2 1px dashed;}
.news_l dl dt{width: 580px;height: 290px;line-height: 0;overflow: hidden;}
.news_l dl dt img,.news01 dl dt img{width: 100%;height: 100%;object-fit: cover;object-position: center;display: block;transition: all 0.5s;}
.news_l dl dt:hover img,.news01 dl dt:hover img{transform: scale(1.05);}
.news_l dl dd{width: 100%;padding: 20px 0 0;}
.news dl dd h5{height: 30px;line-height: 30px;overflow: hidden;font-weight: normal;}
.news dl dd h5 a{font-size: 20px;color: #333;display: block;width: 100%;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news_desc{font-size: 14px;color: #666;line-height: 25px;height: 50px;overflow: hidden;padding: 10px 0 0;}
.news dl dd h5 a:hover{color: #d2292e;}
.news_qie{padding: 20px 0 0;}
.news_qie ul li{height: 46px;line-height: 46px;overflow: hidden;position: relative;}
.news_qie ul li:before{content: "";width: 9px;height: 9px;background: #e3e3e3;position: absolute;top: calc(50% - 4px);left: 0;border-radius: 50%;}
.news_qie ul li a{font-size: 16px;color: #666;display: block;float: left;width: 420px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;padding-left: 20px;}
.news_qie ul li span{float: right;font-size: 16px;color: #666;text-align: right; font-family:Arial, Helvetica, sans-serif;}
.news_qie ul li:hover a{font-weight: bold;}
.news_qie ul li:hover:before{background: #d2292e;}
.news_r .news_t{background: url(../images/index/news-icon2.png) no-repeat 0 center;border-bottom: #dbdbdb 1px dashed;}
.news_r .news_qie ul li{height: 52px;line-height: 52px;}
.news01{padding-top: 18px;}
.news01 dl{width: 580px;height: 148px;background: #f5f5f5;margin-top: 20px;overflow: hidden;}
.news01 dl dt{width: 216px;height: 148px;line-height: 0;overflow: hidden;float: right;}
.news01 dl dd{width: 310px;padding: 20px 0 0 25px;float: left;}


/* 公司介绍 */
.tit{ font:48px "Microsoft YaHei UI"; text-align:center; color:#fff; height:140px; font-weight:bold; z-index:9999;}
.tit a{ color:#fff; z-index:9999;}
.tit em{ display:block; font-size:18px; padding:10px 0 0; margin-top:6px;font-weight:normal; }
.about{ position:relative;}
.about .tit{ width:100%; height:190px; position:absolute; top:55px;}
.about .tit span a{ display:block; width:160px; height:40px; margin:10px auto 0; font:18px "Microsoft YaHei UI"; font-weight:bold; color:#fff; background:#c51c20; line-height:40px;}
.about dd{ width:1000px; margin:-70px auto 0; background:#fff;  box-shadow:0 0 1rem #ccc; height:105px; z-index:2; position:relative; border-radius:8px; padding:15px 100px 0 100px; font:16px "Microsoft YaHei UI"; text-align:center; line-height:30px; color:#666666;}
.about dd a{ color:#d2292e;}
.about dt {  display: block;width:100%; height:650px; overflow: hidden;}
.about dt img {  display: block;width:100%; height:650px; transition: all 2s;}
.about dt:hover img {transform: scale(1.1);}
.pic{ height:320px;overflow:hidden;}
.pict{ width:240px; height:212px; padding-top:36px; margin-top:32px; background:#f7f7f7; overflow:hidden; float:left;}
.pict h3{ font:16px "Microsoft YaHei UI"; height:42px; width:175px; margin:0 auto 20px; border:1px solid #c6c6c6; border-radius:5px; text-align:center; line-height:42px;}
.pict h3 a{ display:block; color:#000;}
.pict h3 a:hover,.pict .cur a{ font-weight:bold; color:#fff; background:#c51c20;}
.pict h3:hover,.pict .cur{ border:1px solid #c51c20;}
.pic1{ width:905px; float:right; overflow:hidden; margin-top:32px;}
.pic2{ height:250px; position:relative;}
.pic3{ overflow:hidden;}
.pic1 li{ width:280px; float:left; margin-right:32px; overflow:hidden; position:relative;}
.pic1 li img{ display:block; width:280px; height:210px; overflow:hidden; border:1px solid #eee; box-sizing:border-box; border-radius:6px; height:auto;}
.pic3 li img{ width:280px; height:210px; }
.pic1 li em{display:block;font: 16px "Microsoft YaHei UI"; line-height:50px;color: #000; text-align:center; height:50px; overflow:hidden;}
.pic1 li:hover em{  color:#d2292e;}

/**/
@-webkit-keyframes shake{
  from,to{-webkit-transform:translate3d(0, 0, 0);}
  20%,60%{-webkit-transform:translate3d(-10px, 0, 0);}
  40%,80%{-webkit-transform:translate3d(10px, 0, 0);}
}

@keyframes shake {
  from,to{transform:translate3d(0, 0, 0);}
  20%,60%{transform:translate3d(-10px, 0, 0);}
  40%,80%{transform:translate3d(10px, 0, 0);}
}