@charset "utf-8";

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

/* banner */
.banner{width: 100%;height: 650px;position: relative;z-index: 9;}
#flashs{ position:relative; height:650px; 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:8px 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; margin-top:15px;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; margin-bottom:15px;
		}
		
        .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:10px;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;
    }
 

 /* 服务流程 */
.zcbj{padding-top:56px;box-sizing: border-box;}
.zcbj h2{text-align: center; margin-bottom: 25px;}
.zcbj h2 span{display: inline-block; height:68px; line-height: 68px;font-size: 50px; color:#333333;padding:0 21px;position: relative; font-weight: bold; font-family: "思源黑体 CN";}
.zcbj h2 span:before{width:15px; height:20px;  content:""; position: absolute; left:0;top:26px;}
.zcbj h2 span:after{width:15px; height:20px;  content:""; position: absolute; right:0;top:26px;}
.zcbj h2 em{display: block; height:44px; line-height: 44px;font-size: 24px; color:#666666;font-weight: normal;}
.zcbj .zc-con{height:509px;background:url(../images/zcbj.jpg) no-repeat center;}
.zcbj .zc-con .zc{padding-top:80px;}
.zcbj .zc-con .zc h3{height:80px; line-height: 80px;font-size: 30px; color:#333333;font-family: "思源黑体 CN"; font-weight: bold; position: relative;margin-bottom: 24px;}
.zcbj .zc-con .zc h3 i{font-size: 40px; color:#e60012;font-family: "思源黑体 CN"; font-weight: bold;}
.zcbj .zc-con .zc h3:before{width:56px; height:1px; background:#E60012; content:""; position: absolute; left:0;bottom:0;}
.zcbj .zc-con .zc ul li{height:62px; line-height: 62px;padding-left:36px; background:url(../images/zc-ico.png) no-repeat left;font-size: 19px; color:#333333; position: relative;}
.zcbj .zc-con .zc ul li:before{width:1px; height:46px; background:#e60012;content:""; position: absolute; left:8px;top:39px;}
.zcbj .zc-con .zc ul li:last-child:before{display: none;}

.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:#f2f2f2; padding-top:45px; padding-bottom:50px; overflow:hidden;}
.case .tit{
        
        text-align: center;
        color: #ededed;
        text-transform: uppercase;
        margin: 20px 0 30px 0;
    }
    
.case .tit i {
        font: 90px "Times New Roman", Times, serif;
        display: block;
        color: #dedede;
    }
    
.case .tit span {
        display: block;
        font: 50px "Microsoft YaHei UI";
        color: #333;
        font-weight: bold;
        position: relative;
        margin-top:-50px;
    } 
.case .tit em {
        display: block;
        font: 20px "Microsoft YaHei UI";
        color: #333;
        font-weight: normal;
        position: relative;
        margin-top:0px;
    }	
	

.case .content{ position:relative; }
.case dl{ width:398px; height:420px; padding-top:24px; float:left; border:1px solid #ddd; margin-top:33px;}
.case dt{ width:350px; height:250px; margin:0 auto; overflow:hidden; position:relative;}
.case dt img{ display:block;width:350px; height:250px;}
.case dd{width:350px; margin:0 auto;}
.case dd h4{ height:41px; background:#17427c; font:16px "Microsoft YaHei UI"; line-height:41px; overflow:hidden;}
.case dd h4 a{ display:block; color:#fff; padding-left:20px;}
.case dd h4 em{ display:block; float:right; background:url(../images/case_btn.png) no-repeat; width:52px; height:41px; padding-left:20px; text-align:center;}
.case dd p{ padding:23px 15px 0 15px; font:14px "Microsoft YaHei UI"; line-height:24px; color:#666;}
.case dt:before{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);}
.case dt:hover:before{
            left: 100%;
            -moz-transition: 1s;
            -o-transition: 1s;
            -webkit-transition: 1s;
            transition: 1s;
        }
.case dd h4 a:hover{ font-weight:bold; color:#e77817;}
.case dd h4 a:hover em{ color:#fff;}
.case_l{ width:50px; height:50px; background:#17427c url(../images/case_l.png) no-repeat center center; border-radius:50px; position:absolute; top:410px; left:-100px; cursor:pointer;}
.case_r{ width:50px; height:50px; background:#17427c url(../images/case_r.png) no-repeat center center; border-radius:50px; position:absolute; top:410px; right:-100px;cursor:pointer;}
.case_l:hover{ background:#e77817 url(../images/case_l.png) no-repeat center center;}
.case_r:hover{ background:#e77817 url(../images/case_r.png) no-repeat center center;}

.par{ height:170px;overflow:hidden; margin:40px auto 15px; background:#fff; box-shadow:0 0 1rem #ccc; width:1200px;}
.par1{ margin-top:18px;}
.par li{ width:177px; float:left; padding:0 40px; position:relative;}
.par li:before{ content:""; position:absolute; top:10px; right:0; width:1px; height:90px; background:#e5e5e5;}
.par li img{ display:block; width:157px; height:100px; padding-left:10px;}
.par li p{ text-align:center; line-height:20px; font-size:16px;}

/*
.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;}
.news_l,.news_r{width: 580px;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;border: 1px solid #dedede;}
.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: 146px;line-height: 0;overflow: hidden;float: right;border: 1px solid #dedede;}
.news01 dl dd{width: 310px;padding: 20px 0 0 25px;float: left;}


/* 公司介绍 */

.ab_bj{background: #f2f2f2;height: 693px;overflow: hidden;}
.about dd{float:left;width:502px;padding-top:92px;}
.about dd h2 a{display: block;height: 49px;line-height: 49px;font-size:40px;color: #333333;}
.about dd span{height:65px;line-height: 33px;font-size:22px;color: #333333;background: url(../images/index/ab_ico1.png) no-repeat left bottom;display: block;}
.about dd p{font-size:14px;color: #333333;line-height: 26px;padding-top:40px;}
.about dd em a{display:inline-block;font-size:14px;color: #333333;padding-right:72px;height: 48px;line-height: 48px;background: url(../images/index/ab_a1.png) no-repeat right;margin-top:35px;}
.about dt{float: right;margin-right:-360px;font-size:0;line-height: 0;}
.about dt img{width:960px;height: 693px;transition: all 1s ease-out;}
.about dt:hover img{transform: scale(1.1);}


.xc_c{height: 282px;padding:21px 22px 0;box-sizing: border-box;background: #fff;margin-top:-102px;position: relative;z-index: 2}
.xc_c li{float:left;font-size: 0;line-height: 0;width:216px;height: 161px;margin-right:19px;}
.xc_c li img{width:216px;height: 161px;}
.xc_c li:last-child{margin:0;}




.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; }


/**/
@-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);}
}