@charset "utf-8";
@import "swiper.min.css";
@import "animate.min.css";

body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea{margin:0;padding:0;}
body,button,input,select,textarea{font:12px/1.5 \5FAE\8F6F\96C5\9ED1,arial,sans-serif;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
address,cite,dfn,em,var{font-style:normal;}
code,kbd,pre,samp{font-family:courier new,courier,monospace;}
small{font-size:12px;}
ul,ol{list-style:none;}
a{text-decoration:none;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
legend{color:#000;}
fieldset,img{border:0;}
button,input,select,textarea{font-size:100%;outline:none;resize:none;}
img{vertical-align:top;}

html{overflow-x: hidden;}
.i-text::-webkit-input-placeholder { color:#ccc; }
.i-text:-moz-placeholder {color:#ccc; opacity:  1;}
.i-text::-moz-placeholder {color:#ccc;opacity:  1;  }
.i-text:-ms-input-placeholder {color:#ccc;}

textarea::-webkit-input-placeholder { color:#ccc; }
textarea:-moz-placeholder {color:#ccc; opacity:  1;}
textarea::-moz-placeholder {color:#ccc;opacity:  1;  }
textarea:-ms-input-placeholder {color:#ccc;}

.fl { float: left !important;}
.fr { float: right !important;}
.clear{display:block;height:0;overflow:hidden;clear:both;}
.clearfix:after{content:'\20';display:block;height:0;clear:both;}
.clearfix{zoom:1;}html{overflow-y:scroll;}
.hide{display:none;}
.show{display:block !important;}

@font-face{font-family: 'jc-cn';src:url('../font/MingHei_R.ttf');}
@font-face{font-family: 'jc-en';src:url('../font/REFSAN.TTF');}
.font-cn{font-family: 'jc-cn';}
.font-en{font-family: 'jc-en';}

body {margin:0 auto; font: 14px/22px "jc-cn";position:relative;}
i,a,.select-option {color: #333; transition: all 0.20s linear 0s;-o-transition: all 0.20s linear 0s;-moz-transition: all 0.20s linear 0s; -webkit-transition: all 0.20s linear 0s;  }

button,li,div{transition: all 0.22s linear 0s; -o-transition: all 0.22s linear 0s;-moz-transition: all 0.22s linear 0s;-webkit-transition: all 0.22s linear 0s; }
a:hover {text-decoration:none;color: #ff7461; }

i,.icon{ width: 25px;height: 25px; display: inline-block;vertical-align: middle;margin-top: -2px;background:url(../images/icon.png) no-repeat 0 0;}
.wrap{margin:0 auto; width: 1200px;position: relative;}

/**banner**/
.banner{ height: 874px;position: relative;background: url(../images/banner-bg-2.jpg) no-repeat 0 0 ;}
.banner .logo{width: 200px;height: 70px; left:5%;top:5%;background: url(../images/logo.png) no-repeat 0 0;}
.banner .arrow{position: absolute;z-index: 3;}
.banner .arrow-01{animation: iconframesOne 3s infinite; top:390px;margin-left: -500px; left:50%; width: 70px;height: 70px;background: url(../images/arr-1.png) no-repeat 0 0;}
.banner .arrow-02{animation: iconframesTwo 3s infinite; top:190px;margin-left: -10px; left:50%;width: 66px;height: 50px;background: url(../images/arr-2.png) no-repeat 0 0;}
.banner .arrow-03{animation: iconframesThree 4s infinite;margin-left: 250px; top:170px;left:50%;width: 120px;height: 90px;background: url(../images/arr-3.png) no-repeat 0 0;}
.banner .arrow-04{animation: iconframesFour 4s infinite;top:670px;margin-left: -400px; left:50%;width: 66px;height: 50px;background: url(../images/arr-4.png) no-repeat 0 0;}
.banner .arrow-05{animation: iconframesFive 3s infinite;top:750px;margin-left: -30px; left:50%;width: 40px;height: 60px;background: url(../images/arr-5.png) no-repeat 0 0;}
 
.banner .text-01 {width: 780px;height: 230px;top:268px;font:0/0 a; left:50%;margin-left: -390px; background: url(../images/tex-1.png) no-repeat 0 0; } 

@-webkit-keyframes iconframesOne {
	0% {margin-left: -505px;top:390px;}
	50% {margin-left: -500px;top:395px;}
	100%{margin-left: -505px;top:390px;}
}
@-webkit-keyframes iconframesTwo {
	0% {top:190px;}
	50% {top:195px;}
	100%{top:190px;}
}
@-webkit-keyframes iconframesThree {
	0% {margin-left: 250px;}
	50% {margin-left: 260px;}
	100%{margin-left: 250px;}
}
@-webkit-keyframes iconframesFour {
	0% {margin-left: -400px;top:670px;}
	50% {margin-left: -410px;top:672px;}
	100%{margin-left: -400px;top:670px;}
}
@-webkit-keyframes iconframesFive {
	0% {top:750px;}
	50% {top:760px;}
	100%{top:750px;}
} 

.info{position: relative;}
.info:before{content: " ";position: absolute;z-index: 3;left:0;top:290px;height: 1px;right:0;background: #ddd;}
.info:after{content: " ";position: absolute;z-index: 3;right:33.333%;top:0;bottom:0;width: 1px;background: #ddd;}
.info ul:before{content: " ";position: absolute;z-index: 3;left:33.333%;top:0;bottom:0;width: 1px;background: #ddd;}
.info ul li{padding:60px 0 0 0 ; height: 230px; float: left; text-align: center; display: inline-block;width: 33.33%;}
.info ul li i{ width: 56px;height: 56px; display: block;margin:0 auto;}
.info ul li b{line-height: 55px; font-size: 30px;color: #000;font-weight: normal;}
.info ul li p{line-height:22px;color: #a5a5a5;font-size: 18px;}
.info ul li:nth-child(3),
.info ul li:nth-child(6){border-right:none;}
.info ul li:hover{background: rgba(0,0,0,.05);  box-shadow: 0 0 15px rgba(0,0,0,.08); }
.info ul li i.i-0{background-position: 1px 3px}
.info ul li i.i-1{background-position: -67px 2px}
.info ul li i.i-2{background-position: -136px 2px}
.info ul li i.i-3{background-position: 1px -59px}
.info ul li i.i-4{background-position: -66px -57px}
.info ul li i.i-5{background-position: -133px -57px}

.swiper-button-prev{z-index: 9; top:45%; margin-left: -80px; width: 56px;height: 56px;padding:0; border-radius: 50%;background:#fff;}
.swiper-button-next{z-index: 9; top:45%;margin-right: -80px; width: 56px;height: 56px;padding:0; border-radius: 50%;background:#fff;}
.swiper-button-prev i{margin-top: 12px; width: 16px;height:30px;background-position: 0 -115px}
.swiper-button-next i{margin-top: 12px; width: 16px;height:30px;background-position: -23px -146px}
.swiper-button-prev:hover ,
.swiper-button-next:hover{background: #2D48E1}
.swiper-button-prev:hover i{background-position: -24px -114px}
.swiper-button-next:hover i{background-position: 2px -146px}

.i-h-b .hd{text-align: center;padding:80px 0 20px;color: #fff;}
.i-h-b .hd strong{ font-weight: normal; display: block;font-size: 65px;line-height: 70px;}
.i-h-b .hd span{padding-left: 30px; word-spacing:30px; letter-spacing:30px; font-size: 24px;line-height: 70px; }
.Visited-by-Institutions {text-align: center; height: 920px; background: url(../images/bg-1.jpg) no-repeat 0 center;}
.Visited-by-Institutions img{height:492px;width: 1120px; }
.side-visited {height: 492px;padding:40px;background: #fff;}
.side-visited .i-item{position: relative;display: block;}
.side-visited .i-item p{font-size: 20px;padding-right: 110px; height: 70px;line-height: 70px;overflow: hidden; color: #fff; position: absolute;z-index: 3;bottom:0;left:0;right:0;background: rgba(0,0,0,.3);}
.side-visited .swiper-button-next{left:auto;right:8%; }
.side-visited .swiper-button-prev{left:8%;right:auto; }
.side-visited .swiper-pagination{bottom: 22px; left:auto;right:10px;width: auto; text-align: right}
.side-visited .swiper-pagination span{background: #fff;opacity:1; width: 14px;height: 14px;}
.side-visited .swiper-pagination span.swiper-pagination-bullet-active{background: #2D76F2}

.Visiting-Institutions{padding-bottom:70px;background: url(../images/bg-2.jpg) no-repeat 0 center;}
.Visiting-Institutions.i-h-b .hd {color: #000;}
.Visiting-Institutions ul{height: 550px;margin-bottom: 60px; position: relative;}
.Visiting-Institutions ul li{position: absolute;z-index: 3; display: inline-block; }
.Visiting-Institutions ul li a{position: relative; display: block;padding:10px;width: 350px;height: 230px;background: #eee}
.Visiting-Institutions ul li img{width: 100%}
.Visiting-Institutions ul li p{padding:0 10px;overflow: hidden;text-align: center; height: 33px;line-height: 33px; position: absolute;left:10px;bottom:10px;right:10px;z-index: 3;color: #fff;background: rgba(0,0,0,.5);}
.Visiting-Institutions ul li:hover{box-shadow: 0 0 15px rgba(0,0,0,.08); }
.Visiting-Institutions ul li:nth-child(1) {left:0;top:0;}
.Visiting-Institutions ul li:nth-child(2) {left:418px;top:0}
.Visiting-Institutions ul li:nth-child(2) a,
.Visiting-Institutions ul li:nth-child(2) a img{height: 520px}
.Visiting-Institutions ul li:nth-child(3) {right:0;top:0; } 
.Visiting-Institutions ul li:nth-child(4) {left:0;top:290px; } 
.Visiting-Institutions ul li:nth-child(5) {right:0;top:290px; } 
.Visiting-Institutions .swiper-pagination span{background: #ccc;opacity:1; width: 14px;height: 14px;}
.Visiting-Institutions .swiper-pagination span.swiper-pagination-bullet-active{background: #2D76F2}
.Visiting-Institutions .swiper-button-next{left:auto;right:8%; display: none}
.Visiting-Institutions .swiper-button-prev{left:8%;right:auto; display: none }

.Elite-Team {padding-bottom: 30px; background: url(../images/bg-3.jpg) no-repeat 0 center;}
.side-team {height: 600px;text-align: center;}
.side-team .pic{margin:0 auto; position: relative;overflow: hidden; padding:10px;background: #fff; width:340px;height: 520px; }
.side-team .pic img{width: 340px;height: 520px;}
.side-team .pic .text{color: #fff; text-align: center; overflow: hidden; background: url(../images/bg-9.jpg) no-repeat 0 0; position: absolute;left:10px;top:600px; right:10px;bottom:10px;z-index: 3;}
.side-team .pic .text b,
.side-team .pic .text span,
.side-team .pic .text em{display: block;margin:0 auto;}
.side-team .pic .text b{padding-top: 60px; font-weight: normal; font-size: 40px;line-height: 50px;}
.side-team .pic .text span{font-size: 24px;margin-bottom: 5px}
.side-team .pic .text em{ margin-bottom: 30px; font-size: 20px;line-height: 40px;}
.side-team .pic .text img{margin-bottom: 30px; width:160px;height: 160px; background: #fff; }
.side-team .pic .text p{text-align: left; padding:0 30px;}
.side-team .pic:hover .text{top:10px;}
.side-team .pic.pic-more .text b{padding-top: 30px;}
.side-team .pic.pic-more .text em{ margin-bottom: 20px;} 
.side-team .pic.pic-more .text img{ margin-bottom: 20px;} 
.side-team .pic.pic-more .text p{line-height: 20px;}

.news-more .hd {padding-top: 50px;margin-bottom:15px;}
.news-more .hd strong{position: relative; color: #333;font-size:26px;}
.news-more .hd strong:before{content: " "; position: absolute;z-index: 3;width: 50px;margin-left: -25px; left:50%;right:0;bottom:0;height:6px;background: #3348DF}
.news-more .bd{position: relative;height: 415px;padding-top: 20px; margin-bottom: 80px;}
.news-more ul{position: relative;z-index: 8; height: 380px;overflow: hidden;}
.news-more ul li{line-height: 32px; height: 32px;padding-left: 5px; width: 550px;display: inline-block;}
.news-more ul li a{padding-left: 14px;height: 32px;overflow: hidden; font-size: 16px; display: inline-block;max-width: 80%;background: url(../images/icon.png) no-repeat -180px -152px;}
.news-more ul li a:hover{color: #3348DF;margin-left: 5px;}
.news-more ul li span{float: right;color: #d9d9d9;font-size: 14px; }
.news-more ul li:nth-child(even){margin-left: 60px;width: 550px;}
.news-more .border{position: absolute;left:10px;top:10px;z-index: 3; width: 48%;bottom:10px; border:1px solid #ddd;}
.news-more .border:before{background: #fff; content: " ";position: absolute;left:-10px;top:-10px;bottom:10px;z-index: 2;width: 100%; border:1px solid #ddd}
.news-more .border:nth-child(2){left:auto;right:0;}

.footer {line-height: 28px; padding:40px 0;color: #676767; text-align: center;background: #111;}

/**调节小于1200**/
@media screen and (max-width:1366px){
	 
}

@media (min-width:1367px) and (max-width:1600px){
	 
}