@charset "gb2312";
/* CSS Document */

body,p,form,input,th,td,select,div,ul,li,ol,dl,dd,p,hr,h1,h2,h3,h4,h5,h6,pre,table,address,fieldset,figure,img { margin: 0; padding: 0; }


body {  margin: 0 auto; font: normal .12em/1.6 "Microsoft YaHei","΢ÈíÑźÚ",Verdana,Tahoma;  }
h1, h2, h3, h4, h5, h6, b, i { font-style: normal; font-weight: normal; }
li { list-style: none; }
a { text-decoration: none; color:#000000;}
fieldset, input { border: none; }
img { border: none; vertical-align: top;}
table { border-collapse: collapse; }
textarea { resize: none; overflow: auto; }


.cler1{clear:both; display: inline-block; padding-top:50px; width:100%;}
.cler2{clear:both; display: inline-block; padding-top:30px; width:100%; }
.cler3{clear:both; display: inline-block; width:92%; position:relative; }
.cler4{clear:both; display: inline-block; width:1200px; }
.cler5{clear:both; display: inline-block; width:1260px; }
.cler6{clear:both; display: block; width:100%; position:relative; }
.cler7{clear:both; display: inline-block; width:1220px; position:relative; }
.cler8{clear:both; display: inline-block; width:1240px; padding-top:40px;}
.cler9{clear:both; display: inline-block; width:100%; padding-top:16px;}
@keyframes fadeIn-t{0%{transform:scale(.9);opacity:1}50%{transform:scale(1);opacity:1}100%{transform:scale(.9);opacity:1}}
@-webkit-keyframes fadeIn-t{0%{-webkit-transform:scale(.9);opacity:1}50%{-webkit-transform:scale(1);opacity:1}100%{-webkit-transform:scale(.9);opacity:1}}
.shan1{animation: fadeIn-t 2s linear infinite;-moz-animation: fadeIn-t 2s linear infinite;-webkit-animation: fadeIn-t 2s linear infinite;}

.swiper-pagination-bullet{ background-color:#9e9fc4 !important; opacity:1 !important; width:35px !important; height:8px !important; -moz-border-radius: 0px !important; -webkit-border-radius: 0px !important; border-radius:0px !important; margin:0 0 0 0 !important;}
.swiper-pagination-bullet-active{ background-color:#0d106c !important; width:35px !important; }

.swiper-slide dd{ display:block;}
.swiper-slide dt{ display:none;}
.swiper-slide-thumb-active dt{ display:block !important;}
.swiper-slide-thumb-active dd{ display:none !important;}
.bg1{ position:absolute; display:inline-block; bottom:-130px; z-index:11; background-image:url(tibg.png); width:1222px; height:172px;}

.xbhd dt {
    background: #d2d2d2;
    padding: 5px 10%;
    overflow: hidden;
}
.xbhd dt p:nth-of-type(2) {
    float: right;
    text-align: right;
}
.xbhd dt p {
text-align:left;
    float: left;
    font-size: 14px;
    color: #fff;
    width: 50%;
}.xbhd dt p a {
    color: #fff;
}.xbhd dt p:nth-of-type(2) img {
    margin-right: 2%;
}.xbhd dt p:nth-of-type(1) img {
    margin: 0% 2% 0% 7%;
}
.ulul1{ width:86%;}
.ulul1 li{ float:left; width:33%;}

.ulul2{ width:1200px; display:inline-block; padding-top:37px;}
.ulul2 li{ float:left; width:8.3%;}
.ulul2 li p{ font-size:21px;}

.ulul3{ width:1220px; padding-left:10px; display:inline-block; padding-top:20px;}
.ulul3 li{ float:left; width:24%; padding-left:1%;}
.ulul3lip{ font-size:16px; padding-top:10px; color:#888787;}

.ulul4{ width:1205px; padding-top:20px;}
.ulul4 li{ float:left; width:24.9%; padding-left:0.1%;}

.ulul5{ width:840px; margin-right:15px; border-bottom:1px #999999 solid; padding-bottom:25px; display:inline-block; padding-top:20px; padding-left:360px;}
.ulul5 li{ float:left; cursor:pointer; display:inline-block; font-size:24px; width:150px; line-height:0px; padding-left:0.3%;}
.ulul5 li img{ padding-left:5px;}
.ulul5 li i{width:100px; padding-bottom:12px;}

.ulul6{ width:1270px; margin-right:20px; display:inline-block;}
.ulul6 li{ float:left; width:12%; padding-left:0.4%;}
.ulul6 li p{ font-size:15px; padding-top:5px; color:#666666;}
.check1:hover{ color:#3083fd}
.ulul7{ width:1270px; margin-right:20px; display:inline-block;}
.ulul7 li{ float:left; width:15.6%; padding-left:1%;}
.ulul7 li p{ font-size:15px; padding-top:5px; color:#666666;}

.fhpp {
    width: 100%;
    height: 905px;
    margin: 0 auto;
    padding-top: 60px;
    text-align: center;
    background: url(ghhj_bg.jpg) no-repeat fixed;
        background-size: auto;
    background-size: 100%;
}
.anniu1{ background-color:#736e6e; float:right; display:block; width:20px; height:22px; color:white; font-size:20px; font-weight:100; line-height:16px;}
.anniu2{ background-color:#ababab; float:left; display:block; width:20px; height:22px; color:white; font-size:20px; font-weight:100; line-height:16px;}
.dingw1{}
.dldl1{ width:1219.6px; position:relative;}
.dldl1 dt{ float:left; width:817px;}
.dldl1 dt p{ position:absolute; top:78%;; text-align:left; left:3%; width:94%; font-size:19px; color:white;}
.dldl1 dd{ float:right; position:absolute; right:0px; top:0px; width:442px;}
.dldl1 dd img{ cursor:pointer;}
.pp1{ position:absolute; bottom:10px; font-size:17px; text-align:center; left:0px; width:100%; color:white;}

.tlt1{ width:100%; text-align:left;}
.tlt1 .tup{ float:left;}
.tlt1 span{ font-size:28px; line-height:24px; padding-left:8px; font-weight:bold; text-align:left; float:left;}
.tlt1 span i{ font-size:20px; color:#7d7c7c; padding-left:5px; letter-spacing:2px;}
.tlt1 a{ display:block; float:right; width:98px; height:27px; color:#dcdddd; border:1px #dcdddd solid; padding:3px; line-height:24px; font-size:18px; text-align:center;}

.con1 { clear:both; padding-top:140px; width: 1200px; height: 327px;}
.con1 .academic, .con1 .expert { width: 710px; height: 288px; float: left; border: 1px solid #e5e5e5; padding: 24px; -webkit-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; }
.con1 h3 { width: 100%; font-size: 20px; color: #2e2d2d; position: relative; height: 38px; }

.con1 .acSlide { width: 440px; height: 240px; overflow: hidden; float: left; }
.con1 .acSlide .focus1, .con1 .exSlide .focus2, .con3 .teamR .focus3 { width: 423px; left: 0; bottom: 5%; text-align: right; z-index: 20; line-height: 6px; }
.con1 .exSlide .focus2 { width: 323px; }

.con1 .acSlide .focus1 span, .con1 .exSlide .focus2 span, .con3 .teamR .focus3 span { display: inline-block; width: 12px; height: 12px;  border-radius:50px; background: #cfcfce; margin: 0 3px; }
.con1 .acSlide .focus1 span.on, .con1 .exSlide .focus2 span.on, .con3 .teamR .focus3 span.on { background: #2b6acc; border-radius:50px; }
.con1 .acTxt { width: 250px; text-align:left; height: 240px; float: right; overflow: hidden; }
.con1 .acTxt ul { width: 100%; height: 240px; position: relative; }
.con1 .acTxt li { width: 100%; height: 240px; position: absolute; top: 0; left: 0; z-index: 0; -webkit-transition: all 0.3s; transition: all 0.3s; opacity: 0; filter:alpha(opacity:0)
}
.con1 .acTxt li h6 { font-size: 18px; color: #111; line-height: 28px; margin-top: -5px; }
.con1 .acTxt li p { font-size: 16px; line-height: 24px; color: #636262; }
.con1 .acTxt li .check { position: absolute; top: 218px; left: 178px; font-size: 14px; color: #9d9799; -webkit-transition: all 0.3s; transition: all 0.3s; }
.con1 .acTxt li .check:before { content: ''; position: absolute; width: 11px; height: 11px; background-position: -626px -101px; top: 5px; right: -16px; }
.con1 .acTxt li.on { z-index: 10; opacity: 1; filter:alpha(opacity:100)
}
.con1 h3{ text-align:left; line-height:20px;}
.con1 h3 span{ line-height:24px; padding-left:10px;}
.con1 h3 a img{ float:right;}
.con1 .academic:hover, .con1 .expert:hover, .con5 li:hover { background: white; border-top-color: #3083fd; position: relative; z-index: 1; box-shadow: 0 0 5px rgba(0,0,0,.2); -webkit-transform: translateY(-3px); transform: translateY(-3px); }
.con1 .academic:hover, .con1 .expert:hover{-webkit-transform: translateY(0); transform: translateY(0);}
.con1 .academic:hover .check { color: #ba1644; }

.con1 .expert { width: 391px; margin-left: -1px; }
.con1 .expert .exSlide { width: 380px; height: 250px; }
.con1 .expert .exSlide .bd { width: 380px; height: 250px; overflow: hidden; }
.con1 .expert .exprev, .con1 .expert .exnext, .con3 .teamR .tmprev, .con3 .teamR .tmnext { width: 18px; height: 19px; position: absolute; top: -37px; right: 19px; background-position: -723px -99px; }

.con1 .expert .exnext { right: 0; }
.con3 .teamR .tmnext { right: 28px; }

.content .con1 .expert .exprev, .content .con1 .expert .exnext, .content .con3 .teamR .tmprev, .content .con3 .teamR .tmnext { width: 18px; height: 19px; position: absolute; top: -37px; right: 19px; background-position: -723px -99px; }
.content .con3 .teamR .tmprev, .content .con3 .teamR .tmnext { top: 30px; right: 47px; }
.content .con1 .expert .exnext { right: 0; }
.content .con3 .teamR .tmnext { right: 28px; }
.content .con1 .expert .exprev:hover, .content .con3 .teamR .tmprev:hover { background-position: -722px -70px; }
.content .con1 .expert .exnext, .content .con3 .teamR .tmnext { background-position: -755px -99px; }
.content .con1 .expert .exnext:hover, .content .con3 .teamR .tmnext:hover { background-position: -754px -70px; }
.nav {
    width: 100%;
    height: 50px;
    position: relative;
    margin: 0 auto;
    z-index: 999;
    background: #0e78e8;
}

.nav .list1 {

    width: 78%;
    margin: 0px auto;
    height: 50px;

}.nav .list1 li {
    float: left;
    height: 50px;
    width: 12%;
    text-align: center;
    list-style: none;
}

.nav .list1 a {
    float: left;
    display: block;
    width: 100%;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 22px;
    color: #FFF;
    transition: background-color 0.2s ease-out 0s, padding 0.2s ease-out 0s;
}
.header .logo, .header .hdTag div, .header .hdTel, .header .hdTel .telNum, .bannerSlide .preBtn i, .bannerSlide .nextBtn i,.hmNew h3:after, .menuWrap li h3 a:before, .con1 .acTxt li .check:before, .con1 .expert .exprev, .con1 .expert .exnext, .con2 .more:before, .con2 .hot, .con3 .teamR .tmprev, .con3 .teamR .tmnext, .con4 .showBox .showCon .clBtn,.footerLog,.footerTellLogo { background: url("index.png") no-repeat; }
.div_more{height:21px}
.bannerSlide { width: 100%; height: 735px; overflow: hidden; margin: 0 auto; max-width: 1920px; }
.bannerSlide .slideBox, .bannerSlide .slideBox .tempWrap { width: 100%; height: 735px; margin: 0 auto; }
.bannerSlide .slideBox li { position: relative; width: 100%; height: 735px; overflow: hidden; }
.bannerSlide .slideBox li a { display: block; width: 100%; height: 100%; position: relative; }
.bannerSlide .slideBox li img { position: absolute; left: 50%; top: 0; margin-left: -960px; -moz-transform: scaleX(1.05) scaleY(1.05); -ms-transform: scaleX(1.05) scaleY(1.05); -o-transform: scaleX(1.05) scaleY(1.05); -webkit-transform: scaleX(1.05) scaleY(1.05); transform: scaleX(1.05) scaleY(1.05); }
.bannerSlide .slideBox li.active img { -moz-transition: -moz-transform 4s linear 0s; -ms-transition: -ms-transform 4s linear 0s; -o-transition: -o-transform 4s linear 0s; -webkit-transition: -webkit-transform 4s linear 0s; transition: transform 4s linear 0s; -moz-transform: scaleX(1) scaleY(1); -ms-transform: scaleX(1) scaleY(1); -o-transform: scaleX(1) scaleY(1); -webkit-transform: scaleX(1) scaleY(1); transform: scaleX(1) scaleY(1); }
.bannerSlide .focus { width: 100%; bottom: 16px; z-index: 10; text-align: center; }
.bannerSlide .focus span { width: 12px; height: 12px; background-color: #ccc; display: inline-block; margin: 0 5px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; }
.bannerSlide .focus span.active { background-color: #ac133b; }
.bannerSlide .preBtn { left: 46%; top: 46%; display: block; width: 74px; height: 74px; margin-top: -37px; margin-left: -700px; background-color: rgba(0,0,0,.3); z-index: 7; opacity: 0; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; transition: all 0.3s ease-in; filter:alpha(opacity:0);
}
.bannerSlide .preBtn.active { opacity: 1; ; margin-left: -600px; filter:alpha(opacity:100)
}
.bannerSlide .preBtn i { display: block; width: 26px; height: 45px; margin-left: 4px; margin-top: 14px; background-position: -665px -76px; }
.bannerSlide .nextBtn { right: 46%; top: 46%; display: block; width: 74px; height: 74px; margin-top: -37px; margin-right: -700px; background-color: rgba(0,0,0,.3); z-index: 7; opacity: 0; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; transition: all 0.3s ease-in; filter:alpha(opacity:0);
}
.bannerSlide .nextBtn.active { opacity: 1; ; margin-right: -600px; filter:alpha(opacity:100)
}
.bannerSlide .nextBtn i { display: block; width: 26px; height: 48px; margin-left: 24px; margin-top: 14px; background-position: -665px -76px; -webkit-transform: rotate(-180deg); transform: rotate(-180deg); }
.bannerSlide .preBtn:hover, .bannerSlide .nextBtn:hover { background-color: rgba(0,0,0,.7); }
.ab {
    position: absolute;
}
.check1 {
    position: absolute;
    top: 218px;
    left: 148px;
    font-size: 14px;
    color: #9d9799;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.fl { float: left; }
.fr { float: right; }
.re { position: relative; }
.ab { position: absolute }
.content{ width:1206px;}
.content .con2 { width: 100%; height: 521px; margin-bottom: 35px; overflow: hidden }
.content .con2 .mItem { width: 447px; height: 521px; float: left; }
.content .con2 .mItem a, .content .con2 li a { position: relative; width: 100%; height: 100%; display: block; }
.content .con2 .mItem a:after, .content .con2 li a:after { -webkit-transition: all 0.3s; transition: all 0.3s; position: absolute; content: ''; width: 100%; height: 100%; z-index: 66; top: 0; left: 0; }
.content .con2 .mItem.on a:after, .content .con2 li.on a:after { background: rgba(0,0,0,.3); }
.content .con2 .oItem { width: 756px; height: 394px; float: left; padding-left:2px; }
.content .con2 .oItem li { width: 250px; height: 260px; float: left; position: relative; margin:0 2px 2px 0;}
.content .con2 .mItem a.details{width: 447px; height: 521px; background: #ba1745; text-align: center; line-height: 0; font-size: 14px; color: #fff; position: absolute;z-index: 10;bottom:-521px; left: 0px; -webkit-transition: all 0.3s; transition: all 0.3s;border-radius:5px; }
.content .con2 .mItem:hover .details{-webkit-transition: all 0.3s; transition: all 0.3s;border-radius:5px; bottom: 0px;left:0px;}
.content .con2 li a.details{width: 102px; height: 260px; background: #ba1745; text-align: center; line-height: 26px; font-size: 14px; color: #fff; position: absolute;bottom:-260px; left: 0px; -webkit-transition: all 0.3s; transition: all 0.3s;border-radius:5px; opacity:0 }
.content .con2 li:hover .details{-webkit-transition: all 0.3s; transition: all 0.3s;border-radius:5px; bottom: 00px;left:0px; opacity:1}


.content .con2 .oItem li:nth-of-type(4n){margin-right: 0}
.content .con2 .mItem p,.content .con2 .oItem li p { font-size: 18px; color: #fff; line-height: 22px; top: 10px; left: 10px; position: absolute; }
.content .con2 .mItem p{top: 15px; left: 15px;}
.content .con2 .hot { width: 9px; display: block; height: 11px; background-position: -602px -102px; position: absolute; top: 0; right: -15px; }
.content .con2 .shadow.am .hot { -webkit-animation: hot 1.5s infinite; -moz-animation: hot 1.5s infinite; -o-animation: hot 1.5s infinite; animation: hot 1.5s infinite; }
.content .con2 .oItem li:nth-of-type(1) .hot {-webkit-animation-delay: 0.2s; animation-delay: 0.2s; }
.content .con2 .oItem li:nth-of-type(2) .hot { -webkit-animation-delay: 0.8s; animation-delay: 0.8s; }
.content .con2 .oItem li:nth-of-type(4) .hot {-webkit-animation-delay: 0.4s; animation-delay: 0.4s; }
.content .con2 .oItem li:nth-of-type(5) .hot {-webkit-animation-delay: 0.6s; animation-delay: 0.6s; }
@-webkit-keyframes hot { 0%, 100% {
 -moz-transform: translateY(0px);
 -ms-transform: translateY(0px);
 -webkit-transform: translateY(0px);
 transform: translateY(0px);
}
 10% {
 -moz-transform: translateY(8px);
 -ms-transform: translateY(8px);
 -webkit-transform: translateY(8px);
 transform: translateY(8px);
}
 20% {
 -moz-transform: translateY(-8px);
 -ms-transform: translateY(-8px);
 -webkit-transform: translateY(-8px);
 transform: translateY(-8px);
}
 30% {
 -moz-transform: translateY(4px);
 -ms-transform: translateY(4px);
 -webkit-transform: translateY(4px);
 transform: translateY(4px);
}
 40% {
 -moz-transform: translateY(-4px);
 -ms-transform: translateY(-4px);
 -webkit-transform: translateY(-4px);
 transform: translateY(-4px);
}
 50% {
 -moz-transform: translateY(0px);
 -ms-transform: translateY(0px);
 -webkit-transform: translateY(0px);
 transform: translateY(0px);
}
}
@-moz-keyframes hot { 0%, 100% {
 -moz-transform: translateY(0px);
 -ms-transform: translateY(0px);
 -webkit-transform: translateY(0px);
 transform: translateY(0px);
}
 10% {
 -moz-transform: translateY(8px);
 -ms-transform: translateY(8px);
 -webkit-transform: translateY(8px);
 transform: translateY(8px);
}
 20% {
 -moz-transform: translateY(-8px);
 -ms-transform: translateY(-8px);
 -webkit-transform: translateY(-8px);
 transform: translateY(-8px);
}
 30% {
 -moz-transform: translateY(4px);
 -ms-transform: translateY(4px);
 -webkit-transform: translateY(4px);
 transform: translateY(4px);
}
 40% {
 -moz-transform: translateY(-4px);
 -ms-transform: translateY(-4px);
 -webkit-transform: translateY(-4px);
 transform: translateY(-4px);
}
 50% {
 -moz-transform: translateY(0px);
 -ms-transform: translateY(0px);
 -webkit-transform: translateY(0px);
 transform: translateY(0px);
}
}
@-o-keyframes hot { 0%, 100% {
 -moz-transform: translateY(0px);
 -ms-transform: translateY(0px);
 -webkit-transform: translateY(0px);
 transform: translateY(0px);
}
 10% {
 -moz-transform: translateY(8px);
 -ms-transform: translateY(8px);
 -webkit-transform: translateY(8px);
 transform: translateY(8px);
}
 20% {
 -moz-transform: translateY(-8px);
 -ms-transform: translateY(-8px);
 -webkit-transform: translateY(-8px);
 transform: translateY(-8px);
}
 30% {
 -moz-transform: translateY(4px);
 -ms-transform: translateY(4px);
 -webkit-transform: translateY(4px);
 transform: translateY(4px);
}
 40% {
 -moz-transform: translateY(-4px);
 -ms-transform: translateY(-4px);
 -webkit-transform: translateY(-4px);
 transform: translateY(-4px);
}
 50% {
 -moz-transform: translateY(0px);
 -ms-transform: translateY(0px);
 -webkit-transform: translateY(0px);
 transform: translateY(0px);
}
}
@keyframes hot { 0%, 100% {
 -moz-transform: translateY(0px);
 -ms-transform: translateY(0px);
 -webkit-transform: translateY(0px);
 transform: translateY(0px);
}
 10% {
 -moz-transform: translateY(8px);
 -ms-transform: translateY(8px);
 -webkit-transform: translateY(8px);
 transform: translateY(8px);
}
 20% {
 -moz-transform: translateY(-8px);
 -ms-transform: translateY(-8px);
 -webkit-transform: translateY(-8px);
 transform: translateY(-8px);
}
 30% {
 -moz-transform: translateY(4px);
 -ms-transform: translateY(4px);
 -webkit-transform: translateY(4px);
 transform: translateY(4px);
}
 40% {
 -moz-transform: translateY(-4px);
 -ms-transform: translateY(-4px);
 -webkit-transform: translateY(-4px);
 transform: translateY(-4px);
}
 50% {
 -moz-transform: translateY(0px);
 -ms-transform: translateY(0px);
 -webkit-transform: translateY(0px);
 transform: translateY(0px);
}
}