@font-face{
     font-family: '方正兰亭黑简体'; 
     src: url('../font/方正兰亭黑简.TTF');
}
*{margin: 0;padding: 0;}
body{font-family: '方正兰亭黑简体'!important;}

li{list-style-type: none;display: block;}

a{color: #2f2f37;text-decoration: none;}

/* 底部 */

#header{width: 1200px;margin:0 auto;}

/*.lianjie{margin-left: 213px;display: flex;margin-top: 10px;}

.lianjie a{margin-left: 13px}

.lianjie div{margin-top: 10px;margin-left: 20px}*/

.footer{width:1200px;margin:0 auto;display: flex;font-size: 14px;height: 149px;justify-content: space-between;}

/*.phone{background: url(../images/phone.png)no-repeat left 50%;padding-left: 34px;color: #333;line-height: 90px}*/

/*.address{background: url(../images/dingwei.png)no-repeat left 50%;padding-left: 30px;color: #333;margin-left: 37px;line-height: 90px}*/

footer{width: 100%; height: 149px;background: -webkit-linear-gradient(left, #ff7b05 , #ff9d14);color: #fff;}

.footer_left{display: inline-block;margin-top: 30px;}

.footer_left .icon{margin-left: 10px;}

.footer_left .icon[data-index='1']{margin-left: 0}

.footer_service_photo_num{margin-top: 12px; display: flex;  align-items: center}

.footer_right{text-align: right;justify-content: flex-end;color: #fff;margin-top: 35px}

.footer_right a{color: #fff;}

.footer_right .c_name{margin-top: 20px;font-size: 12px;}

.footer_right .c_copy{margin-top: 7px;font-size: 12px;}

/* 头部导航栏 */

.head_nav{width:100%;height: 80px;position: fixed;z-index:99999;top:0;background-color: #fff;font-size: 14px;line-height: 80px}

.head_nav img{float: left;line-height: 100px;    margin-top: 14px;width: 143px;}

.daohang{margin-left: 18%;position:relative;}

.daohang li{float: left;width: 120px;text-align: center;    height: 100%;  position: static;}

.daohang li:first-child{width: 110px}
.daohang li:nth-of-type(2),.daohang li:nth-of-type(5){width: 127px}
.daohang li:nth-of-type(2) .head_ckg,.daohang li:nth-of-type(5) .head_ckg{width: 127px}

/*.zicaidan{width: 100%;padding-right:100px;height: 86px;background: -webkit-linear-gradient(left, #ffa526, #f88b03);color: #fff;position: absolute;top:99px;display: none;}*/

.head_nav li:hover{color:#fff;}

#header .daohang  .head_nav_active{color:#fff ;background:-webkit-linear-gradient(left, #ff8409, #ff9410)}

#header .daohang  .head_nav_active a{color:#fff ;}

.head_nav li:hover .ziti{color:#fff}

.head_nav li:hover .zicaidan{display: block}

.zicaidan span{display: block;height: 60px;line-height: 60px;text-align: center;float: left;color: #fff;font-size:14px;display: inline-block;padding-left: 20px;}

.zicaidan span:hover{color:rgb(135,135,135)}



/*.zicaidan a:nth-child(2) span{padding-left: 10px;}*/

/*动画*/

.zicaidan{width: 100%;padding-right: 100px; height: 60px;background:#4c4a4f;color: #fff;position: absolute;top:79px;height: 0;overflow: hidden;}



.head_nav li:hover .zicaidan{height:60px;transition: height .3s;}



.head_ckg{display: block;width: 120px;height:100%;position:absolute;z-index: -1;top: 100px;}

.daohang li:hover .head_ckg{top: 0;background: #ff8e0d;transition: top .2s;}

.ziti{position: relative;display: block;width: 100%;height:100%;overflow: hidden;}







/*.active{color: #fff;background-color: #f99c27}*/

/* 轮播图 */

.bannerBg {width: 100%;height: 620px;margin-top: 100px;}

.banner{position: relative;display: block;width: 100%;height: 620px;margin: 0 auto;}

.banner-img img{position: absolute;top: 0px;width: 100%;height: 100%;display: none;}

 /* 合作伙伴 */

.content1{padding: 34px 15% 0 15%;height: 750px;overflow: auto}

.content1 span{float: left;height: 24px;border-left: 4px solid #f99c27;font-size: 18px !important;color: #f99c27;width: 40px; padding-left:14px}

.content1 p{font-size: 18px;margin-left: 35px;font-weight:bold;float: left;color: #666666}

.tu{clear: both;padding-top: 28px;height: 162px;font-size: 16px;}

.tu li{padding-right: 11px;padding-top: 11px;height: 162px;position: relative;}

.tu li:hover .layer{display: block}

.layer{width: 162px;height: 162px;display: none;position: absolute;margin-top: 39px;background-color: #232a31;opacity:0.8;}

/* 主营业务 */

.content2{
    display: flex;
    align-items: center;
    padding: 34px 0 18px 0;
    height: 18px;
    clear: both;
    width: 1200px;
    margin: 0  auto;}

.content2 span{
    float: left;
    height: 18px;
    border-left: 4px solid #595757;
    line-height:18px;
    font-size: 18px !important;
    color: #f99c27;
    display: inline-block;
    /*width: 40px; */
    font-weight: bold;
    padding-left:10px}

.content2 p{
    line-height: 16px;
    font-size: 18px;margin-left: 7px;font-weight:bold;float: left;color: #666666}

.mokuai{clear: both;height: 432px;background:url('../image/businese.jpg')no-repeat; background-size:100% 100%;margin: 0 auto;}

.mokuai li{font-size:25px;height: 178px;width: 24.5%;background-color: #fff;margin-right: 12px;margin-top: 12px;}

.mokuai li a{color: #f99c27;width: 55%;display: flex;flex-wrap: wrap;align-content: center; height: 100%;    line-height: 30px;letter-spacing: 1px;}

.mokuai ul:nth-child(2) li:nth-child(1) a{width:70%}

.mokuai ul:nth-child(1){padding-top: 20px;height: 182px;display: flex;justify-content: space-between;}

.mokuai ul:nth-child(2){padding-top: 10px;height: 182px;display: flex;justify-content: space-between;}
.mokuai li .mo_over{
	display: none;
}
.mokuai li:hover .mo_out{display: none;}
.mokuai li:hover .mo_over{display: block;}

/* .mokuai ul:first-child li:hover:nth-child(1){

     background: -webkit-linear-gradient(left top ,#f09773 ,#dc7570);

     background: linear-gradient(left top ,#f09773 ,#dc7570);

}

.mokuai ul:first-child li:hover:nth-child(2){

     background: -webkit-linear-gradient(left top ,#f3b16e ,#e39b4f);

     background: linear-gradient(left top ,#f3b16e ,#e39b4f);

}

.mokuai ul:first-child li:hover:nth-child(3){

     background: -webkit-linear-gradient(left top ,#7ad1f0 ,#31b9d7);

     background: linear-gradient(left top ,#7ad1f0 ,#31b9d7);

}

.mokuai ul:first-child li:hover:nth-child(4){

     background: -webkit-linear-gradient(left top ,#6ca6de ,#6b7eb9);

     background: linear-gradient(left top ,#6ca6de ,#6b7eb9);

}

.mokuai ul:last-child li:hover:nth-child(1){

     background: -webkit-linear-gradient(left top ,#6ff0d3 ,#36d1a7);

     background: linear-gradient(left top ,#6ff0d3 ,#36d1a7);

}

.mokuai ul:last-child li:hover:nth-child(2){

     background: -webkit-linear-gradient(left top ,#e9e17d ,#dfba45);

     background: linear-gradient(left top ,#e9e17d ,#dfba45);

}

.mokuai ul:last-child li:hover:nth-child(3){

     background: -webkit-linear-gradient(left top ,#a6e58a ,#69b742);

     background: linear-gradient(left top ,#a6e58a ,#69b742);

}

.mokuai ul:last-child li:hover:nth-child(4){

     background: -webkit-linear-gradient(left top ,#ba81d4 ,#8c6798);

     background: linear-gradient(left top ,#ba81d4 ,#8c6798);

}

.mokuai li:hover a{color: #fff}

.mokuai li:hover a .name{color: #fff} */

.name{font-size: 20px;color: #666666;font-weight:bold}

/*li div{ width: 32px;height: 32px;float: right;position: relative;top: -30px}*/

.name1{font-size: 16px;margin-bottom: 23px;color: #666666}

.mokuai li:hover .name1{color: #fff}

/* 新闻中心 */

#new{width: 1200px;margin: 0 auto;}

.content3{height: 50px;display: inline-block;position: relative;top:55px;}
.content3>div{
    display: flex;
    align-items: center;
}

.content3 span{
    float: left;
    height: 18px;
    border-left: 4px solid #595757;
    font-size: 18px;
    color: #f99c27;
    display: inline-block;
    font-weight: bold;
    /*width: 40px;*/
    padding-left:10px;
    line-height: 18px;
}

.content3 p{font-size: 18px;margin-left: 7px;font-weight:bold;float: left;color: #666666;line-height: 17px;}

.content4{padding: 34px 0 18px 0;height: 55px;width: 40%;float: left;}

.content4 span{float: left;height: 24px;border-left: 4px solid #f99c27;font-size: 18px;color: #f99c27;width: 40px; padding-left:14px}

.content4 p{font-size: 18px;margin-left: 70px;font-weight:bold;float: left;color: #666666}

.content5{padding: 34px 0 18px 0;height: 55px;float: left;}

.content5 span{float: left;height: 24px;border-left: 4px solid #f99c27;font-size: 18px;color: #f99c27;width: 40px; padding-left:14px}

.content5 p{font-size: 18px;margin-left: 50px;font-weight:bold;float: left;color: #666666}

.content3_neirong{clear: both;font-size: 14px;padding-top: 10px;color: #666666}

.content3_neirong a{width: 100%; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.content3_neirong .time{font-size: 14px;float: right;color: #b8b8b8;font-weight:normal;border: 0}

.content4_jianjie {clear: both;font-size: 14px;padding-top: 15px;color: #666666;display: flex}

.content4_jianjie li:nth-child(1){width:40%;height: 172px;text-indent:2em; overflow: hidden;text-overflow: ellipsis;  display: -webkit-box;-webkit-line-clamp: 9;-webkit-box-orient: vertical;}

.content4_jianjie li:nth-child(2){margin-left: 15px}

.content3_neirong li{background: url(http://www.jiaderong.com/statics/JDR/images/jiatou.png) no-repeat left center;height: 20px;width:80%;display: flex;margin-top:5px;padding-top: 5px;padding-left: 15px}

/* 扫一扫 */

.erweima{font-size: 16px;clear: both}

.beizhu p{margin: 10px}

.erweima img{width: 110px;height: 110px;margin-right: 10px;margin-top: 24px}

.btn{font-size:16px;float:right;margin-right:15%;margin-top:5px;cursor: pointer;}

/* 项目案例 */

.content6{padding: 34px 0 18px 0 ;height: 24px;width:1200px;margin:0 auto; clear: left;
  display: flex;
  align-items: center;
}

.content6 span{float: left;
    height: 18px;
    line-height:18px;
    border-left: 4px solid #595757;
    font-size: 18px;color: #f99c27;
    /*width: 40px;*/
    display: inline-block;
    font-weight: bold;
    padding-left:10px}

.content6 p{font-size: 18px;line-height:16px;margin-left: 7px;font-weight:bold;float: left;color: #666666}

.container{position: relative;display: flex;}

.container li{width:25%;height: 200px;position: relative;}

.container li img{width:100%;height:100%}

.layers{display:block;width: 100%;height: 60px;font-size: 16px;position: absolute;top: 320px;line-height: 60px;text-align: center;color: #fff;background-color: #232a31;opacity:0.8;}



 /* .container li:hover .layers{display: none}

.container li:hover img{width:  560px;height: 420px;}

.container li:hover .layers-two{display: block} */

.layers-two p{
    font-size: 40px;
    color: #fff;
    text-align: center;
    position: relative;
    top:100px;
    z-index: 99;
    border: none;
    width: 94%;
    margin: 0 auto;
}

.layers-two a{display:block;cursor: pointer; width:44px;height: 63px;background: url(../image/sousuokuang.png)no-repeat center;z-index: 99;position: absolute;top:169px;left: 50%;margin-left: -22px;    background-size: 85% 85%;border-radius: 50%;}

/*.swiper-slide{width: auto !important;}*/

.home_news_content{width: 1200px;    height: 294px;margin: 0 auto;display: flex;justify-content: space-between;}

.home_news_content .text{width: 27%;padding: 30px 0;}

.home_news_content .new_img1{width: 43%;margin-left: 3%}

.home_news_content .new_img2{width: 26%;margin-left: 2%;position: relative;}

.home_news_content img{width: 100%; height: 100%;}

.home_news_content .new_live{width: 100%;height: 100%;color:#fff;box-sizing: border-box;padding: 20px;position: absolute;left: 0;top: 0;}

.home_news_content .live_line{width: 70px;height: 2px;background:#fff;margin-top: 20px;}

.live_e_title{padding-top: 10px;color: #e0f7f2}

.home_news_content .text h4{
    color: #898989;
    line-height: 25px;
    font-size: 16px;
    letter-spacing: 1px;
}

.home_news_content article{
    padding-top: 17px;
    color: #909090;
    height: 190px;
    line-height:24px;
    overflow: hidden;
    font-size: 13.58px;}

/*补充样式*/
.mokuai ul li a p{
    line-height: 24px;
    font-weight: bold;
}
.mokuai li a .name{
    padding-top: 5px;
}
.foot_service_text{
    letter-spacing: 1.5px;
}
#home_project_case li:hover .layers-two p{
    font-size: 20px!important;
}
/*.swiper-container {

  width: 660px;

  height: 250px;

  color: #fff;

  text-align: center;

}*/

/*.red-slide {

  background: #ca4040;

}

.blue-slide {

  background: #4390ee;

}

.orange-slide {

  background: #ff8604;

}

.green-slide {

  background: #49a430;

}

.pink-slide {

  background: #973e76;

}

.swiper-slide .title {

  font-style: italic;

  font-size: 42px;

  margin-top: 80px;

  margin-bottom: 0;

  line-height: 45px;

}

.pagination {

  position: absolute;

  z-index: 20;

  left: 10px;

  bottom: 10px;

}

.swiper-pagination-switch {

  display: inline-block;

  width: 8px;

  height: 8px;

  border-radius: 8px;

  background: #222;

  margin-right: 5px;

  opacity: 0.8;

  border: 1px solid #fff;

  cursor: pointer;

}

.swiper-visible-switch {

  background: #aaa;

}

.swiper-active-switch {

  background: #fff;

}*/