@charset "utf-8";
/* CSS Document */

body,html{  height: 100% !important;}

body,html,p,h1,h2,h3,h4,h5,h6,b,c,i,e,g,input,select,textarea{    margin: 0;padding: 0;font-weight: normal;font-family: 'Source Sans Pro', 'Microsoft Jhenghei', '微軟正黑體', Helmet, Freesans, sans-serif;
	   font-family: "LinotypeUniversW01-Regu";
	   font-family:微軟正黑體, Arial, Helvetica, sans-serif;   }




 
body .target.slider  { opacity: 0;transform: translate(0px,50px);-webkit-transform: translate(0px,50px);transition: 200ms ease 200ms; -webkit-transition: 200ms ease 200ms;}
body .action.slider{ opacity: 1;transform: translate(0px,0px);-webkit-transform: translate(0px,0px);}

body .target.top  { opacity: 0;transform: translate(0px,50px);-webkit-transform: translate(0px,50px);transition: 200ms ease 200ms; -webkit-transition: 200ms ease 200ms;}
body .action.top{ opacity: 1;transform: translate(0px,0px);-webkit-transform: translate(0px,0px);}

 
.dl-menuwrapper h1{position: absolute;float: left;top: 32%;right: 20%;font-size: 1.1em;}
.dl-menuwrapper h1 a{ color:#085188;}

header{display: none !important;}


.index_one{
    margin: 0% auto;
    padding: 6% 0px 3% 3%;
    overflow: hidden;
    background-color:#FAFAFA;
}
.index_one .content0326{
    width:1380px;
    background-color:#fff;
    overflow: auto;
    margin: 20px auto;
    box-shadow: 0 9px 6px 0 rgba(110,96,63,.04);
}
.index_one_left{width: 45%;float: left;}
.index_one_left img{ width:100%; height:auto;}
.index_one_right{width: 50%;float: right;}
.index_one_right h1{color: #000;font-size: 1.8em;margin-top: 4%;margin-bottom: 3%;font-family:"Microsoft YaHei";font-weight:bold}
.index_one_right h2{color: #4d4d4d;font-size: 0.9em;line-height: 1.6em;width:80%;font-family:"Microsoft YaHei";font-weight: 400;}
.index_one_right h3{    width: 30%;text-align: center;line-height: 2em;font-size: 1em;margin-top: 3%;background-color: #4581FB;padding: 8px;}
.index_one_right h3 a{color: #ffffff;font-family:"Microsoft YaHei";font-weight:bold}


.index_two{    width: 100%;overflow: hidden;padding-top:5%;padding-bottom: 5%;background-image: url("../images/main.jpg");background-position: center center;
    background-size: cover;
}
.index_two_n{ width:90%; margin:auto; text-align:center;}
.index_two_n h1{color: #fff;font-size: 3em;
    font-family:"Microsoft YaHei";
    font-weight: bold;
}
.index_two_n h2{width: 5%;border-bottom: 5px solid #fff;margin: auto;margin-top: 1%;}
.index_two_n h3{color:#BCDEFC;margin-top: 2%;font-size: 1.15em;font-family:"Microsoft YaHei";font-weight: 600}
.dianpu{overflow: auto;text-align: center;margin-top: 5%;}
.dianpu .d1{
    display: inline-block;
    margin-right: 2%;
    margin-left: 2%;
    background-color: #fff;
    padding: 1%;
    border-radius: 5px;
    box-shadow: 0px 5px 18px -6px rgba(0,0,0,.15);
}

.index_two_n dl{overflow: hidden;margin-top: 8%;}
.index_two_n dl dd{    width: 8%;float: left;margin-right:10.4%;}
.index_two_n dl dd h4{ position:relative;cursor: pointer;overflow: hidden;width:6.2em;height:6.2em;display: inline-block;vertical-align: top;
   border-radius: 50%; }
.index_two_n dl dd p{ margin-top: 10%; color: #fff;font-size: 1.3em;font-family:"Microsoft YaHei";font-weight: bold}
.index_two_n dl dd h4:hover{}   
.index_two_n dl dd:hover p{ color:#085188;}   
.index_two_n dl dd h4 #two-2{ display:none;}
.index_two_n dl dd:hover h4 #two-2{ display:block;}   
.index_two_n dl dd:hover h4 #two-1{ display:none;} 
.index_two_n dl dd:nth-child(6n){margin-right:0;}  
   
   
 
 
.index_three{ width:90%; margin:auto; overflow:hidden;margin-bottom: 2%;margin-top: 8%;}
.index_three dl{ overflow:hidden; width:100%;}
.index_three dl dd{width:30%;height:304px;float: left;margin-right:3%; margin-bottom:3%; position:relative;border-radius: 10px;}
.index_three dl dd a::before{
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.index_three dl dd a:hover::before{
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(25,37,74,0.9);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
}
.index_three dl dd .img
{
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.index_three dl dd  span{
    display: block;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size:100% 100%;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}

.index_three dl dd a:hover .img span{
    -webkit-transform: scale(1.07);
    -ms-transform: scale(1.07);
    transform: scale(1.07);
}

.index_three dl dd a{ position:absolute; width:100%; height:100%; top:0; left:0;}
.index_three dl dd:nth-child(3n){margin-right:0;}
.index_three dl dd h1{ width:47%; float:left;overflow: hidden;height: 100%;}
.index_three dl dd h1 img{ width: 100%;height:100%;-webkit-transition: 0.8s;-moz-transition: 0.8s;transition: 0.8s;border-radius: 10px 0px 0px 10px;}
.index_three dl dd:hover h1 img {-webkit-transform: scale(1.1);-moz-transform: scale(1.1);transform: scale(1.1);}

.index_three dl dd h2{
    display: block;
    text-align: center;
    width: 100%;
    font-size: 24px;
    color: #fff;
    position: absolute;
    left: 0;
    top: 20%;
    z-index: 10;
}
.index_three dl dd h2 b{color: #cddf00;font-size: 1.5em;display: block;font-weight: bold;font-family:"Microsoft YaHei";}
.index_three dl dd h2 e{
    color: #fff;font-size: 0.75em;display: block;margin-top: 2%;margin-bottom: 20%;
    font-family:"Microsoft YaHei";
}
.index_three dl dd h2 g{background-color:#4581FB;width: 50%;color: #fff;font-size: 0.6em;;
    padding: 3% 8%;text-align: center;margin-top: 18%;}
.index_three p{text-align: center;line-height: 3em;width:36%;margin:80px auto;background-color: #4581FB;font-family:"Microsoft YaHei";font-weight: bold}

.index_three p a{ color:#fff;font-size: 1.3em;}
.index_three p a:hover{ color:#1472E2; }


   
   
.index_four{ width:90%; margin:auto; overflow:hidden;margin-bottom: 2%;margin-top:5%;}
.index_four_left{width: 48%;float: left;margin-right: 2%;}
.index_four_left dl{ width:100%; overflow:hidden;position: relative;}
.index_four_left dl dd{width:100%;float: left;overflow: hidden;position: relative;height: 18em;display: block;    margin-bottom: 4.5%;}
.index_four_left dl dd a{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 2;}
.index_four_left dl dd img{position: absolute;width: 100%;height: 100%;display: block;width: 100%;
    -webkit-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.index_four_left dl dd h1{font-size: 1.1em;color: #fff;margin: auto;text-align: center;webkit-transition: 0.6s;
    -moz-transition: 0.6s;-o-transition: 0.6s;transition: 0.6s;padding-top: 28%;}
.index_four_left dl dd h2{position: absolute;border: 1px solid #fff;padding: 4.5%;text-align: center;line-height:0em;color: #fff;margin: auto;
    left: 35%;margin-top:16%;}
.index_four_left dl dd h1 {position: absolute;left: 00%;top: 0%;color: #fff;width: 100%;opacity: 0;background: rgba(4, 79, 135, 0.84);
	height: 100%;}   
.index_four_left dl dd:hover h1{left: 0%;opacity: 1;}
   
   
.index_four_right{width:50%;float: left;}
.index_four_right dl{ width:100%; overflow:hidden;position: relative;}
.index_four_right dl dd{width:48%;float: left;overflow: hidden;position: relative;height: 18em;display: block;margin-right: 4%;margin-bottom: 4%;}
.index_four_right dl dd a{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 2;}
.index_four_right dl dd img{position: absolute;width: 100%;height: 100%;display: block;width: 100%;
    -webkit-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.index_four_right dl dd h1{font-size: 1.1em;color: #fff;margin: auto;text-align: center;webkit-transition: 0.6s;
    -moz-transition: 0.6s;-o-transition: 0.6s;transition: 0.6s;padding-top:58%;}
.index_four_right dl dd h2{position: absolute;border: 1px solid rgba(255, 255, 255, 0.82); width:56%;text-align: center;line-height:2.2em;color: #fff;margin: auto;
   left: 22%;margin-top: 31%;}
.index_four_right dl dd h1 {position: absolute;left: 00%;top: 0%;color: #fff;width: 100%;opacity: 0;background: rgba(8, 81, 136, 0.77);
	height: 100%;}   
.index_four_right dl dd:hover h1{left: 0%;opacity: 1;}
.index_four_right dl dd:nth-child(2n){margin-right:0;}

.index_four_gd{    width: 100%;overflow: hidden;}
.index_four_gd p{text-align: center;line-height: 3em;width:36%;margin:80px auto;background-color: #4581FB;padding: 10px;}
.index_four_gd p a{ color:#fff;font-family: "Microsoft YaHei";font-weight: bold;font-size: 1.3em;}
.index_four_gd p a:hover{ color:#1472E2; }	










.index_five{width: 100%;overflow: hidden;border-top: 1px solid #ccc;margin-bottom: 4%; margin-top: 5%;}
.index_five_n{ width:90%; margin:auto; overflow:hidden;}
.five_news{width: 33%;float: left;border-right: 1px solid #ccc; height:100%;}
.five_news h1
{
    text-align: center;
    margin-top: 8%;
    overflow: auto;
    margin-bottom: 8%;
}
.five_news h1 b{display: block;margin-bottom: 2%;float:left}
.five_news h1 b img{width:64px;height:64px}
.five_news h1 p{
    margin: auto;
    color: #000;
    font-size: 1em;
    width: 35%;
    padding-bottom: 1%;
    font-family: microsoft yahei;
    float: left;
    font-weight: bold;

}
.five_news dl{width: 100%;overflow: hidden;margin-top: 6%;}
.five_news dl dd{
    overflow: hidden;
    position: relative;
    margin-bottom: 5.7%;
    border-bottom: 1px solid #ccc;
    padding-bottom: 3%;
    margin-right: 3%;
}
.five_news dl dd a{ position:absolute; width:100%; height:100%; left:0; top:0%;}
.five_news dl dd h2{ float: left;display: block;width: 98%;}
.five_news dl dd h2 c{
    display: block;
    float: left;
    padding-bottom: 0.8%;
    color: #000;
    font-size: 0.8em;
    font-family: "Microsoft YaHei";
    font-weight: bold;
}
.five_news dl dd h3{
    display: block;
    float: left;
    font-size: 0.9em;
    margin-top: 1%;
    color: #888;
    font-family: 'Source Han Sans CN Regular';
}
.five_news dl dd h3::before{
    content:"\f0da";
    font-family: FontAwesome;
    margin-right:5px;
}
.five_news dl dd:hover c{ color:#085188;}
.five_news dl dd:hover h3{ }
.five_news h4{text-align: right;margin-right: 8%;margin-top: 11%;margin-bottom: 4%;}

.five_news h4 a img{width:104px}

.five_huati{width: 34.5%;float: left;border-right: 1px solid #ccc;height:100%;}
.five_huati h1{
    text-align: center;
    margin-top: 8%;
    overflow: auto;
    margin-left: 8%;
}
.five_huati h1 b{display: block;margin-bottom: 2%;float:left}
.five_huati h1 b img{width:64px}
.five_huati h1 p{
    margin:1% auto 0 auto;
    color: #000;
    font-size: 1em;
    width: 35%;
    padding-bottom: 1%;
    float: left;
    font-weight: bold;
    font-family: microsoft yahei;
}
.five_huati dl{width:90%; margin:auto;overflow: hidden;margin-top: 3%;}
.five_huati dl dd{position: relative; margin-bottom:5%;overflow: hidden;margin-top: 8%;
    border-bottom: 1px solid #ccc;
    padding-bottom: 5%;
}
.five_huati dl dd h5{width: 24%;float: left;}
.five_huati dl dd h5 img{ width:100%; height:auto;}
.five_huati dl dd div{width: 74%;float: right;}
.five_huati dl dd a{ position:absolute; width:100%; height:100%; left:0; top:0%;}
.five_huati dl dd h2{ float: left;display: block;width: 98%; }
.five_huati dl dd h2 c{display: block;float: left;padding-bottom: 0.8%;color: #000;font-size:0.8em;
    font-family: "Microsoft YaHei";
    font-weight: bold;
}
.five_huati dl dd h3{
    display: block;float: left;font-size: 0.9em;margin-top: 1%;
    color: #888;
    font-family: 'Source Han Sans CN Regular';

}
.five_huati dl dd h3::before
{
    content:"\f0da";
    font-family: FontAwesome;
    margin-right:5px;
}
.five_huati dl dd:hover c{ color:#085188;}
.five_huati dl dd:hover h3{ color:#085188;}
.five_huati h4{text-align: right;margin-right: 8%;margin-top:12%;margin-bottom: 4%;}

.five_huati h4 a img{width:102px;}

.five_baodao{width: 32.3%;float: left;height:100%;}
.five_baodao h1{text-align: center;margin-top: 8%;margin-left: 8%}
.five_baodao h1 b{
    display: block;
    margin-bottom: 2%;
    float: left;

}
.five_baodao h1 b img{width:64px;height:64px}
.five_baodao h1 p{margin: auto;
    color: #000;font-size: 1em;width: 35%;padding-bottom: 1%;
    float: left;
    font-weight: bold;
    font-family: microsoft yahei;
}
.five_baodao dl{width:90%; margin:auto;overflow: hidden;margin-top: 6%;}
.five_baodao dl dd{
    position: relative;
    margin-bottom: 5%;
    overflow: hidden;
    color: #444;
    margin-top: 4%;
    border-bottom: 1px solid #ccc;
    padding-bottom: 5%;
}
.five_baodao dl dd h5{width: 24%;float: left;}
.five_baodao dl dd h5 img{ width:100%; height:auto;}
.five_baodao dl dd div{width: 74%;float: right;}
.five_baodao dl dd a{ position:absolute; width:100%; height:100%; left:0; top:0%;}
.five_baodao dl dd h2{ float: left;display: block;width: 98%;}
.five_baodao dl dd h2 c{display: block;float: left;padding-bottom: 0.8%;color: #000;font-size:0.8em;
    font-family: "Microsoft YaHei";
    font-weight: bold;
}
.five_baodao dl dd h3{display: block;float: left;font-size: 1em;margin-top: 1%;
    color: #888;
    font-family: 'Source Han Sans CN Regular';
}
.five_baodao dl dd div span{    display: block;float: left;margin-top: 1%;}
.five_baodao dl dd:hover c{ color:#085188;}
.five_baodao dl dd:hover h3{ color:#085188;}
.five_baodao dl dd:hover span{ color:#085188;}
.five_baodao h4{text-align: right;margin-right: 8%;margin-top:12%;margin-bottom: 4%;}

.five_baodao h4 a img{width:102px;}









.index_six{ width:100%; overflow:hidden; background:#f5f5f5;}
.index_six_n{ width:1380px; margin:auto; overflow:hidden;}
.six_n_top{margin-top: 2%;width: 100%;overflow: hidden;margin-bottom: 2%;}
.six_n_top h1{    float: left;}
.six_n_top h1 b{display: block;color: #085188;font-size: 1em;}
.six_n_top h1 c{    color: #085188;font-size: 0.6em;}
.six_n_top h1 e{border-bottom: 2px solid #085188;display: block;width: 53%;padding-bottom: 2%;}
.six_n_top h2{ float:right;    color: #085188;font-size: 1.3em;}
.six_n_top dl{overflow: hidden;width: 100%;margin-top: 4%;float: left;margin-bottom: 2%;}
.six_n_top dl dd{width: 177px;height:108px;float: left;position: relative;margin-right:3.5%;margin-bottom:3%; box-shadow: 0px 5px 18px -6px rgba(0,0,0,.15);}
.six_n_top dl dd:nth-child(5n){}
.six_n_top dl dd a{position:absolute; width:100%; height:100%; left:0; top:0%;}
.six_n_top dl  dd img{    width: 100%;height: 100%;}
.six_n_top p{  overflow: hidden;float: left;border-bottom: 1px solid #085188;    font-size: 1em;}
.six_n_top p a{  color: #085188;}





.footer_zong{ width:100%; overflow:hidden;}
.index_seven{width: 100%;overflow: hidden;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;margin-bottom: 4%;}
.index_seven_n{    width: 90%;margin: auto;overflow: hidden;}
.index_seven_n dl{ overflow:hidden;}
.index_seven_n dl dd{width: 33%;border-right: 1px solid #ccc;float: left;padding-bottom:3%;padding-top:3%;}
.index_seven_n dl dd:nth-child(3n){border-right:0px solid #ccc;}
.index_seven_n dl dd h1{display: block;float: left;margin-left: 10%;margin-top: 3%;}
.index_seven_n dl dd h1 img{}
.index_seven_n dl dd div{display: block;float: left;margin-left:6%;text-align: left;font-family: 'Source Han Sans CN Regular';}
.index_seven_n dl dd div b{display: block;    margin-bottom: 2%;color: #000;font-size: 1.2em;font-family: 'Source Han Sans CN Regular';}
.index_seven_n dl dd div e{display: block;    margin-bottom: 1%;color: #000;font-size: 0.9em;font-family: 'Source Han Sans CN Regular';}
.index_seven_n dl dd div c{display: block;color: #000;font-size: 0.9em;font-family: 'Source Han Sans CN Regular';}
.index_seven_n dl dd div c a{color: #085188;font-family: 'Source Han Sans CN Regular';}


.footer{width:100%; margin:auto; overflow:hidden;}
.footer_top{width: 100%;overflow: hidden;    margin-bottom: 2%;}
.footer_top left{width: 30%;overflow: hidden;float: left;}
.footer_top left h1{width:34%;/*margin: auto;*/overflow: hidden;margin-bottom: 4%;    margin-left: 12%;}
.footer_top left h1 #Dropdown-1{color: #085188;width: 100%;border: 1px solid #ccc;display: block;height:3em;text-indent:0.5em;font-size: 0.5em;}
.footer_top left h1 #fh{}
.footer_top right{width: 70%;float: left;overflow: hidden;}
.footer_top right dl{ overflow:hidden;}
.footer_top right dl dd{width: 30%;float: left;}
.footer_top right dl dd h2{font-size: 1.3em;margin-bottom:6%;text-align: left;}
.footer_top right dl dd h2 a{color: #000;}
.footer_top right dl dd h2 a:hover{color: #085188;}
.footer_top right dl dd h3{font-size: 1em;line-height: 1.6em;text-align: left;}
.footer_top right dl dd h3 a{color: #555;}
.footer_top right dl dd h3 a:hover{color: #085188;}


.footer_bottom{ width:100%; overflow:hidden;padding-bottom: 3%;padding-top: 3%;
background-color: #F1F2FA;font-family: 'Source Han Sans CN Regular';
}
.footer_bottom left{    width:65%;float: left;}
.footer_bottom left h1{overflow: hidden;font-size: 1em;color: #000;margin-left: 15%;font-size: 0.96em;font-family: 'Source Han Sans CN Regular';text-align: left}
.footer_bottom left h1 a{ color:#666;font-family: 'Source Han Sans CN Regular'}
.footer_bottom right{float: left;width: 28%;    margin-left: 6%;font-family: 'Source Han Sans CN Regular'}
.footer_bottom right h1{ font-size:1em;width: 36%;float: left;}
.footer_bottom right h1 a{ color:#000;    margin-right: 2%;font-family: 'Source Han Sans CN Regular'}
.footer_bottom right h2{    float: left;}
.footer_bottom right h2 a{margin-right: 1%;}
.footer_bottom right h3 {float: left;width: 52%;margin-left: 2%;}
.footer_bottom right h3 a{margin-right: 1%;}




/*---------分界线-----------*/
    .swiper-container {
      width: 100%;
      height: 100%;
    }
    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }



#warper {
    max-width: 1920px;
    margin: 0 auto;
}
.index_solution {
    padding: 100px 0 0;
    position: relative;
}
.index_solution .title01 {
    height: 60px;
    position: relative;
    margin-bottom: 150px;
    text-align: center;
}
.title01 h2 {
    display: block;
    font-size: 3em;
    color: #202c50;
    font-weight: bold;
    font-family: "Microsoft YaHei";

}
.title01 em {
    display: block;
    font-size: 1.1em;
    color: #333;
    font-style: normal;
    font-weight: normal;
    font-family: "Microsoft YaHei";
    margin-top: 20px;
}
.index_solution .list ul li {
    display: block;
    float: left;
    width: 25%;
}

.index_solution .list ul li a {
    height: 380px;
}
.index_solution .list ul li a {
    display: block;
    width: 100%;
    height: 400px;
    overflow: hidden;
    position: relative;
}
.index_solution .list ul li a::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.3);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.index_solution .list ul li a b.title {
    top: 80px;
}
.index_solution .list ul li a b.title {
    display: block;
    text-align: center;
    width: 100%;
    height: 24px;
    line-height: 24px;
    font-size: 24px;
    color: #fff;
    position: absolute;
    left: 0;
    top: 120px;
    z-index: 10;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    font-weight: bold;
    font-family: "Microsoft YaHei";
}
.index_solution .list ul li a i.line {
    display: block;
    width: 1px;
    height: 76px;
    background: rgba(255,255,255,0.4);
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -38px;
    z-index: 10;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.index_solution .list ul li a span.icon {
    bottom: 80px;
}
.index_solution .list ul li a span.icon {
    display: block;
    width: 26px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    position: absolute;
    left: 50%;
    bottom: 120px;
    margin-left: -13px;
    z-index: 10;
    color: #fff;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.index_solution .list ul li a .img {
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.index_solution .list ul li a .img span {
    display: block;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}
.index_solution .list ul li a span.icon {
    bottom: 80px;
}
.index_solution .list ul li a span.icon {
    display: block;
    width: 26px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    position: absolute;
    left: 50%;
    bottom: 120px;
    margin-left: -13px;
    z-index: 10;
    color: #fff;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    font-size: 30px;
}
.index_solution .list ul li a span.icon i.iconfont {
    font-size: 26px;
}
.iconfont {
    content:"\f0da";
    font-family: FontAwesome;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}
/*
.index_solution .list ul li a:hover span.icon {
    bottom: 60px;
}

.index_solution .list ul li a:hover span.icon {
    bottom: 80px;
    color: #cddf00;
}
*/
.index_solution .list ul li a:hover span.icon {
    color: #cddf00;
}
.index_solution .list ul li a:hover::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(25,37,74,0.9);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
}
.index_solution .list ul li a:hover .img span {
    -webkit-transform: scale(1.07);
    -ms-transform: scale(1.07);
    transform: scale(1.07);
}
/*
.index_solution .list ul li a:hover i.line {
    height: 150px;
    margin-top: -75px;
}

 */