﻿@charset "utf-8";
/* 全局样式 */
*{ box-sizing:border-box;}
body,ul,dl,dd,dt,ol,li,p,h1,h2,h3,h4,h5,h6,textarea,form,select,fieldset,table,td,div,input{margin:0;padding:0;-webkit-text-size-adjust:none}h1,h2,h3,h4,h5,h6{font-weight:normal;font-family:"Microsoft YaHei"}body>div,form>div{margin:0 auto}div{text-align:left}a img{border:0}img{vertical-align:middle}table{border-collapse:collapse;border-spacing:0}select,input,textarea{outline:0;font-family:"Microsoft YaHei"}ul,ol,li{list-style-type:none;vertical-align:0}a{outline-style:none;color:#666;text-decoration:none}a,area{blr:expression(this.onFocus=this.blur())}:focus{-moz-outline-style:none}.clear{clear:both;height:0;overflow:hidden;visibility:hidden}.hidden,.hide,.hides{display:none}.block,.show{display:block}.fl{float:left}.fr{float:right}.fline{float:left;display:inline}.clearfix:after{clear:both;content:".";height:0;display:block;visibility:hidden}.chgBtn{cursor:pointer}.ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block}.f12{font-size:12px}.f13{font-size:13px}.f14{font-size:14px}.f15{font-size:15px}.f16{font-size:16px}.f18{font-size:18px}.far{font-family:Arial}.fb{font-weight:bold}.auto{margin-left:auto;margin-right:auto}.cor_org{color:#ff5c00}.cor_blue{color:#2599d7}.text_rig{text-align:right}.text_lef{text-align:left}.pr{position:relative}.pa{position:absolute}.mt10{margin-top:10px}.mb10{margin-bottom:10px}.pt10{padding-top:10px}.pb10{padding-bottom:10px}.gray{-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:gray}
.wrap{ width:1200px; margin:0 auto;}
body { text-align:center; font-size:14px; color:#333333; background:#FFFFFF; font-family:"Microsoft YaHei"; min-width:1200px; max-width:1920px; margin:0 auto;}
.text_cen{ text-align:center;}
.font24{ font-size:24px;}
.fontHeight{ overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; }
.imgBg{ background-position:center center; background-repeat:no-repeat; background-size:cover; position:absolute; left:0; top:0; width:100%; height:100%;}
.imgBg img{ display:none;}
.showIn{ display:inline;}
.hide{ display:none;}


.wrap{ position:relative; z-index:1; width:1280px; margin:0 auto;}
.mainImg{ position:relative; overflow:hidden;}
.mainImg > img{ display:block; width:100%;}
.banner{ height:100vh;}
.navBg{ position:absolute; left:0; bottom:0; width:100%; background:#f19052;}
.navBg.fixed{ z-index:10;}
.navList{ list-style:none; text-align:center; font-size:0;}
.navList li{ display:inline-block; vertical-align:middle; line-height:50px; _display:inline; zoom:1; padding:0 2px; background:url(../images/navBg.png) right center no-repeat;}
.navList li:last-child{ background:none;}
.navList li a{ display:block; padding:0 15px; font-size:17px; color:#FFFFFF;}

.messList{ margin-top:233px; overflow:hidden; opacity:0.75;}
.messList li{ float:left; margin-bottom:27px;}
.mesLi1{ width:410px; margin-right:25px;}
.mesLi2{ width:410px; margin-right:25px;}
.mesLi3{ width:410px;}
.mesLi4{ width:100%;}
.mesBox{ position:relative;}
.mesLabel{ position:absolute; left:10px; top:0; line-height:50px; font-size:18px; color:#FFFFFF;}
.mesInput{ display:block; border:1px solid #FFFFFF; background:none; height:50px; padding:10px 0; line-height:28px; width:100%; border-radius:5px; font-size:18px; color:#FFFFFF; padding-left:60px;}
textarea.mesInput{ height:100px; resize:none;}
.mesLi2 .mesInput{ padding-left:100px;}
.mesLi3 .mesInput{ padding-left:80px;}
.mesBtn{ display:block; font-size:24px; color:#FFFFFF; letter-spacing:2px; width:350px; height:60px; line-height:60px; background:#bd202e; border-radius:4px; text-align:center; margin:60px auto;}

.mainTit img{ display:block; margin:0 auto;}
.mainNews{ background:#f5f5f5; padding:.9rem 0;}
.mainNews .wrap{ width:66.67%; max-width:1280px;}
.mainNews .mainTit img{ width:auto; height:.8rem;}
.newsList{ font-size:0; margin:0 -.3rem; padding-top:.2rem; list-style:none;}
.newsList li{ display:inline-block; vertical-align:top; width:33.33%; padding:.3rem;}
.newsList li a{ display:block; height:100%;}
.newsImg{ position:relative; overflow:hidden; border-radius:5px 5px 0 0; padding-bottom:65.8%; height:0;}
.newsImg .imgBg{ transition:all .6s;}
.newsCon{ padding:.2rem 0 .1rem;}
.newsTime{ font-size:.18rem; color:#bd202e; line-height:24px;}
.newsTit{ font-size:.22rem; color:#333333; line-height:160%; -webkit-line-clamp:2; margin:.1rem 0;}
.newsDes{ font-size:.18rem; color:#666666; line-height:.3rem; -webkit-line-clamp:3;}
.newsMore{ padding:.15rem 0 0; text-align:center;}
.newsMore a{ color:#bd202e; font-size:.18rem;}
.newsMore a span{ margin:0 8px; transition:all .5s;}
.newsMore a:hover span{ margin:0 12px;}
.newsList li a:hover .newsImg .imgBg{ transform:scale(1.05);}
.newsList li a:hover .newsTit{ color:#bd202e;}

.mainPhoto{ padding:.9rem 0; background:url(../images/mainPhoto.jpg) center center no-repeat; background-size:cover;}
.mainPhoto .wrap{ width:66.67%; max-width:1280px;}
.mainPhoto .mainTit img{ width:auto; height:.8rem;}
.photoBox{ position:relative; overflow:hidden; margin-top:.5rem;}
.photoBtn span{ display:block; width:37px; height:48px; background-color:rgba(0,0,0,0.5); background-position:center center; background-repeat:no-repeat; background-size:cover; position:absolute; top:50%; margin-top:-24px; z-index:1; cursor:pointer; transition:all .3s;}
.photoPrev{ left:0; border-radius:0 4px 4px 0; background-image:url(../images/photoPrev.png);}
.photoNext{ right:0; border-radius:4px 0 0 4px; background-image:url(../images/photoNext.png);}
.photoList ul{ overflow:hidden; list-style:none;}
.photoList li{ float:left; width:33.33%; height:3rem; position:relative; overflow:hidden;}
.photoList li .imgBg{ position:static; width:100%; height:100%; border-radius:3px; transition:all .3s;}
.photoList li img{ width:100%; height:auto; border-radius:3px;}
.photoList li h3{ position:absolute; left:0; bottom:0; width:100%; background:rgba(0,0,0,0.5); font-size:15px; color:#FFFFFF; line-height:24px; padding:.1rem; text-align:center;}
.photoList li:hover .imgBg{ transform:scale(1.05);}
.photoBtn span:hover{ background-color:#bd202e;}

.mainVideo{ background:#FFFFFF;}
.mainVideo .newsImg{ background:#000000; border-radius:5px;}
.mainVideo .imgBg{ opacity:.45; transition:all .5s;}
.mainVideo .newsTit{ text-align:center; margin:0;}
.videIco{ display:block; width:.66rem; height:.66rem; background:url(../images/playIco.png) center center no-repeat; background-size:cover; position:absolute; left:50%; top:50%; margin:-.33rem 0 0 -.33rem;}
.university{ list-style:none; font-size:0; margin:0 -.28rem; padding-top:.5rem;}
.university li{ display:inline-block; vertical-align:top; width:25%; padding:0 .28rem;}
.university li a{ display:block; height:100%;}
.universityImg{ transition:all .5s;}
.universityImg img{ border-radius:5px; max-width:100%; height:auto;}
.universityCon{ padding:.2rem 0; text-align:center;}
.universityTit{ font-size:.2rem; color:#333333; line-height:140%; transition:all .5s;}
.universityEn{ font-size:.16rem; color:#999999; line-height:160%;}
.university li:hover .universityImg{ box-shadow:0 5px 10px rgba(0,0,0,0.1);}
.university li:hover .universityTit{ color:#bd202e;}

.mainVideo .newsList li a:hover .imgBg{ opacity:.6;}

.headBg{ background:url(../images/headBg.png) center center no-repeat; background-size:cover; height:1.82rem;}
.headBg .wrap{ width:66.67%; max-width:1280px;}
.logo{ float:left; margin-top:.38rem;}
.logo a{ display:block;}
.logo img{ width:auto; height:1.13rem;}
.navRig{ list-style:none; float:right; margin-top:.78rem;}
.navRig li{ float:left; margin-left:60px;}
.navRig li a{ font-size:.18rem; color:#FFFFFF; line-height:160%;}
.navRig li a:hover{ text-decoration:underline;}
.mainBg{ min-height:30vh; overflow:hidden;}
.mainBg .wrap{ width:66.67%; max-width:1280px;}
.page{ padding:.3rem 0 .6rem; text-align:center;}
.page a,.page span,.page input{ display:inline-block; vertical-align:middle; margin:0 5px; color:#303133; font-size:16px;}
.page a{ font-weight:bold;}
.page a.active{ color:#bd202e;}
.page span{ color:#6c6e71;}
.page input{ border:1px solid #dcdfe6; width:46px; height:28px; line-height:26px; text-align:center; border-radius:4px; color:#6C6E71;}

.mainBg .mainVideo{ padding-top:.4rem;}
.mainBg .mainVideo li{ padding:.15rem .3rem;}
.mainBg .mainVideo .newsTit{ text-align:left; margin:0;}

.newsTop{ font-size:14px; color:#777777; line-height:200%; padding:.4rem 0 .2rem; border-bottom:1px solid #ddd9de; margin-bottom:.2rem;}
.newsTop h1{ font-size:.35rem; color:#000000; line-height:150%;}
.newsText{ font-size:16px; color:#666666; line-height:28px; margin-bottom:.5rem;}
.newsText p{ margin:.2rem 0;}
.newsText img{ max-width:100% !important; height:auto !important; margin:.2rem 0;}

.newsBot{ margin:.4rem 0 .8rem; overflow:hidden; font-size:16px; color:#666666; line-height:26px;}
.newsBot span{ background:#c6302e; color:#FFF; font-weight:bold; font-size:14px; line-height:26px;padding-left:5px; position:relative;}
.newsBot span:after{ display:block; content:""; width:0; height:0; position:absolute; top:0; border-top:13px solid transparent; border-bottom:13px solid transparent;}
.newsPrev{ float:left; width:45%;}
.newsNext{ float:right; width:45%; text-align:right;}
.newsPrev span{ float:left; border-radius:0 3px 3px 0; margin-right:10px; margin-left:13px;}
.newsPrev span:after{ left:-13px; border-right:13px solid #c6302e;}
.newsNext span{ float:right; border-radius:3px 0 0 3px; margin-left:10px; margin-right:13px;}
.newsNext span:after{ right:-13px; border-left:13px solid #c6302e;}
.newsBot a:hover{ color:#c6302e;}

@media screen and (max-width: 1600px){
	.mainImg15{ height:500px;}
	.mainImg15 .imgBg{ background-size:cover;}
	.mainImg15 .wrap{ width:990px;}
	.mesLi1,.mesLi2,.mesLi3{ width:313px;}
	.messList{ margin-top:180px;}
	.mesBtn{ margin:20px auto; font-size:20px; height:50px; line-height:50px; width:300px;}
	.mesLabel{ font-size:16px;}
	.mesInput{ font-size:16px;}
	.newsText{ font-size:14px;}
	.newsBot{ font-size:14px;}
	.newsPrev span{ font-size:12px;}
}