@charset "utf-8";

.floor0{
display:none;
}
.wx-banner-inner {
    padding-top: 180px;
    overflow:hidden;
}
.wx-banner-inner ._title1{
        font-size: 48px;
        position: relative;
        letter-spacing: 2px;
        color: #fff;
        font-weight: bold;
        line-height: 72px;
}
.wx-banner-inner ._title1 img{
       position:absolute;   
      top:-30px;
      right:0;
      width:92px;
      height:auto;
}
.wx-banner-inner ul li {
        position: relative;
        margin-right: 17px;
        display: inline-block;
        color: #fff;
        padding-right: 30px;
}
.wx-banner-inner ul{
   margin:50px 0;
}
.wx-banner-inner ul li .inner{
        text-align:center;
        
}
.wx-banner-inner ul li span{
   position:absolute;
   right:0;
   top:50%;
   transform:translateY(-50%);
font-size:20px;
}
.wx-banner-inner ul li .inner img{
    width:48px;
    height:auto;
    margin:auto;
}
.wx-banner-inner ul li .inner p{
   font-size:13px;
   text-align:center;
   margin-top:5px;
}
.wx-banner-inner .options{
      text-align:left;
margin-top:10px;
}
.wx-banner-inner .options .item{
     width:154px;
     height:46px;
     line-height:48px;
     text-align:center;
    border:1px solid #fff;
    font-size:15px;
    color:#fff;
 display:inline-block;
border-radius:4px;
  cursor: pointer;
}
.wx-banner-inner .options .item.active{
     background:#fff;
     color:#37a7ed;
     margin-right:15px;
   
}
.cross{
          width: 100%;
        height: 120px;
        line-height: 120px;
        color: #fff;
        text-align: center;
        font-size: 40px;
        background: radial-gradient(circle,rgba(91,64,253,1) 0%,rgba(108,64,253,1) 100%);
}
.__line{
    background: #eee;
    width: 100%;
    height: 1px;
    opacity: 0.57;
}
.common-pt{
    padding-top: 70px;
}
.common-pb{
    padding-bottom: 100px;
}
.common-title1{
    font-size: 40px;
    color: #312d2b;
    text-align: center;
    margin-bottom: 20px;
}
.common-title2{
    font-size: 25px;
    color: #484848;
    text-align: center;
}

.floor1 .content{
    margin-top: 70px;
    overflow: hidden;
    position: relative;
}
.floor1 .content-l img{
    max-width: 100%;
    height: auto;
    display: block;
    margin: auto;
}
.floor1 .content-l .bottom-title{
    font-size: 24px;
    color: #222;
    text-align: center;
    margin-top: 20px;
}
.floor1 .content-r{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(0,-50%)
}
.floor1 .content ._intro{
    font-size: 16px;
    color: #606060;
    line-height: 30px;
    margin-left: 40px;
}
.floor2 img{
    max-width: 100%;
        height: auto;
        display: block;
        margin: auto;
        margin-top: 60px;
}
    .floor1 .container img{
        margin-top: 40px;
    }
.floor3 .content{
        margin-top: 70px;
        position: relative;
        margin-bottom: 70px;
}
.floor3 img{
      max-width: 100%;
        height: auto;
        display: inline-block;
}
.floor3 .content-l{
    position: relative;
}
.floor3 .bigimg{
    margin: auto;
}
.floor3 .smallimg{
    position: absolute;
    width: 83%;
    right: 5px;
    top: 20%;
}
.floor3 .content-r{
    /*text-align: left;
    box-sizing: border-box;
    padding-left: 30px;*/
     position: absolute;
    top: 50%;
    left: 60%;
    transform: translateY(-50%);
    
}
.floor3 ._title1{
    font-size: 26px;
    color: #312d2b;
    margin-bottom: 30px;
    padding-top: 45px;
}
.floor3 ._title2{
    font-size: 16px;
    margin-bottom: 15px;
    color: #312d2b
}
.floor4{
    background: #f6f6f6;
}
.floor4 .container{
    position: relative;
    margin-top: 70px;
}
.floor4 .content-l{
    float: right;
    position: relative;
}
.floor4 .content-l img{
    max-width: 100%;
    height: auto;
    display: block;
}
.floor4 .content-l .bigimg{
    margin: auto;
}
.floor4 .content-r{
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translateY(-50%)
}
.floor4 .content-l .smallimg{
    position: absolute;
    left: 10px;
    top: 25%;
}
.floor4 .content-r ._intro{
    font-size: 16px;
    line-height: 30px;
    text-align: right;
    margin-right: 30px;
}
.floor5 ._title{
    font-size: 16px;
    line-height: 36px;
    text-align: center;
}
#swiper1 img{
    max-width: 100%;
    height: auto;
    margin: auto;
    display: block;
}
.floor5 .container{
    margin-top: 120px;
    
}
.floor5 .containe .swiper{
  
}
#swiper1{
    padding-bottom: 50px;

}
#swiper1 .swiper-pagination-bullet{
    background: #007aff;
    width: 10px;
    height: 10px;
}
.floor6 img{
    max-width: 100%;
    height: auto;
    display: block;
}
.floor6 .container{
    position: relative;
    margin-top: 120px;
}
.floor6 .bigimg{
    margin: auto
}
.floor6 .content-t-l , .floor6 .content-b-l{
    position: relative;
} 
.floor6 .content-t-l .smallimg{
    position: absolute;
    top: 20%;
    left: 10px;
}
.floor6 .content-t-r{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%);
    text-align: left;
}

.floor6 .content-b-r{
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translateY(-50%);
    text-align: right;
}
.floor6 .content-b-l{
    float:right;
}
.floor6 .content-b-l .smallimg{
    position: absolute;
    top: 20%;
    right: 10px;
    width: 40%;
}
.floor6 ._title1{
    font-size: 26px;
    color: #312d2b;
    margin-bottom: 30px;
}
.floor6 ._title2{
    font-size: 16px;
    margin-bottom: 15px;
    color: #312d2b
}
.floor7{
    background: #F6F6F6
}
.floor7 .container{
    margin-top: 120px;
}
.floor7 img{
    max-width: 100%;

    height: auto;
    margin:auto;
}
.floor7 ._title2{
    text-align: center;
    color: #312d2b;
    text-align: center;
    font-size: 24px;
}
.floor8 .content{
    position: relative;
}
.floor8  img{
    max-width: 100%;
    height: auto;
    display: block;
    margin: auto;
}
.floor8 .content-r{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateY(-50%);
    box-sizing: border-box;
    padding-left: 40px;
}

.floor8 ._title1{
    font-size: 26px;
    color: #312d2b;
    margin-bottom: 30px;
}
.floor8 ._title2{
    font-size: 16px;
    margin-bottom: 15px;
    color: #312d2b
}
.floor9{
    background: #f6f6f6;
}
.floor9 img{
    max-width: 100%;
    height: auto;
    margin: auto;
    display: block;
}
.floor9 .content-l{
    float:right;
}
.floor9 .content{
    position: relative;
}
.floor9 .content-r{
    position: absolute;
    right: 50%;
    top: 50%;
    transform: translateY(-50%);
    box-sizing: border-box;
    padding-right: 40px;
    text-align: right
}
.sidetext1{
    font-size: 26px;
    color: #312d2b;
    margin-bottom: 30px;
}
.sidetext2{
    font-size: 16px;
    margin-bottom: 15px;
    color: #312d2b;
   
}
.floor10 .content{
    position: relative;
}
.floor10 .content img{
    max-width: 100%;
    height: auto;
    display: block;
}
.floor10 .content .bigimg{
    margin: auto
}
.floor10 .content .type1{
    position: absolute;
    top: 20%;
    left: 0;
}
.floor10 .content .type2{
    position: absolute;
    top: 55%;
    right: 0;
}
.floor10 .content-l{
    position: relative;
}
.floor10 .content-r{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateY(-50%);
    box-sizing: border-box;
    padding-left: 40px;
    text-align: left;
}
.floor11 {
    background: #f6f6f6
}
.floor11 .content{
    position: relative
}
.floor11 .content-l{
    float: right;
}
.floor11 img{
    max-width: 100%;
    height: auto;
    display: block;
    margin: auto;
}
.floor11 .content-r{
    position: absolute;
    right: 50%;
    top: 50%;
    transform: translateY(-50%);
    box-sizing: border-box;
    padding-right: 40px;
    text-align: right;
}
.floor12{
   
    box-sizing: border-box;
    background: url(/Template/skin1/public/index/images/multi/floor12.png)no-repeat 50%/cover;
}
.floor12 img{
    max-width: 100%;
    height: auto;
    display: block;
    margin: auto;
}
.floor12 .container{
    position: relative;
}
.floor12 .content-l{
    float: right;
}
.floor12 .content-r{
    position: absolute;
    right: 50%;
    top: 50%;
    transform: translateY(-50%);
    box-sizing: border-box;
    padding-right: 60px;
    text-align: left;
    color: #fff;
}
.floor12 ._title1{
    font-size: 36px;
    margin-bottom: 10px;
}
.floor12 ._title2{
    font-size: 30px;
    margin-bottom: 10px;
}
.floor12 ._title3{
    font-size: 16px;
    margin-bottom: 10px;
}
.floor13 .container{
    position: relative;
    margin-top: 120px
}
.floor13 img{
    max-width: 100%;
    height: auto;
    display: block;
    margin: auto;
}
.floor13 .content-r{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateY(-50%);
    box-sizing: border-box;
    padding-left: 150px;
    text-align: left;
    color: #353535;
}
.sidetext3{
    font-size: 14px;
    margin-bottom: 10px;
    height: 25px;
    line-height: 25px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.sidetext3 .around{
    width:19px;
    height:19px;
    border:1px solid rgba(65,150,255,1);
    border-radius:50%;
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
}
.floor14{
    background: #f6f6f6;
}
.floor14  img{
    max-width: 100%;
    height: auto;
    display: block;
    margin: auto;
}
.floor14 .container{
    position: relative;
    margin-top: 120px;
}
.floor14 .content-l{
    float: right;
}
.floor14 .content-r{
    position: absolute;
    right: 50%;
    top: 50%;
    transform: translateY(-50%);
    box-sizing: border-box;
    padding-left: 150px;
    text-align: left;
    color: #353535;
}
.floor15 ul{
    margin-top: 120px;
}
.floor15 ul li{
    margin-bottom: 70px;
    transition: all .2s linear;
}

.floor15 ul li .inner{
    margin:0 30px;
    padding: 25px 35px;
    box-shadow: 0 0 3px 3px #eee;
    text-align: center;
}
.floor15 ul li .inner .iconfont{
    font-size: 64px;
}
.floor15 ul li .inner  ._title1{
    font-size: 18px;
    margin: 10px 0;
    color: #414141;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap

}
.floor15 ul li .inner  ._title2{
    font-size: 14px;
    line-height: 24px;
    color: #939393;
     overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  height: 44px;
}
.floor16{
    height: auto;
    background: url(/Template/skin1/public/index/images/multi/floor16.png)no-repeat 50%/cover;
}
.floor16 .toplist{
    text-align: center;
    margin: 70px auto 120px;
}
.floor16 .toplist .item{
    display: inline-block;
    width:229px;
    height:39px;
    line-height: 39px;
    border-radius:4px;
    border: 1px solid rgba(0,160,233,1);
    color: rgba(0,160,233,1)
}
.floor16 .toplist .item.active{
    background:rgba(0,160,233,1);
    color: #fff;
}
.floor16 .tabs .tab{
    display: none;
}
.floor16 .tabs .tab.active{
    display: block;
}
.floor16 .tabs .tab table{
    border-width: 1px;
    border-color: #e1e1e1;
    border-collapse: collapse;
}
.floor16 .tabs .tab table .evenrowcolor{
    color: #666;
    font-size: 16px;
}
.floor16 td{
    border-width: 1px;
    padding: 10px;
    font-size: 13px;
    line-height: 20px;
    border-style: solid;
    background: #fff;
    border-color: #e1e1e1;
    color: #818181;
}
.floor17 {
 background: #f5f5f5;
}
.floor17 ul{
    margin-top: 120px;
}
.floor17 li {
    margin-bottom: 80px;
}
.floor17 li .item{
    margin: 0 40px;
    border: 1px solid #eee;
    padding: 20px;
    text-align: center;
}
.floor17 li .item img{
    max-width: 100%;
    height: auto;
    margin: auto;
    display: block;
}
.floor17 li .item ._title{
    font-size: 16px;
    color: #353535;
    margin: 5px auto 25px;
}
.floor17 li .item ._intro{
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 14px;
    line-height: 26px;
    color: #666;
    height: 73px;
}
.floor17 .tomore{
    width:226px;
    height:67px;
    line-height: 67px;
    background:rgba(0,127,249,1);
    border-radius:4px;
    margin: 70px auto 0;
    text-align: center;
    color: #fff;
    font-size: 18px;
}
.floor18{
    height: 307px;
    background: url(/Template/skin1/public/index/images/multi/floor18.jpg)no-repeat 50%/cover;
    color: #fff;
    line-height: 307px;
    font-size: 48px;
    text-align: center;
    letter-spacing: 2px;
}
.floor19 {
    background: #f6f6f6
}
.floor19 .container{
    margin-top: 70px;
}

.floor19 ul{
    background: #fff;
    margin-top: 50px;
    padding-bottom: 50px;
    position: relative;
}
.floor19 ul .tit{
    font-size: 24px;
    height: 59px;
    line-height: 44px;
    padding: 0px 75px;
    padding-top: 40px;
}
.floor19 ul .tit span{
    font-size: 16px;
    color: #91969b;
    padding-left: 25px
}
.floor19 ul li{
    padding-left: 350px;
    line-height: 50px;
    margin-top: 25px;
    position: relative;
}
.floor19 ul li span{
    font-size: 16px;
    padding-right: 10px;
    width: 8em;
    position: absolute;
    left: 210px;
    top: 0;
    text-align: right;
    color: #61656a
}
.floor19 ul li input[type="text"]{
    height: 44px;
    line-height: 44px;
    width: 325px;
    border: 1px solid #ccc;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    padding: 0px 15px;
    outline: none;
    font-size: 16px;
    -webkit-appearance: none;
}
.floor19 ul li b{
    font-weight: normal;
    padding-left: 15px;
    font-size: 16px;
    color: #f00;
}
.floor19 ul li select{
    width: 357px;
    padding: 0px 15px;
    height: 48px;
    line-height: 48px;
    border: 1px solid #ccc;
    font-size: 16px;
    outline: none;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    -webkit-appearance: none;
}
.floor19 ul li textarea{
    width: 550px;
    border: 1px solid #ccc;
    height: 120px;
    padding: 10px 15px;
    outline: none;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    line-height: 26px;
    font-size: 16px;
   -webkit-appearance: none;
}
.floor19 ul li .submit{
    width: 357px;
    height: 48px;
    line-height: 48px;
    border-radius: 3px;
    background: #3274cd;
    border: 0px;
    color: #fff;
    font-size: 16px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
   -webkit-appearance: none;
}

.floor5 ._title2{
    display: none
}
.common-title3{
    display: none
}
  /* 配景致块 */
    .bgcF7{
        background: #F7F8FC;
    }
    .floor2 .merits{
        padding: 40px 20px;
    }
    .changebox {
        padding: 20px 30px;
        box-shadow: 0px 2px 8px 0px rgba(21,31,79,0.1);
        border-radius: 8px;
        margin-bottom: 10px;
        background: #fff;
        width: 500px;
    }
    .changebox.active,.changebox:hover{
        background: rgba(64,94,253,1);
        color: #fff;
    }
    .changebox.active p,.changebox:hover p{
        color: #fff;
    }
    .changebox .changebox-item .img-n{
        display: none;
    }
    .changebox.active .img-n,.changebox:hover .img-n{
        display: initial;
    }
    .changebox.active .img-s,.changebox:hover .img-s{
        display: none;
    }
    .changebox p{
        font-size: 14px;
        line-height: 28px;
        color: #787980;
    }
    .changebox .changebox-item{
        line-height: 36px;
        font-size: 18px;
    }
    .changebox .changebox-item img{
        display: initial;
        margin-right: 10px;
        vertical-align: middle;
    }
    .floor4 .content,.channel .content{
        margin-top: 70px;
        position: relative;
    }
    .talents .container{
        position: relative;
        margin-top: 65px;
    }
    .talents-box{
        width: 530px;
        background: #fff;
        box-shadow: 0px 2px 8px 0px rgba(21,31,79,0.1);
        border-radius: 4px;
        padding: 30px 40px;
        font-size: 16px;
        line-height: 72px;
    }
    .talents-box img{
        margin-right: 10px;
        vertical-align: middle;
    }
    .talents-box-r{
        position: absolute;
        right: 7%;
        top: 7%;
    }
    .talents-box-l{
        position: absolute;
        left: 4%;
        top: 7%;
    }
    .talents-imgr{
        margin-left: 80%;
    }
/*success*/
.case-ctitle {text-align: center;border-bottom: 1px solid #eee;position: relative;height: 60px;line-height: 60px;margin:45px 0;margin-right: 20px}
.case-cline{border-bottom: 2px solid #3275ce;position: absolute;width: 60px;left: 50%;bottom: 0;margin-left: -45px}
.case-more{float:right}
.case-combox{background: #fff;padding: 50px 20px 20px 20px;margin-bottom:20px;margin-right: 20px}
.case-comtitle{text-align: center;padding-top: 20px;padding-bottom: 10px;color:#2b3848 }
.com-intro{color:#90989b;font-size:12px;}
.case-company img{width:100%;display: block;overflow: hidden}
.case-cname{color:#3273cd;font-size:24px}
.case-cf5{color:#fff545}
.img{ overflow:hidden; padding:20px 20px 0px 20px; position:relative;}
.img .imgrgba{width:100%;height:100%; background:url(/Template/skin1/public/index/images/single/rgba054.png); position:absolute;left:0;top:0; z-index:9; display:none;}
.img img{width:100%; display:block;height:123px; margin:0 auto; overflow:hidden;}
.box{ background:#fff; padding-bottom:183px; margin:10px 20px 10px 0px; position:relative;}
.box .innerbox{height:163px; overflow:hidden; position:absolute;bottom:20px;left:0;width:100%; z-index:9; background:#fff;}
.box .tit{ text-align:center;font-size:18px;height:38px; line-height:38px;margin-top:10px; overflow:hidden; padding:0px 20px;}
.box .info{ line-height:22px;font-size:12px;height:110px; overflow:hidden; padding:0px 20px;margin-top:5px; text-align:center;color:#909598; text-align:left;}
.box .button a{width:110px; display:block;height:36px; line-height:36px;border:1px solid #d0d9dc;border-radius:4px;margin:0 auto; text-align:center;font-size:14px;margin-top:15px;color:#606466;}
.box .button a:hover{ color:#e93c3c;border:1px solid #e93c3c;}
.mycaselist .title{height:44px; line-height:44px; font-size:24px;margin-top:20px; overflow:hidden;}
.case-moblie{display:none}
.case-bg{height:340px; overflow:hidden;background:url(/Template/skin1/public/index/css/case-bg.jpg) no-repeat 50% 50%;}
.wx-banner{
	position: relative;
	background: url(/Template/skin1/public/index/images/multi/b2b2c_banner_bg.jpg) no-repeat;
	background-size: 100% 100%;	
	height: 689px
}
.single-pd{
	padding-bottom:50px;
}
.single-btn {
    display: inline-block;
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
    background: #fff;
    border: 1px solid #dcdfe6;
    border-color: #dcdfe6;
    color: #606266;
    -webkit-appearance: none;
    text-align: center;
    box-sizing: border-box;
    outline: none;
    margin: 0;
    transition: .1s;
    font-weight: 500;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    padding: 12px 20px;
    font-size: 14px;
    border-radius: 4px;
}
.single-check {
    margin-top: 1rem;
    width: 150px;
    color: #4C9AFF;
}
.single-check1 {
    margin-top: 1rem;
    width: 150px;
    color: #4FC083;
}

.pt-110{
	padding-top:5.5rem;
}
.pb-70{
	padding-bottom: 3.5rem
}
.set-title{
	font-size: 40px;
	line-height: 40px;
	margin-bottom:1rem;
	text-align: center;
}
.set-s-title{
	font-size: 20px;
	text-align: center;
	padding-bottom: 50px;
	color:#aaa
}
.wx-banner img{
	max-width: 100%;
	height: auto;
	display: block;
}

.wx-banner .wx-title1{
	font-size:55px;
	line-height: 55px;
	text-align: center;
	letter-spacing:.25rem;
	color: #fff;
	margin-bottom: 1rem;
}
.wx-banner .wx-title2{
	text-align: center;
	font-size:23px;
	line-height: 30px;
	letter-spacing: 2px;
	margin: 45px 0 ;
	color: #fff;
}
.wx-banner .btn-wrap{
	margin-top: 1rem;
	text-align: center;
}
.wx-banner .btn:first-child{

	background: #fff;
	color: #2C7BFF;
	margin-right: 45px
}
.wx-banner .btn{
	height: 55px;
	width: 170px;
	font-size: 18px;
	color: #fff;
	border: 1px solid #fff;
	line-height: 55px;
	display: inline-block;
	border-radius: 5px;
	cursor: pointer;
	min-width: 100px;
	text-align: center;
}
.bannerlist{
	width: 100%;
	padding: 1.25rem 10% .75rem;
	box-sizing: border-box;
	overflow: hidden;
	background: rgba(0,0,0,.48);
	position: absolute;
	bottom: 0;

}
.bannerlist .item{
	float: left;
	width: 20%;
	border-right: 1px solid #fff;
	box-sizing: border-box;
	text-align: center;
}
.bannerlist .item:last-child{
	border-right: 0;
}

.bannerlist .item .inner-item-l{
	display: inline-block;
	margin-right: 1rem;
	vertical-align: top;
	width: 2rem;
}
.bannerlist .item:nth-of-type(4) .inner-item-l {
    width: 2.5rem;
}
.bannerlist .item .inner-item-l img{
	max-width: 100%;
	height: auto;
	margin: auto;
}
.bannerlist .item .inner-item-r{
	display: inline-block;
	color: #fff;
	text-align: left;
	vertical-align: top;
}
.bannerlist .item .inner-item-r .tit1{
	font-size: 1rem;
	line-height: 1rem;
	margin-bottom: .5rem;
}
.bannerlist .item .inner-item-r .tit2{
	font-size: .65rem;
	line-height: .65rem;
}

@media screen and (max-width:1024px) {
.floor13 .content-r{padding-left:70px}
.floor14 .content-r{
   padding-right:70px
}
.floor14 .content-r .sidetext3{
   padding-left:20px
}
.wx-banner{
  display:none!important
}
.floor0 {
   position: relative;
	background: url(/Template/skin1/public/index/images/multi/1.jpg) no-repeat 50%/cover;	
    text-align:center;
    color:#fff;
    display:block;
}
.floor0 ._title1{
   font-size:50px;
   margin-bottom:20px;
}
.floor0 ._title2{
   font-size:36px;
   margin-bottom:35px;
}
.floor0 img{
   max-width:100%;
   height:auto;
   margin:auto;
   display:block;
}
}
/* pc大屏 */
@media all and (min-width: 1180px) and (max-width: 1920px) {
    .floor15 ul li:hover{
        transform: translateY(-30px)
    }
}

/***************PC小屏到ipad的横屏***************/
@media all and (min-width: 992px) and (max-width: 1180px) {
    .container, .mainbox{
        box-sizing: border-box;
        padding: 0 20px;
    }
    .common-title1{
        font-size: 28px;
    }
    .common-pb{
        padding-bottom: 70px;
    }
    .cross{
        font-size: 42px;
    }
    .floor12 .content-r{
        padding-left: 20px;
    }
    .floor4 .content-r ._intro {
    	margin-left: 40px;
    	
    }
    .floor14 .content-r {
    	margin-left:40px;
    }
  
    .floor12 {
    	height: auto;
    	
    }
    .floor12 .content-r {
    	margin-left: 30px;
    	left: 0;
    }
    .floor10 .content-r {
    	
    	padding-right: 60px;
    }
    .sidetext3 {
    	
    	
    }
   }
   
@media all and (max-width: 992px) {
	
	 .floor12 .content-r {
    
    	left: 0;
    }
      .floor19 ul li textarea {
    	max-width: 357px;
    }
    .cross {
    	font-size: 32px;
    }
    .floor15 ul li .inner {
    	margin:0 15px;
    	padding: 25px 15px;
    }
}   
   
/********************ipad竖屏*************************/
@media screen and (max-width:768px){
    .floor3 .content-r {
        position: inherit;
        transform: none;
        top: inherit;
        left: inherit;
    }
.floor14 .content-r .sidetext3{
padding-left:0
}
    .container, .mainbox{
        box-sizing: border-box;
        padding: 0 20px;
    }
    .common-title1{
        font-size: 28px;
    }
    .common-title2{
        font-size: 20px;
    }
    .common-pb{
        padding-bottom: 70px;
    }
    .cross{
        font-size: 42px;
    }
    .floor12 .content-r{
        padding-left: 20px;
    }
    .floor2-ex{
        display: none
    }
    .floor1 .content-l .bottom-title{
        display: none
    }
    .floor1 .content-r{
        position: static;
        transform:translate(0,0);
        margin-top: 30px;
    }
    .floor3 .content-r{
        text-align: center;
    }
    .sidetext2{
        color: #868686;
      margin-bottom:2px
    }
    .floor4 .content-r{
        position: static;
        transform:translate(0,0);
        margin-top: 30px;
    }
    .floor4 .content-r ._intro{
        text-align: center;
        color: #868686
    }
    .floor5 ._title{
        display: none
    }
    .floor5 ._title2{
        display: block;
        text-align: center;
        color: #312d2b;
        font-size: 24px;
    }
    .floor5 .container{
        margin-top: 70px;
    }
    .floor6 .container{
        margin-top: 70px;
    }
    .floor6 .content-t-r,.floor6 .content-b-r{
        position: static;
        transform: translate(0,0);
        text-align: center;
        margin-top: 30px;
    }
    .floor7 .container{
        margin-top: 70px;
    }
    .common-title3{
        display: block;
        color: #312d2b;
        text-align: center;
        font-size: 28px;
    }
    .floor8 .sidetext1,.floor9 .sidetext1,.floor10 .sidetext1,.floor11 .sidetext1{
        display: none;
    }
    .floor8 .sidetext2,.floor9 .sidetext2,.floor10 .sidetext2,.floor11 .sidetext2{
        font-size: 20px;
    }
    .floor8 .content-r,.floor9 .content-r,.floor10 .content-r,.floor11 .content-r{
        position: static;
        transform: translate(0,0);
        text-align: center;
        margin-top: 40px;
    }
    .floor8 .container,.floor9 .container,.floor10 .container,.floor11 .container{
        margin-top: 70px;
    }
    .floor12{
        height: auto;
    }
    .floor12 .content-r{
        position: static;
        transform: translate(0,0);
        text-align: center;
        margin-top: 40px;
    }
    .floor13 .content-r{
        position: static;
        transform: translate(0,0);
        
        margin-top: 40px;
        padding: 0;
        padding-left: 30px;
    }
    .floor14 .content-r{
        position: static;
        transform: translate(0,0);
      
        margin-top: 40px;
        padding: 0;
        padding-left: 30px;
    }
    .floor13 .sidetext3 , .floor14 .sidetext3{
        font-size: 22px;
        margin-bottom: 20px;
    }
    .floor13 .container , .floor14 .container{
        margin-top: 70px;
    }
    .floor15,.floor16{
        display: none
    }
    .floor17 ul{
        margin-top: 70px;
    }
    .floor17 li .item{
        margin: 0 20px;
    }
    .floor17 li .item ._title{
        margin-bottom: 15px;
    }
    .floor17 .tomore{
        margin-top: 0
    }
    .floor18{
        font-size: 40px;
    }
    .floor19{
        background: #fff;
    }
    .floor19 ul .tit{
        display: none
    }
    .floor19 .container{
        margin-top: 70px;
    }
    .floor19 ul li{
        padding-left: 0;
        display: flex;
        justify-content: center;
    }
    .floor19 ul li span{
        left: 0;
        position: static;
        width: 150px;
    }
    .floor19 ul li textarea{
        width: 345px;
    }
   
}
/*手机*/
@media screen and (max-width:480px){
      .floor0 {
    padding-left:20px;
    padding-right:20px;
}
.floor3 .content-r {
	position: static;
    transform: translate(0,0);
    margin-top: 30px;
}
.common-title3 {
font-size: 22px;
}
.sidetext1 {
font-size: 16px;
}
      .floor0 ._title1{
        font-size:24px;
     }
.floor0 ._title2{
        font-size:18px;
     }
    .floor1 .content ._intro{
        font-size: 16px;
        color: #606060;
        line-height: 30px;
        margin-left: 0px;
    }
    .sidetext2{
        font-size: 14px;
    }
    .floor3 .content{
        margin-top: 35px;
    }
    .floor4 .content-r ._intro{
        font-size: 14px;
        margin-right: 0
    }
    .floor4 .container{
        margin-top: 35px;   
    }
    .common-title1{
        font-size: 22px;
    }
    .common-title2{
        font-size: 16px;
    }
    .floor5 ._title2{
        font-size: 16px;
    }
    .cross{
        height: 120px;
        font-size: 20px;
        line-height: 120px;
    }
    .img img {
      
   	   height:61px
   }
.box {
margin:10px 
}
    .floor6 .container,  .floor7 .container, .floor8 .container,.floor9 .container,.floor10 .container,.floor11 .container,.floor12 .container ,.floor13 .container{
        margin-top: 35px;
    }
    .floor8 .content-r, .floor9 .content-r, .floor10 .content-r, .floor11 .content-r{
        padding: 0
    }
    .floor8 .sidetext2, .floor9 .sidetext2, .floor10 .sidetext2, .floor11 .sidetext2{
        padding: 0;
        font-size: 14px;
        line-height: 22px;
    }
    .floor12 .content-r{
        padding: 0;
        text-align: center;
        margin-left: 0;
    }
    .floor12 ._title1{
        font-size: 22px;
    }
    .floor12 ._title2{
        font-size: 18px;
    }
    .floor12 ._title3{
        font-size: 14px;
        line-height: 24px;
         margin-bottom:0
    }
    .floor17 .tomore{
        width: 160px;
        height: 55px;
        line-height: 55px;
    }
    .floor18{
        height: 200px;
        line-height: 200px;
        font-size: 18px;
    }
    .floor19 .container{
        margin-top: 35px;
    }
    .floor19 ul{
        padding-bottom: 0
    }
   .floor17 li{
     margin-bottom:40px
   }

.floor13 .sidetext3, .floor14 .sidetext3{
  font-size:13px
 }
.sidetext3 .around {
width: 10px;
height: 10px;
}
.floor19 ul li {
display: block;
}
.floor19 ul li b{
display:none;
}
.floor19 ul li input[type="text"], .floor19 ul li textarea, .floor19 ul li .submit,.floor19 ul li select{
width:90%
}
.floor19 ul li {
margin-top:0
}
 .floor7 .pc-show {
  display:none!important
   }
   .box .info {
   	  overflow: hidden;
	  text-overflow: ellipsis;
	  display: -webkit-box;
	  -webkit-line-clamp: 2;
	  -webkit-box-orient: vertical;
	  height: 66px;
   }
   .button {
    margin-top: -10px;
}
.floor4 .content-l,.floor10 .content-l{
	zoom: .75;
}
.floor4 .content-r ._intro,.sidetext2 {
	max-width: 85%;
	margin: 0 auto;
}

}
@media screen and (max-width:320px){ 
.common-title2 {
line-height:24px
}
.sidetext2 {
line-height: 20px;
}
.floor4 .content-l .smallimg{
max-width: 40%;
}
.floor5 ._title2 {
padding:0 15px
}
.floor13 .sidetext3,.floor14 .content-r .sidetext3 {
   overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.floor12 ._title3 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.floor12 ._title2 {
font-size:16px
}
}<!--耗时1782849511.9074秒-->