@charset "utf-8";

@font-face {
	font-family:Barlow-Regular;
	src: url('../fonts/Barlow-Regular.ttf'); }


.lc-mb2-1{ width:100%; background:url(../images/bg1.jpg) no-repeat center top;  margin:0 auto; height:590px}

.lc-mb2-1:before{content:""; display:block;}
.lc-mb2-banner1 {
    max-width: 1360px;
    height: auto;
    margin: 0 auto;
    width:100%; height:100%; position:relative
}.lc-mb2-banner-on{ height:100%; width:46%;padding-top:9%;  }




.lc-mb2-banner-h1{ color:#24459b; display:block}

.lc-mb2-banner-h2{ color:#666; display:block; margin-top:2%; margin-bottom:4%}

.lc-mb2-banner-p{ color:#3e60b6; display:block; font-family:Barlow-Regular; margin-bottom:3%}

.lc-mb2-banner-p1{ color:#686868; display:block; font-family:Barlow-Regular; margin-top:0.5%; text-transform:uppercase}
.lc-mb2-banner-p span{ width:30px; height:30px; background:#3e60b6; border-radius: 50%; color:#fff; display:block; line-height:30px; text-align:center; float:left}
.lc-mb2-banner-p1 li{ list-style:none; }
.ab_qie{ width:50%; float:left}

/*第二部分*/

.guide{background: url(../images/1indexba.jpg) no-repeat center 0;overflow: hidden;padding-top: 100px; padding-bottom:100px}
.gui_l{width: 64%; float: left;line-height: 0;overflow: hidden;}
.gui_r{width: 46%;float: right;padding: 20px 0px 0 5%;  }



.gui_l img{width: 100%;}
.gui_l img,.pro_r ul li img,.quality_r dl dt img,.case_m dl dt img,.news dl dt img,.ab_qie ul li img{
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}

.gui_r b{ text-align:left!important; font-family:Barlow-Regular;text-transform:uppercase;  background-image:-webkit-linear-gradient(left,#314fab,#567ac3); 
    -webkit-background-clip:text; 
    -webkit-text-fill-color:transparent; font-weight:normal 
  }
 

  
.gui_r h5{color: #000;line-height: 54px;height: 127px;overflow: hidden;text-align:left; margin-top:2%}
.gui_r h5 i{display: block; font-weight:normal!important; font-style:normal; color:#4e699b; position:relative; padding-bottom:3% }
.gui_r h5 i:after{ width:70px; height:4px; background:#194491; position:absolute; content:""; left:0; bottom:0}


.gui_desc{ color: #777;padding: 15px 0 0;line-height: 30px; text-align:left}
.guide dl{float: left;margin-top: 15px;}
.guide dl dt{width: 30%; float: left;overflow: hidden;position: relative;line-height: 0;margin-top: 15px;}
.guide dl dt img{width: 122px;height: 122px;}
.guide dl dt em{width: 122px;height: 122px;display: block;position: absolute;top: 0;left: 0;
-webkit-transition: -webkit-transform 0.5s ease-out;
-moz-transition: -moz-transform 0.5s ease-out;
-o-transition: -o-transform 0.5s ease-out;
-ms-transition: -ms-transform 0.5s ease-out;}
.guide dl:hover dt em{
-webkit-transform: rotateZ(360deg);
-moz-transform: rotateZ(360deg);
-o-transform: rotateZ(360deg);
-ms-transform: rotateZ(360deg);
transform: rotateZ(360deg);
}
.guide dl dd{width: 70%;float: left;padding-left: 30px;}
.guide dl dd h5{font-size: 30px;color: #666;height: 50px;line-height: 50px;overflow: hidden;margin-bottom: 5px;font-weight: normal;}
.guide dl dd p{font-size: 16px;color: #777;line-height: 30px;}
.guide dl.nobor{width: 33.33%;}
.guide dl.nobor dd{width: 70%}
.more {
    width: 145px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    color: #FFF;
    font-size: 16px;
    padding-left:0px; margin-top:30px; background:#305fb4;text-decoration:none
}
a:hover .more{ margin-top:27px;  transition:all 0.4s; background:#194491; text-decoration:none}
a:hover .more span{ text-decoration:none!important; }


.lc-mb1-6 {
    width: 100%;
    background: #f8f8f8;
    padding-top: 30px;
    padding-bottom: 50px; background:url(../images/1indexba.jpg) no-repeat center top
}
.title_1 {
    margin: 0 auto;
    text-align: center;
    padding: 80px 0 5px 0;  max-width: 1500px;
    width:90%
}.title_1 h1{  }

.title_1 h2{ color:#aab1c1;text-transform:uppercase;font-weight: lighter;
  padding-top: 5px; }

.pulic_1 {
    margin: 0 auto;
    display: flex;
    text-align: center; 
    padding: 0px 0 0px 0;  max-width: 1360px;
    width:100%;
}
.lc-mb1-content4_a {
    width: 50%;
    min-height: 230px;
    background: #fff;
    border: 1px #ebebeb solid;
    padding: 10px 20px;
    margin: 10px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    text-align: center; color:#666; margin-top:80px; display:block; text-align:left
}.lc-mb1-content4_pic {
    width: 72px;
    min-width: 72px;
    height: 72px;
    margin-top: -50px;
    border: 1px #3f61b8 solid;
    background:url(../images/Banner-M.png) no-repeat center top #3f61b8; background-size:130%;
    justify-content: center;
    border-radius: 50%;
    text-align: center;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
    overflow: hidden; 	font-family:Barlow-Regular; line-height:72px; margin-bottom:30px; color:#fff
}

.lc-mb1-content4_pic1 {
    padding-top: 15px;
    width: 73px;
}.lc-mb1-content4_title {
    padding: 20px 0;
    color: #212121;
    font-weight: 100;
}




/*第3部分*/

.lc-mb1-7{ width:100%; margin:0 auto; padding-bottom:90px}
.tuuos{flex-wrap:wrap;}
.flex{ display:flex; justify-content:center }
.lc-mb1-7 .pulic_1 li{ width:49%; margin:3% 1% 1% 0; background:url(../images/fd5e3866705798b2028acd0991c1b1d6.jpg) no-repeat left center; min-height:250px;padding:5%;border-radius: 15px;background-size:100%; list-style:none; text-align:left; color:#333;box-sizing: border-box; }
.lc-mb1-7 .pulic_1 li:nth-child(2){ width:49%; margin:3% 1% 1% 0; background:url(../images/fd5e3866705798b2028acd0991c1b1d61.jpg) no-repeat left center; min-height:250px;padding:5%;border-radius: 15px;background-size:100%; list-style:none; text-align:left }
.lc-mb1-7 .pulic_1 li:nth-child(3){ width:49%; margin:0% 1% 1% 0; background:url(../images/f3.jpg) no-repeat left center; min-height:250px;padding:5%;border-radius: 15px;background-size:100%; list-style:none; text-align:left }

.lc-mb1-7 .pulic_1 li:nth-child(4){ width:49%; margin:0% 1% 1% 0; background:url(../images/f4.jpg) no-repeat left center; min-height:250px;padding:5%;border-radius: 15px;background-size:100%; list-style:none; text-align:left }


.lc-mb1-7 .pulic_1 li p{ width:60%; color: #777; margin-top:1.3%}
.lc-mb1-7 .pulic_1 li span{ width:40px; height:25px; background:#3f61b8; color:#fff; display:block; line-height:25px; text-align:center; margin-bottom:4%; font-size:24px; font-family:Arial, Helvetica, sans-serif}


/*第4部分*/


 #wj_hy_service { max-width:1500px; margin:0px auto; width:90%; padding-bottom:9%; display:flex;flex-wrap:  wrap ;}
.wj_hy_service_advantage ul{ padding:48px 0 30px 0}



.wj_hy_service_advantage ul li {
	transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;
	
}

.wj_hy_service_advantage ul a:hover li {
	transform: translate(0,-15px);
	-webkit-transform: translate(0,-15px);
	-moz-transform: translate(0,-15px);
	-o-transform: translate(0,-15px);
	-ms-transform: translate(0,-15px);}
.wj_hy_service_advantage ul li{ text-align:center; width:25%; float:left; display:block; }
.wj_hy_service_advantage ul li h3{  color:#000;  padding:20px 0 10px 0 ;font-weight:normal}
.wj_hy_service_advantage ul li p {  line-height:24px; color:#717171}
.wj_hy_service_advantage ul li:nth-child(1){ -webkit-transition:all 1s ease 0s; transition:all 1s ease 0s;}
.wj_hy_service_advantage ul li:nth-child(2){ -webkit-transition:all 1s ease .5s; transition:all 1s ease .5s;}
.wj_hy_service_advantage ul li:nth-child(3){ -webkit-transition:all 1s ease 1s; transition:all 1s ease 1s;}
.wj_hy_service_advantage ul li:nth-child(4){ -webkit-transition:all 1s ease 1.5s; transition:all 1s ease 1.5s;}
.wj_hy_service_advantage{ width:100%; margin:0 auto; position:relative}







#wy_hy_footer {background: #2e3033;}

#wy_hy_footer ul{ border-bottom:#45484c 1px  solid; width:100%; padding:60px 0 40px 0; max-width:1360px; margin:0 auto; display:flex;}
#wy_hy_footer ul li{flex:1;  color:#9f9f9f;  font-size:14px; margin-left:3%}
#wy_hy_footer ul li img{ float:left; margin-right:15px; }
#wy_hy_footer ul li span{ font-size:22px; display:block; line-height:34px;color:#FFFFFF; padding-top:5px}

.wy_hy_footer_con_copy { height:144px; padding-top:34px; line-height:35px; text-align:center; font-size:14px; color:#cccccc; }
.wy_hy_footer_con_copy  a { color:#cccccc; text-decoration:none;}




.s_lx_bg1{ background-color:#5ec343; height:55px; margin-top:92px; padding-top:26px;}
.s_lx_bg1 .s_lx_line1{ height:1px; background-color:#46a3ac;}
.s_lx_bg1 p{ font-size:18px; color:#63aeb6; text-transform:uppercase; text-align:center; line-height:28px; font-weight:bold; letter-spacing:14px;}


.s_lx_bg{ background:url(../images/footer.jpg) center no-repeat; width:100%; height:463px;background-attachment:fixed; background-size: cover;}
.s_lx_box{ width:90%; margin:0 auto; padding-top:136px; max-width:1500px}
.s_lx_box .s_lx_p1{ color:#fff; text-align:left; font-size:24px }
.s_lx_box .s_lx_p2{ color:#fff; margin-top:8px;text-align:left}
.s_lx_box .s_lx_line{ width:54px; height:2px; background-color:#9d9b99; margin-top:16px; margin-bottom:27px;}
.s_lx_nr p{ font-size:16px; color:#000; line-height:36px;}
.s_lx_nr p a{ color:#000;}
.s_lx_nr{margin-left:130px;}

.dhidhidhi{ width:50%; margin-left:50%; text-align:left}

   .font13 {font-size: 12px;}
    .font14 {font-size: 13px;}
    .font15 {font-size: 14px;}
    .font16 {font-size: 15px;}
    .font17 {font-size: 16px;}
    .font18 {font-size: 17px;}
    .font19 {font-size: 18px;}
    .font20 {font-size: 19px;}
    .font22 {font-size: 20px;}
    .font23 {font-size: 21px;}
    .font24 {font-size: 22px;}
    .font26 {font-size: 23px;}
    .font28 {font-size: 24px;}
    .font30 {font-size: 25px;}
    .font32 {font-size: 26px;}
    .font34 {font-size: 27px;}
    .font36 {font-size: 28px;}
    .font38 {font-size: 29px;}
    .font40 {font-size: 30px;}
    .font42 {font-size: 32px;}
    .font44 {font-size: 34px;}
    .font46 {font-size: 36px;}
    .font48 {font-size: 38px;}
    .font50 {font-size: 40px;}
    .font54 {font-size: 44px;}
    .font60 {font-size: 42px;}
    .font66 {font-size: 56px;}
    .font70 {font-size: 60px;}
    .font77 {font-size: 67px;}
    .font80 {font-size: 70px;}
    .font100 {font-size: 90px;}
    .flh24 {line-height: 20px;}
    .flh26 {line-height: 24px;}
    .flh28 {line-height: 26px;}
    .flh30 {line-height: 28px;}
    .flh32 {line-height: 30px;}
    .flh34 {line-height: 32px;}
    .flh36 {line-height: 34px;}
    .flh40 {line-height: 38px;}
	 .flh50 {line-height: 44px;}
    .flh72 {line-height: 62px;}

.bg-blue {
  background: url("../images/banner-2.jpg") no-repeat center top;
  padding-top: 0px;
}.developer-solution-block {
  position: relative;
  max-width: none;
  padding: 0px 0 50px;
  text-align: center;
  clear: both;
  margin: 0 auto;
}
/*--------------------------------------------------------------------------------------------------------------------------------------550--*/