/*kennanwang*/
ol,ul {  
         padding:0px !important;  
         margin:0px !important;
         list-style:none;

}
html {
    -webkit-text-size-adjust: none;
}
body {
        background-color:#fff;
        font-family:"微软雅黑" !important;
       color:#333;
      font-size:12px;
       height:100%;
      width:100%;
       margin:0;
      padding:0;
}
.bodys{min-width: 1280px;}

a{color:#333;
    text-decoration:none;
    outline: none;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;}
    
.center{width:1200px;margin: auto;display: table;}

.frame_three{display: none;}
#directoryNav{display: block !important; border-radius: 15px;opacity:initial !important;}

#titleccs{width:100% !important;    max-width: 100%  !important;}
#titleccs li{width:20% !important;float:left;}
#titlecce{width:100% !important;}
.demo .tab{width:100% !important;}






@media (max-width:1300px){
				#directoryNav{display: none !important;}
}







/*顶部个人信息*/
.frame_one{width: 100%;height: 50px;line-height: 50px;background: #1e1b29;border-bottom: 1px #2a2639 solid;}
.Personal_information{height: 50px;line-height: 50px;background: #1e1b29;}
.Personal_information2{float: right;color: #a5a4a9;}
.Personal_information2 span{margin-right: 10px;margin-left: 10px}
.Personal_information2 a{color: #a5a4a9;}
.Personal_information .logo{float: left;display: table-cell;vertical-align:middle;height: 50px;text-align: center;}
.Personal_information .logo img{width: 193px;height: 36px;}
.title_tt{width:1200px;margin: auto;}
.title_tt p{font-family: "黑体";color: #333333;position:absolute;z-index:20;top: 110px;margin: 0px;width: 520px;margin-left: 75px;font-size: 21px;line-height: 33.5px;text-indent:2em;display: -webkit-box;text-overflow: ellipsis;overflow : hidden;text-overflow: ellipsis;-webkit-line-clamp: 6;-webkit-box-orient: vertical;}

	
	
/*导航*/
#titlecce .tab-pane{border-radius:  0px 8px 8px 8px;min-height: 600px !important;}
#titleccs .active a{background: #4784b7 !important;color: #FFFFFF !important;}
.container li{border-bottom: 1px solid #666 !important;}
.container li a{background: #f3f3f3 !important;color: #666 !important;font-size: 16px;}
.mk_h2{ 
    width: 1200px;
    margin: 15px auto;}
.mk_h2 h2{padding:10px 0;width: 170px;border-radius: 50px;margin: 0px;font-size: 24px;background: url(../img/hj.png) 10px center no-repeat;padding-left: 45px; border: 1px dashed #ddd;}

.mk_h3{   display: table;      width: 1200px;
    margin: 15px auto;}
.mk_h3 h2{float: right;color: #FFFFFF;padding:10px 0;width: 170px;border-radius: 50px;margin-right: 30px;font-size: 24px;background: url(../img/hj.png) 10px center no-repeat;padding-left: 45px; border: 1px dashed #ddd;}




.frame_two{height: 124px;line-height: 124px;background: #1e1b29;width: 100%;display: none;}
.navigation{width: 990px;margin: auto;display: table;}
.navigation ul li{float: left; text-align: center;position: static;}
.navigation ul li:hover{position: relative;z-index: 3;padding:10px 0;background: #22212e; transition: all 0.3s ease-in;
-webkit-transition: all 0.3s ease-in;border-radius: 0 0 5px 5px;}
.navigation ul li a{font-size: 19px; color: #999;}
.Avatar{height: 90px;width: 90px;border: 4px solid #FFFFFF;border-radius: 50%;margin:13px auto;}
.Avatar img{display: table;width: 90px;height: 90px;border-radius: 50%;}

.Personal_information .logo h1{font-family: "黑体";color: #a5a4a9;font-size: 25px;line-height: 50px;}
.row{background: url(../img/huibei2.png) 0 0 repeat-y;background-color: #FFFFFF; border-radius: 8px;}

/*banner*/
.frame_three{width: 100%;height: 310px;line-height: 310px;background: #ace6fb;position: static;z-index: 1;}
.banner{height: 310px;line-height: 310px;margin: auto;text-align: center;}
.banner img{width: 1200px;height: 310px;margin: auto;display: table;}


/*图标列表*/
#pri-content h2{margin-bottom: 15px;}
.icons{padding: 15px 0;margin: 0px;}
.inner{height: 145px;}
.frame_four{width: 100%;display: table; background: #f5f5f5;}
.frame_four .Icon_list{margin-bottom: 25px;}
.frame_four .list-con{display: table;border: 0px solid #dedede;width: 100%;}
.Icon_list{width: 100%;margin: auto;display: table;}
.Icon_list .list-con ul li{margin-bottom: 10px;display: block;width: 24.14%;float: left;border-bottom: 0px solid #dedede;text-align: center;background: #f5f5f5;padding: 20px 0px;margin: 4px;border-radius: 8px;}
.Icon_list .list-con ul li:hover{box-shadow: 2px 2px 2px  #dedede;;}
.Icon_list .list-con .inner img{width:80px;height: 80px ;margin: auto;border-radius: 25px;}
.inner h3{font-size: 16px;color: #232323;font-family: "微软雅黑";font-weight: 400;margin: 0px;}
.icon_Summary{color: #999;margin: 0px;}
.item-list h2{margin-top: 35px;}

.Icon_list .list-con ul li{
  position:relative;
  cursor:pointer;}
.Icon_list .list-con ul li .bmbox{ 
  background:url(../img/mengban.png) 0 0 no-repeat; 
  position:absolute; 
  top: 0px;
  bottom:0px; 
  display:none;
  font:12px/30px "微软雅黑"; color:white;
  text-align:center;
  border-radius: 8px;
 }
.Icon_list .list-con ul li:hover .bmbox{
width: 100%;
  background:url(../img/mengban.png) 0 0 no-repeat; 
  position:absolute; 
  top: 0px;
  bottom:0px; 
  display:block;
  font:12px/30px "微软雅黑"; color:white;
  text-align:center;
  line-height: 200px;
 }
.bmbox button{width: 100px;height: 40px;line-height: 40px;margin: auto;margin-top: 25%;border-radius: 5px;background: #7c6bfc;border: 1px solid #6d5afe;}
 .bmbox button a{font-size: 14px;color: #FFFFFF;}

/*版权*/
.frame_Fives{width: 100%;height: 94px;background: #1e1b29;text-align: center;padding-top: 5px;}
.frame_Fives .copyright{line-height: 45px;width: 990px;margin: auto;}
.frame_Fives .copyright a{color: #808080;}






/*这是百科右侧导航代码的样式表*/
        .directory-nav{position: fixed; right:30px; top: 180px; padding: 12px 0 20px 32px; display: none;}
        .directory-nav li{height: 55px;line-height: 55px;  position: relative;margin-left: 5px;}
        .directory-nav li a{}
        .directory-nav .l1{ }
        .directory-nav .l2{ text-indent:0.6em;}
        .directory-nav .l1 a{font-size: 14px;}
        .directory-nav .l1 a:hover{color: #6453d7;cursor:pointer;}
        .directory-nav .l2 a{font-size: 14px;}
        .directory-nav,.directory-nav a{ color: #666;}

        .directory-nav .line{ position: absolute; left:4px; top: 5px; bottom: 5px; z-index: 1; width: 2px; background: #ddd;}
        .directory-nav .c-top,.directory-nav .c-bottom{ position: absolute; left: 0; z-index: 2;
            display: block; width: 10px; height: 10px; font-size: 0; line-height: 0;
            background: url(../img/directory-nav.png) no-repeat 0 -69px;
        }
        .directory-nav .c-dot{
            position: absolute; left:-37px; top: 50%; z-index: 2; margin-top: -5px;
            display: block; width: 10px; height: 10px; font-size: 0; line-height: 0;
            background: url(../img/directory-nav.png) no-repeat -275px 0;
        }

        .directory-nav .c-top{ top: 0}
        .directory-nav .c-bottom{ bottom: 0}
        .directory-nav .cur-tag{
            position: absolute; left: -1px; top:39px; z-index: 5; margin-top: -6px;
            display: block; width: 19px; height: 13px; font-size: 0; line-height: 0;
            background: url(../img/directory-nav.png) no-repeat -271px -37px;
            -webkit-transition:top .3s ease 0s;
            transition:top .3s ease 0s;
        }
        


/*应用介绍*/
.frame_application{width: 100%;}
.application{width:1200px;margin:5px auto 5px auto;display: table;}
.application ul li{width: 33.3333%;float: left;margin: 15px auto;}
.application_left{float: left;width: auto;}
.application_left img{border-radius: 10px;}
.application_right{float: left;width: auto;max-width: 280px;margin-left: 10px;}
.application_right h1{margin: 0px;font-size: 17px;color: #333333;margin-bottom: 5px;}
.application_right p{margin: 0px;font-size: 15px;line-height: 24px;color: #858585;display: -webkit-box;text-overflow: ellipsis;overflow : hidden;text-overflow: ellipsis;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}


/*应用介绍2*/
.frame_Introduce{width: 100%;display: table;background: #6dabde;}
.application2{height: auto;}
.mainContainer {
	width: 1200px;
	margin: 50px auto;
	overflow: hidden;
	background-color: #FFF;
	display: table;
}
.mainContainer .container{float: left;width: 570px;}
.navContent {
	float: left;
	width: 327px;
}
.mainContainer_Text{float: left;display: table;width: 300px;}
.mainContainer_Text a{font-size: 35px;color: #FFFFFF;}
.infoBox {
	float: left;
	width: 920px;
	margin-left: 30px;
	margin-top: 40px;
}
.logo {
	width: 200px;
	height: 120px;
}
.logobox {
	margin-left: 40px;
	padding-top: 38px;
}
.book {
	padding-left: 83px;
	padding-right: 44px;
	display: block;
	background-color: #78bcaf;
	background-image: url(../images/logo_2.png);
	background-repeat: no-repeat;
	background-position: 25px center;
}
.box {
	padding-left: 83px;
	padding-right: 44px;
	display: block;
	background-color: #adca7a;
	background-image: url(../images/logo_4.png);
	background-repeat: no-repeat;
	background-position: 25px center;
}
.box01 {
	padding-left: 83px;
	padding-right: 44px;
	display: block;
	background-color: #67affb;
	background-image: url(../images/logo_3.png);
	background-repeat: no-repeat;
	background-position: 25px center;
}
.contact {
	padding-left: 83px;
	padding-right: 44px;
	display: block;
	background-color: #f87678;
	background-image: url(../images/logo_1.png);
	background-repeat: no-repeat;
	background-position: 25px center;
}
.navContent a {
	width: 200px;
	color: #FFF;
	font-size: 16px;
	font-family: '微软雅黑';
	text-align: center;
	line-height: 120px;
}
.status {
	font-size: 30px;
	color: #f87678;
	line-height: 70px;
}
.message p {
	float: left;
}
.message {
	margin-top: 30px;
}
.greenTest {
	font-size: 30px;
	color: #78bcaf;
}
.friend {
	line-height: 25px;
}
.edit {
	background-color: #d6ebe7;
	width: 200px;
	height: 160px;
	line-height: 30px;
	margin-left: 20px;
	padding-top: 20px;
	padding-left: 25px;
}
.devise {
	background-color: #e6efd7;
	width: 200px;
	height: 160px;
	line-height: 30px;
	padding-top: 20px;
	padding-left: 25px;
}
.publicity {
	background-color: #d1e7fe;
	width: 200px;
	height: 160px;
	line-height: 20px;
	padding-top: 20px;
	padding-left: 25px;
}
.media {
	background-color: #fdd6d6;
	width: 200px;
	height: 160px;
	line-height: 20px;
	padding-top: 20px;
	padding-left: 25px;
}
.plan {
	background-color: #fdd6d6;
	width: 200px;
	height: 160px;
	line-height: 25px;
	padding-top: 20px;
	padding-left: 25px;
	margin-left: 20px;
}
.world {
	background-color: #d1e7fe;
	width: 200px;
	height: 160px;
	line-height: 30px;
	padding-top: 20px;
	padding-left: 25px;
}
.world span {
	font-size: 20px;
	color: #78bcaf;
	color: #4d4d4d;
}
.job {
	background-color: #e6efd7;
	width: 200px;
	height: 160px;
	line-height: 30px;
	padding-top: 20px;
	padding-left: 25px;
}
.joinus {
	background-color: #d6ebe7;
	width: 225px;
	height: 180px;
	line-height: 180px;
	float: left;
	font-size: 30px;
	text-align: center;
	font-family: '微软雅黑';
	color: #4d4d4d;
}
.secondInfo {
	width: 1000px;
	background-color: #78bcaf;
	float: left;
	height: 480px;
}
.bannerBox div {
	float: left;
	margin-right: 60px;
}
.bannerBox img {
	display: block;
	margin: 0 auto;
}
.young {
	margin-top: 70px;
	line-height: 30px;
	color: #FFF;
}
.bigTest, .bannerBox {
	margin-left: 50px;
}
.young span, .fond span {
	font-size: 24px;
	color: #FFF;
}
.fond {
	color: #FFF;
	margin-top: 20px;
}
.bannerBox {
	margin-top: 95px;
}
.bannerBox p {
	color: #FFF;
	text-align: center;
	margin-top: 20px;
	line-height: 25px;
}
.bannerBox span {
	color: #e6e6e6;
}
.thirdInfo {
	width: 1000px;
	overflow: hidden;
}
.fontTest {
	float: left;
	background-color: #adca7a;
}
.map {
	float: right;
	width: 587px;
	height: 615px;
	background-color: #78bcaf;
}
.fontTest {
	width: 413px;
	height: 615px;
}
.fontTest p {
	font-size: 20px;
	color: #FFF;
}
.fontTest .workRoom {
	margin-top: 200px;
	line-height: 50px;
	margin-left: 50px;
}
.fontTest .address {
	margin-left: 50px;
	line-height: 30px;
}
.map img {
	display: block;
	margin: 47px auto;
}
.lastInfo, .fourInfo {
	width: 1000px;
	float: left;
}
.photoBox img {
	float: left;
	display: block;
}
.photoBox {
	width: 1000px;
	overflow: hidden;
	position: absolute;
	top: -120px;
	left: 50px;
}
.bottomBox {
	background-color: #f87678;
	height: 295px;
	position: relative;
}
.walfareBox {
	height: 300px;
	margin-left: 50px;
}
.walfare {
	padding-top: 30px;
	font-size: 20px;
	line-height: 45px;
}
.sangs {
	margin-top: 10px;
}
.attend {
	padding-top: 130px;
	margin-left: 50px;
	overflow: hidden;
}
.attend span, .attend img {
	float: left;
	color: #FFF;
}
.attend p {
	color: #FFF;
	font-size: 20px;
	line-height: 40px;
}
.attend img {
	margin-left: 80px;
	margin-top: -30px;
}
.life {
	height: 355px;
}
.life p {
	font-size: 20px;
	padding-top: 50px;
	margin-left: 80px;
}
.blue img, .rightBox {
	float: left;
}
.blue {
	background-color: #67affb;
	height: 240px;
	position: relative;
}
.blue img {
	position: absolute;
	top: -250px;
	left: 50px;
}
.rightBox {
	position: absolute;
	top: -260px;
	right: 80px;
}
.rightBox span {
	line-height: 28px;
}
.rightBox p {
	margin-top: 25px;
}

.banner2{margin:20px 15px;width:530px;overflow:hidden;background: #FFFFFF;padding: 5px;border-radius: 5px;}
.large_box{margin-bottom:10px;width:530px;height:350px;overflow:hidden;}
.large_box img{display:block;border-radius: 5px;}
.small_box{width:530px;height:73px;overflow:hidden;}
.small_list{position:relative;float:left;width:480px;height:73px;overflow:hidden;}
.small_list ul{height:73px;overflow:hidden;}
.small_list ul li{position:relative;float:left;margin-right:10px;width:110px;}
.small_list ul li img{display:block;border-radius: 5px;}
.small_list ul li .bun_bg{display:none;position:absolute;top:0;left:0;width:110px;height:73px;background:#000;filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity:0.6;opacity:0.6;}
.small_list ul li.on .bun_bg{display:block;}
.btn{display:block;width:20px;height:73px;background-color:#777;background-repeat:no-repeat;background-position:center center;cursor:pointer;}
.btn:hover{background-color:#e7000e;}
.left_btn{float:left;margin-right:10px;background-image:url(../images/left_btn.png);}
.right_btn{float:right;background-image:url(../images/right_btn.png);}







