@charset "utf-8";
@import url(reset.css);
@import url(../fonts/iconfont.css);
@import url(slick.css);
@import url(settings.css);
@import url(animate.css);
@import url(style.css);
body,html{ overflow-x:hidden; height:auto; box-sizing:border-box;}
body{ color:#333; font-size:16px;}
.course{-moz-user-select: none; /*火狐*/
-webkit-user-select: none;  /*webkit浏览器*/
-ms-user-select: none;   /*IE10*/
-khtml-user-select: none; /*早期浏览器*/
user-select: none;}
a{ color:#333; text-decoration:none; }
a:hover{ text-decoration:none; color:#15a4a4;}
i,em{ font-style:normal;font-size:17px;}

.img img{ width:100%; height:auto; display:block; }

.pds{    box-shadow: 0 0 5px rgb(0 0 0 / 10%);padding-top: 15px;}
.pdd{padding-top:40px;}
.header .logo,
.header .wp,
.menu a,
.menu a:before,
.menu dt:before,
.slick-arrow,
.listA .pd,
.imgList .pd,
.teamList .pd,
.teamListB .pd,
.menu .box,
.more1{
transition: all 0.3s ease-out;
}


.pd .img img{transition: all 1s ease;}

.pd .img{ overflow:hidden;}
.pd:hover img{ transform:scale(1.05,1.05);}

.listA .pd:hover{ transform:translateY(-5px);}

.iFindings .h3:before,
.slick-arrow,
.ipt_b1,
.menu span,
.menu i,
.pNav span,
.pNav i,
.pNav dd a:before,
.tparrows.round:before{
font-family:"iconfont" !important;font-size:16px;font-style:normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;  display:block;
}

.menu-link{
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.menu-link *{box-sizing: border-box;}
.menu-link { display:none; border-radius:5px; box-sizing: border-box; position: absolute; top:50%; margin-top:-20px; right:0px; margin-right:-8px;font-size: 11px;z-index: 10;width:40px;height:40px; padding:8px;}
.menu-link:hover,
.menu-link:focus {}
.menu-link span {position: relative;display: block;margin-top:10px;}
.menu-link span,
.menu-link span:before,
.menu-link span:after {background-color: #333;width: 100%;height:2px;-webkit-transition: all 0.4s;-moz-transition: all 0.4s;-ms-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;}
.menu-link span:before,
.menu-link span:after {position: absolute;top: -.55em;content: " ";}
.menu-link span:after {top: .55em;}
.menu-link.active span {background: transparent;}
.menu-link.active span:before {background-color: #15a4a4;
-webkit-transform: rotate(45deg) translate(.5em, .4em);
-moz-transform: rotate(45deg) translate(.5em, .4em);
-ms-transform: rotate(45deg) translate(.5em, .4em);
-o-transform: rotate(45deg) translate(.5em, .4em);
transform: rotate(45deg) translate(.5em, .4em);
}
.menu-link.active span:after {background-color: #15a4a4;
-webkit-transform: rotate(-45deg) translate(.4em, -.3em);
-moz-transform: rotate(-45deg) translate(.4em, -.3em);
-ms-transform: rotate(-45deg) translate(.4em, -.3em);
-o-transform: rotate(-45deg) translate(.4em, -.3em);
transform: rotate(-45deg) translate(.4em, -.3em);
}


.wp{ width:1200px; margin:0 auto; position:relative;}

.appBg{ position: fixed; left: 0px; top: 0px; right: 0px; bottom: 0px;  background-size: cover;}
.app{ position:relative; z-index: 2; font-size: 1.6666666666666666vw; min-height: 100vh; min-width: 100vw;}
.wp{ width:94.79166666666666vw; margin:0 auto; position:relative;}

.header{ position:relative;}
.header .wp{ padding:0.9375em 0;}

.logo{ position:absolute; left:0px; font-size:2.5em; top:50%; margin-top: -0.5em; line-height:1;}
.logo img{ width:auto; height:1em; display:block;}

.tSearch{ position:absolute; right:-2.6041666666666685vw; width: 2.9166666666666667vw; top:50%; transition: 0.3s all; margin-top: -1.0416666666666666vw; z-index:3;}
.tSearch .i{ height: 42px; line-height: 42px; background: #f4500b; color: #fff; font-size: 20px; text-align: center; border-radius: 21px 0 0 21px; cursor: pointer; display: none;}
.tSearch .box{width: 12.5vw;}
.tSearch .pd{ position:relative;}
.tSearch:hover{ width: 12.5vw;}

.ipt_t1{ background:#f4500b; border:none; color:#fff; height:2.0833333333333332vw; width:100%; padding:0 1em 0 3.75em; border-radius:1.0416666666666666vw 0 0 1.0416666666666666vw !important; font-size: 0.4375em; box-sizing:border-box; display:block;}
.ipt_b1{ width:2.8em; text-align:center; font-size:0.625em; line-height:2em; height:2em; color:#fff; position:absolute; left:0px; top:50%; margin-top:-1em; background:none; background-size:100% 100%; border:none;}


.menu{ position:relative; z-index:2; text-align:center; margin-left: 20.9375em; padding-top: 2px;}
.menu ul{ padding:0 0.9375em; background: #216edf; border: 1px solid #4e9bf4; border-radius: 0.90625em;}
.menu li{ position:relative; float:left; text-align:center; box-sizing:border-box; width: 14.285714285714286%;}
.menu .h3{}
.menu .h3 a{ display:block; height:3.0208333333333334vw; line-height:3.0208333333333334vw; font-size:0.5625em; position:relative; color:#fff;white-space: nowrap;}
.menu .h3 a:before{ content: ''; position: absolute; left: 50%; width: 0%; bottom: 0px; background: #216edf; height: 2px; display: none;}

.menu li.curr .h3 a,
.menu li:hover .h3 a{ color:#fff;}
.menu li:hover .h3 a:before,
.menu li.curr .h3 a:before{}
.menu li:hover .box{ visibility:visible; opacity:1; left:0px;}

.menu span{ display:none; position:absolute; right:30px; top:50%; margin-top:-20px; width:40px; height:40px; text-align:center; line-height:40px; cursor:pointer; margin-right:-10px; }
.menu span:before { content: "\e605"; }
.menu span.active:before { content: "\e606"; }
.menu i{ display:none; position:absolute; right:30px; top:50%; margin-top:-20px; width:40px; height:40px; text-align:center; line-height:40px; margin-right:-10px;}
.menu i:before { content:"\e8e9"; }

.menu .box span,
.menu .box i{ height:36px; line-height:36px; right:10px; color:#ccc;}

.menu .box{ visibility:hidden; opacity:0; background:#fff; border-top:none; text-align:left; width:230px; left:-20px; position:absolute; top: 100%; font-size: 14px;}
.menu .box a{ display:block; line-height:1.25; min-width:180px; color:#216edf; position:relative; z-index:2; padding:10px 24px; border-bottom:1px solid #216edf;}
.menu .box dl{ position:relative;}
.menu .box dt{ position:relative;}
.menu .box dt:before{ content:''; position:absolute; top:0px; bottom:0px; width:3px; background:#216edf; left:0px;}
.menu .box dt span{ display:block;}
.menu .box dt span:before{ content:'\e915';}
.menu .box dd{ display:none; position:absolute; left:100%; top:0px; width:230px; box-shadow:0 6px 12px rgba(0,0,0,0.175);}
.menu .box dd a{ background:#fff;}
.menu .box dd a:before{ content:''; position:absolute; top:0px; bottom:0px; width:3px; background:#216edf; left:0px;}
.menu .box dd a:hover{ background:#216edf; color:#fff;}
.menu .box dl:hover dt:before{ width:100%;}
.menu .box dl:hover dt a{ color:#fff;}
.menu .box dl:hover dt em{ color:#fff;}
.menu .box dl:hover dt span{ color:#fff;}
.menu .box dl:hover dd{ display:block;}

/*.header{ position:relative; left:0px; top:0px; right:0px; box-shadow:5px 0 27px rgba(0,0,0,0.75); z-index:10; transform:translateZ(0); background:#ffffff; }
.header:before{ content:''; position:absolute; left:0px; bottom:0px; right:0px; height:40px; background:#33cccc; z-index:1;}
.header .wp{ padding:100px 0 0 0; z-index:3;}

.logo{ position:absolute; left:0px; font-size:50px; top:25px; line-height:1;}
.logo img{ width:auto; height:1em; display:block;}

.tSearch{ position:absolute; right:0px; top:35px; width:230px; z-index:2;}
.tSearch .i{ display:none;}
.tSearch .box{ padding-top:0px;}
.tSearch .pd{ position:relative;}

.ipt_t1{ background:#f5f5f5; border:none; color:#000; height:40px; width:100%; padding:0 58px 0 15px; border-radius:18px !important; font-size:14px; box-sizing:border-box; display:block;}
.ipt_b1{ width:48px; text-align:center; font-size:16px; line-height:40px; height:40px; color:#333; position:absolute; right:0px; top:50%; margin-top:-20px; background:none; background-size:100% 100%; border:none; border-radius:18px!important; }

.tLanguage{ position:absolute; right:0px; bottom:0px; z-index:2; color:#666666;}
.tLanguage .i{ display:none;}
.tLanguage .box{ line-height:30px; background: #15a4a4; padding: 0 20px;}
.tLanguage .box a{ display:inline-block; vertical-align:bottom; font-size:14px; height: 40px; line-height: 40px; color: #fff;}
.tLanguage .box a:before{ content:'|'; display:inline-block; vertical-align:bottom; margin:0 10px;}
.tLanguage .box a:first-child:before{ display:none;}

.tLanguage .pd{ position:relative;}


.thello{ position:absolute; left:0px; top:0px; z-index:2; color:#666666; display:none;}
.thello .i{ display:none;}
.thello .box{ line-height:44px;}
.thello .box span{ margin:0 1em;}
.thello .box a{ color:#cbcbcb;}
.thello .box a:hover{ color:#fff;}
.thello .pd{ position:relative;}


.menu{ position:relative; z-index:2; text-align:center; margin-right: 140px;}
.menu ul{}
.menu li{ position:relative; float:left; text-align:center; box-sizing:border-box; padding: 4px 12px; }
.menu li:before{ content: ''; position: absolute; right: 0px; top: 50%; margin-top: -8px; height: 16px; width: 1px; background: #1c9c9c;}
.menu .h3{}
.menu .h3 a{ display:block; height:32px; line-height:32px; border-radius: 16px; font-size:16px; position:relative; color:#fff; width: 107px;}


.menu li.curr .h3 a,
.menu li:hover .h3 a{ color:#fff; background:#15a4a4;}
.menu li:hover .h3 a:before,
.menu li.curr .h3 a:before{ opacity:0;}
.menu li:hover .box{ visibility:visible; opacity:1; left:0px;}

.menu span{ display:none; position:absolute; right:30px; top:50%; margin-top:-20px; width:40px; height:40px; text-align:center; line-height:40px; cursor:pointer; margin-right:-10px; }
.menu span:before { content: "\e604"; }
.menu span.active:before { content: "\e606"; }
.menu i{ display:none; position:absolute; right:30px; top:50%; margin-top:-20px; width:40px; height:40px; text-align:center; line-height:40px; margin-right:-10px;}
.menu i:before { content:"\e8e9"; }

.menu .box span,
.menu .box i{ height:36px; line-height:36px; right:10px; color:#ccc;}

.menu .box{ visibility:hidden; opacity:0; background:#fff; border-top:none; text-align:left; width:230px; left:-20px; position:absolute; top: 100%;}
.menu .box a{ display:block; line-height:1.25; min-width:180px; color:#15a4a4; position:relative; z-index:2; padding:10px 24px; border-bottom:1px solid #15a4a4;}
.menu .box dl{ position:relative;}
.menu .box dt{ position:relative;}
.menu .box dt:before{ content:''; position:absolute; top:0px; bottom:0px; width:3px; background:#15a4a4; left:0px;}
.menu .box dt span{ display:block;}
.menu .box dt span:before{ content:'\e915';}
.menu .box dd{ display:none; position:absolute; left:100%; top:0px; width:230px; box-shadow:0 6px 12px rgba(0,0,0,0.175);}
.menu .box dd a{ background:#fff;}
.menu .box dd a:before{ content:''; position:absolute; top:0px; bottom:0px; width:3px; background:#15a4a4; left:0px;}
.menu .box dd a:hover{ background:#15a4a4; color:#fff;}
.menu .box dl:hover dt:before{ width:100%;}
.menu .box dl:hover dt a{ color:#fff;}
.menu .box dl:hover dt em{ color:#fff;}
.menu .box dl:hover dt span{ color:#fff;}
.menu .box dl:hover dd{ display:block;}*/

.body_fix .header{ background:rgba(0,0,0,0.8);}

.ibanner{ overflow:hidden;}
.ibanner .pd{ display:block; position:relative; overflow:hidden;}
.ibanner .pd img{ width:100.418410041841%; height:auto; display:block;}

.banner{ background:#efefef; width:100.418410041841%; position:relative; z-index:1; overflow:hidden;}

.more1{ display:inline-block; height:30px; line-height:30px; vertical-align:bottom; padding:0 10px; border-radius:3px;}
.more1:hover{ box-shadow:0 2px 5px rgba(0,0,0,0.5); transform:translateY(-5px);}
.more1_1{ position:absolute; top:50%; margin-top:-15px; right:20px;}
.more2{ display:inline-block; vertical-align:bottom; min-width:132px; box-sizing:border-box; padding:0 2em; background:#028237; color:#fff; border-radius:5px; height:48px; line-height:48px; text-align:center; transition:0.3s ease all;}
.more2:hover{ box-shadow:0 2px 5px rgba(0,0,0,0.5); transform:translateY(-5px); color:#fff;}

.tit1{ text-align: center; line-height: 1; margin-bottom: 42px; position: relative;}
.tit1:before{ content: ''; position: absolute; width: 100px; height: 100px; background: #e7fafa; border-radius: 50%; bottom: 0px; left:50%; margin-left: -120px;}
.tit1 em{ font-size:1.625em; text-transform: uppercase; display: block; color: #71e2e2; margin-bottom:16px; position: relative; z-index: 2;}
.tit1 strong{ display: block; font-size: 3.125em; font-weight: normal; position: relative; z-index: 2;}
.tit1 span{ color: #0199ae; font-weight: bold;}
.tit1_1{}
.tit1_2:before{ background: #d7f5f8; }
.tit1_3{margin-bottom: 0px;}




.iMain{ padding:90px 0;}
.iMain1{}
.iNews{}
.iNews .single-item{ margin: 0 -6px;}
.iNews .pd{ display: block; margin: 0 6px; background: #33cccc; color: #fff; }
.iNews .img{}
.iNews .text{ padding: 25px;}
.iNews .h3{ font-size: 18px; line-height: 1.5; margin-bottom: 10px; height: 1.5em; overflow: hidden; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.iNews .p{ font-size: 14px; line-height: 24px; height: 48px; overflow: hidden; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}

.iMain2{ background:#eaf8fd;}
.iAbout{ text-align: center;}
.iAbout .img{ border: 3px solid #bfe1e1; width: 500px; margin: 0 auto;}
.iAbout .img img{ width: 100%; height: auto;}
.iAbout .text{ text-align: center; font-size: 1.125em; line-height: 2; margin-bottom: 1.5em;}

.iMain3{ background: #fff;}
.iPro{}
.iPro .single-item{margin: 0 -24px;}
.iPro .pd{ display: block; margin:0  24px; background: #f2fcfd; padding: 24px 28px; border-radius: 0 54px 54px 54px;  border-right:4px solid #ecf7f9;border-bottom:4px solid #ecf7f9;}
.iPro .img{ border-radius: 10px 60px 10px 10px; overflow: hidden; margin-bottom: 20px;}
.iPro .text{}
.iPro .em{ color: #98dde7; line-height: 1; margin-bottom: 1em;}
.iPro .h3{ font-size: 1.5em; font-weight: bold; color: #0199ae; line-height: 1.5; height: 1.5em; margin-bottom: 0.5em; overflow: hidden; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.iPro .p{ color: #333;  line-height: 1.5; height: 7.5em; overflow: hidden; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;}
.iPro .p strong{ color:#0199ae;}

.iMain4{ background:#eaf8fd;}

.iMain5{background: #32bcce; padding: 0!important;}
.iExchange{}
.iExchange .img{ width: 50%; float: right;}
.iExchange img{ width: 50vw;}
.iExchange .text{ position: absolute; right: 50%; left: 0px; top: 0px; bottom: 0px; color: #fff;}
.iExchange .h3{ font-size: 2.875em; line-height: 1; margin-bottom: 0.5em;}
.iExchange .p{ font-size: 1.125em;}
.iExchange .em{ font-size: 1.125em;}

/*.footer{ background:#f2f2f2; padding:50px 0; color:#737373;}
.footer a{ color:#737373;}
.footer a:hover{ color:#15a4a4;}*/
.footer{ font-size: 0.4375em; text-align: center; color: #fff; padding: 1.5em 0;}
.footer a{ color: #fff;}
.footer a:hover{ color: #fff; text-decoration: underline;}
.footer p{ display: inline-block; vertical-align: bottom; margin: 0 0.5em;}
.fCopy{ width:840px; float:left; line-height:20px; font-size:14px;}
.fCopy p{ display:inline-block; vertical-align:bottom; margin-right:1em;}
.fCopy p:first-child{ display:block;}

.fLick{ position:relative; width:220px; float:right; z-index:9;}
.fLick .h3{ height:34px; line-height:34px; position:relative; background:#216edf; border:2px solid #32bcce; cursor:pointer; border-radius:17px;}
.fLick .h3 span{ display:block; padding:0 30px 0 20px; color:#fff;}
.fLick .h3 i{ width:1em; height:1em; line-height:1em; transform:rotate(90deg); font-size:1em; right:1.5em; position:absolute; top:50%; margin-top:-0.5em; color:#fff; text-align:center;}
.fLick .h3 i:before{ display:block;}
.fLick .box{ position:absolute; bottom:100%; left:0px; right:0px; background:#f5f5f5; border:1px solid #ccc; border-bottom:none; text-align:center; padding:15px 0; display:none; border-radius:0.5em 0.5em 0 0;}
.fLick .box a{ display:block; color:#333; line-height:2em;}
.fLick .box a:hover{ background:#15a4a4; color:#fff;}
.fLick.curr .h3 i:before{ transform:rotate(180deg);}
.fLick.curr .h3{ border-radius:0 0 0.5em 0.5em;}












.pg{ min-height:550px; padding:30px 0 50px 0;    background: #ffffff;}
.pMain{ overflow:hidden;}
.pMainFl{ width:22%; float:left; position:relative;}
.tit4{margin-bottom: 15px;padding: 8px 10px 8px 0;border-bottom: 1px solid #216edf;box-shadow: 0 15px 20px -15px rgba(0, 0, 0, 0.3);font-size: 19px;line-height: 1.4;}
.pNav{ border-radius: 5px; background: #fbfbfb;}
.pNav li{}
.pNav .h3{ position:relative;}
.pNav a{ position:relative; font-size:14px; line-height:36px; height:36px; display:block; padding-left:36px; color:#555;}
.pNav span{ display:block; position:absolute; left:0px; top:0px; width:36px; height:36px; text-align:center; line-height:36px; font-size:12px; cursor:pointer;}
.pNav span:before { content: "\e604"; }
.pNav span.active:before { content: "\e606"; }
.pNav dd a:before,
.pNav i{ display:block; position:absolute; left:0px; top:0px; width:36px; height:36px; text-align:center; line-height:36px; font-size:12px;}
.pNav dd a:before,
.pNav i:before{ content:"\e8e9"; }
.pNav .h3 a:hover,
.pNav .h3 a.active{ color:#15a4a4;}
.pNav .box{ display:none;}
.pNav dl{ margin-left:22px;}
.pNav dt{ position:relative;}
.pNav dd{ display:none; margin-left:22px;}

.pNav li.curr{ background:#f2f2f2;}
.pNav li.curr .h3,
.pNav li.curr .h3 a,
.pNav dl.curr dt,
.pNav dl.curr dt a,
.pNav dd a.curr{color:#15a4a4;}


.pMainFr{ width:76%; float:right;}
.crumbs{}
.crumbsFl{margin-bottom: 20px;padding: 8px 10px 8px 0;border-bottom: 1px solid #216edf;box-shadow: 0 15px 20px -15px rgba(0, 0, 0, 0.3);font-size: 19px;font-weight: bold;line-height: 1.4;}

.pMainCon{ padding:30px 0 0 0 ;}

.newsInfo{}
.newsInfoTit{ margin-bottom:30px; text-align:center; border-bottom:1px solid #eee; padding-bottom:30px;padding-bottom:15px;}
.newsInfoTit .h3{ font-size:18px; line-height:1.5; margin-bottom:5px;}
.newsInfoTit .h3 h1{ font-size:25px; font-weight:bold;}
.newsInfoTit .em{ line-height:20px; color:#999; font-size:16px;}
.newsInfoTit .em i{ margin-right:5px; display:inline-block; vertical-align:bottom;}
.newsInfoTit .em em{ display:inline-block; vertical-align:bottom;}
.newsInfoTit .em span{ margin:0 1.5em;}
.newsInfoCon{ line-height:2.25; margin-bottom:30px;font-size:19px}
.newsInfoCon img{ max-width:100%; height:auto; display:inline-block; vertical-align:baseline;}
.newsInfoM{}
.newsInfoM li{ background:#f5f5f5; margin-bottom:10px; line-height:46px; height:46px; padding:0 20px;font-size:16px;}
.newsInfoM strong{ float:left; line-height:46px; height:46px;}
.newsInfoM a{ display:block; line-height:46px; height:46px; overflow:hidden;}


.imgList{}
.imgList ul{ margin-right:-30px;}
.imgList li{ width:33.3333%; float:left; margin-bottom:30px;}
.imgList .pd{ display:block; padding:20px; border-radius:4px; background:#fff; box-shadow:0 0 3px rgba(0,0,0,0.1); margin-right:30px;}
.imgList .img{}
.imgList .text{ padding:15px 0;}
.imgList .h3{ font-size:18px; color:#15a4a4; margin-bottom:5px; height:1.5em; line-height:1.5; overflow:hidden; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1;}
.imgList .em{ color:#999; line-height:20px; margin-bottom:10px;}
.imgList .em i{ margin-right:5px;}
.imgList .em span{}
.imgList .p{ line-height:1.5; height:3em; overflow:hidden; color:#666; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;font-size:16px;}
.imgList .pd:hover{ transform:scale(1.05,1.05); box-shadow:0 0 10px rgba(0,0,0,0.3);}
.imgList2 li{ width:auto; float:none;}
.imgList2 .pd{ overflow:hidden;}
.imgList2 .img{ width:240px; float:left;}
.imgList2 .text{ margin-left:240px; padding-left:20px;}

.teamList{}
.teamList ul{ margin-right:-30px;}
.teamList li{ width:50%; float:left; margin-bottom:30px;}
.teamList .pd{ display:block; padding:30px; overflow:hidden; border-radius:4px; border:1px solid #ccc; background:#fff; box-shadow:0 0 3px rgba(0,0,0,0.1); margin-right:30px;}
.teamList .img{ width:112px; float:left;}
.teamList .text{ margin-left:112px; padding-left:30px;}
.teamList .h3{ font-size:18px; color:#15a4a4; margin-bottom:10px; height:1.5em; line-height:1.5; overflow:hidden; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1; }
.teamList .p{ font-size:14px; color:#666; line-height:1.75; height:8.75em; overflow:hidden; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:5;}
.teamList .pd:hover{ transform:scale(1.05,1.05); box-shadow:0 0 10px rgba(0,0,0,0.3);}

.teamListB{}
.teamListB ul{}
.teamListB li{ margin-bottom:30px;}
.teamListB .pd{ display:block; padding:30px; overflow:hidden; border-radius:4px; border:1px solid #ccc; background:#fff; box-shadow:0 0 3px rgba(0,0,0,0.1);}
.teamListB .img{ width:240px; height:240px; float:left;}
.teamListB .img img{ width:100%; height:100%; border-radius:50%;}
.teamListB .text{ margin-left:240px; padding-left:40px;}
.teamListB .h3{ font-size:22px; margin-bottom:30px; padding-left:1em; position:relative; line-height:1.25;}
.teamListB .h3 em{ margin-bottom:0.25em; height:1.25em; overflow:hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:1; }
.teamListB .h3 strong{ font-weight:bold; color:#15a4a4; height:1.25em; overflow:hidden; display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:1; }
.teamListB .h3:before{ content:''; width:5px; border-radius:3px; height:100%; position:absolute; background:#15a4a4; left:0px; top:0px;}
.teamListB .em{ font-size:14px; color:#666; margin-bottom:1em;}
.teamListB .p{ font-size:14px; line-height:1.75;  color:#666; margin-bottom:20px;}
.teamListB .m em{ display:inline-block; vertical-align:bottom; height:2em; line-height:2; padding:0 2em; border:1px solid #15a4a4; border-radius:1em;}
.teamListB .pd:hover{ transform:translateY(-10px); box-shadow:0 0 10px rgba(0,0,0,0.3);}

.newsList{}
.newsList ul{}
.newsList li{ overflow:hidden; padding:30px 0; border-top:1px dashed #e5e5e5;}
.newsList li:last-child{ border-bottom:1px dashed #e5e5e5;}
.newsList .pd{ display:block;}
.newsList .img{ width:84px; padding:24px 0; float:left; background:#f2f2f2; color:#333; text-align:center; line-height:1;}
.newsList .img strong{ display:block; font-size:18px; font-weight:normal; margin-bottom:6px;}
.newsList .img em{ display:block; font-size:12px;}
.newsList .text{ margin-left:84px; padding:7px 0 0 20px;}
.newsList .h3{ font-size:16px; height:1.5em; margin-bottom:5px; line-height:1.5; overflow:hidden; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1; color:#000;}
.newsList .p{ height:3em; line-height:1.5; overflow: hidden; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2; color:#666;font-size:16px;}


@media screen and (max-width:1680px){








.tparrows.round{ width:40px; height:40px; margin-top:-20px;}
.tparrows.round:before{ line-height:40px;}
.tp-bullets.simplebullets.round .bullet{ width:12px; height:12px;}

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

}
@media screen and (max-width:1366px){
.iMain{padding: 70px 0;}
.tit1 strong{ font-size: 2.75em;}
.iExchange .h3{ font-size: 2.25em;}
.footer{padding: 40px 0;}

}
@media screen and (max-width:1280px){

.header{ left:0px; top:0px; right:0px; background:#216edf; box-shadow:0 0 3px rgba(0,0,0,0.3); border-bottom:none; position:fixed; z-index: 3;}
.header:before,
.header:after{ display:none;}
.header .wp{ height:60px; position:relative; padding:0px; margin:0 30px; min-width:inherit;}
.logo{ font-size:40px; margin-top:-0.5em; top:50%; z-index:3;}
.tSearch:hover{ width: auto;}



.tSearch{ position:absolute; right:24px; top:50%; margin-top:-20px; width:auto;}
.tSearch .i{ display:block; width:40px; height:40px; background: none; font-size:20px; line-height:40px; cursor:pointer; color:#fff; text-align:center;}
.tSearch .box{ position:fixed; left:0px; top:60px; right:0px; background:rgba(0,0,0,0.3); padding:15px 30px; display:none; width: auto;}
.tSearch .i.active{ color:#f4500b;}
}
@media screen and (max-width:1024px){
body{ padding-top:60px; background:#fff; font-size:14px;}
.wp{ width:auto; margin:0 30px;}

.header{ left:0px; top:0px; right:0px; background:#216edf; box-shadow:0 0 3px rgba(0,0,0,0.3); border-bottom:none; position:fixed; z-index: 3;}
.header:before,
.header:after{ display:none;}
.header .wp{ height:60px; position:relative; padding:0px; margin:0 30px; min-width:inherit;}

.logo{ font-size:40px; margin-top:-0.5em; top:50%; z-index:3;}



.tSearch:hover{ width: auto;}



.tSearch{ position:absolute; right:24px; top:50%; margin-top:-20px; width:auto;}
.tSearch .i{ display:block; width:40px; height:40px; background: none; font-size:20px; line-height:40px; cursor:pointer; color:#fff; text-align:center;}
.tSearch .box{ position:fixed; left:0px; top:60px; right:0px; background:rgba(0,0,0,0.3); padding:15px 30px; display:none; width: auto;}
.tSearch .i.active{ color:#f4500b;}
/*.ipt_t1{ background:#fff; color:#333; border:none;}*/
        .ipt_t1{ background:#fff; color:#333; border:none; border-radius: 16px !important; font-size: 12px; height: 32px; padding: 0 2em; }
.ipt_b1{ right: 0px; left: auto; color: #f4500b; font-size: 20px; width: 54px; height: 32px; line-height: 32px; margin-top: -16px;}

.tLanguage{ position:absolute; right:52px; top:50%; margin-top:-20px; width:auto;}
.tLanguage .i{ display:block; width:40px; height:40px; font-size:20px; line-height:40px; cursor:pointer; color:#333; text-align:center;}
.tLanguage .box{ position:fixed; left:0px; top:60px; line-height:24px; right:0px; background:#e8eeff; padding:15px 30px; display:none; text-align:center; color:#000;}
.tLanguage .box a{ color: #000;}
.tLanguage .box a.a1{ display:inline-block; vertical-align:bottom; float:none; height:30px; line-height:30px; margin-right:10px;}
.tLanguage .box a.a2{ display:inline-block; vertical-align:bottom; float:none;}
.tLanguage .box a:first-child{ border-left:none;}
.tLanguage .i.active{ color:#15a4a4;}

.thello{ display:none;}


.menu-link{ display:block;}
.menu{ display:none; position:fixed; margin:0px; transform: translateZ(0); top:60px; width:240px; right:0px; padding:0px; background:#f2f2f2;}
.menu ul{ display:block; border-radius: 0px; margin:0px; padding: 0px; border: none; background: none;}
.menu li{ float:none; padding:0px; width:auto; margin:0px;}
.menu li:before{ display: none;}
.menu .h3 a:before{ display:none !important;}
.menu .h3{ position:relative; border-bottom:1px solid rgba(162,104,90,0.1); padding:0px;}
.menu .h3 a{ text-align:left; position:static; color:#333; padding:0px 30px; height:40px; line-height:40px; border-radius:0px; font-size:14px;text-decoration:none !important; width: auto;}
.menu .h3 a:after{ display:none;}
.menu .h3 strong{ padding-top:0px; margin-bottom:3px;}
.menu li:hover .h3 a{}
.menu li.curr .h3 a,
.menu li.curr .h3 span{ background:#216edf; color:#fff;}
.menu-link{ display:block;}
.menu li:hover .box{ display:none;}
.menu i{ display:block;}
.menu span{ display:block;}
.menu li:nth-child(4){ margin-right:0px;}

.menu .box{ display:none; visibility:visible; opacity:1; transition:none; position:static; margin:0px !important; width:auto !important; background:#eee;}
.menu .box a{ position:static; color:#333; border-bottom:none;}
.menu .box span,
.menu .box i{ right:30px; color:#333;}
.menu .box dt:before{ display:none;}
.menu .box dt span:before{ content:"\e605";}
.menu .box dt span.active:before{ content:"\e606";}
.menu .box dd{ position:static; width:auto; box-shadow:none;}
.menu .box dd a{ background:rgba(255,255,255,0.3); border-bottom:1px solid rgba(255,255,255,0.1); text-align:center;}
.menu .box dd a:before{ display:none;}
.menu .box dl{border-bottom:1px solid rgba(162,104,90,0.1);}
.menu .box dl:hover dt span{ color:#333;}
.menu .box dl:hover dt a{ color:#333;}
.menu .box dl:hover dd{ display:none;}


.tit1 strong{font-size: 2em;}
.tit1 em{font-size: 1.25em; margin-bottom: 0.5em;}
.tit1:before{ width: 80px; height: 80px;}
.iNews .text{padding: 20px;}
.iNews .h3{font-size: 16px;}
.iNews .p{height: 40px; line-height: 20px;}
.iPro .single-item{margin: 0 -15px;}
.iPro .h3{font-size: 16px;}
.iPro .em{margin-bottom: 0.5em;}
.iPro .pd{margin: 0 15px;}
.footer{padding: 30px 0;}
.fCopy{width: 720px;}
.iAbout .text{font-size: 1em;}



.pMainFl{ display:none;}
.pMainFr{ float:none; width:auto;}

.imgList li{}
.imgList ul{ margin-right:-20px;}
.imgList li{ margin-bottom:20px;}
.imgList .pd{ margin-right:20px; padding:15px;}
.teamList ul{ margin-right:-20px;}
.teamList .pd{ padding:25px; margin-right:20px;}
.teamList li{ margin-bottom:20px;}
.teamList .text{ padding-left:20px;}
.teamListB ul{}
.teamListB .pd{ padding:25px;}
.teamListB li{ margin-bottom:20px;}
.teamListB .text{ padding-left:20px;}
}
@media screen and (max-width:980px){
.iAbout .text{text-align: left;}
.iMain5 .wp{margin: 0px !important;}
.iExchange .img{float: none; width: auto;}
.iExchange img{width: 100%; height: auto;}
.iExchange .text{position: static; padding: 30px;}
.fCopy{width: auto; float: none; margin-bottom: 20px;}
.fLick{ float: none; margin: 0 auto;}

.crumbsFr{ display:none;}
.imgList li{ width:50%;}
.imgList2 .img{ width:auto; float:none;}
.imgList2 .text{ margin:0px; padding-left:0px;}
}
@media screen and (max-width:768px){
.imgList ul{ margin-right:0px;}
.imgList li{ width:auto; float:none;}
.imgList .pd{ margin-right:0px;}
.teamList ul{ margin-right:0px;}
.teamList li{ width:auto; float:none;}
.teamList .pd{ padding:20px; margin-right:0px;}
.teamList .text{ padding-left:15px}
.newsList li{ padding:20px 0;}

.teamListB .pd{ padding:20px;}
.teamListB .img{ width:120px; height:120px;}
.teamListB .text{ padding-left:15px; margin-left:120px;}
.teamListB .h3{ font-size:16px; margin-bottom:20px;}
.teamListB .h3:before{ width:4px;}
.teamListB .em{ font-size:12px; line-height:1.25; max-height:2.5em; overflow:hidden; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;}
.teamListB .p{ font-size:12px; line-height:1.5; max-height:6em; overflow:hidden; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:4;}


}
@media screen and (max-width:640px){
.header .wp,
.wp{ margin:0 25px;}
.iAbout .img{width: auto;}
.iExchange .h3{font-size:18px;}
.iExchange .p{font-size: 1em;}
.iExchange .em{font-size: 1em;}
}
@media screen and (max-width:480px){
.fCopy{ float:none; margin-bottom:10px;}
.fLick{ width:auto; float:none;}
.logo{ font-size:28px;}

.teamList .pd{ padding:15px;}
.newsList .text{ padding-left:15px}
.teamList .p{ line-height:1.5;}
.teamListB .pd{ padding:15px;}
.teamListB .img{ width:80px; height:80px;}
.teamListB .text{ padding-left:15px; margin-left:80px;}
.teamListB .h3{ margin-bottom:15px;}
.teamListB .h3:before{ width:3px;}

}
@media screen and (max-width:413px){
body{ font-size:13px;}
.header .wp,
.wp{ margin:0 20px;}
.logo{ font-size:24px;}


.teamList .img{ width:80px;}
.teamList .text{ margin-left:80px;}
}
@media screen and (max-width:374px){
body{ font-size:12px;}
.header .wp,
.wp{ margin:0 15px;}
.logo{ font-size:32px;}
.iNewsTab li a{ padding:12px;}
.iNewsTab li strong{ font-size:16px;}
.iNewsTab li em{ font-size:10px;}
.iFindings .pd{ padding:20px;}


.newsList .h3{ font-size:14px;}
.teamList .h3{ font-size:14px;}
.imgList .h3{ font-size:14px;}


}

.iVideo{}
.iVideo video{ width:100%; height:auto; display:block;}



/*师资队伍*/
.facultyHead{ position:relative; margin-bottom:30px;}
.facultyNav{ margin-right:240px;}
.facultyNav li{ float:left; margin-right:3px; margin-bottom:3px;}
.facultyNav a{ display:block; width:34px; height:34px; border:1px solid #ddd; text-align:center; line-height:34px; border-radius:5px;}
.facultyNav li.curr a{ background:#15a4a4; border-color:#15a4a4; color:#fff;}
.facultySearch{ position:absolute; right:0px; top:0px; width:230px;}
.facultySearch .pd{ position:relative;}
.ipt_t2{ background:#fff; border:1px solid #15a4a4; color:#000; height:36px; width:100%; padding:0 58px 0 15px; border-radius:18px !important; font-size:14px; box-sizing:border-box; display:block;}
.ipt_b2{ width:48px; text-align:center; font-size:14px; line-height:36px; height:36px; color:#fff; position:absolute; right:0px; top:50%; margin-top:-18px; background:url(../images/bg.png) no-repeat #15a4a4; background-size:100% 100%; border:none; border-radius:18px!important; }
.facultyBottom{ padding-bottom:100px;}
.facultyTit{ line-height:50px;margin: 20px 0;font-size:30px;color: #15a4a4;font-family: Arial;border-bottom: 1px solid;}

.facultyInfoHead{ padding:0 30px; margin-bottom:30px;}
.facultyInfoHead .img{ width:140px; float:left;}
.facultyInfoHead .text{ margin-left:140px; padding-left:30px;}
.facultyInfoHead .h3{ font-size:20px; line-height:1.5; color:#15a4a4; font-weight:bold; margin-bottom:1em;}
.facultyInfoHead .em{ font-size:16px; line-height:1.5;}
.facultyInfoHead .p{}

.facultyInfoBottom{ padding:0 30px;}
.facultyInfoBottom .li{ margin-bottom:30px;}
.facultyInfoBottom .h3{ font-size:18px; font-weight:bold; color:#15a4a4; border-bottom:1px solid #ccc; line-height:1.5; margin-bottom:0.5em; }
.facultyInfoBottom .p{}

@media screen and (max-width:640px){
.facultySearch{ position:static; width:auto; margin-bottom:30px;}
.facultyNav{ margin-right:0px;}
.facultyInfoHead{ padding:0px;}
.facultyInfoBottom{ padding:0px;}
}
@media screen and (max-width:413px){
.facultyInfoHead .img{ width:120px;}
.facultyInfoHead .text{ margin-left:120px; padding-left:20px;}
}
@media screen and (max-width:374px){
.facultyInfoHead .img{ width:100px;}
.facultyInfoHead .text{ margin-left:100px; padding-left:15px;}
.facultyInfoHead .h3{ font-size:18px; margin-bottom:0.5em;}
.facultyInfoBottom .h3{ font-size:16px;}
}