@charset "utf-8";
@import "/font/iconfont.css";

body{font-size:14px;font-family:"Microsoft YaHei";color:#333;}
*{margin:0px;padding:0px;list-style: none;}
img{border:0px; max-width: 100%;}
a{text-decoration:none;color:#333;}
a:hover{color:#663333}
i{ font-style: normal; }
em{ font-style:normal;}
.clear{clear:both;}
.l{float:left;}
.r{float:right;}
.layui-layer-setwin .layui-layer-close2 {
    right: -6px!important;
    top: -6px!important;
}
.bak{-webkit-transition: all .4s;-moz-transition: all .4s;-o-transition: all .4s;transition: all .4s;  display: block; }
.bak:hover {-webkit-transform:scale(1.08); -moz-transform:scale(1.08);-o-transform:scale(1.08);transform:scale(1.08);}
.pic{ overflow: hidden; margin: auto; position: relative; }
.pic span{background-size: cover; background-repeat: no-repeat; background-position: center; display: block;}

.w1200{ width: 1200px; margin: auto; }
.w1245{ width: 1245px; margin: auto; }
.w1300{ width: 1300px; margin: auto; position: relative; }
.ss_middle{margin: 50px auto 0px auto;}

.ss_index{ margin: auto; background-size: cover; background-repeat: no-repeat; background-position: center;  padding: 70px 0px;}
.ss_index1{ background: #ededed; }
.ss_index_dh{max-width: 920px; text-align: center;}
.ss_index_dh span{ font-size: 40px;}
.ss_index_dh span i{ position: relative; top: -12px;}
.ss_index_dh span i:before{ width: 160px; display: inline-block; height: 1px; background: #ccc; content: "";  margin: 0px 50px;  }
.ss_index_dh p{ font-family: Arial; line-height: 150%; color: #999; margin: 20px auto; height: 45px; overflow: hidden; }

.ss_index_dh1{ padding-top: 60px; }
.ss_index_dh1 span{ color: #fff; }
.ss_index_dh1 span i:before{background: #4a4a4a;}
.ss_index_dh1 p{color: #555}


.ss_about{ }
.ss_about_pic{ float: left; width: 50%; text-align: center; }
.ss_about_text{ overflow: hidden; padding-right: 5%; }
.ss_aboutcon{ margin: auto; }
.ss_aboutcon em{ display: block; font-size: 40px; margin: 20px auto;}
.ss_aboutcon i{display: block; margin: 20px auto; font-size: 16px; color: #fff; background: #6e412c; text-align: center;  padding: 10px;  line-height: 180%;}
.ss_aboutcon p{ line-height: 180%; color: #999; height: 45px; overflow: hidden; }
.ss_aboutzi{ margin: 20px auto; }
.ss_aboutzi li{ width: 50%; float: left; text-align: center; }
.ss_aboutzi li span{ color: #6e412c; font-size: 45px; }
.ss_aboutzi li.li1 div{  margin: auto; border-right: #ccc 1px solid; }
.ss_aboutjj{margin: 30px auto; font-size: 16px; line-height: 180%; height: 80px; overflow: hidden;}
.ss_more{margin: 50px auto; margin-top:0px;}
.ss_more a{ width: 150px; border: #ccc 1px solid; text-align: center; line-height: 42px; display: inline-block;transition: all 0.5s; }
.ss_more a:hover{background: #6e412c; color: #fff; border: #6e412c 1px solid;}


.ss_yewu{ width: 84%; }
.ss_yewu li{ float: left; width: 25%; }
.ss_yewu li .ss_yw{ width: 90%; margin: auto; }
.ss_yewu li .ss_yw .pic{ margin: auto; }
.ss_yewu li .ss_yw .tit{margin: 10px auto; font-size:24px; color: #fff;}
.ss_yewu li .ss_yw .tit span{ font-family: Arial; color: #616161; font-size: 16px; }
.ss_yewu li .ss_yw .con{ margin: 20px auto; color: #fff; line-height: 180%; line-height:29px; height:232px; font-size: 16px; }
.ss_yewu li a .ss_yw .ss_more {border: #494848 1px solid; color: #494848; width: 144px; text-align: center; display: inline-block; line-height: 42px; transition: all 0.5s;}
.ss_yewu li a:hover .ss_yw .ss_more { color: #fff; border: #6e412c 1px solid; background: #6e412c; }
.ss_yewu li a:hover .pic img{ background: #6e412c; border-radius:100%; transition: all 0.5s;}


.ss_lcbox{ max-width: 100%; margin: auto; padding: 30px 0px; background: url(../images/sslc.png) no-repeat left center; padding: 50px 0; }
.ss_lcdh { float: left;   writing-mode: tb-rl; padding-left:80px; overflow: hidden; margin-right: -25px; padding-top: 10%;  }
.ss_lcdh dd{ display: block; float: left; width: 40px; font-size: 40px;  height: 100%;  }
.ss_lcdh p{float: left;  display: block; height: 100%; margin-left: 10px; padding-top: 25%; font-family: Arial; color: #999;}
.ss_lccon{ overflow: hidden; background: url(../images/sslc1.png) no-repeat right center; padding-bottom:  50px; }
.ss_lccon li{ margin: 20px auto; overflow: hidden;  }
.ss_lccon li:hover i{-webkit-box-shadow: 0 0px 25px rgba(0,0,0,0.2); -moz-box-shadow: 0 0px 25px rgba(0,0,0,0.2); -o-box-shadow: 0 0px 25px rgba(0,0,0,0.2);box-shadow: 0px 0px 25px rgba(0,0,0,0.2); transition: all 0.5s;}
.ss_lccon li.li1{ margin-left:30%; }
.ss_lccon li.li2{ margin-left: 22%; }
.ss_lccon li.li3{ margin-left: 18%; }
.ss_lccon li.li4{ margin-left: 15%; }
.ss_lccon li.li5{ margin-left: 12%; }
.ss_lccon li.li6{ margin-left: 9%; }
.ss_lccon li.li7{ margin-left: 6%; }
.ss_lccon span{ font-size: 30px; font-family: Arial; margin-right: 20px; display: block; float:left;}
.ss_lccon i{ display: block; overflow: hidden; font-size: 16px; background: #fff; line-height: 150%;  padding: 15px 10px; display: inline-block; }

.ss_index2{ padding: 0px; position: relative; }
.ss_team_l{ float: left; width: 50%; background: url(../images/case.jpg) no-repeat;; position: absolute;  display: block; height: 100%;background-size: cover; }
.ss_team_l .ss_con{width: 75%; margin: auto; position:relative}
.ss_team_l .ss_con dl{ position:absolute; left:0px; top:0px; z-index:-1;opacity:0; filter:alpha(opacity=0);}
.ss_team_l .ss_con dl.dl0{ position:relative;}
.ss_team_l .ss_con dl.ses{ z-index:9;opacity:1; filter:alpha(opacity=1);}
.ss_team_r{ float: right; width: 50%; }
.ss_team_dh{ padding: 100px 0 50px 0; width: 75%; margin: auto;  }
.ss_team_dh span{ font-size: 40px; color: #fff; display: block; float: left; margin-right: 30px; }
.ss_team_dh p{overflow: hidden; border-left: #555 1px solid; font-family: Arial; color: #555; padding-left: 30px; line-height: 150%; top: 5px; position: relative; height: 45px; overflow: hidden;}
.ss_team_con{ margin: 30px auto; color: #fff; margin-right: 10%; margin-right:0px; }
.ss_team_con i{ display: block; font-size: 30px; }
.ss_team_con span{ font-size: 36px; display: block; margin: 15px auto; }
.ss_team_con p{ font-size: 16px; line-height: 200%; height: 90px; overflow: hidden; }
.ss_team_l .ss_con a .ss_more {border: #3f3e3e 1px solid; color: #fff; width: 144px; text-align: center; display: inline-block; line-height: 42px; transition: all 0.5s;}
.ss_team_l .ss_con a:hover .ss_more { border: #6e412c 1px solid; background: #6e412c; }

.ss_team_r li{ float: left; width: 33.3%; }
.ss_team_r li .pic span{ padding-top: 134%; }
.ss_team_r li .pic i{ display: block; background: url(../images/ssbj.png); width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; }
.ss_team_r li:hover a .pic i,.ss_team_r li.hover a .pic i{ display: none; }

.ss_index11{ background: #ededed; }
.ss_case_l{ float: left; width: 33.3%; }
.ss_case_l li{ margin: auto; }
.ss_case_l li .con{ }

.ss_case_l li .con .text{border-top: #ccc 1px solid; padding: 20px 0px; width: 90%; margin: auto; }
.ss_case_l li .con .text .pic { margin-bottom: 20px; }
.ss_case_l li .con .text .pic span{ padding-top: 40%; }
.ss_case_l li .con .text em{ display: block; font-size: 18px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.ss_case_l li .con .text p{ margin: 10px auto; line-height: 180%; color: #666; height: 45px; overflow: hidden; }
.ss_case_l li .con .text dl{ margin: 40px auto; }
.ss_case_l li .con .text dl dd{ float: left; color: #999; }
.ss_case_l li .con .text dl dt { float: right; }
.ss_case_l li .con .text dl dt i{ font-weight: bold; font-size:18px; }

.ss_case_l li a:hover .con{ background: #fff;  transition: all 0.5s;}
.ss_case_l li a:hover .con .text{border-top: #fff 1px solid;}
.ss_case_l li a:hover .con .text dl dt i{ color: #663333; }

.ss_kehu{ width: 84%;  }
.ss_kehu li{ float: left; width: 16.6%; }
.ss_kehu li a{ border: #272726 1px solid; display: block; margin-left:-1px; margin-top: -1px; }
.ss_kehu li a:hover{ background: #6e412c;  transition: all 0.5s;}

.ss_newsbox{ width: 80%;}
.ss_news_tj{ margin: 20px auto;  background: #fff; position: relative; }
.ss_news_tj .pic{ float: left; width: 45%;  position: absolute; height: 100%; }
.ss_news_tj .pic em{ width:100%; position:absolute; height:100%; left:0%; top:0%;  }
.ss_news_tj .pic:hover em{transform: rotate(0deg) scale(1.1);
            -webkit-transform: rotate(0deg) scale(1.1);
            -moz-transform: rotate(0deg) scale(1.1);
            -o-transform: rotate(0deg) scale(1.1);
            -ms-transform: rotate(0deg) scale(1.1);}
.ss_news_tj .pic:hover{transform: rotate(0deg) scale(1.1);
            -webkit-transform: rotate(0deg) scale(1.1);
            -moz-transform: rotate(0deg) scale(1.1);
            -o-transform: rotate(0deg) scale(1.1);
            -ms-transform: rotate(0deg) scale(1.1);}

.ss_news_tj .pic span{ padding-top:55%; }
.ss_news_tj .text{ overflow: hidden; float: right; width: 45%; padding-top: 50px; margin-right: 5%; }
.ss_news_tj .text i{ font-size: 16px; display: block; color: #999; }
.ss_news_tj .text span{ display: block;  margin: 30px auto;font-size: 24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.ss_news_tj .text p{ margin: 30px auto; line-height: 200%; color: #999; font-size: 16px; height: 60px;overflow: hidden;}
.ss_news_tj .text a .ss_more{  display: inline-block; margin-top:50px; background:#6e412c; color: #fff; width: 144px; line-height: 45px; text-align: center; transition: all 0.5s;  border: #6e412c 1px solid; }
.ss_news_tj .text a:hover .ss_more{ background:none; color: #6e412c;}

.ss_news_con{ margin: 20px auto; background: #fff;  }
.ss_news_con li{ float: left; width: 50%; padding: 20px 0px; position: relative; }
.ss_news_con li:after{content: " ";  display: inline-block;  border-right: #ccc 1px solid; height: 100%; position: absolute; right: 0px; top: 0px;}
.ss_news_con li a{ width: 90%; margin: auto; display: block; }
.ss_news_con li .xuhao{ float: left; margin-right: 1%; width:100px; font-size: 56px; color: #999; font-family: Arial;  }
.ss_news_con li .text{ overflow: hidden; }
.ss_news_con li .text i{ display: block; color: #999; }
.ss_news_con li .text p{ display: block; margin: 15px auto 8px auto; font-size: 18px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ss_news_con li .text span{ color: #999; height: 20px; overflow: hidden; display: block;}
.ss_news_con li.li2,.ss_news_con li.li4 { float: right; }
.ss_news_con li.li1,.ss_news_con li.li2{ padding-top: 50px; }
.ss_news_con li.li3,.ss_news_con li.li4{ padding-bottom:  50px; }
.ss_news_con li.li2:after,.ss_news_con li.li4:after{ border: none; }


/*团队详情*/
.team_nr{  background: #fff; padding: 35px 0px; position:relative; top:30%;text-align:left;-webkit-box-shadow: 0 0px 5px rgba(0,0,0,0.2); -moz-box-shadow: 0 0px 5px rgba(0,0,0,0.2); -o-box-shadow: 0 0px 5px rgba(0,0,0,0.2);box-shadow: 0px 0px 5px rgba(0,0,0,0.2); }
.team_con{ width: 94%; margin: auto;  position: relative;}
.team_con .pic{ float: left; width: 23%; margin-right: 5%; }
.team_con .pic span{ padding-top: 100%; background-position: top center;  }
.team_con .text{ overflow: hidden;  color: #333; margin-right: 127px;}
.team_con .text p i{ position: relative;  }
.team_con .text p i:before{font-family:"iconfont"; content: "\e636"; font-size:22px; color: #666; padding-right: 5px;  display: block; float: left;}
.team_con .text p i.address:before{font-family:"iconfont"; content: "\e628"; font-size:18px; color: #666; padding-right: 5px;}
.team_con .tit{ margin: auto; font-size: 24px; }
.team_con .xing{ margin: 15px auto; background: url(../images/icon12.png) no-repeat left center;  }
.team_con .xing span{ display: inline-block; background: #f2f2f2; padding: 5px 10px ; border-radius:5px; margin: 0 10px 10px 0px; }

.team_con .con{ margin: 30px auto; }
.team_con .con p{ margin: 10px auto;  }
.team_con .con p a{ background: #00c9bc; color: #fff; display: inline-block;padding: 2px 10px;border-radius:15px; }
.team_con .con p a:hover{ background: #0098e2; }
.ss_more2{ margin-bottom:0px; }
.bshare-custom .bshare-sinaminiblog,.bshare-custom .bshare-weixin,.bshare-custom .bshare-qqim{ margin:0px!important; padding:0px!important; background:none!important; color:#fff!important}
.bshare-custom{ padding-top:10px!important;}

.fenxiang{position: absolute; right: 10px; top:30px; text-align: center; }
.fenxiang a{width: 20px; height: 20px; background: #fff; border-radius:100%; display:inline-block; }
.fenxiang a.wx:before{ content: " "; background: url(../images/wx.png) no-repeat left; width: 21px; height: 17px;  display: inline-block;   }
.fenxiang a.wb:before{ content: " "; background: url(../images/wb.png) no-repeat left; width: 22px; height: 17px;  display: inline-block;   }
.fenxiang a.qq:before{ content: " "; background: url(../images/qq.png) no-repeat left; width: 20px; height: 19px;  display: inline-block;  }

.n_box{ background: #f3f3f3; padding: 60px 0px; }
.left{ float: left; width: 74.5%;width: calc(100% - 308px); background: #fff; padding: 30px 0px; -webkit-box-shadow: 0 0px 5px rgba(0,0,0,0.2); -moz-box-shadow: 0 0px 5px rgba(0,0,0,0.2); -o-box-shadow: 0 0px 5px rgba(0,0,0,0.2);box-shadow: 0px 0px 5px rgba(0,0,0,0.2);  }
.left_con{ margin: auto;  width: 90%; padding-right: 2%;  margin: auto; position: relative; height: 520px; overflow:auto; }

.left_con::-webkit-scrollbar {/*滚动条整体样式*/
   width: 5px;     /*高宽分别对应横竖滚动条的尺寸*/
   height: 1px;
    }

.left_con::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
        border-radius: 5px;
         -webkit-box-shadow: inset 0 0 5px rgba(41,33,31,0.2);
        background: #a4a5a5;
    }

.left_con::-webkit-scrollbar-track {/*滚动条里面轨道*/
        -webkit-box-shadow: inset 0 0 5px  rgba(41,33,31,0.2);
        border-radius: 5px;
        background: #EDEDED;
}



.left_con .line {left: 95px; top: 0px; position: absolute;width: 1px;height: 100%;background-color: #e5e5e5;}
.left_con .list{margin: auto; padding: 30px 0px; position:relative; z-index:100  }
.left_con .list .dh{ float: left; width: 85px;  height: 20px; font-size: 16px;  color: #666; }


.left_con .list .list_nr{ overflow: hidden; line-height: 180%; font-size: 16px; background: url(../images/quan.png) no-repeat left top 3px; padding-left: 40px; }
.left_con .list .list_nr li{padding-left: 40px; }

/*引导页*/

.ydybg{  }
.ydy_big{ margin: auto; display: table; table-layout: fixed; background: url(../images/ydy1.jpg) no-repeat;  background-size: cover; height: 100vh; width: 100%;}
.ydy_box{ margin: auto;  display:table-cell; vertical-align:middle; }
.ydy_logo{ float: left; width: 50%; }
.ydy_zx{ float: right; margin-top: 5px;  }
.ydy_zx li{ float: left; margin-left: 10px; width: 50px; height: 50px; border-radius:10px; border: #fff 1px solid; text-align: center; line-height: 50px; }
.ydy_zx li a{ display: block; }
.ydy_zx li:hover{ background:#663333;  }
.ydy_zx li i:before{font-family:"iconfont"; content: "\e614"; font-size:24px; color: #fff; }
.ydy_zx li.li2 i:before{content: "\e608"; }
.ydy_zx li.li3 i:before{content: "\e60c"; }
.ydy_zx li.li4 i:before{content: "\e673"; }

.ydy_wei{ position: absolute; top: 80px; right: 0px; display: none; }
.ydy_zx li.li2 em{ position: absolute; top: 70px; right: 0px;  font-size: 28px; color: #fff; display: none; }
.ydy_zx li.li4 em{ position: absolute; top: 70px; right: 0px;  font-size: 14px; color: #fff; display: none; }
.ydy_zx li.li3 a:hover img.ydy_wei{ display: block; }
.ydy_zx li.li2 a:hover em,.ydy_zx li.li4 a:hover em{ display: block; }
.ydy_con{ text-align: center; color: #fff;  }
.ydy_con span{ font-size: 56px;  }
.ydy_con p{ margin: 40px auto;  font-family: Arial; color: #a39c9b; width: 60%; font-size: 16px; line-height: 180%; }

.ydy_fl{ background: url(../images/ydy_bj.png) no-repeat center; width: 1412px; margin: auto; background-size: 100%;  margin-top: -130px; }
.ydy_fl_nr{ width: 56.5%; margin: auto; }
.ydy_l{  text-align: center; padding-top: 130px; }
.ydy_icon{ margin: auto; border-radius:100%; border-top: #fff 1px solid; width: 140px; height: 140px;  }
.ydy_icon1{border-radius:100%; border: #fff 1px solid; width: 120px; height: 120px; line-height: 120px; margin: auto; margin-top: 10px; }
.ydy_l .ydy_icon i:before{font-family:"iconfont"; content: "\e606"; font-size:70px; color: #fff; }
.ydy_r .ydy_icon i:before{font-family:"iconfont"; content: "\e610"; font-size:70px; color: #fff; }
.ydy_l p{ font-size: 18px; color: #fff; margin: 10px auto 5px auto;}
.ydy_l span{ display: block; margin: 5px auto; font-family: Arial; color: #8e8e8c; }
.ydy_l em{ width: 80px; line-height: 25px; margin: 10px auto; background:#fff; color: #663333;   border-radius:10px;display: block;}
.ydy_l a{ height: 270px; display: block; }
.ydy_l a:hover .ydy_icon{ background:rgba(110,65,44,0.8); border-top: rgba(110,65,44,0.8) 1px solid;  }

.ydy_l a:hover em{ background:rgba(110,65,44,0.8);color: #fff; display: block;}

.ydy_bq{ text-align: center; color: #fff;  margin: 30px auto;}