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



input {
  vertical-align: middle;
}

textarea {
  resize: none;
}

@font-face
{
  font-family:'youshe';
  src:url('../font/youshe.ttf');/*IE9+,可以是具体的实际链接*/
}


hr {
  border-width: 1px;
  border-style: inset;
}

ul {
  list-style: none;
}

p {
  margin: 0;
}

a, a:link, a:active, a:visited, a:hover {
  text-decoration: none;
}



i, em {
  font-style: normal;
}
html{
  height: 100%;
}
html, body {
  width: 100%;
  min-height: 100%;
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix {
  zoom: 1;
}

.warpper{
  width:1440px;
  margin:0 auto;
}

.dH{
  overflow: hidden;
}
.inp_pla{
  color:#999 !important;
}
.rig-title-over{
  float: left;
  line-height: 60px;
  max-width: 400px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}


html,
body {
  position: relative;
  height: 100%;
}



mian{
  width:100%;
}





/*yewu */
.yewu{
  background: url("../images/ywbg.jpg") no-repeat center;
  background-size:cover;
}
.yw_cont{
  height: 73.6vh;
  position: relative;
  top:calc(50% - 36.8vh + 45px);
}
.yw_left{
  float:right;
  width: 75%;
  height: 100%;
  border-radius: 0 0 0 60px;
  overflow: hidden;
}
.yw_left .swiper-slide,.yw_left .swiper-wrapper{
  width:100%;
  height: 100%;
}
.yw_left .swiper-slide a{
  display: block;
  width:100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.yw_left .swiper-slide a img{
  height: 100%;
}
.yw_text{
  width: 100%;
  position: absolute;
  left:0;
  bottom:0;
  background:transparent; /* 一些不支持背景渐变的浏览器 */
  background:-moz-linear-gradient(-90deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
  background:-webkit-linear-gradient(-90deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
  background:-o-linear-gradient(-90deg, rgba(0, 0, 0, 0),  rgba(0, 0, 0, 0.8));
  padding-bottom: 1.8vw;
  display:flex;
  align-items: center;
}
.yw_text>b{
  position: relative;
  width: 20%;
  height: 103px;
}
.yw_text>b span{
  font-size: 120px;
  line-height: 103px;
  font-family: Impact;
  position: absolute;
  left:0;
  top:0;
  width:100%;
  text-align: center;
  color: transparent;
  -webkit-text-stroke:1px rgba(255, 255, 255, 0.2);
}
.yw_text>b i{
  text-align: center;
  font-size: 30px;
  color: #fff;
  position: absolute;
  width:100%;
  line-height: 103px;
}
.yw_text>small{
  display: block;
  width:80%;
  color: #fff;
  font-size: 14px;
  font-weight: lighter;
}


.ywrightbg{
  float:left;
  background: #fff;
  width: 25%;
  height: 100%;
  border-radius: 0 60px 0 0;
  overflow: hidden;
}
.ywrightbg .title{
  padding-left: 20%;
  padding-top: 5vh;
  padding-bottom: 5vh;
}
.tit_style02>b{
  color: #8dd448;
}
.tit_style02>h3{
  color: #33363b;
}
.tit_style02 i:before{
  background: #8dd448;
  background: -moz-linear-gradient(317deg, rgba(141, 212, 72, 0.2), rgba(141, 212, 72, 0));
  background: -webkit-linear-gradient(317deg, rgba(141, 212, 72, 0.2), rgba(141, 212, 72, 0));
  background: -o-linear-gradient(317deg,  rgba(141, 212, 72, 0.2), rgba(141, 212, 72, 0));
}
.tit_style02 i{
  background: #8dd448;
  background: -moz-linear-gradient(-90deg, #8dd448, rgba(255, 255, 255, 0));
  background: -webkit-linear-gradient(-90deg,#8dd448, rgba(255, 255, 255, 0));
  background: -o-linear-gradient(-90deg, #8dd448, rgba(255, 255, 255, 0));
}
.yw_right{
  height: 67.5%;
  width: 92%;
  margin-left: 0;
}
.yw_r_text{
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left:58px;
  width: 100%;
  height: 117px;
  display: flex;
  align-items: center;
}
.yw_r_text:before{
  display: block;
  content: '';
  background: #f6bf00;
  position: absolute;
  left:0;
  top:0;
  height: 100%;
  border-radius: 0 84px 84px 0;
  transition: width .6s cubic-bezier(.4,0,.2,1);
  width:0;
}
.yw_r_text:hover:before,.yw_right .swiper-wrapper .swiper-slide-thumb-active .yw_r_text:before{
  width:100%;
}
.yw_r_text>img{
  float:left;
  -webkit-transition: 350ms 0s all ease;
  -moz-transition: 350ms 0s all ease;
  -ms-transition: 350ms 0s all ease;
  -o-transition: 350ms 0s all ease;
  transition: 350ms 0s all ease;
}
.yw_r_text>div{
  float:left;
  margin-left: 18px;
  position: relative;
}
.yw_r_text>div>p{
  font-size: 12px;
  color: #6a7176;
  font-weight: lighter;
  text-transform: uppercase;
  -webkit-transition: 350ms 100ms all ease;
  -moz-transition: 350ms 100ms all ease;
  -ms-transition: 350ms 100ms all ease;
  -o-transition: 350ms 100ms all ease;
  transition: 350ms 100ms all ease;
}
.yw_r_text>div>small{
  font-size: 20px;
  color: #6a7176;
  -webkit-transition: 350ms 100ms all ease;
  -moz-transition: 350ms 100ms all ease;
  -ms-transition: 350ms 100ms all ease;
  -o-transition: 350ms 100ms all ease;
  transition: 350ms 100ms all ease;
}
.yw_r_text:hover>img,.yw_right .swiper-wrapper .swiper-slide-thumb-active .yw_r_text>img{
  filter: grayscale(100%) brightness(1000%)
}
.yw_r_text:hover>div>small, .yw_r_text:hover>div>p,.yw_right .swiper-wrapper .swiper-slide-thumb-active .yw_r_text>div>small,.yw_right .swiper-wrapper .swiper-slide-thumb-active .yw_r_text>div>p{
  color: #fff;
}


button{
    border:none!important;
    outline: none;
}
input[type=button], input[type=submit], input[type=file], button ,select,input[type=password],input[type=number],input[type=date],textarea{ cursor: pointer; -webkit-appearance: none;-webkit-tap-highlight-color:rgba(255,255,255,0);}
input[type=date]{cursor: pointer; -webkit-appearance: none;}

input[type="text"], input[type="button"], input[type="submit"], input[type="reset"], select, textarea,button {
    -webkit-appearance: none;
}
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 100px white inset;}

@media screen and (min-width: 1500px) {
    .hidden-lg{display:none!important;}
}
@media screen and (min-width: 1200px) and (max-width: 1500px) {
    .warpper{width: 1100px!important;}
    .hidden-l{display:none!important;}

    /*index*/
    .screen01_text>h4{font-size:49px;}
    .screen01_text>p{margin-top:.5vw;margin-bottom:.5vw;font-size:38px;}
    .screen01_text>small{font-size:20px;}
    .fot_left{margin-right:2.5%;padding-right:2.5%;}
    .form_cont{margin-top:2vw;}
    .head{height:73px;}
    .nav{height:73px;}
    .zbanner{margin-top:73px;}
    .com_right>ul li{height:87px;}
    .com_right>small{font-size:17px;}
    #menu{top:50%;}
    .hasuid>p{padding-left:10px;
        line-height: 73px;}
    .hasuid>p span{margin-top:26px;}
    .server_cont li>div b img{width:101%;height:initial;min-height:100%;}
    .server_cont li>p span{font-size:15px;}
    .yw_r_text{height:58px!important;}
    .news_text>p{display:-webkit-box;overflow:hidden;margin-top:1vh;margin-bottom:1vh;height:initial!important;font-size:16px!important;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
    #indexform>div input,.index_textarea>textarea{line-height:32px!important;}
    #indexform .index_textarea textarea{height:92px!important;}
    .swipernews{height:52vh;}
    .swipernews a:hover .news_text>small{display:none!important;}
    .title b{font-size:16px!important;}
    .title h3{font-size:22px!important;}
    .form_cont>div>p{font-size:16px;}
    .news_top>a{margin-top:17px;}
    .swiperbody .slide-inner{background-position:center -42px;background-size:initial;}
    .com_right{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding-right:3%;width:74%;}
    .form_right{width:50%;}
    .swipernews .swiper-slide a>b img{width:100%;}
    .logo>img:nth-of-type(1){width:18%;}
    .logo>img:nth-of-type(2){width:50%;}
    #indexform .code .verify{height:33px;}
    #indexform .code span{margin-left:.5%;}
    .form_right>div>p span{font-size:15px;}
    .nav_ul>li a{font-size:16px;line-height:65px;}
    .nav_ul>li{width:65px;height:65px;}
    .news_more{opacity:0;}
    .news_text{border-bottom:none;}
    .swipernews .swiper-slide a:hover .news_more{opacity:1;}
    .news_bom>.swiper-button-next,.news_bom>.swiper-button-prev{width:45px;height:45px;}
    #indexmap{height:176px;}
    #indexform>div label,.form_right>div>p{font-size:15px;}
    .yw_text>b i{font-size: 24px;}
    #indexform .indexsub a{line-height: 32px;}
   
    /*业务*/
    .bus_text>h4{font-size:30px}
    .z_news_text>p{font-size:21px}
   
}


@media screen and (min-width: 960px) and (max-width: 1199px) {
    .warpper{width: 96%!important;}
    .hidden-m{display:none!important;}

    /*index*/
    .nav_ul{width: 550px;}
    .nav_right>b, .nav_right>i{margin-left:2%}
    .screen01_text>h4{font-size:49px;}
    .screen01_text>p{margin-top:.5vw;margin-bottom:.5vw;font-size:38px;}
    .screen01_text>small{font-size:20px;}
    .fot_left{margin-right:0;padding-right:0;height:168px;width:initial;float:none;}
    .fot_left:after{display:none;}
    .footer>.warpper>div:first-of-type:after{display:none;clear:none;}
    .footer>.warpper>div:first-of-type{display:flex;justify-content: space-between;margin-top:4vw;}
    .fot_right{float:none;width:initial;}
    .form_cont{margin-top:2vw;}
    .head{height:73px;}
    .nav{height:73px;}
    .zbanner{margin-top:73px;}
    .com_right>ul li{height:87px;}
    .com_right>small{font-size:17px;}
    #menu{top:50%;}
    .hasuid>p{padding-left:10px;line-height: 73px;}
    .hasuid>p span{margin-top:26px;}
    .server_cont li{height:31vw;}
    .server_cont li>div b img{width:101%;height:initial;min-height:100%;}
    .server_cont li>p span{font-size:15px;width:75%}
    .server_cont li>div b span{font-size:16px;}
    .yw_r_text{height:58px!important;padding-left:14%;}
    .news_text>p{display:-webkit-box;overflow:hidden;margin-top:1vh;margin-bottom:1vh;height:initial!important;font-size:16px!important;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
    #indexform>div input,.index_textarea>textarea{line-height:32px!important;}
    #indexform .index_textarea textarea{height:92px!important;}
    .swipernews{height:52vh;}
    .title b{font-size:16px!important;}
    .title h3{font-size:22px!important;}
    .form_cont>div>p{font-size:16px;}
    .news_top>a{margin-top:17px;}
    .swiperbody .slide-inner{background-position:center -42px;background-size:initial;}
    .com_right{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding-right:3%;width:74%;}
    .form_right{width:50%;}
    .yw_text>b i{font-size: 24px;}
    .swipernews .swiper-slide a>b img{width:100%;}
   


    /*业务*/
    .bus_text>h4{font-size:22px}
    .bus_intro{max-width:92%;}
    .bus_text>small{font-size: 15px;}


}
@media screen and (min-width: 768px) and (max-width: 959px) {
    .warpper{width: 96%!important;}
    .hidden-sm{display:none!important;}

    /*index*/
    
   
    .com_right>ul li{height:87px;}
    .com_right>small{font-size:17px;}
    #menu{top:50%;}
    .hasuid>p{padding-left:10px;line-height:73px;}
    .hasuid>p span{margin-top:26px;}
    .swiperbody .serverbg{height:494px;}
    .server_cont li{height:31vw;}
    .server_cont li>div b img{width:101%;height:initial;min-height:100%;}
    .server_cont li>p{height:30%;}
    .mt{margin-top:0;}
    .yewubg{height:784px;}
    .yw_cont{top:7vw;height:610px;}
    .server_cont li>p span{width:100%;font-size:15px;}
    .server_cont li>div b span{font-size:16px;}
    .yw_r_text{padding-left:14%;height:58px!important;}
    .news_text>p{display:-webkit-box;overflow:hidden;margin-top:1vh;margin-bottom:1vh;height:initial!important;font-size:16px!important;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
    #indexform>div input,.index_textarea>textarea{line-height:32px!important;}
    #indexform .index_textarea textarea{height:92px!important;}
    .swipernews{height:52vh;}
    .title b{font-size:16px!important;}
    .title h3{font-size:22px!important;}
    .form_cont>div>p{font-size:16px;}
    .news_top>a{margin-top:17px;}
    .com_right>ul li a p{font-size:12px;}
    .swiperbody .slide-inner{background-position:center -42px;background-size:initial;}
    .com_right{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding-right:3%;width:74%;}
    .form_left{float:none;width:100%;}
    .form_right{display:none;}
    .yw_text>b i{font-size:24px;}
    .swipernews .swiper-slide a>b img{width:100%;}
    .logo>img:nth-of-type(1){}
    .logo>img:nth-of-type(2){margin-left:7%;width:65%;}
    #indexform .code .verify{height:33px;}
    #indexform .code span{margin-left:0.5%;}
    .form_right>div>p span{display:block;font-size:15px;}
    #indexform .indexsub a{line-height:32px;}
    .form_left>form,.form_right>div{height:350px;}
    .swipernews .swiper-slide a:hover .news_more{opacity:1;}
    .news_bom>.swiper-button-next,.news_bom>.swiper-button-prev{width:45px;height:45px;}
    #indexmap{height:176px;}
    #indexform>div label,.form_right>div>p{font-size:15px;}
    #indexform>div{width:100%;}
    #indexform>div:first-of-type{margin-bottom:16px;}
    #indexform>div.code input{width:26.8%;}
    .footer>.warpper{padding:0;}


    /*业务*/
    .bus_text>h4{font-size:22px;}
    .bus_intro{max-width:92%;}
    .bus_text>small{font-size:15px;}
    .ser_text>h4 span{font-size:34px;}
    .ser_text>small{font-size:15px;}



   
}
@media only screen and (max-width: 767px){
    .warpper{width:94%!important;}
    .hidden-xs{display:none!important;}




    /*index*/
    .nav_right>b,.nav_right>i{margin-left:2%;}
    .screen01_text{width:90%;}
    .screen01_text>h4{font-size:26px;}
    .screen01_text>p{margin-top:.5vw;margin-bottom:.5vw;font-size:24px;}
    .screen01_text>small{font-size:15px;}
    .com_left{float:none;width:100%;}
    .com_right>ul li{height:87px;}
    .com_right>small{font-size:17px;}
    .com_right>ul li a p{width:54%;font-size:12px;}
    .com_right{float:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-top:6vw;padding-right:0;width:100%;}
    .com_right>ul{margin-top:6vw;}
    .swiperbody .slide-inner.yewu{height:101%;}
    .yw_r_text>img{}
    .yw_r_text>div{margin-left:6px;}
    .yw_left{float:none;margin-top:10vw;width:100%;height:75%;border-radius:36px 0 0 0;}
    .ywrightbg{float:none;width:100%;height:25%;border-radius:0 0 36px 0;}
    .yw_right{width:96%;height:100%;}
    .ywrightbg .title{padding-top:8vw;padding-bottom:3vw;padding-left:50px;}
    .yw_text>small{display:none;}
    .yw_text>b span{left:15px;text-align:left;font-size:60px;}
    .yw_text>b{width:100%;height:80px;}
    .swipernews a:hover .news_text>small{display:none;}
    .news_more:before{border-radius:0 0 20px 20px;}
    .form_cont{margin-top:2vw;}
    .head{height:73px;}
    .nav{height:73px;}
    .zbanner{margin-top:73px;}
    #menu{top:50%;}
    .hasuid>p{padding-left:10px;line-height:73px;}
    .hasuid>p span{margin-top:26px;}
    .swiperbody .serverbg{height:586px;}
    .server_cont li{width:31%;height:60vw;}
    .server_cont li>div{height:66%;}
    .server_cont li>p:before{top:-1px;}
    .server_cont li>div b img{width:101%;height:initial;min-height:100%;}
    .server_cont li>p{height:30%;}
    .server_cont{background:0 0;flex-wrap:wrap;}
    .server_cont li>p span{margin-top:12px;width:100%;font-size:15px;}
    .server_cont li>div b span{font-size:14px;line-height:27px;}
    .server_cont li:nth-of-type(4){margin-right:1.5%;margin-left:auto;}
    .server_cont li:nth-of-type(5){margin-right:auto;margin-left:1.5%;}
    .yw_r_text>div>small{font-size:16px;}
    .mt{margin-top:0;}
    .yewubg{height:130vw;}
    .yw_cont{top:7vw;padding-top:6vw;height:74vw;}
    .yw_cont .title h3{text-shadow:#bbb 0 1px 0,#b5b5b5 0 1px 0,#acacac 1px 2px 0,#a0a0a0 2px 2px 0,#919191 3px 3px 0,#7f7f7f 4px 3px 0,rgba(0,0,0,.2) 5px 4px 1px,rgba(0,0,0,.3) 6px 5px 6px;}
    .yw_r_text{margin-top:4%;padding-left:14%;height:58px!important;}
    .news_text>p{display:-webkit-box;overflow:hidden;margin-top:1vh;margin-bottom:1vh;height:initial!important;font-size:16px!important;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
    #indexform>div input,.index_textarea>textarea{line-height:32px!important;}
    #indexform .index_textarea textarea{height:92px!important;}
    .swipernews{height:52vh;}
    .title b{font-size:16px!important;}
    .title h3{font-size:22px!important;}
    .form_cont>div>p{font-size:16px;}
    .form_left{float:none;width:100%;}
    .form_right{display:none;}
    .news_top>a{margin-top:17px;}
    .swiperbody .slide-inner{height:101%;background-position:center -42px;background-size:initial;}
    .fot_left{float:none;margin-right:0;margin-bottom:6vw;padding-right:0;width:100%;height:initial;text-align:center;}
    .fot_left:after{display:none;}
    .fot_right{float:none;width:initial;text-align:center;}
    .fottit{margin-bottom:6px;}
    .yw_text>b i{font-size:18px;}
    .swipernews .swiper-slide a>b img{width:100%;}
   

  
    /*业务*/
    .zbus_tit li{width:33.3%;}
    .bus_text{width:100%;}
    .bus_text>h4{font-size:20px;}
    .business ul li .warpper{display:block;}
    .bus_intro{max-width:95%;font-size:14px;line-height:33px;}
    .project-image{width:100%;}
    .bus_text>small{font-size:15px;}
    .zserver ul li>div{float:none;width:100%;}
    .zserver ul li>div:last-of-type{float:none;width:100%;}
    .ser_pic{height:30vw;}
    .ser_text{padding:5vw;}
    .ser_text>h4{font-size:18px;}
    .ser_text>h4 span{font-size:27px;}
    .ser_text>small{font-size:15px;}



  
}