@charset "utf-8";
/* CSS Document */
* { margin:0; padding:0;}
body { font-family:"微软雅黑";overflow-x: hidden}
li { list-style:none; float:left; display:inline; }
a { text-decoration:none; cursor:pointer; outline:none; }
img { vertical-align:middle; border:0; }
.clear {clear:both }
.fl{ float:left; display:inline;}
.fr{ float:right; display:inline;}
.absolute { position:absolute;}
h1, h2, h3, h4, h5, h6{ font-weight:normal; width:100%;}

.top{ width:100%; height:36px; border-bottom:1px solid #dddddd; background:#fff;}
.cont,.header,.nav_con{ width:1228px; height:auto; overflow:hidden; margin:0 auto;}
.top_le{ width:338px; font-size:12px; color:#000;}
.top_le a{ height:35px; line-height:35px; display: inline-block; padding:0 8px;color:#191919;}
.top_le a:hover{ color:#191919;}
.top_rg {  color:#000; line-height:35px; height:35px; font-size:12px;}
.logo{ text-align:center; margin-top:15px; height:58px; display:block;margin-bottom:20px; }


/*top*/

.hot {}

 
/** 通用主题框架 **/
.contaier,.hm-box{width: 100%; margin: 0 auto; clear: both;}
.hm-warp{width: 1200px; margin: 0 auto; clear: both; padding-bottom:58px;}

/* hmbk */
.hmbk{padding-top: 40px; height: 459px; padding-bottom:58px;}
.hmbk .area{width: 382px; height: 399px; overflow: hidden; border: 1px solid #dddddd; float: left; margin-right: 24px; position: relative; -webkit-transition:all 0.2s linear 0s;transition:all 0.2s linear 0s;}
.hmbk .area .title{font-size:22px; line-height: 42px; color:#626261; padding: 10px 15px 0;}
.hmbk .area:last-child{margin-right: 0;}
.hmbk .area:hover{-webkit-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0);-webkit-box-shadow:0 0 1px rgba(8,1,3,.2);box-shadow:0 0 1px rgba(8,1,3,.2);z-index:10; border-top: 1px solid #b10000}
.hmbk .area .swiper-container{ overflow: initial }
.hmbk .area .txt{width: 100%; float: left; margin-top: 16px;}
.hmbk .area .swiper-button-next,.hmbk .swiper-button-prev{width: 18px; height: 19px; top: -14px; background: url('../images/icon.png')}
.hmbk .area .swiper-button-prev{left:333px; background-position: 0px -65px}
.hmbk .area .swiper-button-next{background-position: -19px -65px}

.hmbk .hmhd .txt h5{font-size:24px; line-height: 30px; text-align: center;}
.hmbk .hmhd .txt p{font-size:18px; line-height: 30px; text-align: center;}
.hmbk .hmhd .txt p span{color:#ff0000;}

.hmbk .hmzx .txt{width: 348px; margin: 0 auto; float: none; border-bottom: 1px solid #eaeaea; padding-bottom: 10px;}
.hmbk .hmzx .txt h5{font-size:24px;line-height: 50px;color:#000;margin-top: 5px;width: 348px;height: 50px;overflow: hidden;}
.hmbk .hmzx .txt p{font-size:14px; line-height: 20px; color:#8c8c8c;width: 348px;height: 50px;overflow: hidden;}
.hmbk .hmzx .txt p a{color:#ff0000;}

.hmbk .hmzx .txt2{width: 348px; margin: 10px auto;}
.hmbk .hmzx .txt2 li{width: 100%; height: 24px; overflow: hidden; float: left;}
.hmbk .hmzx .txt2 li:before{content: ''; width: 6px; height: 6px; background-color: #d6d6d6; border-radius: 50%; float: left; margin: 10px 10px 0;}
.hmbk .hmzx .txt2 li a{ float: left; font-size:16px; line-height: 24px; color:#000; width:316px;}
.hmbk .hmzx .txt2 li a:hover{color:#e04e8e;}

.hmbk .tyzj .xx{ width: 200px; position: absolute; left: 170px; top: 55px; z-index: 2; text-align: center;}
.hmbk .tyzj .xx h5{font-size: 36px; line-height: 36px; color:#4f4f4f;}
.hmbk .tyzj .xx span,.hmbk .tyzj .xx p{font-size: 18px; line-height: 26px; color:#4f4f4f;}
.hmbk .tyzj .xx p{margin-top: 5px;}
.hmbk .tyzj .xx em{color:#ef464b;}
.hmbk .tyzj .txt{ font-size: 16px; line-height: 24px; color: #000; padding: 0 20px;}


.brand .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{height: 54px; bottom: 445px; background-color: #3d3f4c; padding: 8px 15px 0;}
.brand .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0;}
.brand .swiper-pagination-bullet{ width: 292px; height: 46px; float: left; background: none; border-radius: 0; opacity: 1; font-size:18px; line-height: 46px; text-align: center; color:#fff;}
.brand .swiper-pagination-bullet-active{background: #cb0d0d;}


/*案例对比、安全与服务管理、特邀专家模块css*/
.stage1 {margin-top:35px; width:1330px; }
.stage1 .stage1-width {width:360px;height:390px;padding:10px 24px;border-top:1px solid #e1e1e1;border-left:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;position: relative;-moz-transition:all 0.2s linear 0s;-webkit-transition:all 0.2s linear 0s;transition:all 0.2s linear 0s;overflow:hidden;}
.stage1 .stage1-width:last-child{border-right:1px solid #e1e1e1;}
.stage1 .stage1-width:hover {-moz-box-shadow:0 0 8px rgba(8,1,3,.2);-webkit-box-shadow:0 0 8px rgba(8,1,3,.2);box-shadow:0 0 8px rgba(8,1,3,.2);z-index:10; background-color:#f8f7f7;border-top-color:#ff2929;-moz-transform:translate3d(0,-2px,0);-ms-transform:translate3d(0,-2px,0);-o-transform:translate3d(0,-2px,0);-webkit-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0);}
.stage1Title {height:46px;}

.stage1Title span {display:inline-block;line-height:46px;float:left;font-size:20px;color:#3d3f4b; }
.stage1Title span a {display:inline-block;font-size:20px;color:#3d3f4b;}

.stage1Title .more{display:block;width:41px;height:11px; margin-top:20px;margin-left:20px;display:inline;}
.stage1Title .preNext {width:37px;height:19px;margin-top:14px;}
.stage1Title .preNext a {display:block;width:18px;height:19px; background-color:#8c8c8c;position:relative;}
.stage1Title .preNext a:hover { background-color:#606060;}
.stage1Title .preNext i {position:absolute;display:block;width:7px;height:13px;left:6px;top:3px;}
.stage1Title .preBtn i{ background:url(../images/icon.png) no-repeat -68px -45px;}
.stage1Title .nextBtn i{background:url(../images/icon.png) no-repeat -78px -45px;}
.stage1_anliBox {width:350px;height:308px;overflow:hidden;}
.stage1_anliBox h4 {font-size:27px;color:#666;line-height:32px;margin-top:20px;}
.stage1_anliBox h4 a{font-size:27px;color:#666;line-height:32px;}
.stage1_anliBox h4 a:hover{color:#ff2929;}
.stage1_anliBox p,.stage1_b p {font-size:14px;color:#666;}
.stage1_c span{ background:url(../images/hot1.png) no-repeat 83px 8px; padding-right:20px; }


.stage1_b span:after,.stage5Title span:after {content:'';position:absolute;width:9px;height:11px; background:url(../images/icon.png) no-repeat -88px -109px;top:20px;right:-15px;}
.stage1_b span.active:after,.stage5Title span.active:after {-webkit-animation:shake1 .4s linear 0s 1;animation:shake1 .4s linear 0s 1;}
.stage1_b span:after {top:10px}
.stage1_b .activityBox {width:350px;height:235px;overflow:hidden;}
.stage1_b h4 {font-size:27px;color:#666;line-height:32px;margin-top:20px;}
.stage1_c p,.stage1_b p {font-size:14px;color:#666;line-height:26px;padding-top:20px;}
.stage1_a p.s1{ padding-top:20px;}
.stage1_a p{font-size:14px;color:#666;line-height:26px;}
.stage1_b p{ text-align:center;}
.stage1_a p a,.stage1_b p a{ color:#666;}
.stage1_a p a:hover,.stage1_b p a:hover{ color:#ff2929;}
.stage1_c .expertSlide {width:350px;height:235px;overflow:hidden;}
.stage1_c .slideBox {width:350px;height:235px;overflow:hidden;}
.stage1_c .slideBox a {display:block;width:100%;height:100%}
.stage1_c .focus {width:97%;bottom:134px;z-index:10;text-align:center;}
.stage1_c .focus span {display:inline-block;width:6px;height:6px; background-color:#fff;margin:0 3px; padding-right:0px;}
.stage1_c .focus span.active { background-color:#ff2929}

/*** stage2****/
.stage2{ background: url(../images/item.jpg) no-repeat center top; height:210px; margin-top:25px;  clear: both; display:block; }
.class_con{ width:1400px; height:auto; overflow:hidden; margin:0 auto;}
.classic{ font-size:35px; height:35px; line-height:35px; text-align:center; color:#fff; padding:68px 0 95px 0;}
.class_con ul{ width:1500px;padding-top:38px;}
.class_con ul li{ width:113px; float:left; display:inline; margin-right:29px;}

.class_con ul li p a{ background:none; height:35px; line-height:35px; display:block; color:#fff; font-size:18px; text-align:center;}
.class_con ul li p a:hover{ cursor:pointer; }
.class_con ul li>a{width: 110px;height: 100px;color:#0a0909;margin:0 auto;display:block;background-image: url(../images/ttt_03.png);background-repeat:no-repeat; font-size: 18px; cursor:pointer; border-radius:25px;  }
{ border-radius: 20%;box-shadow:1px 1px #666; border:1px solid #bcbcbe;}

.c1{background-position: 0px -105px;}
.c2{background-position: -142px -105px;}
.c3{background-position: -286px -105px;}
.c4{background-position: -429px -105px;}
.c5{background-position: -572px -105px;}
.c6{background-position: -717px -105px;}
.c7{background-position: -860px -105px;}
.c8{background-position: -1002px -105px;}
.c9{background-position: -1147px -105px;}
.c10{background-position: -1289px -105px;}




.class_con ul li>a:hover{-moz-box-shadow:0 0 8px rgba(8,1,3,.2);-webkit-box-shadow:0 0 8px rgba(8,1,3,.2);box-shadow:0 0 8px rgba(8,1,3,.2);z-index:10; -moz-transform:translate3d(0,-2px,0);-ms-transform:translate3d(0,-2px,0);-o-transform:translate3d(0,-2px,0);-webkit-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0); transition: all 0.3s ease 0s;}

.c1:hover{ background-position: 0px 1px; border:none;box-shadow: none; }
.c2:hover{background-position: -143px 1px;}
.c3:hover{background-position: -287px 1px;}
.c4:hover{background-position: -430px 1px;}
.c5:hover{background-position: -573px 1px;}
.c6:hover{background-position: -717px 1px;}
.c7:hover{background-position: -860px 1px;}
.c8:hover{background-position: -1003px 1px;}
.c9:hover{background-position: -1147px 1px;}
.c10:hover{background-position: -1290px 1px;}



/********本院专家***********/



/*首页学术历程*/
.xslc {width:1228px;height:494px;overflow:hidden;margin:35px auto;}
.xslc_focus {width:1228px;height:47px;}
.xslc_focus .txt {width:25%;height:47px;padding-top:0px; float:left;text-align:center;color:#666; background-color:#dedede;-moz-box-shadow:inset 0 0 10px rgba(22,17,23,0);-webkit-box-shadow:inset 0 0 10px rgba(22,17,23,0);box-shadow:inset 0 0 10px rgba(22,17,23,0);-moz-transition:all .3s linear 0s;-webkit-transition:all .3s linear 0s;transition:all .3s linear 0s;}
.xslc_focus .txt.active,.xslc_focus .txt:hover { background: url(../images/ba.jpg) repeat-x; color:#fff;  }
.xslc_focus .txt h6 {font-size:20px;line-height:47px;}
.xslc_focus .txt span {display:block;font-size:16px;line-height:1.2;}
.xslc .slideBox,.xslc .slideBox .slide {width:100%;height:400px;overflow:hidden;  }
.slideBox{width:1198px;height:400px;overflow:hidden; padding:15px 15px 24px 15px; background:#eeeff2;}
.slide1,.slide6,slide3,slide4{ padding:0px;}

.xslc .slideBox .slide .info a {display:block;position:relative;}
.xslc .slideBox .slide .info p {position:absolute;width:100%;left:0;bottom:0;padding:30px 0px 8px 0px; text-align:center; background:rgba(0,0,0,.5);font-size:16px;color:#fff;line-height:1.6}

.xslc .slideBox .slide .info .overlay {width:100%;height:100%;left:0;top:0; background-color:rgba(0,0,0,0);-moz-transition:all .3s linear 0s;-webkit-transition:all .3s linear 0s;transition:all .3s linear 0s;}
.xslc .slideBox .slide .info.active .overlay{background-color:rgba(0,0,0,.5);}
.xslc .slide .info {margin-right:1px;}
.xslc .slide .info:last-child{margin-right:0;}


/**comm**/
.stage4{ background:url(../images/sta_bg.jpg) no-repeat center top; height:604px; margin-top: 40px;}
 .comei_Share{	display:none; width: 100%;    min-width: 1340px;    height: 700px;overflow: hidden;    background-color: #f5f5f5}
 .comei_Share .comei_jdcase{    width: 1205px;    height: 50px;    background: url(../images/comei_text-line.png) no-repeat bottom left;    margin: 0 auto;    padding: 0px 8px;    font-size: 33px;    line-height: 30px;    color: #666666;    margin-top: 35px;    margin-bottom: 35px;}
 .comei_Share .comei_jdcase span{    color: #b85f17;}
 .comei_Share .comei_jdcase p{    font-size: 24px;    color: #333;    float: right;    padding-right: 788px;    line-height: 40px;}
 .comei_Share .comei_case{    width: 1205px;    height: 507px;    margin: 30px auto;    position: relative;}

 .comei_Share .comei_case .comei_case_left{width: 333px;height: 505px; float: left; background: url(../images/comei_case_left.jpg);}

 .comei_Share .comei_case .comei_case_right{    width: 872px;    height: 503px;    float: left;    margin-top: 1px;    background-color: #bfbcc7}

 .comei_Share .comei_case .comei_case_left h3{    font-size: 24px;    line-height: 30px;    padding: 55px 30px 0px;    font-weight: normal;    color: #333;}

 .comei_Share .comei_case .comei_case_left h4{    font-size: 60px;    line-height: 80px;    padding: 0px 30px 40px;    font-weight: bold;}

 .comei_Share .comei_case .comei_case_left h2{  font-size: 20px;    line-height: 40px;    padding: 0px 35px;    font-weight: bold;}
 .comei_Share .comei_case .comei_case_left img{    width:220px;    padding-left:5px}
 .comei_Share .comei_case .comei_case_left a{    display: block;    width: 200px;    height: 30px;    padding: 5px;    border-radius: 10px;    background-color: #b99746;    color: #fff;    font-size: 18px;    text-align: center;    margin-top: 40px;    margin-left: 30px;    line-height: 28px}
 {
    width: 100%;    min-width: 1340px;    height: 840px;    background-color: #fff;    overflow: hidden;}
 .comei_BOx{    width: 1228px;    height: 475px;    margin: 39px auto; margin-top:70px;   }
 .comei_BOx .comei_box_head{    width: 1228px;    height: 62px;    background: url(../images/bag.png) repeat-x; margin-top:30px;}
 .comei_BOx .comei_box_body{    width: 1228px;    height: 413px;background-color: #f2f2f2 }
 .comei_BOx .comei_box_head ul li{    width: 300px;    height: 62px;    float: left;    color: #000;    line-height: 60px;}
 .comei_BOx .comei_box_head ul li p{    font-size: 14px;    float: left;    line-height: 72px;    padding-left: 5px;}
 .comei_BOx .comei_box_head ul li span{    font-size: 21px;    float: left;    padding-left: 110px;}
 .comei_BOx .comei_box_head ul li.hoverhovers{    background: url(../images/bag1.jpg) repeat-x;    color: #000;    cursor:pointer;}
 .comei_BOx .comei_box_body ul li{    width: 1228px;    height: 345px;    padding: 35px 0 35px 0;	overflow:hidden;}

 .comei_BOx .comei_box_body ul li .comei_img_box{    width: 260px;    height: 345px;    float: left;}
 .comei_BOx .comei_box_body ul li .comei_img_box_padd{    padding-left: 30px;}
 .comei_zchz{    width: 1200px;    height: 160px;    margin: 50px auto;}
 .comei_zchz .comei_hzdw{    padding: 20px 0px 0px 0px;}
 .comei_zchz .comei_hzdw li{    /*width: 200px;*/    padding: 0px 38px;    float: left;    text-align: center;}
 .comei_zchz_left{	font-size: 18px;    line-height: 32px;    color: #323232;    border-bottom: 1px solid #d8b736;    text-align: center;    width: 20%;    float: left;}
 .comei_zchz_right{    width: 79%;    height: 32px;    overflow: hidden;    border-bottom: 1px solid #eaeaea;    float: right;}
.comei_zchz_right .comei_zchz_right_amp{     cursor: pointer;	width: 140px;    font-size: 16px;    line-height: 32px;    color: #c19a3d;    float: left;    text-align: center;}
.comei_zchz .comei_hzdw li a{	font-size:20px;	line-height: 70px;	color:#c19a3d;}
 .comei_zchz_left span{    color: #b3b3b3;}



.ryhj_gd{width:1228px; height:348px;}
.ryhj_gd .tagContenta2{display:none;}
.ryhj_gd .sia{display:block;}

.ryhj_gd .tagContenta2{position:relative;}
.ryhj_gd .pic_li{width:1228px; height:348px; margin:0 35px; overflow:hidden; margin:0 auto;}
.ryhj_gd .pic_li ul{ width:1230px; margin-left:19px;}
.ryhj_gd .pic_li ul li.ryhj_1{ padding: 0px;width:260px; height:348px; overflow:hidden; float:left; display:block; margin-left:30px; position:relative;}
.ryhj_gd .pic_li ul li.ryhj_1 img{ width:100%; z-index:5;}
.ryhj_gd .pic_li ul li.ryhj_1 span{ padding:20px 16px 0px 16px; width:228px; height:67px; position:absolute; bottom:0; z-index:10; display:block; background:rgba(0,0,0,0.4); font-size:14px; color:#ffffff;}
.ryhj_gd .pic_li .prev{width: 35px;height: 74px; top:130px; display:block; position:absolute; z-index:2; cursor:pointer; background:url(../images/ryhj_em_03.png) no-repeat; left:0px; opacity:0.4;}
.ryhj_gd .pic_li .next{width: 35px;height: 74px; top:130px; display:block; position:absolute; z-index:2; cursor:pointer; background:url(../images/ryhj_em_05.png) no-repeat; right:0px;opacity:0.4;}
.ryhj_gd .pic_li .prev:hover{opacity:0.7;}
.ryhj_gd .pic_li .next:hover{opacity:0.7;}
li#comei_tab0_4 {    padding: 35px 0px;    overflow: inherit;}
li# {    padding: 35px 0px;    overflow: inherit;}





.experts{padding-top: 40px;}
.experts .experts-l{width: 466px; height: 500px; background-color: #f9f9f9; float: left; padding: 0 25px;}
.experts .experts-l .bt{font-size:22px; line-height: 60px; padding-bottom: 5px; color:#666;}
.experts .experts-l .swiper-container{width: 100%; height: 430px;}
.experts .experts-l .swiper-slide li{width: 97px; height: 120px; float: left; background-color: #fff; margin-right: 9px; margin-bottom: 12px; position: relative;}
.experts .experts-l .swiper-slide li:nth-child(4n){margin-right: 0;}
.experts .experts-l .swiper-slide .tx{width: 97px; height: 102px;}
.experts .experts-l .swiper-slide .xm{ font-size: 14px; line-height: 18px; text-align: center; color: #000;}
.experts .experts-l .swiper-slide li .info{ width: 212px; height: 120px; background-color: #fff; padding: 20px; overflow: hidden; position: absolute; top: 0; display: none; opacity: 0; z-index: 9;}
.experts .experts-l .swiper-slide li .info h6{font-size:16px; line-height: 30px; font-weight: 600;}
.experts .experts-l .swiper-slide li .info p{height: 40px; font-size:14px; line-height: 20px; color:#5f5f5f; overflow: hidden;}
.experts .experts-l li:nth-child(1) .info,.experts .experts-l li:nth-child(2) .info,.experts .experts-l li:nth-child(5) .info,.experts .experts-l li:nth-child(6) .info,.experts .experts-l li:nth-child(9) .info,.experts .experts-l li:nth-child(10) .info{left: 97px;}
.experts .experts-l li:nth-child(3) .info,.experts .experts-l li:nth-child(4) .info,.experts .experts-l li:nth-child(7) .info,.experts .experts-l li:nth-child(8) .info,.experts .experts-l li:nth-child(11) .info,.experts .experts-l li:nth-child(12) .info{right: 97px;}
.experts .experts-l .swiper-pagination-bullet{ width: 12px; height: 12px; opacity: 1; background:#dddddd;} 
.experts .experts-l .swiper-pagination-bullet-active{background:#cb0d0d;}
.experts .experts-l .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 3px;}
.experts .experts-r{width: 734px; height: 500px; float: right;}
.experts .experts-r .swiper-slide{overflow: hidden;}
.experts .experts-r .swiper-slide .txt{width: 560px; height: auto; position: absolute; left: 0; bottom: 0; opacity: 0;  background:#d89797; padding: 22px; color:#fff;}
.experts .experts-r .swiper-slide .txt h3{font-size:26px; line-height: 36px;}
.experts .experts-r .swiper-slide .txt p{font-size:16px; line-height: 24px;}
.experts .experts-r .swiper-button-next,.experts .experts-r .swiper-button-prev{width: 88px; height: 87px; opacity: 1;}
.experts .experts-r .swiper-button-prev,.experts .experts-r .swiper-container-rtl .swiper-button-next{  background: url('../images/icon.png') 0px -374px; left: 0%}
.experts .experts-r .swiper-button-prev:hover,.experts .experts-r .swiper-container-rtl .swiper-button-next:hover{ background: url('../images/icon.png') 0 -286px;}
.experts .experts-r .swiper-button-next,.experts .experts-r .swiper-container-rtl .swiper-button-prev{  background: url('../images/icon.png') -89px -374px; right: 0%}
.experts .experts-r .swiper-button-next:hover,.mlxc .swiper-container-rtl .swiper-button-prev:hover{ background: url('../images/icon.png') -89px -286px;}