.pz_top{ width:100%; position:relative; z-index:9999;z-index: 9999;border-bottom:3px solid #1b7aca;background: url(../image/top_lan2.png)no-repeat center center;}
#gotop{overflow: visible;position: fixed; width: 100%;height: 103px; z-index: 999999;background: #ffff;box-shadow: 0 0 10px rgba(0,0,0,0.5);top: 0}
.auto_1600{ max-width:1600px; margin:0 auto; }
/*首页*/
.topnav{height:100px; width:100%;}
.topnav .auto{overflow: hidden;}
.topnav .zwlogo{ float:left;margin-top:0;}
.topnav .zwlogo #logo_h{display: none;}
.topnav .zwlogo img{float:left;width: 60%;margin-top: 25px;}
.menuph{ float:right; cursor: pointer;  width: 105px;  height: 58px;font-family: 'OPENSANS-BOLD'; font-size:18px; color:#1b7aca; text-transform:uppercase; margin-top:20px; line-height:58px;display: none !important;}
@media screen and (max-width:1280px) and (min-width:1024px)
{
    .topnav .zwlogo img{width: 50%;margin-top: 30px;}
}
.menuph .point {  display: inline-block;  width: 34px; margin-top:17px;  height: 25px;  position: relative; float:right;}
.menuph .point:hover .navbtn,
.menuph .point:hover .navbtn::after,
.menuph .point:hover .navbtn::before {  width: 34px;  }
.menuph .navbtn {  position: absolute;  top: 11px;  right: 0;  display: inline-block;  width: 34px;  height: 3px;  -webkit-transition: all .3s ease-out 0s;  -moz-transition: all .3s ease-out 0s;  -ms-transition: all .3s ease-out 0s;  -o-transition: all .3s ease-out 0s;  transition: all .3s ease-out 0s;  background:#1b7aca;}
.menuph .navbtn::after,
.menuph .navbtn::before {  position: absolute;  right: 0;  display: inline-block;  width: 100%;  height: 3px;  content: '';  -webkit-transition: all .3s ease-out 0s;  -moz-transition: all .3s ease-out 0s;  -ms-transition: all .3s ease-out 0s;  -o-transition: all .3s ease-out 0s;  transition: all .3s ease-out 0s;  background: #1b7aca;}
.menuph .navbtn::after { top:-11px;}
.menuph .navbtn::before { top:11px;}
.menuph .point.active .navbtn{  background: transparent;  }
.menuph .point.active .navbtn::after{  -webkit-transform: rotate(45deg);  -moz-transform: rotate(45deg);  -ms-transform: rotate(45deg);  -o-transform: rotate(45deg);  transform: rotate(45deg);  top: 0px;  }
.menuph .point.active .navbtn::before {  -webkit-transform: rotate(-45deg);  -ms-transform: rotate(-45deg);  -o-transform: rotate(-45deg);  transform: rotate(-45deg);  top: 0px;  }

.menu.on{ top:0;}
.menu{ z-index:99; width:55%; position:absolute; left:55%;  top:0; margin-left:-430px;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
.menu > ul{ float:left; width:100%; float:left;}
.menu ul .nli{ float:left; width:16.285%;z-index:99; text-align:center;/*background: url(../image/hy.png)no-repeat 18% center;*/}
.menu ul .nli span{ display:block; width:100%; float:left; position:relative;}
.menu ul .nli span a{ display:block; width:100%; float:left; height:100px; line-height:100px; color:#333; font-size:18px;}
.menu ul .nli.on span a,
.menu ul .nli:hover span a{ color: #1b7aca;/*background: url(../image/cy.png)no-repeat 10% center;*/}
.menu ul .nli span:before{ content:''; display:block; position:absolute; left:50%; opacity:0; background:#1b7aca; width:1px; height:16px; top:68%;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
.menu ul .nli:hover span:before{ top: 75%; opacity:1;}
.topnav .auto {
  margin-right: auto;
  margin-left: auto;
}

/*sub下拉*/
.topnav .sub .left{width:55%;float: left;text-align: left;border-right:1px solid #e6e6e6;padding-right:2%;}
.topnav .sub .left figure{height: 200px;}
.topnav .sub .right{width:41%;float:right;padding-top: 30px;}
/*.topnav li:nth-child(2) .sub .right{padding-top:66px;}
.topnav li:nth-child(4) .sub .right{padding-top:66px;}*/

.topnav .sub .left .left_l{width:42%;background-size: cover;float: left}
.topnav .sub .left .left_r{width:55%;float:right;padding: 20px 0;}
.topnav .sub .left .left_r h1{font-size:20px;color:#1b7aca;padding-left:15px;border-left:4px solid #1b7aca;}
.topnav .sub .left .left_r p{line-height: 24px;margin: 20px 0;height: 72px; overflow: hidden;font-size:14px; color: #666;}
.topnav .sub .left .left_r .more a{font-size: 15px;color:#000}
.topnav .sub .left .left_r .more a:hover{color:#1b7aca}
.topnav .sub .right li{width:32%;margin-right: 2%;float: left;margin-bottom:3%}
.topnav .sub .right li a{line-height: 40px;border-top: 1px solid #e6e6e6;border-bottom: 1px solid #e6e6e6;display:block;transition: all 0.5s;font-size: 15px;}
.topnav .sub .right li:hover a{background:#1b7aca;color: #fff;}
.topnav .sub .right li:nth-child(3n){margin-right:0}
/*20180604*/
.rightblock{float:right; font-size:14px; line-height:100px; color:#fff; text-align:right;}
.rightblock .z_line1{font-size:18px;color: #fff;}
.rightblock .z_line1 a{color: #fff;}
.rightblock .z_line1 a{padding-left:45px;background: url(../image/top_line.png)no-repeat 22px center;display: inline-block;}
.rightblock .span{ padding:0 10px;}
@media screen and (max-width:1600px) and (min-width:1501px)  {
.pz_top{background: url(../image/top_lan3.png)no-repeat right center ;background-position:right 0px bottom 0px;}
.auto_1600{ max-width:1400px; margin:0 auto; }
}

@media screen and (max-width:1500px) {

}

@media screen and (max-width:1199px) {
.rightblock {line-height:20px;margin-right: 20px;}
}


/*top_btn start*/
.pz_top .auto{position: relative;height: 100%}
.pz_top .search{width:26px;height: 100px; position: absolute;right:185px;top:0px;}
.pz_top .search dd{width:100%;height:100%;text-align: center;line-height: 36px;float:left;margin-right:6%;position:relative;z-index:1;}
.pz_top .search dd a{display: block;width:100%;height: 100%;position: relative;z-index: 9}
.pz_top .search dd:last-child{margin-right:0}
.pz_top .search dd i{ position:absolute; left:0; bottom:0; width:100%; height:0;background:-webkit-linear-gradient(-45deg,#006eda 0%,#006eda 30%,#019934 100%);background: -webkit-linear-gradient(-45deg,#006eda 0%,#006eda 30%,#019934 100%);background: -moz-linear-gradient(-45deg,#006eda 0%,#006eda 30%,#019934 100%); background: -o-linear-gradient(-45deg,#006eda 0%,#006eda 30%,#019934 100%);background: -ms-linear-gradient(-45deg,#006eda 0%,#006eda 30%,#019934 100%);100%);transition: all 0.5s;z-index: 0}
.pz_top .search dd:hover i{height:38px;}
.pz_top .search dd.searchbtn:hover a{background:url(../image/Top-search_h.png)no-repeat center center!important;}
.pz_top .search dd.mailbox_btn:hover a{background:url(../image/top_yx_h.png)no-repeat center center!important;}
.pz_top .search dd.navigation_btn:hover a{background:url(../images/top_dh_h.png)no-repeat center center!important;}
/*top_btn end*/
@media screen and (max-width:1500px) {
.pz_top{background: url(../image/top_lan1.png)no-repeat right center ;background-position:right -70px bottom 0px;}    
.pz_top .search{right:55px}
.auto_1600{ max-width:90%; margin:0 auto; }

}

/*search start*/
.pz_top .searchbtn,.pz_top .searchbox .btn{ display:block;background:url(../image/top_search.png)no-repeat center center #1b7aca; width: 34px; height: 34px; position: absolute;right: 0;}
.pz_top .searchbox .btn{background:url(../image/top_search1.png)no-repeat;}
.pz_top .searchbox{ display: none;  width: 20%; /*position: relative; */background-color: #fff; /*position: absolute;*/ top:103px; box-shadow:0 0 10px 0 rgba(27,122,202,.5) inset; -webkit-box-shadow:0 0 10px 0 rgba(27,122,202,.5) inset;  padding:20px;max-width: 1600px;/*margin: auto;*/left: 0;right: 1;}
.pz_top .searchbox .input{ width: 80%; height: 28px; line-height: 28px; border: none; padding-left: 10px; color: #999;}
.pz_top .searchbox .input.focus{ color: #666;}
.pz_top .searchbox .btn{ border: none; cursor: pointer; margin-top: -31px; right: 10px;}
/*search end*/


/*topnav-hover导航变白*/
.pz_top .topnav-hover{position: fixed;width: 100%;background:#fff;transition: all 0.8s;height: 70px;    box-shadow: 0 0 8px rgba(0,0,0,.6);}
.pz_top .topnav-hover .menu ul .nli span a{color: #333;}
.pz_top .topnav-hover .rightblock{color: #333;}
.pz_top .topnav-hover .menu ul .nli span a{height:70px;line-height: 70px;font-size: 16px;}
.pz_top .topnav-hover .menu ul .nli:hover span a{color:#1b7aca}
.pz_top .topnav-hover .rightblock{margin-top: 14px;line-height: 19px;}
.pz_top .topnav-hover .zwlogo{width:274px;margin-top:11px;}
.pz_top .topnav-hover .zwlogo #logo_h{display: block;}
.pz_top .topnav-hover .zwlogo #logo{display: none;}
.pz_top .topnav-hover .menuph{color:#000}
.pz_top .topnav-hover .menuph .navbtn::after,.pz_top .topnav-hover .menuph .navbtn::before{background:#333}
.pz_top .topnav-hover .menuph .navbtn{background:#333}
.pz_top .topnav-hover.on{background: #fff}
.pz_top .topnav-hover.on .menuph .navbtn{background:#fff;}
.pz_top .topnav-hover .menu ul .nli.on span a,.pz_top .topnav-hover .menu ul .nli:hover span a{color: #1b7aca;}
.menu ul .nli.on span:before{background:#1b7aca;opacity: 1;}
@media screen and (max-width:640px) {
    .pz_top .topnav-hover .zwlogo{width: 200px;}
}
@media screen and (max-width:480px) {
    .pz_top .topnav-hover .zwlog{width: 180px;margin-top: 16px;}
    .pz_top .topnav-hover{height: 60px}
}

/*menu下拉*/
.sub{position:fixed; left:0;right: 0;margin: auto;top:100px; display:none; overflow:hidden; border-top:solid 2px #1b7aca;padding: 40px 0;background: rgba(255,255,255,1);}
.topnav-hover .sub{top:70px;background: #f5f5f5;box-shadow: 0 2px 4px rgba(0,0,0,.2);}
.sub .c_378{ width:378px; float:left; position:relative; padding:23px 0 55px 0; text-align:left;}
.sub .c_378 h2{ width:100%; float:left; font-size:30px; color:#333; line-height:50px; padding-bottom:21px; position:relative;}
.sub .c_378 h2:before{ content:''; width:47px; height:2px; background:black; position:absolute; left:0; bottom:0;}
.sub .c_378 h3{ width:100%; float:left; font-size:30px; color:#d32329; line-height:46px; margin-top:19px; font-family:Arial;text-transform: uppercase;}
.sub .c_378 .bian{ width:1px; height:138px; background:black; opacity:0.2; position:absolute; right:0; top:28px;}
.sub .ul1{ margin-left:378px;}
.sub .ul1 .l1{ width:16.66%; text-align:center; float:left;}
.sub .ul1 .l1 a{ display:block; width:100%; float:left; padding:23px 0 55px 0;}
.sub .ul1 .l1 a .ico{ width:100%; float:left; height:90px;}
.sub .ul1 .l1 a .ico img{ height:100%; display:inline-block; *zoom:1; *display:inline;}
.sub .ul1 .l1 a .ico .img_2{ display:none;}
.sub .ul1 .l1 a:hover .ico .img_2{ display:inline-block; *zoom:1; *display:inline;}
.sub .ul1 .l1 a:hover .ico .img_1{ display:none;}
.sub .ul1 .l1 a h4{ width:100%; float:left; margin-top:10px; font-size:16px; color:#444; line-height:36px;}
.sub .ul1 .l1 a:hover h4,.sub .ul1 .l1 a.hover h4{ color:white;}
.sub .ul1 .l1 a:hover,.sub .ul1 .l1 a.hover{ background:#d32329;}

.elli{ white-space: nowrap; overflow:hidden; text-overflow:ellipsis;}
@media screen and (max-width:1500px) {
.z_line1{display: none;}   
.menu ul .nli.on span a,
.menu ul .nli:hover span a{background:none;}
.menu ul .nli{background:none;}
.menu{ width:60%; margin-left:-300px;}
.menu ul .nli{ float:left; width:16%;z-index:99; text-align:center;/*background: url(../image/hy.png)no-repeat 18% center;*/}
.sub .c_378{ width:278px; padding:20px 0 35px 0;}
.sub .ul1{ margin-left:278px;}
.sub .c_378 h2{ font-size:20px; line-height:40px; padding-bottom:11px;}
.sub .c_378 h3{ font-size:20px; line-height:36px; margin-top:10px;}
.sub .c_378 .bian{ height:128px; top:29px;}
.sub .ul1 .l1 a{ padding:20px 0 35px 0;}
.sub .ul1 .l1 a .ico{ height:80px;}
.sub .ul1 .l1 a h4{ margin-top:6px; font-size:14px; line-height:26px;}
}






@media screen and (max-width:1199px) {
.pz_top{background: none;border-bottom:0px;}
.pz_top .search{right: 0}
.rightblock .z_line1{line-height: 66px;font-size: 16px;}
.rightblock .z_line1 a{color: #333;}
.rightblock .z_line1 a:nth-child(1){padding-left: 0}
.rightblock .z_line1 a:nth-child(2){background:url(../image/top_line2.png)no-repeat 22px center}
.menu{ display:none;}
.topnav{ z-index:99; height:66px;}
.topnav.on{ position:fixed; background:#343434;width: 100%;left: 0;}
.topnav{top: 0}   
.topnav .zwlogo{ width:130px;margin-top:13px;}
.menuph{ width: 75px;  height: 38px; font-size:14px; margin-top:15px; line-height:38px;display: block!important;margin-right:54px;}
.menuph .point { width: 24px; margin-top:12px;  height: 20px;}
.menuph .point:hover .navbtn,
.menuph .point:hover .navbtn::after,
.menuph .point:hover .navbtn::before {width: 24px;}
.menuph .navbtn { top: 6px;  width: 24px;  height: 2px;}
.menuph .navbtn::after,
.menuph .navbtn::before { height: 2px;}
.menuph .navbtn::after { top:-6px;}
.menuph .navbtn::before { top:6px;}
.pf_menu{ position:fixed; width:100%; height:100%; overflow-y:auto; right:0px; top:0px; display:block; padding:80px 2% 5px 2%; background:url(images/bg_2.png); z-index: 9899; background: white;}
.ph_menu{ float:left; width:100%; text-align:left; top:66px;}
.ph_menu .nav_box{ margin:auto; width:100%;padding: 0 4%    }
.ph_menu .nli{ float:left; width:100%;list-style: none;}
.ph_menu .nli span{ float:left; width:100%;}
.ph_menu .nli .l1_a{ float:left; width:100%; color:#1b7aca; font-size:15px; line-height:54px; white-space:nowrap; position: relative; letter-spacing: 1px; border-bottom: dashed 1px #ccc; padding:0 10px;}
.ph_menu .nli .l1_a.have{ background: url(../image/person5_h.png) right center no-repeat; background-size: 8px 15px;}
.ph_menu .nli.on .l1_a.have{ background:url(../image/person5.png) right center no-repeat; background-size: 15px 8px;}
.ph_menu .nli .l2_ul{ display:none; height:auto; float:left; width:100%; padding: 10px 15px;}
.ph_menu .nli .l2_ul li a{ line-height:34px; font-size:13px; color:#666;}
.ph_menu .nli .l2_ul li a img{ width:18px; vertical-align:middle; margin:-2px 6px 0 0;}
.pz_menu.on{ box-shadow: 0 3px 6px rgba(0,0,0,0.15);}
    
.pz_top .on .menuph{margin-right: 0!important}
.pz_top .on .zwlogo #logo_h{display: block}
.pz_top .on .zwlogo #logo{display: none}
.pz_top .on .menuph{color: #fff}
.pz_top .on .menuph .navbtn::after,.pz_top .on .menuph .navbtn::before{background: #fff}
.pz_top .on .menuph .navbtn::after,.pz_top .on  .menuph .navbtn::before{background: #fff}
.topnav.on{background:#1b7aca;padding: 0 2%;}
    
.pz_top .on .rightblock {display: none}
.pz_top .search{height: 66px;}
.pz_top .searchbox{top: 100%;padding: 15px;}
    
.pz_top .search{width: 64px;}
    
}

@media screen and (max-width:640px) {
    .topnav .zwlogo{width:130px;}
    .pz_top .search{width: 45px;}
    
}
@media screen and (max-width:500px) {
    .topnav .zwlogo{width:115px;margin-top: 17px;}
    .rightblock .z_line1{font-size: 14px;}
    .pz_top .search{display: none}
    .rightblock .z_line1 a.fyz{display: none}
    .rightblock .z_line1 a:nth-child(2){background: none;}
    .rightblock{margin-right: 0;    position: absolute;;right: 0}
    .rightblock .z_line1 a{color:#fff;background:#1b7aca!important;padding: 0 6px}
    .menuph{margin-right: 58px;}
}

@media (max-width: 1600px){
   .index_adv .adv_con .auto_1600 {margin: 0 2%} 
}


@media (max-width: 1100px){
     .index_adv .adv_con .auto_1600 {margin: 0} 
}
}




/*index_adv*/
.index_adv .why_con{background: url(../image/why_bg.jpg)no-repeat top center #f15a23;color: #fff;text-align: center;padding-bottom: 35px;}
.index_adv .why_con::before{}
.index_adv .why_img{padding-top:30px;text-align: center;}
.index_adv h1{font-weight:normal;font-size:16px;margin-top:47px; text-align: center;color: #fff;}
.index_adv h2{font-size:30px;text-align: center;color: #fff;}
.index_adv ul{margin-top: 25px;text-align: center;color: #fff;}
.index_adv ul li{display:inline-block;font-size:16px;padding-left: 34px;background: url(../image/why_dg.png)no-repeat left center;margin-left:32px}
.index_adv .adv_con{background:url(../image/why_bgb.jpg)no-repeat top center; height: 700px;}
.index_adv .adv_con .auto{position: relative;}
.index_adv .adv_con dl dd{width: 20%;text-align:center;}
.index_adv .adv_con dl dd h1{font-size: 30px;color:#333;font-weight: bold;margin-top: 22px;}
.index_adv .adv_con dl dd p{font-size:16px;color: #666;line-height: 24px;}
.index_adv .adv_con dl dd{position: absolute;}
.index_adv .adv_con dl dd:nth-child(1){left: 0;top:322px;}
.index_adv .adv_con dl dd:nth-child(2){left:16%;top:90px;}
.index_adv .adv_con dl dd:nth-child(3){left:0;top:32px;right:0;margin:auto;}
.index_adv .adv_con dl dd:nth-child(4){right:16%;top:90px;}
.index_adv .adv_con dl dd:nth-child(5){right:0;top:322px;}
.index_adv .adv_us{padding: 314px 0 33px;}
.index_adv .adv_yuan{width:395px;height:395px;background: url(../image/adv_yuan.png)no-repeat center center;margin: auto;text-align: center;overflow: hidden}
.index_adv .adv_us .en{font-family:"impact";font-size:52px;color:#1b7aca;text-transform: uppercase;padding-bottom:26px;background:url(../image/adv_line.png)no-repeat center bottom;margin-top:80px}
.index_adv .adv_us h2{font-size:30px;color:#333;font-weight: normal;}

@media (max-width: 1600px){
   .index_adv .adv_con .auto_1600 {margin: 0 2%} 
}
@media (max-width: 1400px){
  .index_adv .adv_con dl dd h1{font-size: 26px}
}




/*    .footer{height:auto; background:#232324;border-top:8px solid #1b7aca;}*/
/*    .content_sy{width:1200px;margin:0 auto;}*/
        .ft-top{padding-top:48px;height:407px;border-bottom:1px solid rgba(255,255,255,0.04); box-sizing: border-box;}
        .ft-top .ft-left{width:278px; height:314px;border-right:1px solid rgba(255,255,255,0.04);}
        .ft-top .ft-left h2{width:184px; height:37px;margin-top: 28px; line-height: 0; overflow: hidden; margin-bottom: 30px;}
        .ft-top .ft-left h2 img{width:100%;}
        .ft-top .ft-left .ft-code span{display: block; height:88px; margin-bottom:26px; }
        .ft-top .ft-left .ft-code span i{display: block; width:88px;height:88px; float:left; line-height: 0; overflow: hidden;}
        .ft-top .ft-left .ft-code span i img{width: 100%;}
        .ft-top .ft-left .ft-code span em{display: block; width:36px; padding:6px 10px 0; box-sizing: border-box;float:left; font-size: 14px; color:rgba(255,255,255,0.53); line-height:14px;}
        .ft-top .ft-cen{width:364px;height:314px;border-right:1px solid rgba(255,255,255,0.04);padding:25px 63px 0 75px; box-sizing: border-box;}
        .ft-top .ft-cen h4{height:54px; line-height: 54px;display: inline-block; border-bottom:1px solid rgba(255,255,255,0.05); font-size: 18px; color:#cfcfcf; font-weight: bold; font-family: "思源黑体 CN"; margin-bottom: 16px;}
        .ft-top .ft-cen ul{width:100%;}
        .ft-top .ft-cen ul li{margin-bottom:8px; }
        .ft-top .ft-cen ul li span{display: block; height:24px; line-height: 24px;font-size: 14px; color:rgba(255,255,255,0.2);}
        .ft-top .ft-cen ul li p{height:23px; line-height: 23px;font-size: 14px; color:rgba(255,255,255,0.39);}
        .ft-top .ft-nav{width:556px;padding:25px 0 0 75px; box-sizing: border-box;}
        .ft-top .ft-nav h4{height:54px; line-height: 54px;display: inline-block; border-bottom:1px solid rgba(255,255,255,0.05); font-size: 18px; color:#cfcfcf; font-weight: bold; font-family: "思源黑体 CN"; margin-bottom: 6px;}
        .ft-top .ft-nav ul li{float:left;width:215px;height:47px; line-height: 47px;}
        .ft-top .ft-nav ul li a{font-size: 16px; color:rgba(255,255,255,0.3);display: block;background:url(../image/ft-jt.png) no-repeat right;}
        .ft-top .ft-nav ul li:nth-child(2n){float:right;}
        .ft-bot{height:88px;}
        .ft-bot span{display: block; height:100%; float:left;}
        .ft-bot span em{display: inline-block; height:88px; line-height: 88px;font-size: 14px; color:rgba(255,255,255,0.39); margin-right: 10px;}
        .ft-bot span em a{font-size: 14px; color:rgba(255,255,255,0.39);}
        .ft-bot span em.ba a{padding-left:25px; background:url(../image/7751ef9a-c6f9-4795-a037-d6173a158f0a.png) no-repeat 0 center;}
        .ft-bot strong{float:right; height:88px;}
        .ft-bot strong i{display: block; height:88px; line-height: 88px; float:left;font-size: 14px; color:rgba(255,255,255,0.39); font-weight: normal; }
        .ft-bot strong a{display: block; height:88px;line-height: 88px;float:left;font-size: 14px; color:rgba(255,255,255,0.39);  margin-right: 15px; font-weight: normal;}
        .ft-bot strong a:last-child{margin-right: 0;}


        .ddimg img:hover{
        animation:fadenum 1.5s;
        }
        @keyframes fadenum{
             100%{transform:rotate(360deg);}
        }

        .wrapper{width:85%;margin:0 auto;padding:0;position:relative}
        .wrapper:after{display:block;height:0;overflow:hidden;clear:both}
        .wrapper:after{content:".";visibility:hidden}
        .youshi{background:#232324;border-bottom:1px solid #565656;}
        .youshi ul{display:flex}
        .youshi ul li{width:25%;height:138px;padding-top:40px;color:#fff; margin-bottom:40px;}
        .youshi ul li i{width:100px;height:100px;float:left;margin-right:10px}
        .youshi ul li i.i1{background:url(../image/fu01.png) no-repeat}
        .youshi ul li i.i2{background:url(../image/fu02.png) no-repeat}
        .youshi ul li i.i3{background:url(../image/fu03.png) no-repeat}
        .youshi ul li i.i4{background:url(../image/fu04.png) no-repeat}
        .youshi ul li h2{font-size:22px;padding-top:20px; color:#FFF;}
        .youshi ul li p{line-height:12px;font-size:14px}

        .youshi_li img:hover{
        animation:fadenum 1.5s;
        }
        @keyframes fadenum{
             100%{transform:rotate(360deg);}
        }