body{padding: 60px 0 0 0; margin: 0;background-color: #FFF;min-width: 1000px;font-family: "Microsoft Yahei", "PingFang SC", "Avenir", "Segoe UI", "Hiragino Sans GB", STHeiti, "Microsoft Sans Serif", "WenQuanYi Micro Hei", sans-serif}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display: block;padding:0; margin:0;}
ul,li,ol,dl,dt,dd{list-style:none;padding:0; margin:0;}
h1,h2,h3,h4,h5,h6{font-size:100%; font-style:normal; padding:0; margin:0; font-weight: normal;}
table {border-collapse: collapse;border-spacing:0;}
th {text-align:center;}
p{padding:0; margin:0;}

a{color:#000;text-decoration:none;}

.header{background-color: #FFF; height: 60px; width: 100%; position: fixed; top: 0;box-shadow: 0 1px 3px #eee; z-index: 999; border-top:3px solid #bd3336;}
.header-view{width: 100%; max-width: 1200px; margin:0 auto; }
.index-logo{float: left;width: 200px; margin-left: 5px; background-image:url("../img/logo2.png")}
.logo{float: left;width: 200px; margin-left: 5px;}
.logo img{height: 60px;}
.nav{float: right;}
.nav li{float: left;width: 120px;}
.nav a{font-size: 20px; color:#000;text-decoration:none; display: block; line-height: 60px; width: 100%;text-align: center;}
.nav a:hover{background-color: #bd3336; color: #FFF;}
.mobi-nav{float: right;display: none; padding-top: 5px;}
#mNavClose,.header .bg{display: none;}
#mNavClose{background-color: #f2f2f2;}
.index{padding-top: 0;}
.index .header{background-color: unset;box-shadow:none;}
.index .nav a{color: #FFF;}

.footer{background-color: #181818;;overflow: hidden; color:#EEE;font-size: 14px; }
.footer a{color:#DDD;}
.footer li{line-height: 30px;}
.footer li a{display: block;}
.footer-view{max-width: 1200px; margin:0 auto; padding:20px 10px 20px 10px;overflow: hidden;}
.footer-about{float: left;width: 13%;}
.footer-pro{float: left;width: 15%; }
.footer-solu{float: left;width: 20%;border-right:1px solid #333;}
.footer-solu li{float: left;width: 50%;}
.footer-tel{float: left;width: 38%;margin-left: 2%;}
.footer-tel li a{display: inline-block;}
.footer-code{float: left;width: 10%; text-align: center ;line-height: 20px;}
.footer-title{font-size: 18px; line-height: 50px; position: relative;}
.footer-copyright{width: 100%; color:#ccc; padding: 10px; text-align: center; border-top:1px solid #333;}
.footer i{position: absolute; width: 100%;height: 100%; left: 0;top:0;display: none;}
.footer i::after{position: absolute; right: 10px; top: 10px; border-left:3px solid #666;border-bottom:3px solid #666; width: 10px; height: 10px; content: "";transform:rotate(-45deg);}
.footer .ico_c:after{transform:rotate(135deg);top: 15px;}
/*滚动*/
.slider{width:100%;height: inherit;overflow: hidden;}
.slider .responsive{width: 100%; height: inherit;}
.slider p{position: absolute; z-index: 10; cursor: pointer;}
.slider .lastpic{left:0;margin-top:25%;width: 10%;opacity: 0.4;}
.slider .nextpic{right:0;margin-top:25%;width: 10%;opacity: 0.4;}
.slider .nextpic img,.slider .lastpic img{width: 100%;}

.home-product h3,.home-solution h3,.home-case h3{text-align: center;line-height: 60px;font-size: 32px; font-weight:bold;}
.home-product h5,.home-solution h5{text-align: center;line-height: 30px;font-size: 16px;}
.home-product{background-color: #f2f2f2; text-align: center; overflow: hidden;padding: 20px 0 50px 0;position: relative;}
.home-product p{font-size: 16px; line-height: 30px;padding: 0; margin: 0;}
.home-product ul{max-width: 1200px;margin:0 auto; padding: 15px;height: 450px;}
.home-product li{float: left; background-color: #FFF; width: 30%; height: 450px; margin: 20px 1.5%;}
.home-product li:hover{box-shadow: 0 0 25px #ccc;transition: 0.5s;}
.home-product li span{font-size: 32px; line-height: 40px;}
.home-product .productTwo span{z-index: 1;position: absolute;left: 35%;}
.home-product li i{font-style: normal;}
.home-product .imgFirst{background: url(../img/lock.png); width: 65%; height: 200px; background-size: 100% 100%; margin: 80px auto 20px auto; position: relative;}
.home-product .imgFirst >img{position: absolute; }
.home-product .imgFirst >img:nth-child(1){top: 15px; left: 45%;}
.home-product .imgFirst >img:nth-child(2){top: 160px; left: 7%;}
.home-product .imgFirst >img:nth-child(3){top: 160px; left: 84%;}

.home-product .productTwo{position: relative; overflow: hidden;}
.home-product .productTwo:hover .imgs{animation: tops 1s; animation-fill-mode: forwards; z-index: 0;}
@keyframes tops{0%{top:600px}100%{top:0px}}
.home-product .productTwo:hover span{color: white;}
.home-product .productTwo .imgs{position: absolute;left: 0; top: 600px; width: 100%;height: 100%; z-index: -1;}
.home-product .imgTwo{width: 50%; height: 200px; margin: 80px auto 20px auto; position: relative; z-index: 1;}
.home-product .imgTwo img{width: 60%; height: 60%; margin-top: 30px;}
.home-product .imgThree{width: 65%; height: 200px; margin: 80px auto 20px auto; position: relative;}
.home-product .imgThree > img:nth-child(1){position: absolute; top: 100px; left: 16%;width: 65%; }
.home-product .imgThree > img:nth-child(2){position: absolute; left: 38%; top: 30px; width: 32%; }
.home-product .productThree:hover .imgThree > img:nth-child(2){animation: heights 1.5s; animation-fill-mode: forwards;transition: .2s ease-in;}
@keyframes heights{	0%{transform: scale(1,1) ;}	100%{transform: scale(1.2) translateY(-20px);}}

.home-solution{border-top:1px solid #bd3336;overflow: hidden; padding: 20px 0 50px 0;position: relative; }
.home-solution ul{width: 100%; max-width: 1200px; margin:0 auto;}
.home-solution li{float: left; width: 20%; text-align: center; margin: 28px 0;}
.home-solution li a{display: block;}
.home-solution li div{font-size: 100px;height: 110px;transition: 0.5s;}
.home-solution li:hover div{font-size: 110px;transition: 0.5s;}
.home-solution li span{font-size: 22px;}
.home-solution .imgs{opacity: 0.1; z-index: -1; position: absolute; top: 150px; left: 0;}

.home-case{border-top:1px solid #bd3336;overflow: hidden; padding: 20px 0 50px 0; }
.home-case ul{width: 100%; max-width: 1200px; margin:0 auto;}
.home-case li{float: left; width: 21%; text-align: center; margin: 28px 2%;}
.home-case li img{width: 100%;}
.home-case li img:hover{box-shadow: 0 0 25px #ccc;transition: 0.5s;}

.banner-two{height: 300px; background-color: #222; }
.banner-two .title{text-shadow: 0 0 3px #555;max-width: 1200px; margin:0 auto; padding-left: 30px;color: #FFF;font-size: 28px; line-height: 50px; padding-top: 80px;}
.banner-two .title-two{text-shadow: 0 0 3px #555;max-width: 1200px; margin:0 auto; padding: 30px 10px 0 30px;color: #FFF;font-size: 18px;line-height: 1.2;}

.banner-yun{background: url('../img/service/banner.png') no-repeat;height:525px ; background-size: 100% 100%; position: relative;}
.banner-yun .view{margin: 0 auto;max-width: 1200px;color: #FFF;position: relative; height: 100%;}
.banner-yun .view .banner-title{position: absolute;font-size: 40px;top:150px; left: 10px;z-index: 15;}
.banner-yun .view p{ position: absolute;font-size: 22px;width: 550px;top:250px; left: 10px;z-index: 15;}
.banner-yun .view .title{font-size: 27px; position: absolute;top:400px;left: 10px;z-index: 15;}
.banner-yun .view .nums{font-size: 35px;letter-spacing: 9px;position: absolute;color: #0df2c1;top:450px;left: 10px;z-index: 15;}
.banner-yun .view .two{left:200px;}
.banner-yun .view .titles{font-size: 22px; position: absolute;right: 125px;top:400px;z-index: 15;}
.banner-yun .view img{position: absolute; top:50px; right: 0px; width: 450px; z-index: 10;}
.banner-yun #mom{height: 525px; width: 100%; opacity: 0.3; position: absolute; top: 0; left: 0;}

.post{ border-bottom:1px solid #eee; height: 40px;}
.post ul{max-width: 1200px;margin: 0 auto;padding-left: 5px;}
.post ul li{float: left;line-height: 40px;font-size: 14px;}
.post ul li a{color: #000;}
.post ul li a::after{content: "/"; color: #CCC; margin: 0 10px;}

/*解决方案*/
.solution-info{margin: 10px auto  0 auto; max-width: 1200px; padding: 10px;overflow: hidden;}
.solution-info .left{float: left; width: 220px; border:1px solid #ddd; border-radius: 5px;}
.solution-info .left dt{font-size: 16px; color:#bd3336;padding-left:30px;line-height: 40px; position: relative; cursor: pointer; background: url('../img/v2/ico_solu.png') no-repeat 5px 8px;}
.solution-info .left dt::after{ content: "︿"; position: absolute; right: 10px;}
.solution-info .left .close dt::after{ content: "﹀"; position: absolute; right: 10px;}
.solution-info .left .close dd{display: none;}
.solution-info .left dd{ line-height: 40px;}
.solution-info .left dd a{display: block; font-size: 16px; color:#181818; padding-left: 30px;}
.solution-info .left dd.select{ background-color: #FBEAE7; border-right:1px solid #bd3336;}

.solution-info .right{float: right; width: calc(100% - 260px)}
.solution-info .right h2{border-bottom: 2px dotted #ddd; text-align: center; line-height: 60px; font-size: 28px; margin-bottom: 20px; font-weight:bold;}
.solution-info .right h3{line-height: 50px; font-size: 22px;font-weight:bold; margin-top: 20px;}
.solution-info .right p{font-size: 18px; line-height: 1.5;margin:0 0 30px 0;text-align:Justify;text-indent: 2em;}
.solution-info .right p img{width: 100%;}
.solution-info .right table{width: 100%;}
.solution-info .right td{ border:1px solid #666; padding: 8px;}
.solution-info .right .pic{text-align: center;}
.solution-info .right .pic img{max-width: 98%;}
/*product*/
.pro-list{background: url("../img/trueStart/background.png") no-repeat right bottom;overflow: hidden; margin: 20px 0 0 0;}
.pro-list ul{max-width: 1200px;margin: 0 auto;}
.pro-list ul li{float: left; width:calc(31% - 4px); margin: 1%; border:2px solid #bd3336; border-radius: 10px; padding: 20px 0;}
.pro-list ul li img{width: 100%;}
.pro-list ul li p{text-align: center;display: block; font-size: 26px;height: 100px;}
.pro-list ul li span{text-align: center; display: block;font-size: 18px;padding: 30px 5px;}
.pro-list ul li:hover span{color:#bd3336;}

.pro-nav{background-color: #f0f0f0; height: 50px;}
.pro-nav ul{max-width: 1200px;margin: 0 auto;}
.pro-nav ul li{float: left; width: 25%;}
.pro-nav ul li.select{background-color: #ddd;}
.pro-nav ul li a{display: block; line-height: 50px; font-size: 18px; font-weight: bold; text-align: center;}
.pro-data{max-width: 1200px;margin: 0 auto;padding: 15px;}
.pro-data h2{border-bottom: 2px dotted #ddd; text-align: center; line-height: 60px; font-size: 28px; margin-bottom: 20px; font-weight:bold;}
.pro-data h3{line-height: 50px; font-size: 22px;font-weight:bold; margin-top: 20px;}
.pro-data p{font-size: 18px; line-height: 30px;margin:0 0 10px 0;text-align:Justify;text-indent: 2em;}
.pro-data p img{width: 99%;}
.pro-data .pic{text-align: center;}
.pro-data .pic img{max-width: 98%;}

/*云服务*/
.pro-cloud{overflow: hidden;}
.pro-cloud-v{overflow: hidden;max-width: 1200px;margin: 0 auto; padding: 60px 20px  30px 20px;}
.pro-cloud .one{background-color: #FFF;max-width: 1200px;margin: 0 auto;overflow: hidden; padding: 60px 20px  30px 20px;}
.pro-cloud .two{background-color: #f5f5f5;}
.pro-cloud .two img{float: left;width: 250px; margin-right: 50px;}
.pro-cloud .one img{float: right; width: 250px; margin-left: 50px;}
.pro-cloud span{font-size: 32px; line-height: 80px;}
.pro-cloud p{font-size: 22px;}
.cloud-youshi{background: url('../img/service/1.jpg') repeat-y 50% 50%; color: #FFF;overflow: hidden;padding-bottom: 30px;}
.cloud-youshi h3{font-size: 32px;text-align: center;line-height: 80px;}
.cloud-youshi ul{max-width: 1200px;margin: 0 auto; padding: 30px 20px  30px 20px;}
.cloud-youshi li{width: 50%; float: left; padding: 15px 0;}
.cloud-youshi li div {font-size: 24px; float: left;line-height: 50px;}
.cloud-youshi li div.img {background-color: #FFF; border-radius: 50%; width: 50px; height: 50px; text-align: center; margin-right: 20px;}
.cloud-youshi li div img{ width: 30px; margin-top: 10px;}


/*cases*/
.cases-nav{padding: 30px 0;overflow: hidden;}
.cases-nav ul{max-width: 1200px;margin: 0 auto;}
.cases-nav ul li{float: left; width: 20%;text-align: center; cursor: pointer;}
.cases-nav ul li div {font-size: 40px;}
.cases-nav ul li span {font-size: 18px;line-height: 30px;}
.cases-nav ul li.select {color:#bd3336;}

.cases-content{width: 100%; margin-bottom:30px ;overflow: hidden;}
.cases-content ul{max-width: 1200px;margin: 0 auto;}
.cases-content ul li{width: 100%; height: 480px; position: relative;display: none;}
.cases-content ul li:first-child{display: block;}
.cases-content ul li img{width: 100%;height: 100%;}
.cases-content ul li .backgrounds{background-color: #000000; opacity: .4; width: 700px; height: 100%; position: absolute;right: 0; top: 0;}
.cases-content ul li .fonts{position: absolute; top: 50px; right:50px; width: 600px; color:#FFF;}
.cases-content ul li .fonts span{font-size: 26px;  display:inline-block;}
.cases-content ul li .fonts p{font-size: 16px; padding: 10px 0 15px 0;}

/*about*/

.ltd-intro{max-width: 1200px;margin: 0 auto;overflow: hidden;}
.ltd-intro h2{text-align: center;font-size: 30px;line-height: 60px; padding-bottom: 20px;}
.ltd-intro .pic{float: left;width: 48%; }
.ltd-intro .pic img{width: 100%;}
.ltd-intro .text{float: right;width: 48%;border-top:1px solid #bd3336;}
.ltd-intro .text p{padding:10px; font-size: 16px; line-height: 1.5; text-align: justify; text-indent: 2em;}
.ltd-history{overflow: hidden; background-image: url("../img/aboutUs/background.png"); background-repeat: no-repeat; background-size: 100% 100% ; background-position: bottom; border-top:1px solid #bd3336; margin-top: 50px;}
.ltd-history h2{text-align: center;font-size: 30px;line-height: 60px; padding-bottom: 20px;}
.ltd-history .list{overflow: hidden;position: relative;}
.ltd-history .list::before{border-right: 4px solid #c7e7ee;position: absolute; left: calc(50% - 2px); height: 100%; content: "";}
.ltd-history .list ul{max-width: 1200px;margin: 0 auto;padding: 20px;}
.ltd-history .list li{padding: 20px; position: relative;overflow: hidden;display: flex;display: -webkit-flex;align-items: center;flex-wrap: nowrap;font-size: 22px;}
.ltd-history .list li::before{position: absolute; left: calc(50% - 8px); top:calc(50% - 8px);  content: ""; width: 16px; height: 16px; background-color:#bd3336; border-radius: 50%;}
.ltd-history .list li::after{position: absolute; left: calc(50% - 14px); top:calc(50% - 14px);  content: ""; width: 26px; height: 26px; border:1px solid #bd3336; border-radius: 50%;}
.ltd-history .list .year{text-align: right;color:#bd3336;flex: 1; padding: 0  30px  0  50px;font-size: 30px;}
.ltd-history .list .text{position: relative;flex: 1; padding-left: 80px;}
.ltd-history .list .text::before{position: absolute; left:60px; top:calc(50% - 3px);  content: ""; width: 8px; height: 8px; background-color:#bd3336; border-radius: 50%;}
.ltd-history .list .text::after{position: absolute; left:0; top:calc(50%); content: ""; width: 60px; height: 0; border:1px solid #bd3336;}
.ltd-history li.two::before{background-color:#205dd2;;}
.ltd-history li.two::after{border:1px solid #205dd2;;}
.ltd-history li.two .year{text-align: left;color:#205dd2; padding: 0  50px  0  30px;flex: 1;}
.ltd-history li.two .text2{position: relative;text-align: left; padding-right: 80px;flex: 1;}
.ltd-history li.two .text2::before{position: absolute; right:60px; top:calc(50% - 3px);  content: ""; width: 8px; height: 8px; background-color:#205dd2; border-radius: 50%;}
.ltd-history li.two .text2::after{position: absolute; right: 0; top:calc(50%); content: ""; width: 60px; height: 0; border:1px solid #205dd2;}


.ltd-name{background-color: #f2f2f2; overflow: hidden; padding: 20px 0 50px 0; border-top:1px solid #ddd;}
.ltd-name h2{text-align: center;font-size: 30px;line-height: 60px; padding-bottom: 20px;}
.ltd-name ul{max-width: 1200px;margin: 0 auto;}
.ltd-name ul li{width: 29%;height: 480px;float: left; background-color: #FFF; margin: 0 2%; box-shadow: 0 0 25px #ccc;}
.ltd-name ul li p{font-size: 28px; padding: 20px; text-align: justify;line-height: 50px;}
.ltd-name ul li span{font-size: 80px; font-weight: bold; color: #bd3336;display: block;padding: 30px 0 30px 0;text-align: center;}
.ltd-culture{background-color: #FFF; overflow: hidden; padding: 20px 0 50px 0;}
.ltd-culture h2{text-align: center;font-size: 30px;line-height: 60px; padding-bottom: 20px;}
.ltd-culture ul{max-width: 1200px;margin: 0 auto;padding: 20px;}
.ltd-culture ul li{width: calc(25% - 10px); padding-bottom: calc(25% - 10px);height: 0;float: left; background-color: #bd3336; display: block;margin: 5px;color: #FFF;}
.ltd-culture ul li.imgs{background-color: #ccc;}
.ltd-culture ul li img{width: 100%;}
.ltd-culture ul dl{padding-top: 20px;}
.ltd-culture ul dt{width: 100%; text-align: center; font-size: 50px;line-height: 2;}
.ltd-culture ul dd{float: left;width: 50%; text-align: center;font-size: 20px; line-height: 2;}
.ltd-contact{max-width: 1200px;margin: 0 auto;overflow: hidden;}
.ltd-contact ul{ overflow: hidden;box-shadow: 9px 6px 14px #dddddd;border: 1px solid #e2e2e2;border-radius: 10px; padding: 20px;margin: 50px;}
.ltd-contact li{float: left; width: calc(25% - 1px); text-align: center;border-right:1px solid #ddd;}
.ltd-contact li:nth-child(4){border-right: none;}
.ltd-contact li div{ font-size: 40px; }
.ltd-contact li span{ font-size: 18px;line-height: 30px;}
.ltd-contact li p{ font-size: 18px; padding: 20px 10px 10px 10px; color: #333;}
.maps{overflow: hidden;max-width: 1200px;margin: 20px auto;}
.maps #container{ width: 100%;; height: 500px;}


.honour{background-color: #f2f2f2; overflow: hidden; padding: 20px 0 50px 0;border-top:1px solid #ddd;}
.honour h2{text-align: center;font-size: 30px;line-height: 60px; padding-bottom: 20px;}
.honour ul{max-width: 1200px;margin: 0 auto;}
.honour ul li{float: left; width: 31%; margin: 1% 1%;background-color: #FFF;}
.honour ul li:hover{box-shadow: 0 0 25px #ccc;}
.honour ul li img{width: 100%;}

/*新闻*/
.news-list{overflow: hidden;background-color: #f2f2f2;}
.news-list ul{max-width: 1200px;margin: 0 auto;}
.news-list ul li{float: left; width: 23%; margin: 1%;background-color: #FFF;box-shadow: 0 0 5px #ccc; border-radius: 3px;}
.honour ul li img{width: 100%;}
.news-list ul li span{display: block;}
.news-list ul li span.title{font-size: 14px; padding: 10px;height: 40px; overflow: hidden;}
.news-list ul li img{width: 100%;border-radius: 3px 3px 0 0;}
.news-info{max-width: 1000px;margin: 0 auto; padding: 20px;}
.news-info h1{border-bottom: 2px dotted #ddd; text-align: center; line-height:  1.5; font-size: 28px; margin-bottom: 20px; font-weight:bold; padding: 15px 0;}
.news-info h2{line-height:  1.5; font-size: 22px;font-weight:bold; margin: 20px 0 10px 0;}
.news-info p{font-size: 18px; line-height: 1.5;margin:0 0 30px 0;text-align:Justify;text-indent: 2em;}
.news-info p img{width: 100%;}
.news-info table{width: 100%;}
.news-info td{ border:1px solid #666; padding: 8px;}
.news-info .pic{text-align: center;}
.news-info .pic img{max-width: 98%;}

@media screen and ( max-width: 1000px ) {
     body{min-width: 320px;padding: 50px 0 0 0;}
     .header .nav,.footer-code{display: none;}
    .mobi-nav,.footer i{display: block;}
    .header{height: 50px;}
    .logo img{height: 50px;}
    .header .nav{width:100%; position: fixed;top: 50px; z-index: 90; background-color: #f2f2f2;}
    .header .bg{ position: fixed; bottom: 0;background-color: rgba(0, 0, 0, 0.7); height: calc(100% - 350px);width:100%;}
    .header .nav li{width: 100%;}
	.index{padding-top: 50px;}
	.index .nav a{color: #000;}

    .footer-view{padding:5px;}
    .footer-about{width: 100%;}
    .footer ul{display: none; background-color: #222;overflow: hidden;}
    .footer-pro{width: 100%;border-top:1px solid #333;}
    .footer-solu{width: 100%;border-top:1px solid #333;border-right:none;}
    .footer-tel{width: 100%;margin-left: 0;border-top:1px solid #333;}
    .footer-title{font-size: 16px; line-height: 40px;padding-left: 20px;}
    .footer li a{padding-left: 30px;line-height: 40px;}
    .footer-copyright{width: 100%; color:#ccc; padding: 10px; text-align: center; border-top:1px solid #333;}

    /**/
    .home-product h3,.home-solution h3,.home-case h3{line-height: 40px;font-size: 26px;}
    .home-product h5,.home-solution h5{line-height: 30px;font-size: 14px;}    
    .home-product li{float: left; background-color: #FFF; width: 30%; height: 400px; margin: 20px 1.5%;}
    .home-solution li div{font-size: 75px;height: 80px;transition: 0.5s;}
    .home-solution li:hover div{font-size: 80px;transition: 0.5s;}
    .home-solution li span{font-size: 18px;}
    .home-case li{float: left; width: 23%; text-align: center; margin: 20px 1%;}

    .post{display: none;}
    
    .pro-list ul li p{ font-size: 22px;height: 70px;}
    .pro-list ul li span{font-size: 16px;padding: 30px 5px;}

    /*解决方案*/     
    .solution-info .left{width: 100%; margin-bottom: 30px;}
    .solution-info .right{width: 100%}
    .solution-info .left dd {width: 20%;float: left; display: none;}
    .solution-info .left dd.select{border-right:none}
    .solution-info .left dd a{display: block; font-size: 14px; color:#181818; padding: 0; text-align: center;}

    .cloud-youshi ul{padding: 30px 10px 30px 10px;}
    .cloud-youshi li div {font-size: 16px; float: left;line-height: 35px;}
    .cloud-youshi li div.img { width: 40px; height: 40px;  margin-right: 10px;}
    .cloud-youshi li div img{ width: 30px; margin-top: 5px;}

    /*关于我们*/
    .ltd-name ul li{width: 31%;margin: 0 1%;}
    .ltd-name ul li span{font-size: 60px; }
    .ltd-name ul li p{font-size: 22px; padding: 20px; text-align: justify;line-height: 45px;}
    .ltd-culture ul dl{padding-top: 15px;}
    .ltd-culture ul dt{font-size: 30px;line-height: 1.5;}
    .ltd-culture ul dd{width: 50%;font-size: 16px; line-height: 2;}
    .ltd-contact ul{ padding: 20px;margin: 20px;}
    .ltd-contact li div{ font-size: 30px; }
    .ltd-contact li span{ font-size: 16px;line-height: 30px;}
    .ltd-contact li p{ font-size: 16px; padding: 20px 5px 10px 0;}

    /*云服务动画*/
    .banner-yun{height:300px;}
    .banner-yun .view .banner-title{font-size: 30px;top:30px;}
    .banner-yun .view p{ font-size: 16px; width: 400px;top:100px;}
    .banner-yun .view .title{font-size: 16px; top:220px;}
    .banner-yun .view .nums{font-size: 20px;top:250px;}
    .banner-yun .view .two{left:200px;}
    .banner-yun .view .titles{font-size: 14px; right: 100px;top:220px;}
    .banner-yun .view img{top:0px; right: 20px; width: 280px; }
    .banner-yun #mom{height: 300px;}

    .news-list ul li{float: left; width: 31%; margin: 1%;}

}
@media screen and ( max-width: 700px ) {
    .cases-content{width: 100%;}
    .cases-content ul{max-width: 1200px;margin: 0 auto;}
    .cases-content ul li{width: 100%; height: auto;}
    .cases-content ul li img{width: 100%;height: 100%;}

    .cases-content ul li .backgrounds{display: none;}

    .cases-content ul li .fonts{position: relative; color:#000; width: 100%; top:0; right: 0; }
    .cases-content ul li .fonts span{font-size: 24px;  display:inline-block;padding: 10px ;}
    .cases-content ul li .fonts p{font-size: 16px;padding: 10px ;}
    

    /*关于我们*/
    .ltd-intro .pic{float: left;width: 100%; }
    .ltd-intro .text{float: left;width: 100%;border-top:none;}
    .ltd-history .list li{font-size: 18px;}
    .ltd-history .list .year{font-size: 22px;}
    .ltd-name ul li span{font-size: 50px;line-height: 45px; }
    .ltd-name ul li p{font-size: 20px; padding: 20px; text-align: justify;line-height: 45px;}
    .honour ul li{float: left; width: 48%; margin: 1% 1%;background-color: #FFF;}
}

@media screen and ( max-width: 640px ) {
    .footer-copyright a{display: block;}
    .home-product h3,.home-solution h3,.home-case h3{line-height: 40px;font-size: 20px;}
    .home-product h5,.home-solution h5{line-height: 30px;font-size: 12px;}
    .home-product li{width: 96%; margin: 2%;}
    .home-product .imgFirst{width: 65%; height: 200px;margin: 40px auto 20px auto;}
    
    .home-solution li{width: 50%;}
    .home-solution li div{font-size: 40px;height:40px;width:40px; float: left; margin-left: 10px;}
    .home-solution li:hover div{font-size: 40px;}
    .home-solution li span{line-height:40px; float: left;margin-left: 10px;font-size: 16px;}
    
    /*.home-product li span{font-size: 18px;}    */
    .home-case li{float: left; width: 44%; text-align: center; margin: 10px 3%;}



    /*解决方案*/
    .solution-info .left{width: 100%; margin-bottom: 30px;}
    .solution-info .right{width: 100%}
    .solution-info .left dd {width: 49%;float: left;}
    .solution-info .right p{font-size: 16px; line-height: 1.5;}

    /**/    
    
    .pro-list ul li{float: left; width:calc(48% - 2px); margin: 1%; border:1px solid #bd3336; border-radius: 10px; padding: 20px 0;}
    .pro-list ul li p{ font-size: 16px;height: 60px;}
    .pro-list ul li span{font-size: 12px;padding: 5px;}

    .pro-nav ul li a{font-size: 14px; font-weight: normal;}
    .pro-cloud-v, .pro-cloud .one{text-align:center;}
    .pro-cloud .two img, .pro-cloud .one img{float: unset;margin: 0; }
    .pro-cloud span{display: block;font-size: 28px;}
    .pro-cloud p{font-size: 16px;}

    
    .cloud-youshi ul{padding: 30px 10px 30px 10px;}
    .cloud-youshi li{width: 100%;}    
    .cloud-youshi li div {font-size: 14px; float: left;line-height: 25px;}
    .cloud-youshi li div.img { width: 30px; height: 30px;  margin-right: 10px;}
    .cloud-youshi li div img{ width: 20px; margin-top: 5px;}
        
    .cases-nav ul li div {font-size: 30px;}
    .cases-nav ul li span {font-size: 16px;line-height: 30px;}

    /*关于我们*/
    .ltd-name ul li{width: 98%; margin: 10px 1%; height: auto;}
    .ltd-name ul li span{font-size: 28px;line-height: 30px;display: inline-block; margin-right: 20px; padding: 0;}
    .ltd-name ul li p{font-size: 16px; padding: 15px; text-align: justify;line-height: 30px;}
    .ltd-history .list::before{display: none;}
    .ltd-history .list ul{ padding: 0;}
    .ltd-history .list li{display:block;padding: 10px;}
    .ltd-history .list li::before{display: none;}
    .ltd-history .list li::after{display: none;}
    .ltd-history .list .year{float: left; padding: 0; width: 70px; text-align: center;}
    .ltd-history .list .text{float: right;width: calc(100% - 80px);padding: 0;}    
    .ltd-history .list .text::before,.ltd-history .list .text2::before{display: none;}
    .ltd-history .list .text::after,.ltd-history .list .text2::after{display: none;}
    .ltd-history li.two .year{float: left; padding: 0; width: 70px; text-align: center;}
    .ltd-history li.two .text2{float: right;width: calc(100% - 80px);padding: 0;}    

    .ltd-culture ul li{width: calc(50% - 10px);padding-bottom: calc(50% - 10px);height: 0;}
    .ltd-culture ul li.imgs{display: none;}
    .ltd-culture ul dl{padding-top: 20%;}
    .ltd-culture ul dt{font-size: 30px;line-height: 1.5;}
    .ltd-culture ul dd{width: 50%;font-size: 14px; line-height: 2;}
    .honour ul li{float: left; width: 92%; margin: 2% 4%;background-color: #FFF;}
    
    .ltd-contact ul{ padding: 5px;margin: 20px 0; border:none; box-shadow:none}
    .ltd-contact li{float: left; width: 100%; text-align: left;border-right:none;}
    .ltd-contact li div{ font-size: 30px; float: left; width: 40px; height: 40px; padding-top: 15px;}
    .ltd-contact li span{ font-size: 14px;line-height: 30px;float: right;width: calc(100% - 50px);}
    .ltd-contact li p{ font-size: 14px; padding: 0 10px 20px 0;float: right;;width: calc(100% - 60px);}
    
    .banner-yun .view .banner-title{font-size: 20px;top:30px;width: 95%;}
    .banner-yun .view p{ font-size: 16px; width: 95%;top:100px;}
    .banner-yun .view .title{font-size: 16px; top:220px;}
    .banner-yun .view .nums{font-size: 16px;top:250px;letter-spacing: 3px;}
    .banner-yun .view .two{left:150px; }
    .banner-yun .view .titles{display:none;}
    .banner-yun .view img{top:0px; right: 20px; width: 250px; }
    .banner-yun #mom{height: 300px;}
    
    .news-list ul li{float: left; width: 92%; margin: 2% 4%;}
    .news-info{padding: 10px;}
    .news-info h1{line-height: 1.5; font-size: 26px;text-align: left;}
    .news-info h2{line-height: 1.5; font-size: 18px;margin-top: 20px;}
    .news-info p{font-size: 16px; line-height: 1.5;}
}