@charset "utf-8";







.aboutone {



  padding: 110px 0 130px;



  



}



.aboutcon {



  min-height: 450px;



  overflow: hidden;



}



.aboutl {



  float: left;



  width:58%;



}



.abcate {



  position: relative;



}



.abcate .en {



  font-size: 72px;



  color: #0c8e46;



  font-family: 'Times New Roman';



  line-height: 56px;



  height: 56px;



}



.abcate .cn {



  height: 48px;



  line-height: 48px;



  overflow: hidden;



  font-size: 34px;



  color: #333;



  margin-top: 14px;



}



.abouttxt {



  overflow: hidden;



  margin-top: 36px;



  line-height: 2.2;



  text-align: justify;



}



.abouttxt img {



  display: none;



}



.aboutr {



  float: right;



  width: 35%;



  position: relative;



}



.aboutr .pic {



  padding-top: 20px;



  padding-right: 30px;



}



.aboutr img {



  width: 100%;



  -webkit-box-shadow: 30px -20px 0 0 #212121;



          box-shadow: 30px -20px 0 0 #212121;



}



@media screen and (max-width: 1280px) {



  .aboutl {



    width: 52%;



  }



  .aboutr {



    width: 44%;



  }



}



@media screen and (max-width: 1024px) {



  .aboutone {



    padding: 60px 0 100px;



    background-size: 1500px auto;



  }



  .aboutl {



    float: none;



    width: 100%;



    height: auto;



    margin-top: 40px;



  }



  .aboutr {



    float: none;



    width: 470px;



    max-width: 100%;



    margin: 0 auto;



    height: auto;



  }



  .abcate {



    text-align: center;



  }



  .abouttxt {



    max-width: 700px;



    margin: 30px auto 0;



  }



}



@media screen and (max-width: 750px) {



  .aboutr .pic {



    padding-top: 0;



    padding-right: 0;



    width: 100%;



  }



  .aboutr img {



    -webkit-box-shadow: none;



            box-shadow: none;



  }



  .abouttxt {



    font-size: 16px;



    line-height: 28px;



  }



  .abouttxt div,



  .abouttxt p,



  .abouttxt span {



    font-size: 16px !important;



    line-height: 28px!important;



  }



}



@media screen and (max-width: 640px) {



  .aboutone {



    background-size: 1200px auto;



  }



}



.about_development{ background:#002a5c url("../images/licheng_back.jpg") center center no-repeat; background-size: cover; padding-top: 80px; padding-bottom: 100px;}







.color_fff{ color: #ffffff;}



.development_con{ padding-top: 60px;}



.development_con .left_img{ float: left; width: 40%;}



.development_con .left_img img{ width: 100%;}







.development_con .right_font{ float: right; width: 55%; color: #fff}



.development_con .right_font ul li{ margin-bottom: 30px; line-height:1}



.development_con .right_font ul li .year{ margin-bottom: 30px;text-transform: uppercase; font-size:100px; font-family: 'Swiss721BTBlackCondensed';}



.development_con .right_font ul li .fonts{ line-height:2.2; font-size:16px; margin-bottom:50px;}



 .mySwiper {



        width: 100%;



        height:300px;



      }







.mySwiper .swiper-slide {



        height: auto;



        -webkit-box-sizing: border-box;



        box-sizing: border-box;



        padding: 30px;



      }



.mySwiper .swiper-scrollbar {



    background: rgba(255,255,255,.1);



}



.mySwiper .swiper-scrollbar-drag {



    background: rgba(208,97,55,.9);



}







/*加入开云电子 页面开始*/







.joins_content{ padding-top:90px;}



.joins_content .rencai_con{ position:relative; padding-top:40px; padding-bottom:100px;}



.joins_content .rencai_con .rencai_img{ float:left; width:60%; height:500px; overflow:hidden; margin-left:-15%;}



.joins_content .rencai_con .rencai_img img{ width:100%;-o-object-fit: cover;



    object-fit: cover;}



.joins_content .rencai_con .rencai_font{ float:right; width:50%;}



.joins_content .rencai_con .rencai_font .rencai_titile{ position:relative; padding-left:30px; line-height:1; margin-bottom:40px;}



.joins_content .rencai_con .rencai_font .rencai_titile::before {



    content: '';



    position: absolute;



    left:0px;



    top:0%;



    z-index: 0;



    width:5px;



    height: 100%;



    background-color: #d9b372;



}



.joins_content .rencai_con .rencai_font .rencai_titile h3{ color:#ffffff; margin-bottom:20px; font-weight:bold}



.joins_content .rencai_con .rencai_font .rencai_titile p{ color:#d06137;}











.join_list_con{ padding-top:80px; background-color:#212121; padding-bottom:100px}



.join_list_con .join_list{ margin-top:70px;}







.join_list_con .join_list{ position:relative;}



.join_list_con .join_list li{ margin-bottom:10px;}



.joinTit{ background:#2e2e2e; height:60px; line-height:60px;  cursor:pointer; color:#999999}



.joinTit .li{ color:#999; float:left; text-align:center;}



.joinTit .li1{ width:30%; text-align:left; padding-left:20px; overflow:hidden; text-overflow:ellipsis;white-space: nowrap; box-sizing:border-box;}



.joinTit .li2{ width:10%;}



.joinTit .li3{ width:10%;}



.joinTit .li4{ width:26%; overflow:hidden; text-overflow:ellipsis;white-space: nowrap;}



.joinTit .li5{ width:16%;}



.joinTit .lermore_box{ width:60px; float:right; }



.joinTit .lermore{ float:right; width:100%; height:60px; cursor:pointer; background:url(/template/pc/images/btn_06.png) no-repeat center;  transition: all 0.1s ease-out 0s;}







.joinTit.curr .lermore{ background:url(/template/pc/images/btn_06_h.png) no-repeat center;}



.joinTit.curr{background: #ffffff;}



.joinTit.curr .li{ color:#000000;}







.joinFirst{ margin-top:0;}



.joinFirst .joinTit{ background:#d9b372;height:60px; font-weight: bold}



.joinFirst .joinTit .pd{ color:#fff; line-height:60px;  font-weight:bold;}



.joinFirst .joinTit .li{ color:#fff;}



.joinFirst .joinTit.curr .li{ color:#fff;}







.joinDeta{ display:none; overflow:hidden; background:#2c2c2c; padding:30px 0 60px 0; line-height:2; font-size:14px; color:#999; position:relative; border:1px solid #ffffff;}

.joinDeta a{ color:#d9b372;}

.joinDeta:before{ content:''; position:absolute; background:#ccc; left:50%; width:1px; top:30px; bottom:60px;}



.joinDeta span{ color:#ed6d00;}



.joinDeta strong{ color:#000000;}



.joinDeta strong a{ font-weight:bold;}



.joinFl{ width:50%; padding:0 50px; float:left; box-sizing:border-box;border-right: #414141 1px solid;}



.joinFr{ width:50%; padding:0 50px; float:right; box-sizing:border-box;}



.joinFr span{ display:block;}







.titile_show{ text-align: center; line-height:1}



.titile_show .titile_show_en{text-transform: Uppercase;font-weight: bold;



font-family: 'Swiss721BTBlackCondensed';color:rgba(255,255,255,0.04); font-size:100px}



.titile_show .titile_show_cn{ font-weight: bold; color: #ffffff; margin-top: -75px;}











/*联系开云电子页面开始*/



.contacts_content{ padding-top:90px;}



.contacts_content .rencai_con{ position:relative; padding-top:40px; padding-bottom:60px;}



.contacts_content .rencai_con .cer8 { background-color:#212121; border:#303030 1px solid; padding:0; margin-bottom:35px;}



.contacts_content .rencai_con .rencai_img{ float:left; width:50%; height:500px; overflow:hidden;}



.contacts_content .rencai_con .rencai_img img{ width:100%;-o-object-fit: cover;



    object-fit: cover;}



.contacts_content .rencai_con .rencai_font{ float:right; width:40%; padding-top:80px; padding-left:3%; padding-right:3%}



.contacts_content .rencai_con .rencai_font .rencai_titile{ position:relative; padding-left:30px; line-height:1; margin-bottom:40px;}



.contacts_content .rencai_con .rencai_font .rencai_titile::before {



    content: '';



    position: absolute;



    left:0px;



    top:0%;



    z-index: 0;



    width:3px;



    height: 100%;



    background-color: #d9b372;



}



.contacts_content .rencai_con .rencai_font .rencai_titile h3{ color:#ffffff; margin-bottom:20px; font-weight:bold}



.contacts_content .rencai_con .rencai_font .rencai_titile p{ color:#cccccc;}



.contact_fonts{ font-weight:bold;vertical-align: middle;}



.contact_fonts .iconfont{ color:#cccccc; font-weight:normal; display:inline-block; padding-right:8px; }







.cangshu_center{ position:relative; margin-top:40px; line-height:1; padding-top:40px;}



.cangshu_center::before {



    content: '';



    position: absolute;



    left:0px;



    top:0%;



    z-index: 0;



    width:50px;



    height:3px;



    background-color: #d06137;



}



.cangshu_center ul li{ margin-bottom:20px;}



.cangshu_center ul li .center_titile{ color:#132c58; margin-bottom:15px; font-weight:bold}



.cangshu_center ul li .center_descipe{ line-height:2.2; padding-left:24px;}







.lian2 {



  padding: 120px 0;



  background: url('/template/pc/images/liuyanbg.jpg') center no-repeat;



  background-size: cover;



}



.lxout {



  padding: 72px 80px 70px;



  overflow: hidden;



  border-top: 8px solid #e7845e;



  background-color: #fff;



}



.lxleft {



  float: left;



  width: 260px;



}



.lxright {



  float: right;



  width: 700px;



}



.lxleft .intro {



  font-size: 14px;



  line-height: 26px;



  color: #999;



  margin-top: 25px;



}



.cate8 {



  position: relative;



  padding-bottom: 29px;



  color: #000;



}



.cate8 .cn {



  font-size: 18px;



  line-height: 34px;



  margin-bottom: 10px;color:#132c58



}



.cate8 .en {



  font-size:44px;



  line-height: 36px;



  font-weight: bold;



  text-transform: uppercase;



  word-break: normal; color:#132c58;text-transform: uppercase;



    font-family: 'Swiss721BTBlackCondensed';



}



.cate8:after {



  content: '';



  position: absolute;



  left: 0;



  bottom: 0;



  z-index: 0;



  width: 30px;



  height: 0;



  border-bottom: 3px solid #d06137;



}



.lxway {



  margin-top: 42px;



}



.lxway p {



  font-size: 16px;



  line-height: 28px;



  color: #132c58;



}



.lxway div {



  font-size:26px;



  line-height: 40px;



  color: #132c58;



  font-weight: bold;text-transform: uppercase;



    font-family: 'Swiss721BTBlackCondensed';



}



@media screen and (max-width: 1280px) {



  .lxout {



    padding: 40px 50px;



  }



  .lxright {



    width: 64%;



  }



}



@media screen and (max-width: 1100px) {



  .lxleft {



    float: none;



    width: 100%;



    margin-bottom: 30px;



  }



  .lxright {



    float: none;



    width: 100%;



  }



  .lxway {



    margin-top: 22px;



  }



}



@media screen and (max-width: 750px) {



  .lian2 {



    padding: 80px 0;



  }



  .lxout {



    padding: 30px;



  }



}



@media screen and (max-width: 640px) {



  .lian2 {



    padding: 60px 0;



  }



}



.liuyan {



  color: #666;



  font-size: 0;



  padding-bottom: 1px;



}



.liuyan .hang {



  float: left;



  width: 48.5%;



  height: 50px;



  line-height: 50px;



  margin-bottom: 20px;



}



.liuyan .hang.long {



  width: 100%;



}



.liuyan .hang.first {



  margin-right: 3%;



}



.liuyan .hang.fat {



  width: 100%;



  height: auto;



}



.liuyan p {



  height: 100%;



}



.liuyan input[type=text] {



  width: 100%;



  height: 48px;



  border: 1px solid #ddd;



  line-height: 48px;



  text-indent: 20px;



  font-size: 14px;



  -webkit-box-sizing: border-box;



          box-sizing: border-box;



}



.liuyan textarea {



  padding: 13px 20px;



  height: 140px;



  border: 1px solid #ddd;



  resize: none;



  vertical-align: top;



  width: 100%;



  line-height: 28px;



  font-size: 14px;



  -webkit-box-sizing: border-box;



          box-sizing: border-box;



}



.liuyan input[type=text]:focus,



.liuyan textarea:focus {



  border-color: #e7845e;



}



.liuyan input[type=text],



.liuyan textarea {



  -webkit-transition: 0.3s;



  transition: 0.3s;



}



.liuyan i.v {



  display: inline-block;



  width: 100%;



  height: 100%;



  vertical-align: top;



}



.liuyan .hang2 {



  height: 50px;



  line-height: 50px;



  margin-bottom: 20px;



}



.liuyan .hang2 > div {



  float: left;



  height: 100%;



}



.liuyan .hang2 i.v {



  width: 200px;



}



.liuyan .verifyImg {



  width: 118px;



  height: 48px;



  cursor: pointer;



  vertical-align: top;



  border: 1px solid #ddd;



  margin-left: 10px;



}



.liuyan .yzmchange {



  display: inline-block;



  vertical-align: top;



  width: 70px;



  background: url('/template/pc/images/change.png') center no-repeat;



}



.liuyan input#tj {



  float: left;



  width: 160px;



  height: 50px;



  font-size: 18px;



  line-height: 50px;



  background-color: #d06137;



  color: #fff;



  font-weight: bold;



  border: 1px solid #d06137;



}



.liuyan input#tj:hover {



  background-color: #fff;



  color: #d06137;



}



@media screen and (max-width: 750px) {



  .liuyan .hang {



    float: none;



    width: auto;



    margin-left: 0;



  }



  .liuyan .hang.first {



    margin-right: 0;



  }



  .liuyan .hang2 {



    height: auto;



  }



  .liuyan .hang2 > div {



    float: none;



  }



  .liuyan .verifyImg {



    float: right;



  }



  .liuyan .yzmchange {



    float: right;



  }



  .liuyan input#tj {



    width: 100%;



    margin-top: 20px;



  }



}



@media screen and (max-width: 550px) {



  .liuyan .hang2 i.v {



    width: 170px;



  }



  .liuyan .verifyImg {



    width: 100px;



  }



  .liuyan .yzmchange {



    width: 60px;



  }



}



.cate6 {



  text-align: center;



  position: relative;



  padding-bottom: 16px;



}



.cate6 .en {



  font-size: 48px;



  color: #666;



  line-height: 74px;



  font-family: 'SWISSBLKBT';



  text-transform: uppercase;



  height: 74px;



  opacity: 0.2;



}



.cate6 .cn {



  font-size: 36px;



  color: #11944b;



  line-height: 60px;



  position: relative;



  overflow: hidden;



  height: 60px;



  margin-top: -32px;



}



.cate6:after {



  content: '';



  position: absolute;



  left: 50%;



  bottom: 0;



  z-index: 0;



  width: 40px;



  height: 3px;



  margin-left: -20px;



  background-color: #0c8e46;



}







@media (max-width:768px) {



	



	.development_con .left_img {



    float: none;



    width: initial;



}



	.development_con .right_font {



    float: none;



    width: initial;



    color: #fff;



    margin-top: 30px;



}



	.development_con .right_font ul li .year{ font-size: 80px;}



	.joins_content {



    padding-top: 60px;



}



	.joins_content .rencai_con .rencai_img {



    float: none;



    width: initial;



    height: initial;



    overflow: hidden;



    margin-left: 0;



}



	.joins_content .rencai_con .rencai_font {



    float: none;



    width: initial;



    margin-top: 30px;



}



	.joins_content .rencai_con .rencai_font .rencai_titile h3{ font-size: 24px;}



	.joins_content .rencai_con{ padding-bottom: 60px;}



	.titile_show .titile_show_en{ font-size: 50px;}



	.join_list_con .join_list{}



	.joinFirst .joinTit{ display: none;}



	.join_list_con .join_list ul{ width:auto;}



	.join_list_con{ padding-bottom: 60px;}



	.joinTit .lermore{ height: 30px;}



	.joinDeta:before{display: none}



	.joinTit {



    background: #fff;



    height: auto;



    line-height: 30px;



    cursor: pointer;



    padding: 15px 0;



}



	.joinTit .li1 {



    width: 100%;



    text-align: left;



    padding-left: 20px;



    overflow: hidden;



    text-overflow: ellipsis;



    white-space: nowrap;



    box-sizing: border-box;



    font-size: 16px;



    font-weight: bold;



    margin-bottom: 10px;



}



	.joinTit .li2 {



    width: 15%;



}



	.joinTit .li3 {



    width: 15%;



}



	.joinTit .li4 {



    width: 20%;



    overflow: hidden;



    text-overflow: ellipsis;



    white-space: nowrap;



}



	.joinTit .li5 {



    width: 30%;



}



	.joinTit .lermore_box {



    width: 20%;



    float: right;



}



	.joinDeta{ padding: 30px;}



	.joinFl {



    width: initial;



    padding: 0;



		float: none;border: 0; padding-bottom: 30px;  margin-bottom: 30px; border-bottom: #eee 1px solid;}



	.joinFr {



    width: initial;



    padding: 0;



    float: none;



    box-sizing: border-box;



}



	.contacts_content {



    padding-top: 60px;



    background: none;



}



	.contacts_content .rencai_con .rencai_img {



    float: none;



    width: initial;



    height: 360px;



    overflow: hidden;



    margin-left: 0;



}



	.contacts_content .rencai_con .rencai_font {



    float: none;



    width: initial;

margin-top: 0;

    padding-top: 40px;

    padding-bottom: 40px;



}



	.contacts_content .rencai_con .rencai_font .rencai_titile h3{ font-size: 24px;}



	.contacts_content .rencai_con{ padding-bottom: 70px;}



}











<!--耗时1755807474.1223秒-->