@charset "gb2312";
/* CSS Document */
.clear{clear:both;}

.location{ float:left; width:90%; padding:0 5%; border-bottom:1px solid #ddd;}
.location span{ text-align:right; padding-left:20px; margin-bottom:10px;float:right;background:url(../images/home.png) left center no-repeat;}
.location a{ color:#333; font-size:1.1em;}

/*page_nav*/
.page-nav{ width:98%; padding:10px 1%;
	margin:0px auto;text-align:center; border-bottom:3px solid #ff0000; background:#fff;
}
.page-nav a{ width:20%; margin:5px 1%;
	height:28px;
	display:inline-block;
	text-align:center;
	line-height:28px;
	font-size:14px;
	color:#ff0000; border:1px solid #ff0000; background:#fff;
}
.page-nav a.on{
	background:#ff0000;
	color:#fff;
}
.about_img img{ width:100% !important;}
/*school*/
.club{width:100%}
.club1{margin-bottom:10px; }
.club_img{margin-top: 10px; }
.club_left{width:95%;position: relative; margin:0 2.5%;}
.club_left img{width:100%; height:100%}
.c_mask{background: rgba(0,0,0,.2);position: absolute;top:0;left: 0;width:95%;}
.club_list{width: 95%; margin:0 2.5%; }
.club_list li{float: left; width: 25%;}
.club_list:hover img{filter:brightness(.7);-moz-filter:brightness(.7);-webkit-filter:brightness(.7);-ms-filter:brightness(.7);transition:all .6s ease ;}
.club_list li:hover img{filter:brightness(1);-moz-filter:brightness(1);-webkit-filter:brightness(1);-ms-filter:brightness(1);transition:all .4s ease ;}
.club_info{margin-top: 24px;color: #666;line-height: 24px;}
.club_info h3{font-size: 16px;color: #444;margin-bottom: 20px;}
.clubp{width:95%; margin:5% 2.5%;}


/*news*/
.news{ float:left;width:100%;overflow:hidden; margin:0 auto;/**background:#F4F4F4;***/padding-bottom:10px;}
.news h2{ width:100%; font-size:1.7em;text-align:center; margin-top:10px; color:#ff0000;}
.news h2 a{color:#ff0000;}
.news h3{ font-size:1.1em;text-align:center; font-weight:normal;}
.news .itembox{ margin:10px 1%;border:1px solid #f1f1f1;}
.item{ padding:5px 2%; background:#fff; margin-top:5px; border-bottom:1px solid #ddd;}
.item .fr{ width:20%; margin-top:5px;}
.item .fr img{ width:100%; height:55px;}
.item .cnt{ float:left;width:100%;}
.item h4{ font-size:1.2em; font-weight:normal; color:#0198E2; line-height:24px;height:24px; overflow:hidden;}
.item h4 a{color:#111; border-left:3px solid #ff0000; padding-left:5px;}
.item p{ font-size:1em;color:#666; text-indent:12px;}
.item p span{ float:right; color:#ccc;}
.news .news_more{ float:left;width:100%; text-align:center;}
.news .news_more img{ width:10%;}




/*news*/
.news_cnt{ padding-top:30px;}
.news_cnt .content{ width:92%;margin:0 auto; padding:20px 4%;background: #f5f5f5;  }
.news_cnt .cnt{ width:94%;background:#fff; text-align:left; padding:10px 3%;  font-size:1.1em;}
.news_cnt .cnt .title{ text-align:center; margin-bottom:20px;}
.news_cnt .cnt .title span{ color:#999; display:block; margin:5px 0 8px 0; font-size:1em;border-bottom:1px dotted #ddd;border-top:1px dotted #ddd; padding:3px 0;}
.news_cnt .cnt h3{ font-size:1.3em;    color: #333; font-weight:normal; }
.news_cnt .cnt h3 a{ color:#353535;}
.news_cnt .cnt p{ color:#666;font-size: 13px;line-height: 20px;}
.news_cnt .cnt .vfull{ color:#ff0000; margin-top:0.875em; display:block;font-size:1.1em;}
.news_desc{ background:url(../images/news_desc.png) no-repeat center 0;width:100%; height:39px;}
.news_cnt .cnt img{ width:100% !important;}
.diannao {display:none}

.news_cnt1{ padding-top:30px;}
.news_cnt1 .content{ width:92%;margin:0 auto; padding:20px 4%;background: #f5f5f5;  }
.news_cnt1 .cnt{ width:94%;background:#fff; text-align:left; padding:10px 3%;  font-size:1.1em;}
.news_cnt1 .cnt .title{ text-align:center; margin-bottom:20px;}
.news_cnt1 .cnt .title span{ color:#999; display:block; margin:5px 0 8px 0; font-size:1em;border-bottom:1px dotted #ddd;border-top:1px dotted #ddd; padding:3px 0;}
.news_cnt1 .cnt h3{ font-size:1.3em;    color: #333; font-weight:normal; }
.news_cnt1 .cnt h3 a{ color:#353535;}
.news_cnt1 .cnt p{ color:#666;font-size: 13px;line-height: 20px;}
.news_cnt1 .cnt .vfull{ color:#ff0000; margin-top:0.875em; display:block;font-size:1.1em;}




.new_list{width: 100%; margin:0 auto; padding-top:20px;}
.new_list li {width: 99%; margin: 0 auto 20px auto;border: 1px solid #c9c9c9; background: #fff;}
.new_list li img {width: 100%; height: 150px;}
.new_list li .cont { display: block;width: 86%; padding: 15px 7% 13px;}
.new_list li h4 {font-size: 16px;color: #000;line-height: 28px; text-align: center; height: 28px;  overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;}
.new_list li .font { display: inline-block; margin-top: 13px;  font-size: 12px; color: #666; line-height: 22px;  height: 44px;  overflow: hidden;}
.new_list li .date { display: block; border-top: 1px solid #f2f2f2; line-height: 28px; padding-top: 9px; font-size: 14px; font-family: "Arial"; color: #8d8d8d;margin-top: 10px;}







/*product*/
.pro_cnt{ padding-top:30px;}
.pro_cnt .content{float:left;width:92%;padding:20px 4%;background:#fafafa;}
.pro_cnt .cnt_pro{ float:left; width:100%; background:#f1f1f1;}
.cnt .pimg img{ width:100% !important;}

.pro_list li {
    border: 1px solid #c9c9c9;
    margin-bottom: 35px; background:#fff;
}
.pro_list li img {
    width: 100%;
        height: auto;
}
.pro_list li .detail {
    padding: 3% 7% 5%;
    text-align: center;
    background: #fff;
}
.pro_list li .detail a.tit {
    width: 100%;
    position: relative;
    display: inline-block;
    font-size: 20px;
    line-height: 50px;
    height: 50px;
    overflow: hidden;
    color: #333;
}
.pro_list li .detail a.zy {
    width: 100%;
    position: relative;
    display: inline-block;
    font-size: 10px;
    line-height: 18px;
    overflow: hidden;
    color: #333;
}

.pro_list li .detail a.tit:after {
    content: "";
    display: inline-block;
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 60px;
    height: 1px;
    background: #ddd;
    margin-left: -30px;
}
.pro_list li .detail a.btn {
    display: inline-block;
    width: 46.5%;
    border: 1px solid #c9c9c9;
    margin-top: 5%;
    font-size: 14px;
    line-height: 40px;
    color: #999;
    -webkit-transition: all 0.8s;
    transition: all 0.8s;
}

/**album**/
.pro_cnt .album_pro{ float:left; width:100%;}
.pro_cnt .album_pro ul li{ float:left;width:100%;background:#fff;border:1px solid #DFDFDF; box-shadow:1px 1px 1px #DFDFDF;margin:1em 1%;}
.pro_cnt .album_pro ul li a{float:left; color:#222;}
.pro_cnt .album_pro img{float:left; width:100% !important; height:195px;overflow: hidden;}
.pro_cnt .album_pro ul li p{ float:left;width:100%; margin:2px 0;text-align:center; line-height:2em;font-size:1.2em; font-weight:normal;}




.pro_cnt .album_pro1{ float:left; width:100%;}
.pro_cnt .album_pro1 ul li{ float:left;width:47%;background:#fff;border:1px solid #DFDFDF; box-shadow:1px 1px 1px #DFDFDF;margin:1em 1%;}
.pro_cnt .album_pro1 ul li a{float:left; color:#222;}
.pro_cnt .album_pro1 img{float:left; width:100% !important; height:195px;overflow: hidden;}
.pro_cnt .album_pro1 ul li p{ float:left;width:100%; margin:2px 0;text-align:center; line-height:2em;font-size:1.2em; font-weight:normal;}

/********page*****/
.pagelink {
padding:20px 0 10px 0;
text-align: center;
}
.pagelink span{font-size: 14px;
color: #ccc;
display: inline-block;
_display: inline;
padding: 2px 13px;
border: 1px solid #ddd;
margin-right: 5px;
line-height: 32px; background:#fff;}
.pagelink a{
font-size: 14px;
color: #333;
display: inline-block;
_display: inline;
padding: 2px 15px;
border: 1px solid #ddd;
margin-right: 5px;
line-height: 32px;background:#fff;
}
.pagelink font{font-size: 14px;
background: #ec0000;
color: #fff;
display: inline-block;
_display: inline;
padding: 2px 15px;
border: 1px solid #ddd;
margin-right: 5px;
line-height: 32px;
	}
	
.pagelink a:hover, .pagelink a.cur{
background: #ec0000;
color: #fff;
}

.prevnext{ float:left;width:100%;padding-top: 20px; border-top:1px dotted #ddd; margin-top:30px;
    }

.prevnext p {
    font-size: 16px !important;
    line-height: 30px;
    display: inline-block;
    margin: 0 25px;
    padding-left: 45px;
    height: 30px; overflow:hidden;
}
.prevnext p.prev {
    background: url(../images/fitting_btn1.png) no-repeat center left;
}
.prevnext p.next {
    background: url(../images/fitting_btn2.png) no-repeat center left;
}
.prevnext p.back {
    background: url(../images/fitting_btn3.png) no-repeat center left;
}

.contact_img{width:60%;}
.contact{width:100%;}
.contact .m_none{display:none;}
.contact h4{ color:#ff0000; font-size:1.4em; text-align:center;}
.contact h4 span{font-size:1rem; }
.contact .cont_1{ padding-left:25px;background:url(../images/cont_1.png) left center no-repeat;}
.contact .cont_2{ padding-left:25px;background:url(../images/cont_2.png) left center no-repeat;}
.contact .cont_3{ padding-left:25px;background:url(../images/cont_3.png) left center no-repeat;}
.contact .cont_4{ padding-left:25px;background:url(../images/cont_4.png) left center no-repeat;}
.contact .cont_5{ padding-left:25px;background:url(../images/cont_5.png) left center no-repeat;}
.contact .cont_6{ padding-left:25px;background:url(../images/cont_6.png) left center no-repeat;}
.contact .cont_7{ padding-left:25px;background:url(../images/cont_7.png) left center no-repeat;}
.contact .cont_8{ padding-left:25px;background:url(../images/cont_8.png) left center no-repeat;}
.contact .cont_9{ padding-left:25px;background:url(../images/cont_9.png) left center no-repeat;}
.contact .zzp-tel { text-align:center;display: block;color: #fff;width: 180px;height: 30px;line-height: 30px;font-size: 18px;clear: both;margin: 10px auto 10px auto;padding:0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;text-decoration: none;-webkit-border-radius: 5px;border-top-radius: 5px;background: #ff0000;}
.contact_p .zzp-tel:before{width:30px;height:30px;content:"";display:inline-block;margin:0 0 0 10px;vertical-align:middle;background:url(../images/common.png) no-repeat -275px 2px;background-size:400px;}
.contact_p .zzp-tel.touch{background:-webkit-gradient(linear,0 0,0 100%,from(#0198e2),to(#0075C1));}
.contact h5{ color:#ff0000; font-size:1.2em; padding-top:10px;}
.contact h6{font-size:1em;}




/**********join*********/
.join{ width:100%; padding:20px 0;}
.join h3{   float: left; width: 100%;font-size: 24px;text-align: center;color: #48281e;}
.join h3 span {float: left; width: 100%; font-size: 16px;padding-top: 40px; background: url(../images/b1_nkm1.png) center top no-repeat;margin-top: 10px;}	
.join h4{float: left;width: 100%;font-size:16px; line-height:32px;}
.join p{ line-height:32px; font-size:16px;}
.joinin{float:left; width:100%;}
.joinin h3{ float: left;   width: 100%; font-size: 24px; text-align: center; color: #48281e;}
.joinin h3 span { float: left; width: 100%; font-size: 16px;padding-top: 40px; background: url(../images/b1_nkm1.png) center top no-repeat;  margin-top: 10px;}	
.joinin1 h3{ margin-bottom:30px;}
.joinin1 p{float:left;width:100%; margin-bottom:5px; padding-bottom:5px;}
.joinin1 p img{ float:left;width:20%;}
.joinin1 p span{ float:right; width:75%; padding-top:5px;}
.joinin2 p img{ width:100%;}






.i_aboc {  display: block; float: left; width: 100%; padding-top: 0px;}
.i_aboc img { width: 100%; text-align: center;}
.about_p {float: left; width: 90%;  padding: 0 5%;  position: relative; margin: 10px auto 0 auto;}
.about_p h3 {width: 100%; text-align: center; font-size: 22px; color: #ff0000;   line-height: 1.5;  font-weight: normal;}
.about_p h4 {width: 100%; text-align: center;  font-weight: normal;text-transform: uppercase; font-size: 14px; color: #666; line-height: 1.5;}
.about_p span.line {display: block;
    width: 30px;
    height: 2px;
    background: #ff0000;
    margin: 5px auto 30px;
}
about_p p {margin: 0 auto;
    font-size: 14px;
    color: #666666;
    line-height: 1.85;
    width: 100%;
}
.about_p .more { position:absolute;left: 41%;
    top: -110px;
    width: 70px;
    height: 70px;
    background: url(../images/i_more1.png) no-repeat 0 0;
    display: block;
    margin: 10px auto 20px auto;
    transition: all 0.5s;
}



.sub-nav {width: 100%;border-bottom: 1px solid #ebebeb; height: 66px;line-height: 66px;  left: 0; top: 0;background: #fff;z-index: 998; -webkit-box-shadow: 0 0 3px #aaaaaa;  -moz-box-shadow: 0 0 3px #aaaaaa;box-shadow: 0 0 3px #aaaaaa;}
.w {margin: 0 auto;width: 90%;}
.sub-nav .position {font-size: 14px;color: #a3a3a3; display: none;}
.sub-nav .position .home { display: inline-block;height: 66px;line-height: 66px; padding-left: 25px;background: url(../images/home_ico.png) no-repeat left center;}
.sub-nav .position .home a {color: #999;}
.sub-nav .link {height: 66px;overflow: hidden;    position: relative; width: 100% !important;max-width: 100%; padding: 0;}
.sub-nav .link li { float: left; min-height: 0;color: #ddd;}
.sub-nav .link li a {padding: 0 5px;font-size: 12px; color: #666666; line-height: 66px; float: left;}




.comtitle{font-size:1.6rem;color:#dd0303;position:relative;padding-top:20px;margin-bottom:40px;margin-top:20px;}
.comtitle .left{width: 100%;float: left;position:relative;}
.comtitle .left .en{position:absolute;left:0;top:0;text-transform:uppercase;font-weight:700;font-family:Arial;background-image:-webkit-linear-gradient(left,#eee,#dd0303);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;opacity:.3}
.comtitle .left .cn{position:relative;padding-top: 20px;}
.comtitle .left:after{display:block;width:60px;height:5px;background-color:#dd0303;content:'';margin-top:22px;}
.comtitle .right{width:auto;display:flex;float: right;margin-top: 32px;}
.comtitle .right .title-tel{height:46px;background:#dd0303;opacity:1;border-radius:23px;font-size:18px;font-family:Microsoft YaHei;font-weight:400;color:#fff;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:0 20px 0 5px}
.comtitle .right .title-tel .img{margin-right:10px;width:38px;height:38px;background:#fff;border-radius:50%;opacity:1;display:flex;align-items:center;justify-content:center}
.comtitle .right .title-tel .img img{display: block;width: 22px;}
.comtitle .right .title-tel{height:46px;background:#dd0303;opacity:1;border-radius:23px;font-size:15px;font-family:Microsoft YaHei;font-weight:400;color:#fff;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:0 20px 0 5px}
.comtitle .right .title-tel1{background:#fff;border:2px solid #dd0303;margin-left:4px}
.comtitle .right a{line-height:16px;font-size:15px;}
.comtitle .right a div.icon{position:relative;padding-left:44px;color:#dd0303;height:15px}
.comtitle .right .title-tel1 a div.icon{position:relative;padding-left:44px;color:#dd0303}
.comtitle .right .title-tel1 a div.icon::before{content:"";position:absolute;top:-6px;left:6px;margin-left:0;width:30px;height:30px;background-color:transparent;background-image:url(../images/xyziconzs.png);background-repeat:no-repeat;background-position:center;background-size: 32px;}
.comtitle1 .right .title-tel1 a div.icon::before{content:"";position:absolute;top:-6px;left:6px;margin-left:0;width:30px;height:30px;background-color:transparent;background-image:url(../images/iconmore.png);background-repeat:no-repeat;background-position:center;background-size: 22px;}


/********************小语种文章页********************/
.ysqRow{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-ms-flex-line-pack:start;align-content:flex-start}
.pic img{position:absolute;left:0;top:0;z-index:1;border-radius:inherit;width:100%;height:100%}
.pa100.link{position:absolute!important;right:0;left: 0;top: 0;bottom:0;width:auto;height:auto;z-index:8;text-indent:-9999px;overflow:hidden;white-space:nowrap;-webkit-transition:all 250ms ease-out 0s;transition:all 250ms ease-out 0s;text-align:left!important}
.sNews-awards-list{position:relative;z-index:1}
.sNews-awards-switch+.sNews-awards-list:before{content:" ";position:absolute;left:0;right:0;top:0;height:100px;background-image:-webkit-linear-gradient(-90deg,#eeebea,#fff)}
.ysqRow>.item{position:relative;overflow:hidden;z-index:1;float:left;-webkit-transition:background 250ms,color 250ms,-webkit-transform 250ms;transition:background 250ms,color 250ms,-webkit-transform 250ms;transition:transform 250ms,background 250ms,color 250ms;transition:transform 250ms,background 250ms,color 250ms,-webkit-transform 250ms;-webkit-box-sizing:border-box;box-sizing:border-box}
.sNews-awards-list{position:relative;z-index:1}
.sNews-awards-list .item{z-index:2;position:relative;padding:.5rem 0;border-bottom:#f2f2f2 solid 1px;width:100%}
.sNews-awards-list .item .wrapIn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center}
.sNews-awards-list .item .wrapIn:after{display:none}
.sNews-awards-list .item .wrapIn:after{display:block!important;content:" ";position:absolute;z-index:-1;pointer-events:none;-webkit-transition:all 250ms ease-out 0s;transition:all 250ms ease-out 0s;left:0;top:100%;width:100%;height:0;background-color:#eeebea}
.sNews-awards-list .item .pic{width:34%;height:120px;background-color:#f1f1f1;position: relative;}
.sNews-awards-list .item .pic img{display:block;width:100%;}
.sNews-awards-list .item .txt{width: 60%;}
.sNews-awards-list .item .txt h3{color:#333;line-height:1.75em;position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size: 16px;font-weight: normal;}
.sNews-awards-list .item .txt p{margin-top:.25rem;line-height:1.75em;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:3.5em;height:3.5em;font-size: 13px;width:100%;}
.sNews-awards-list .item .txt .btnXb{margin-top:.16rem;position:relative;z-index:8;-webkit-transition:all 250ms ease-out 0s;transition:all 250ms ease-out 0s}
.sNews-awards-list .item .date{position:relative;z-index:3;width:108px;height:108px;background-color:#dedede;-webkit-transition:all 250ms ease-out 0s;transition:all 250ms ease-out 0s;text-align:center;color:#333;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center;margin-left:.6rem;display:none;}
.sNews-awards-list .item .date:after{display:none}
.sNews-awards-list .item .date:after{content:" ";z-index:-1;display:block;position:absolute;left:8px;top:8px;right:8px;bottom:8px;border:#bbb solid 1px;pointer-events:none;-webkit-transition:all 250ms ease-out 0s;transition:all 250ms ease-out 0s}
.sNews-awards-list .item .date .d{line-height:1.5em;width:100%;font-size: 26px;}
.sNews-awards-list .item .date .ym{margin-top:.05rem;margin-bottom:.08rem;font-size:14px;width:100%}
/**.sNews-awards-list .item:hover .wrapIn:after{top:0;height:100%;-webkit-transition:top 0s ease-out 0s,height 220ms ease-out 0s;transition:top 0s ease-out 0s,height 220ms ease-out 0s}
.sNews-awards-list .item:hover .txt h3{color:#9b0000}**/
.sNews-awards-list .item:hover .txt .btnXb{background-color:#fff}
.sNews-awards-list .item:hover .date{background-color:#9b0000;color:#fff}
.sNews-awards-list .item:hover .date:after{border-color:#fff}
.comtitle1{margin-top:0;padding-top:0;}
.ysqUEO .aBtnlr:before{content:" ";position:absolute;left:100%;top:0;width:0;height:100%;background-color:#9b0000;z-index:-1;pointer-events:none;-webkit-transition:all .4s ease-out 0s;transition:all .4s ease-out 0s}
.btn.btnXb:before{background-color:#9b0000}
.ysqUEO .aBtnlr:hover:before{width:100%;left:0;-webkit-transition:left 0s ease-out 0s,width .4s ease-out 0s;transition:left 0s ease-out 0s,width .4s ease-out 0s}
.btn.btnXb:hover:before{opacity:1}


.pageinfo { text-align: center;}
.pageinfo span{font-size: 12px;color: #ccc;display: inline-block;_display: inline;padding: 0 8px;border: 1px solid #ddd;margin-right: 5px;line-height: 26px;}
.pageinfo a, .pageinfo .active{font-size: 12px;color: #333;display: inline-block;_display: inline;padding: 0 8px;border: 1px solid #ddd;margin-right: 5px;line-height: 26px;}
.pageinfo font{font-size: 12px;color: #fff;background: #dd0303;font-weight: bold;display: inline-block;_display: inline;padding: 0 8px;border: 1px solid #ddd;margin-right: 5px;line-height: 26px;}
.pageinfo a:hover, .pageinfo a.cur, .pageinfo a.active, .pageinfo li.active a, .pageinfo li.active a:hover {background: #dd0303;font-weight: bold;color: #fff;}
.prevnext a{ font-size:14px;color: #666;}
.prevnext a:hover{color: #dd0303;}
.prevnext p.fr{margin-top: -40px;}
.prevnext p.fr a{ background:#dd0303; color:#fff; padding:7px 15px;}
