@charset "utf-8";
.warp{width:1000px; margin:0 auto;}
.fl{float: left;}
.fr{float: right;}
.text-left{text-align: left;}
.text-right{text-align: right;}
.text-center{text-align: center;}
.text-over{text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.over{overflow: hidden;}
.relative{position: relative;z-index: 1;}
.absolute{position: absolute;z-index: 1;}
.fixed{position: fixed;z-index: 1;}
.inline{display: inline;}
.block{display: block;}
.inline-block{display: inline-block;}
.hide{display: none;}
.max-w100{max-width: 100%;}
.max-h100{max-height: 100%;}
.middle{vertical-align: middle;}
.border-box{ -webkit-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}
.trans{ -webkit-transition:all 300ms ease 0s; -moz-transition:all 300ms ease 0s; -ms-transition:all 300ms ease 0s; -o-transition:all 300ms ease 0s; transition:all 300ms ease 0s;}

/*新站*/
#warp{width:100%; max-width:1920px; min-width:320px; overflow:hidden; margin:0 auto;}
#warp a{ -webkit-transition:all 300ms ease 0s; -moz-transition:all 300ms ease 0s; -ms-transition:all 300ms ease 0s; -o-transition:all 300ms ease 0s; transition:all 300ms ease 0s;}
.cw1400{ width:94%; max-width:1400px; margin:0 auto;}

/*公告样式*/
a:hover{color:#b23138;}
.b_pic{overflow:hidden;}
.b_pic img{ -webkit-transition:0.5s; -moz-transition:0.5s; transition:0.5s;}
.b_pic:hover img{-webkit-transform:scale(1.06); -moz-transform:scale(1.06); transform:scale(1.06);}
.cut{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.clear{margin:0px auto; clear:both; height:0px; font-size:0px; overflow:hidden;}
.clear_both{zoom:1;}
.clear_both:after{content:""; display:block; clear:both;}
.dis{ display:inline-block; *display:inline; zoom:1;}
.loader{top: 0;right: 0;left: 0;bottom: 0;position: fixed;z-index: 99999;background: rgba(255,255,255,.5) url(../../../images/global/loader.jpg) no-repeat center 40% / auto auto;}

/*字体*/
.fz10{ font-size:10px; color:#333;}
.fz12{ font-size:12px; color:#333;}
.fz14{ font-size:14px; color:#333;}
.fz16{ font-size:16px; color:#333;}
.fz18{ font-size:18px; color:#333;}
.fz20{ font-size:20px; color:#333;}
.fz22{ font-size:22px; color:#333;}
.fz24{ font-size:24px; color:#333;}
.fz26{ font-size:26px; color:#333;}
.fz28{ font-size:28px; color:#333;}
.fz30{ font-size:30px; color:#333;}
.fz32{ font-size:32px; color:#333;}
.fz34{ font-size:34px; color:#333;}
.fz36{ font-size:36px; color:#333;}
.fz38{ font-size:38px; color:#333;}
.fz40{ font-size:40px; color:#333;}
.fz42{ font-size:42px; color:#333;}
.fz44{ font-size:44px; color:#333;}
.fz46{ font-size:46px; color:#333;}
.fz48{ font-size:48px; color:#333;}

@font-face{ font-family:'font-zi1';
src:url(../../../../font/stxingkai.jpg)}
.font-zi1{ font-family:'font-zi1';}


/*头部样式*/
#header-black{ width:100%; height:175px;}
#header{ width:100%; max-width:1920px; background:#fff; position:fixed; top:0; left:0; right:0; z-index:5; margin:0 auto;}
#header .top{ width:100%; background:#b6373d url(../../../../images/img1.jpg) no-repeat center; padding:1% 0;}
#header .top .logo{ width:28.3%;}
#header .top .logo img{ width:100%;}
#header .top .conter{ text-align:center; margin-left:1.7%; margin-top:1.6%;}
#header .top .conter .fz28{ width:100%; color:#fff;}
#header .top .conter .fz12{ width:100%; text-transform:uppercase; color:#fff;}
#header .top .lang{ line-height:40px; color:#fff; margin-top:1.4%;}
#header .top .lang a{ color:#fff;}
#header .top .search{ width:260px; height:40px; background:#fff; border-radius:20px; padding:0 14px; margin-right:1.8%; margin-top:1.4%;}
#header .top .search .input{ width:160px; height:40px; color:#666; border:none;}
#header .top .search .sub{ width:20px; height:40px; cursor:pointer; background:url(../../../../images/img2.jpg) no-repeat center; background-size:contain; border:none;}
#header .bot{}
#header .bot .list{ width:11.11%; font-size:0;}
#header .bot .list .Zi1{ width:100%; text-align:center; color:#000; padding:10.3% 0;}
#header .bot .list.on .Zi1{ background:#b23138; color:#fff; font-weight:bold;}
#header .bot .list:hover .Zi1{ background:#b23138; color:#fff; font-weight:bold;}

/*手机版-头部*/
#phone-header{ width:100%; max-width:100%; display:none; background:#b6373d url(../../../../images/img1.jpg) no-repeat center; position:fixed; top:0; left:0; right:0; z-index:5; padding:10px 0; margin:0 auto;}
#phone-header .logo{ width:300px;}
#phone-header .logo img{ width:100%;}
#phone-header .lang{ color:#fff; margin-right:14px; margin-top:10px;}
#phone-header .target{ width:40px; cursor:pointer; margin-top:14px;}
#phone-header .target img{ width:100%;}
#phone-header .nav{ width:100%; max-width:1920px; text-align:center; display:none; overflow:auto; background:rgba(0,0,0,.8); position:fixed; top:0; left:0; right:0; z-index:5; margin:0 auto;}
#phone-header .nav .list{ width:100%; text-transform:uppercase; color:#fff; border-bottom:1px solid #fff; padding:20px 0;}

/*广告样式*/
#banner{ width:100%; overflow:hidden; font-size:0; position:relative;}
#banner .swiper-slide{ width:100%; font-size:0;}
#banner .swiper-slide img{ width:100%;}
#banner .hb{ width:100%; text-align:center; position:absolute; left:0; right:0; bottom:4.8% !important; z-index:2; margin:0 auto;}
#banner .hb span{ width:8px; height:8px; display:inline-block; opacity:1; cursor:pointer; background:none; font-size:0; border:2px solid #fff; border-radius:50%; margin:0 0.4% !important;}
#banner .hb span.swiper-pagination-bullet-active{ background:#c80000; border-color:#c80000;}

/*手机版广告样式*/
#phone-banner{ width:100%; display:none; overflow:hidden; position:relative;}
#phone-banner .db{ width:100%;}
#phone-banner .db a{ width:100%; font-size:0;}
#phone-banner .db a img{ width:100%;}
#phone-banner .hb{ width:100%; text-align:center; position:absolute; left:0; right:0; bottom:4.8% !important; z-index:2; margin:0 auto;}
#phone-banner .hb span{ width:8px; height:8px; display:inline-block; opacity:1; cursor:pointer; background:none; font-size:0; border:2px solid #fff; border-radius:50%; margin:0 0.6% !important;}
#phone-banner .hb span.swiper-pagination-bullet-active{ background:#c80000; border-color:#c80000;}

/*底部样式*/
#footer{}
#footer .top{ width:100%; background:url(../../../../images/img12.jpg) no-repeat center; padding:2.1% 0;}
#footer .top .left{ width:71.5%; padding:0.03% 0;}
#footer .top .left .item{ width:100%; line-height:24px;}
#footer .top .left .item .fz14{ color:#fff;}
#footer .top .left .item .last{ width:92%;}
#footer .top .left .item .last .list{ opacity:0.8; margin-right:14px;}
#footer .top .left .item .last .list:hover{ opacity:1;}
#footer .top .left .item.in{ margin-top:2.6%;}
#footer .top .right{ width:23%; border-left:1px solid rgba(255,255,255,.44); padding:2.5% 0 2.5% 2.6%;}
#footer .top .right .list{ height:26px; line-height:26px; color:#fff; position:relative;}
#footer .top .right .list .img{ width:120px; height:120px; display:none; background:#fff; border-radius:4px; position:absolute; left:0; top:-160px; z-index:2; padding:10px;}
#footer .top .right .list .img img{ width:100%;}
#footer .top .right .list .img::before{ width:27px; height:13px; background:url(../../../../images/img15.jpg) no-repeat center; position:absolute; bottom:-13px; left:0; right:0; z-index:2; margin:0 auto; content:'';}
#footer .top .right .list.n1{ background:url(../../../../images/img14.jpg) no-repeat left center; background-size:contain; padding-left:15%;}
#footer .top .right .list.n2{ background:url(../../../../images/img13.jpg) no-repeat left center; background-size:contain; padding-left:14%; margin-right:14%;}
#footer .top .right .list:hover .img{ display:block;}
#footer .bot{ width:100%; text-align:center; background:#fff; font-size:14px; color:#666; padding:1.4% 0;}
#footer .bot a{ font-size:14px; color:#666;}

/*首页显示*/
#index{ width:100%;}
#index .title{ width:100%; border-bottom:1px solid #eaeaea;}
#index .title .fz22{ text-transform:uppercase; color:#333; border-bottom:3px solid #b23138; padding-bottom:14px; margin-bottom:-1px;}
#index .title .fz14{ color:#b23138; margin-top:0.4%;}
#index .one{ padding:2.1% 0 3.1%;}
#index .one .conter{ width:100%; background:#f7f7f7; margin-top:2.2%; padding-bottom:2%;}
#index .one .conter .left{ width:44%; padding:1.6% 1.8% 0;}
#index .one .conter .left .img{ width:100%;}
#index .one .conter .left .img img{ width:100%;}
#index .one .conter .left .name{ width:100%; margin-top:3.6%;}
#index .one .conter .left .brief{ width:100%; height:60px; line-height:20px; overflow:hidden; color:#888; margin:3.6% 0 4.3%;}
#index .one .conter .left .time{ width:100%;}
#index .one .conter .left .time .fz14{ background:url(../../../../images/img4.jpg) no-repeat left center; background-size:contain; color:#999; padding-left:26px;}
#index .one .conter .left .time .fz12{ color:#666;}
#index .one .conter .left:hover .name{ color:#b23138;}
#index .one .conter .right{ width:56%; background:#fff; padding-left:3%;}
#index .one .conter .right .list{ width:100%; border-bottom:1px dashed #ececec; padding-bottom:2.2%; margin-bottom:2.5%;}
#index .one .conter .right .list .name{ width:100%;}
#index .one .conter .right .list .brief{ width:100%; color:#888; margin:1.1% 0;}
#index .one .conter .right .list .time{ background:url(../../../../images/img4.jpg) no-repeat left center; background-size:contain; color:#999; padding-left:26px;}
#index .one .conter .right .list:hover{ border-bottom:1px dashed #b23138;}
#index .one .conter .right .list:hover .name{ color:#b23138;}
#index .one .conter .right .list.in{ margin-bottom:0;}
#index .two{ width:100%; background:#f4f4f4; padding:2.1% 0 3.1%;}
#index .two .left{ width:48.5%;}
#index .two .left .item{ width:100%; margin-top:3%;}
#index .two .left .item .list{ width:100%; border-bottom:1px dashed #d9d9d9; padding:3% 0;}
#index .two .left .item .list .name{ width:80%; background:url(../../../../images/img5.jpg) no-repeat 1.25% center; background-size:1% !important; color:#333; padding-left:4%;}
#index .two .left .item .list .time{ color:#999;}
#index .two .left .item .list:hover .name{ background:url(../../../../images/img6.jpg) no-repeat 1.25% center; color:#b23138;}
#index .two .right{ width:48.5%;}
#index .two .right .item{ width:100%; margin-top:3%;}
#index .two .right .item .list{ width:100%; font-size:0;}
#index .two .right .item .list img{ width:100%;}
#index .two .right .item .bot{ width:100%; line-height:20px; background:#fff; padding:1.8% 3%;}
#index .two .right .item .bot .fz18{ color:#333;}
#index .two .right .item .bot .page{ width:80px; text-align:center;}
#index .two .right .item .bot .page .prev{ width:11px; height:20px; background:url(../../../../images/img10.jpg) no-repeat center; background-size:cover !important;}
#index .two .right .item .bot .page .next{ width:11px; height:20px; background:url(../../../../images/img11.jpg) no-repeat center; background-size:cover !important;}
#index .two .right .item .bot .page .prev.swiper-button-disabled{ background:url(../../../../images/img8.jpg) no-repeat center;}
#index .two .right .item .bot .page .next.swiper-button-disabled{ background:url(../../../../images/img9.jpg) no-repeat center;}
#index .thr{ padding:1.9% 0 2.1%;}
#index .thr .category{ width:100%; border-bottom:1px solid #eaeaea;}
#index .thr .category .list{ text-transform:uppercase; color:#333; padding-bottom:14px; margin-right:4%; margin-bottom:-1px;}
#index .thr .category .list.on{ color:#b23138; border-bottom:3px solid #b23138;}
#index .thr .category .list.in{ margin-right:0;}
#index .thr .category .list:hover{ color:#b23138;}
#index .thr .item{ width:100%; margin-top:3%;}
#index .thr .item .list{ width:23.5%; background:#f7f7f7; margin-left:2%;}
#index .thr .item .list .img{ width:100%;}
#index .thr .item .list .img img{ width:100%;}
#index .thr .item .list .conter{ width:100%; padding:5% 3.7%;}
#index .thr .item .list .conter .name{ width:100%; height:44px; line-height:22px; overflow:hidden; color:#333;}
#index .thr .item .list .conter .brief{ width:100%; height:40px; line-height:20px; overflow:hidden; color:#666; margin:8% 0;}
#index .thr .item .list .conter .time{ width:100%;}
#index .thr .item .list .conter .time .Zi1{ color:#888;}
#index .thr .item .list .conter .time .Zi2{ color:#666;}
#index .thr .item .list.in{ margin-left:0;}
#index .thr .item .list:hover .conter .name{ color:#b23138;}
#index .thr .item .list:hover .conter .time .Zi2{ color:#b23138;}
#index .thr .more{ text-align:center; color:#b23138; border:1px solid #b23138; padding:0.7% 1.7%; margin-top:2.7%;}

/*内页*/
.inside{ padding:2.2% 0 5.7%;}

/*内页-左部*/
#InsideLeft{ width:18.6%;}
#InsideLeft .InsideLeftOne{ width:100%;}
#InsideLeft .InsideLeftOne .fz24{ width:100%; text-transform:uppercase; background:#b23138; color:#fff; padding:7% 11.6%;}
#InsideLeft .InsideLeftOne .item{ width:100%; border-left:1px solid #eaeaea; border-right:1px solid #eaeaea; border-bottom:3px solid #eaeaea;}
#InsideLeft .InsideLeftOne .item .list{ width:100%; color:#333; border-bottom:1px solid #eaeaea; padding:7% 11.6%;}
#InsideLeft .InsideLeftOne .item .list.on{ color:#b23138; font-weight:bold;}
#InsideLeft .InsideLeftOne .item .list:hover{ color:#b23138;}
#InsideLeft .InsideLeftTwo{ width:100%; margin-top:36px;}
#InsideLeft .InsideLeftTwo .fz16{ width:100%; color:#333;}
#InsideLeft .InsideLeftTwo .item{ width:100%; border-left:1px solid #e7e7e7; margin-top:16px;}
#InsideLeft .InsideLeftTwo .item .fz14{ width:100%; background:#eaeaea; color:#333; padding:12px 14px;}
#InsideLeft .InsideLeftTwo .item .calendar{ width:100%;}
#InsideLeft .InsideLeftTwo .item .calendar .week{ width:100%;}
#InsideLeft .InsideLeftTwo .item .calendar .week li{ width:14.28%; height:40px; line-height:40px; text-align:center; float:left; background:#b23138; color:#fff; font-size:12px; border-right:1px solid #e7e7e7; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}
#InsideLeft .InsideLeftTwo .item .calendar .day{ width:100%;}
#InsideLeft .InsideLeftTwo .item .calendar .day li{ width:14.28%; height:40px; line-height:40px; text-align:center; float:left; background:#fff; color:#666; font-size:12px; border-right:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7; position:relative; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}
#InsideLeft .InsideLeftTwo .item .calendar .day li::before{ width:10px; height:10px; display:none; background:url(../../../../images/img17.jpg) no-repeat center; position:absolute; right:0; bottom:0; z-index:2; content:'';}
#InsideLeft .InsideLeftTwo .item .calendar .day li.has{ color:#b23138;}
#InsideLeft .InsideLeftTwo .item .calendar .day li.has::before{ display:block;}
#InsideLeft .InsideLeftOnePhone{ width:100%; display:none;}
#InsideLeft .InsideLeftOnePhone .select{ width:100%; text-align:center; text-align-last:center; font-size:16px; border:1px solid #ccc; padding:10px 0;}

/*内页-右部*/
#InsideRight{ width:77.2%;}
#InsideRight .Current{ width:100%; line-height:22px; border-bottom:1px solid #eaeaea; padding-bottom:1.7%;}
#InsideRight .Current .fz22{ text-transform:uppercase; color:#b23138;}
#InsideRight .Current .fz14{ text-transform:uppercase; color:#999;}
#InsideRight .Current .fz14 a{ color:#999;}
#InsideRight .Current .fz14 a:hover{ color:#b23138;}

/*学院概括*/
#about .one{ width:100%; line-height:24px; font-size:14px; margin-top:4.7%;}
#about .one img{ max-width:100%; height:auto !important;}

/*新闻通知*/
#info{}
#info .one{ width:100%; background:#f7f7f7; margin-top:5.6%;}
#info .one .img{ width:50%; font-size:0;}
#info .one .img img{ width:100%;}
#info .one .conter{ width:50%; padding:2.8% 3.7% 0;}
#info .one .conter .name{ width:100%; height:56px; line-height:28px; overflow:hidden;}
#info .one .conter .brief{ width:100%; height:60px; line-height:20px; overflow:hidden; color:#888; margin:3.5% 0 7%;}
#info .one .conter .time{ width:100%;}
#info .one .conter .time .fz14{ background:url(../../../../images/img4.jpg) no-repeat left center; background-size:contain; color:#999; padding-left:26px;}
#info .one .conter .time .fz12{ color:#666;}
#info .one:hover .conter .name{ color:#b23138;}
#info .two{ width:100%; margin-top:2.8%;}
#info .two .item{ width:100%;}
#info .two .item .list{ width:100%; border-bottom:1px dashed #ececec; padding:2.4% 0 2.2%;}
#info .two .item .list .name{ width:100%; color:#333;}
#info .two .item .list .brief{ width:100%; line-height:22px; color:#888; margin:1.1% 0 1.3%;}
#info .two .item .list .time{ background:url(../../../../images/img4.jpg) no-repeat left center; background-size:contain; color:#999; padding-left:2.5%;}
#info .two .item .list:hover .name{ color:#b23138;}
#info .thr{ width:100%; margin-top:2.8%;}
#info .thr .item{ width:100%;}
#info .thr .item .list{ width:32%; margin-right:2%; margin-top:2%;}
#info .thr .item .list .img{ width:100%; font-size:0;}
#info .thr .item .list .img img{ width:100%;}
#info .thr .item .list .conter{ width:100%; background:#f7f7f7; padding:5% 4%;}
#info .thr .item .list .conter .name{ width:100%; height:40px; line-height:20px; overflow:hidden; color:#333;}
#info .thr .item .list .conter .brief{ width:100%; height:40px; line-height:20px; overflow:hidden; color:#666; margin:7.5% 0;}
#info .thr .item .list .conter .time{ width:100%;}
#info .thr .item .list .conter .time .fz12{ color:#888;}
#info .thr .item .list .conter .time .fz12.fr{ color:#b23138;}
#info .thr .item .list.in{ margin-right:0;}
#info .thr .item .list.in2{ margin-top:0;}
#info .thr .item .list:hover .conter .name{ color:#b23138;}
#info .four{ width:100%; margin-top:4.6%;}
#info .four .top{ width:100%;}
#info .four .top .fz24{ width:100%; text-align:center;}
#info .four .top .time{ width:100%; text-align:center; margin:2.8% 0;}
#info .four .top .time .fz14{ color:#999;}
#info .four .top .time .fz14.n1{ background:url(../../../../images/img4.jpg) no-repeat left center; background-size:contain; padding-left:26px;}
#info .four .top .time .fz14.n2{ background:url(../../../../images/img18.jpg) no-repeat left center; background-size:contain; padding-left:30px; margin-left:3.3%;}
#info .four .top .desc{ width:100%; line-height:22px; font-size:14px;}
#info .four .top .desc img{ max-width:100%; height:auto;}
#info .four .top .share{ width:100%; text-align:center; margin:4% 0;}
#info .four .top .share .bdsharebuttonbox{ vertical-align:middle; margin-top:-3px;}
#info .four .bot{ width:100%; border-top:1px solid #e9e9e9; padding-top:3.3%;}
#info .four .bot .fz14{ width:100%; color:#b23138;}
#info .four .bot .fz14 a{ color:#666;}
#info .four .bot .fz14 a:hover{ color:#b23138;}
#info .four .bot .fz14.in{ margin-top:1.5%;}

/*人才培养、国际交流、招生就业*/
#article .one{ width:100%; margin-top:2.8%;}
#article .one .item{ width:100%;}
#article .one .item .list{ width:100%; line-height:20px; border-bottom:1px dashed #ececec; padding:1.8% 0;}
#article .one .item .list .title{ width:80%;}
#article .one .item .list .time{ background:url(../../../../images/img4.jpg) no-repeat left center; background-size:contain; color:#999; padding-left:26px;}
#article .one .item .list:hover .title{ color:#b23138;}
#article .two{ width:100%; margin-top:5%;}
#article .two .title{ width:100%; text-align:center; color:#333;}
#article .two .desc{ width:100%; line-height:24px; font-size:14px; margin-top:3.7%;}
#article .two .desc img{ max-width:100%; height:auto !important;}
#article .two .desc table{ width:100% !important;}

/*科学研究*/
#case{}
#case .one{ width:100%; margin-top:5.5%;}
#case .one .item{ width:100%;}
#case .one .item .list{ width:49%; margin-top:2%;}
#case .one .item .list .img{ width:100%; font-size:0;}
#case .one .item .list .img img{ width:100%;}
#case .one .item .list .conter{ width:100%; background:#f6f6f6; padding:20px;}
#case .one .item .list .conter .name{ width:100%; color:#333;}
#case .one .item .list .conter .brief{ width:100%; height:40px; line-height:20px; overflow:hidden; color:#333; margin-top:10px;}
#case .one .item .list.in{ margin-top:0;}
#case .one .item .list:hover .conter .name{ color:#b23138;}
#case .two{ width:100%; margin-top:5%;}
#case .two .name{ width:100%; text-align:center; color:#333;}
#case .two .desc{ width:100%; line-height:24px; color:#666; font-size:14px; margin-top:3%;}
#case .two .desc img{ max-width:100%; height:auto !important;}
#case .two .desc a{ color:#0075bf;}
#case .two .desc table{ width:100% !important;}
#case .two .download{ width:100%; line-height:28px; background:#ececec; border-radius:5px; padding:12px 16px; margin-top:5.5%;}
#case .two .download .Zi1{ background:url(../../../../images/img22.jpg) no-repeat left center; color:#a6363b; padding-left:40px;}
#case .two .download .Zi2{ color:#333; margin-right:10px;}
#case .two .download .Zi2:hover{ color:#a6363b;}

/*师资力量*/
#products{}
#products .one{ width:100%; border-bottom:1px solid #eaeaea; padding:0 1.2%; margin-top:5.6%;}
#products .one .list{ color:#333; position:relative; padding-bottom:1.5%; margin-right:4.7%;}
#products .one .list::before{ width:100%; height:2px; display:none; background:#b23138; position:absolute; bottom:0; left:0; z-index:2; content:'';}
#products .one .list.on{ color:#b23138;}
#products .one .list.on::before{ display:block;}
#products .one .list:hover{ color:#b23138;}
#products .two{ width:100%; margin-top:6.5%;}
#products .two .item{ width:100%;}
#products .two .item .list{ width:48%; overflow:hidden; background:#f8f8f8; margin-top:4%; padding-bottom:10px;}
#products .two .item .list .img{ width:50%;}
#products .two .item .list .img img{ width:100%;}
#products .two .item .list .conter{ width:50%; padding:22px 24px 0;}
#products .two .item .list .conter .name{ width:100%; color:#333;}
#products .two .item .list .conter .position{ width:100%; height:40px; line-height:20px; overflow:hidden; color:#666; position:relative; padding-bottom:16px; margin-top:10px;}
#products .two .item .list .conter .position::before{ width:24px; height:1px; background:#323232; position:absolute; left:0; bottom:0; z-index:2; content:'';}
#products .two .item .list .conter .brief{ width:100%; height:72px; line-height:24px; overflow:hidden; color:#888; margin:36px 0;}
#products .two .item .list .conter .more{ width:100%; color:#b23138;}
#products .two .item .list:hover .conter .name{ color:#b23138;}
#products .two .item .list.in{ margin-top:0;}
#products .thr{ width:100%; margin-top:5.6%;}
#products .thr .top{ width:100%; border-bottom:1px solid #e2e2e2; padding-bottom:30px;}
#products .thr .top .img{ width:24%;}
#products .thr .top .img img{ width:100%;}
#products .thr .top .conter{ width:65%; padding-top:2.4%; margin-left:2.8%;}
#products .thr .top .conter .fz24{ color:#333; margin-bottom:36px;}
#products .thr .top .conter .fz14{ color:#666; margin-top:20px;}
#products .thr .top .conter .fz14 a{ color:#0094d2;}
#products .thr .top .conter .fz14.in{ margin-top:0;}
#products .thr .bot{ width:100%;}
#products .thr .bot .list{ width:100%; margin-top:3.7%;}
#products .thr .bot .list .fz18{ width:100%; height:20px; line-height:20px; color:#333; font-weight:bold; border-left:4px solid #b23138; padding-left:16px;}
#products .thr .bot .list .fz14{ width:100%; line-height:24px; color:#666; margin-top:2%;}

/*人才招聘*/
#recruitment .one{ width:100%; margin-top:5.6%;}
#recruitment .one .item{ width:100%; text-align:center;}
#recruitment .one .item th{ height:60px; background:#f5f5f5; font-size:14px; color:#333;}
#recruitment .one .item td{ height:56px; cursor:pointer; background:#fff; font-size:14px; color:#898989; border-bottom:1px dashed #e5e5e5; -webkit-transition:all 300ms ease 0s; -moz-transition:all 300ms ease 0s; -ms-transition:all 300ms ease 0s; -o-transition:all 300ms ease 0s; transition:all 300ms ease 0s;}
#recruitment .one .item td .icon{ width:20px; height:20px; background:url(../../../../images/img24.jpg) no-repeat center; background-size:cover !important;}
#recruitment .one .item tr:hover td{ background:#f5f5f5; color:#b23138;}
#recruitment .one .item tr:hover td .icon{ background:url(../../../../images/img25.jpg) no-repeat center;}
#recruitment .two{ width:100%; margin-top:5.6%;}
#recruitment .two .top{ width:100%;}
#recruitment .two .top .fz18{ width:100%; color:#b23138;}
#recruitment .two .top .conter{ width:100%; background:#f5f6f7; padding:2.4% 2.8%; margin-top:2.4%;}
#recruitment .two .top .conter .list{ width:32%; color:#666; margin-right:2%; margin-top:2.5%;}
#recruitment .two .top .conter .list.in{ margin-right:0;}
#recruitment .two .top .conter .list.in2{ margin-top:0;}
#recruitment .two .bot{ width:100%;}
#recruitment .two .bot .list{ width:100%; border-bottom:1px dashed #e5e5e5; padding:3.3% 0;}
#recruitment .two .bot .list .title{ width:100%; color:#b23138; font-weight:bold;}
#recruitment .two .bot .list .brief{ width:100%; line-height:24px; color:#666; margin-top:1%;}

/*常用下载*/
#download{}
#download .one{ width:100%; margin-top:56px;}
#download .one .item{ width:100%; text-align:center;}
#download .one .item th{ color:#333; font-size:16px; border-bottom:1px solid #eaeaea; padding-bottom:20px;}
#download .one .item th.in{ text-align:left; padding-left:12px; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}
#download .one .item td{ color:#777; border-bottom:1px dashed #e9e9e9; padding:20px 0;}
#download .one .item td .down{ text-align:left; background:#ebebeb url(../../../../images/img26.jpg) no-repeat 28px center; color:#555; border-radius:4px; padding:12px 30px 12px 54px;}
#download .one .item td .down:hover{ background:#b23138 url(../../../../images/img27.jpg) no-repeat 28px center; color:#fff;}
#download .one .item td.in{ text-align:left; padding-left:12px; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}

/*英文版兼容*/
#warp.en #header .bot .list{ width:14.28%;}
#warp.en #header .bot .list .Zi1{ padding:8% 0;}
#warp.en #header .bot .list.flag5{ display:none;}
#warp.en #header .bot .list.flag8{ display:none;}
#warp.en #header .bot .list.flag9{ display:none;}

#warp.en #phone-header .nav .list.flag5{ display:none;}
#warp.en #phone-header .nav .list.flag8{ display:none;}
#warp.en #phone-header .nav .list.flag9{ display:none;}

#warp.en #index .two{ display:none;}

#warp.en #index .thr .category .list.flag2{ display:none;}


/*H5兼容*/
@media only screen and (max-width:1680px){
	#header .top .logo{ width:26%;}
	#header .top .conter{ margin-top:1.4%;}
	#header .top .conter .fz28{ font-size:26px;}
	#header .top .conter .fz12{ font-size:10px;}
	#header .bot .list .Zi1{ font-size:14px;}
	#header .top .search{ width:240px; height:36px;}
	#header .top .search .input{ height:36px;}
	#header .top .search .sub{ width:16px; height:36px;}
	#header .top .lang{ line-height:36px;}
	#index .title .fz22{ font-size:20px; padding-bottom:10px;}
	#index .title .fz14{ font-size:12px;}
	#index .thr .category .list{ font-size:20px; padding-bottom:10px;}
	#index .thr .item .list .conter .name{ height:40px; line-height:20px; font-size:14px;}
	#index .thr .item .list .conter .brief{ height:36px; line-height:18px; font-size:12px;}
	#index .thr .item .list .conter .time .fz12{ font-size:10px;}
	#InsideLeft .InsideLeftOne .fz24{ font-size:22px;}
	#products .thr .top .conter .fz24{ font-size:22px; margin-bottom:20px;}
	#products .thr .top .conter .fz14{ font-size:12px; margin-top:10px;}
	#info .thr .item .list .conter .name{ height:36px; line-height:18px; font-size:14px;}
	#info .thr .item .list .conter .brief{ height:36px; line-height:18px; font-size:12px;}
	#info .thr .item .list .conter .time .fz12{ font-size:10px;}
}

@media only screen and (max-width:1440px){
	#header .top .logo{ width:24%;}
	#header .top .conter{ margin-top:1.1%;}
	#header .top .conter .fz28{ font-size:24px;}
	#header .bot .list .Zi1{ font-size:12px;}
	#banner .hb span{ width:6px; height:6px;}
	#index .thr .more{ font-size:12px;}
	#footer .top .left .item{ line-height:22px;}
	#footer .top .left .item .fz14{ font-size:12px;}
	#footer .top .right .list .img{ width:100px; height:100px; top:-130px; padding:5px;}
	#InsideLeft .InsideLeftOne .fz24{ font-size:20px;}
	#InsideLeft .InsideLeftOne .item .list{ font-size:14px;}
	#InsideRight .Current .fz22{ font-size:20px;}
	#InsideRight .Current .fz14{ font-size:12px;}
	#info .one .conter .name{ height:48px; line-height:24px; font-size:16px;}
	#info .one .conter .brief{ font-size:12px;}
	#info .one .conter .time .fz14{ font-size:12px;}
	#info .one .conter .time .fz12{ font-size:10px;}
	#info .two .item .list .name{ font-size:14px;}
	#info .two .item .list .brief{ line-height:normal; font-size:12px; margin:1.2% 0;}
	#info .two .item .list .time{ font-size:10px; padding-left:2%;}
	#article .one .item .list{ padding:16px 0;}
	#article .one .item .list .title{ font-size:14px;}
	#article .one .item .list .time{ font-size:12px;}
	#info .four .top .fz24{ font-size:22px;}
	#info .four .top .time .fz14{ font-size:12px;}
	#info .four .top .desc{ line-height:20px; font-size:12px;}
	#article .two .title{ font-size:22px;}
	#article .two .desc{ line-height:20px; font-size:12px;}
	#case .one .item .list .conter{ padding:16px;}
	#case .one .item .list .conter .name{ font-size:16px;}
	#case .one .item .list .conter .brief{ height:36px; line-height:18px; font-size:12px; margin-top:8px;}
	#case .two .name{ font-size:22px;}
	#case .two .desc{ line-height:20px; font-size:12px;}
	#products .two .item .list{ width:49%; margin-top:2%;}
	#products .two .item .list .conter{ padding:4% 4% 0;}
	#products .thr .bot .list .fz18{ font-size:16px; border-left:3px solid #b23138; padding-left:12px;}
	#products .thr .bot .list .fz14{ font-size:12px;}
}

@media only screen and (max-width:1280px){
	#header .top .conter .fz28{ font-size:22px;}
	#header .top .conter .fz12{ font-size:8px;}
	#header .top .search{ margin-top:1%;}
	#header .top .lang{ margin-top:1%;}
	#index .title .fz22{ font-size:18px;}
	#index .one .conter .left .name{ font-size:16px;}
	#index .one .conter .left .brief{ font-size:12px;}
	#index .one .conter .left .time .fz14{ font-size:12px;}
	#index .one .conter .left .time .fz12{ font-size:10px;}
	#index .one .conter .right .list .name{ font-size:14px;}
	#index .one .conter .right .list .brief{ font-size:12px;}
	#index .one .conter .right .list .time{ font-size:10px; padding-left:20px;}
	#index .two .left .item .list .name{ font-size:14px;}
	#index .two .left .item .list .time{ font-size:12px;}
	#index .two .right .item .bot .fz18{ font-size:16px;}
	#index .two .right .item .bot .page .fz16{ line-height:16px; vertical-align:top; font-size:14px;}
	#index .two .right .item .bot .page .prev{ width:9px; height:16px;}
	#index .two .right .item .bot .page .next{ width:9px; height:16px;}
	#index .thr .category .list{ font-size:18px;}
	#footer .top .left .item .last{ width:90%;}
	#footer .bot{ font-size:12px;}
	#footer .bot a{ font-size:12px;}
	#footer .top .right .list.n1{ background-size:20%;}
	#footer .top .right .list.n2{ background-size:30%;}
	#InsideLeft .InsideLeftOne .fz24{ font-size:18px;}
	#InsideRight .Current .fz22{ font-size:18px;}
	#article .two .title{ font-size:20px;}
	#case .two .name{ font-size:20px;}
	#products .one .list{ font-size:12px;}
	#products .two{ margin-top:5%;}
	#products .two .item .list .conter .name{ font-size:20px;}
	#products .two .item .list .conter .position{ height:auto; line-height:normal; font-size:10px; padding-bottom:10px;}
	#products .two .item .list .conter .brief{ height:66px; line-height:22px; font-size:12px; margin:10% 0;}
	#products .two .item .list .conter .more{ font-size:12px;}
	#recruitment .one .item th{ height:50px; font-size:12px;}
	#recruitment .one .item td{ height:46px; font-size:12px;}
	#recruitment .one .item td .icon{ width:16px; height:16px;}
	#recruitment .two .top .fz18{ font-size:16px;}
	#recruitment .two .bot .list .fz14{ font-size:12px;}
	#recruitment .two .bot .list .brief{ line-height:22px;}
}

@media only screen and (max-width:1024px){
	#header .bot .list .Zi1{ font-size:10px;}
	#header .top .search{ width:200px; height:30px;}
	#header .top .search .input{ width:140px; height:30px; font-size:12px;}
	#header .top .search .sub{ width:12px; height:30px;}
	#header .top .lang{ line-height:30px; font-size:12px;}
	#banner .hb span{ width:5px; height:5px;}
	#InsideLeft .InsideLeftOne .fz24{ font-size:16px;}
	#InsideLeft .InsideLeftOne .item .list{ font-size:12px;}
	#InsideRight .Current .fz22{ font-size:16px;}
	#about .one{ line-height:20px; font-size:12px;}
	#article .one .item .list{ padding:14px 0;}
	#info .four .top .fz24{ font-size:18px;}
	#info .four .top .share{ font-size:12px;}
	#info .four .bot .fz14{ font-size:12px;}
}

@media only screen and (max-width:980px){
	#header{ display:none;}
	#phone-header{ display:block;}
	#index .two .left .item .list .name{ width:76%;}
	#index .two .right .item .bot{ padding:3%;}
	#index .two .right .item .bot .fz18{ font-size:14px;}
	#index .thr .item .list{ width:49%; margin-bottom:2%;}
	#index .thr .item .list .conter .brief{ margin:5% 0;}
	#index .thr .item .list.to{ margin-left:0;}
	#footer .top .left .item{ line-height:20px;}
	#footer .top .left .item .fz14{ font-size:10px;}
	#footer .top .left .item.in{ margin-top:2%;}
	#footer .top .right{ width:26%;}
	#footer .top .right .list{ font-size:12px;}
	#footer .top .right .list .img{ left:-20px;}
	#footer .top .right .list.n1{ padding-left:18%;}
	#footer .top .right .list.n2{ padding-left:18%;}
	#info .one .conter{ padding:2% 3% 0;}
	#info .one .conter .name{ height:40px; line-height:20px; font-size:14px;}
	#info .one .conter .brief{ height:54px; line-height:18px; font-size:10px;}
	#info .one .conter .time .fz14{ font-size:10px; padding-left:7%;}
	#products .thr .top .conter .fz24{ font-size:20px; margin-bottom:16px;}
	#products .thr .bot .list .fz18{ font-size:14px; border-left:2px solid #b23138; padding-left:10px;}
	#products .thr .bot .list .fz14{ line-height:20px; font-size:10px;}
	#info .thr .item .list{ width:49%;}
	#info .thr .item .list.in{ margin-right:2%;}
	#info .thr .item .list.in2{ margin-top:2%;}
	#info .thr .item .list.to{ margin-right:0;}
	#info .thr .item .list.to2{ margin-top:0;}
}

@media only screen and (max-width:850px){
	#products .two .item .list .conter .name{ font-size:16px;}
	#products .two .item .list .conter .brief{ height:48px; line-height:16px; font-size:10px;}
	#products .two .item .list .conter .more{ font-size:10px;}
}

@media only screen and (max-width:760px){
	#phone-header .nav .list{ font-size:20px; padding:16px 0;}
	#banner{ display:none;}
	#phone-banner{ display:block;}
	#index .one .conter .left{ display:none;}
	#index .one .conter .right{ width:100%; padding:0;}
	#index .two .left{ width:100%;}
	#index .two .left .item .list{ padding:2% 0;}
	#index .two .left .item .list .name{ padding-left:3%;}
	#index .two .right{ width:100%; margin-top:3%;}
	#footer .top .left .item .last{ width:86%;}
	#footer .top .left .item .last .list{ margin-right:2%;}
	#footer .top .right{ width:28%;}
	#InsideLeft{ width:100%;}
	#InsideLeft .InsideLeftOne{ display:none;}
	#InsideLeft .InsideLeftTwo{ display:none;}
	#InsideLeft .InsideLeftOnePhone{ display:block;}
	#InsideRight{ width:100%; margin-top:5%;}
	#InsideRight .Current .fz14{ font-size:10px;}
	#info .two .item .list .time{ padding-left:20px;}
	#case .two .download .Zi1{ background-size:24px; padding-left:30px;}
	
}

@media only screen and (max-width:700px){
	#footer .top .right{ width:28%; padding:2% 0;}
	#footer .top .right .list .img{ top:-122px;}
	#footer .top .right .list .img::before{ width:22px; height:10px; background-size:100%; bottom:-10px;}
	#footer .top .right .list.n1{ width:80%; background-size:22%; font-size:10px; padding-left:26%;}
	#footer .top .right .list.n2{ width:80%; background-size:22%; font-size:10px; padding-left:26%; margin-right:0; margin-top:6%;}
}

@media only screen and (max-width:640px){
	#phone-header .nav .list{ font-size:18px;}
	#info .one .conter{ padding:1% 2% 0;}
	#info .one .conter .brief{ height:48px; line-height:16px; margin:3% 0;}
}

@media only screen and (max-width:560px){
	#footer .top .left .item .last{ width:80%;}
	#products .two .item .list .conter{ padding:2% 3% 0;}
	#products .thr .top .conter .fz24{ font-size:18px; margin-bottom:4%;}
	#products .thr .top .conter .fz14{ font-size:10px; margin-top:2%;}
}

@media only screen and (max-width:540px){
	#phone-header .logo{ width:240px;}
	#phone-header .lang{ font-size:24px; margin-top:8px;}
	#phone-header .target{ width:34px; margin-top:10px;}
	#phone-header .nav .list{ font-size:16px;}
	#index .title .fz22{ font-size:16px;}
	#index .title .fz14{ font-size:10px; margin-top:1%;}
	#index .thr .category .list{ font-size:16px;}
	#index .thr .more{ font-size:10px;}
	#footer .top .left{ width:70%;}
	#footer .top .right{ width:30%;}
	#info .one .img{ width:100%;}
	#info .one .conter{ width:100%; padding:4% 3%;}
	#info .one .conter .name{ height:auto; line-height:normal;}
	#info .one .conter .brief{ height:auto; line-height:normal; margin:3% 0 5%;}
	#info .one .conter .time .fz14{ padding-left:4.5%;}
	#article .one .item .list .title{ width:74%;}
	#info .four .top .fz24{ font-size:16px;}
	#info .four .top .time .fz14{ font-size:10px; padding-left:18px;}
	#info .four .top .desc{ line-height:18px; font-size:10px;}
	#info .four .top .share{ font-size:10px;}
	#info .four .bot .fz14{ font-size:10px;}
	#products .two .item .list .conter .brief{ display:none;}
	#products .two .item .list .conter .more{ margin-top:10px;}
}

@media only screen and (max-width:460px){
	#phone-header .logo{ width:200px;}
	#phone-header .lang{ font-size:22px; margin-top:6px;}
	#phone-header .target{ width:30px; margin-top:8px;}
	#phone-header .nav .list{ font-size:14px; padding:14px 0;}
	#phone-banner .hb span{ width:6px; height:6px;}
	#index .title .fz22{ border-bottom:2px solid #b23138; padding-bottom:2%;}
	#index .thr .category .list{ padding-bottom:2%;}
	#index .thr .category .list.on{ border-bottom:2px solid #b23138;}
	#index .one .conter .right .list .name{ font-size:12px;}
	#index .one .conter .right .list .brief{ font-size:10px;}
	#index .one .conter .right .list .time{ font-size:8px; padding-left:16px;}
	#index .two .left .item .list{ padding:2.5% 0;}
	#index .two .left .item .list .name{ font-size:12px;}
	#index .two .left .item .list .time{ font-size:10px;}
	#index .thr .item .list .conter .name{ height:32px; line-height:16px; font-size:10px;}
	#index .thr .item .list .conter .brief{ height:28px; line-height:14px; font-size:8px;}
	#index .thr .item .list .conter .time .fz12{ font-size:8px;}
	#footer .top{ padding:10px 0 30px;}
	#footer .top{ background:url(../../../../images/img12.jpg) repeat top center;}
	#footer .top .left{ width:100%;}
	#footer .top .left .item b{ width:13%;}
	#footer .top .left .item .last{ width:80%; float:left; margin-left:2%;}
	#footer .top .right{ width:100%; border:none;}
	#footer .top .right .list .img{ display:block; top:0; left:100px; padding:0;}
	#footer .top .right .list .img::before{ display:none;}
	#footer .top .right .list.n1{ width:100%; background-size:20px; padding-left:26px; margin:0;}
	#footer .top .right .list.n2{ width:100%; background-size:20px; padding-left:26px; margin-top:20px; margin-left:0;}
	#about .one{ line-height:18px; font-size:10px;}
	#article .one .item .list .title{ font-size:12px;}
	#article .one .item .list .time{ background-size:16px; font-size:10px; padding-left:20px;}
	#info .four .top .time .fz14.n1{ background-size:12px; padding-left:16px;}
	#info .four .top .time .fz14.n2{ background-size:18px; padding-left:22px; margin-left:30px;}
	#article .two .title{ font-size:18px;}
	#article .two .desc{ line-height:18px; font-size:10px;}
	#case .one .item .list .conter{ padding:8px;}
	#case .one .item .list .conter .name{ font-size:10px;}
	#case .one .item .list .conter .brief{ height:24px; line-height:12px; font-size:8px; margin-top:3px;}
	#case .two .name{ font-size:18px;}
	#case .two .desc{ line-height:18px; font-size:10px;}
	#case .two .download{ padding:8px 10px;}
	#case .two .download .Zi1{ background-size:16px; font-size:10px; padding-left:20px;}
	#case .two .download .Zi2{ font-size:10px; margin-right:5px;}
	#products .one .list{ font-size:10px;}
	#products .two .item .list .conter{ padding:3% 3% 0;}
	#products .two .item .list .conter .name{ font-size:14px;}
	#recruitment .one .item th{ height:40px; font-size:10px;}
	#recruitment .one .item td{ height:36px; font-size:10px;}
	#recruitment .one .item td .icon{ width:12px; height:12px;}
	#recruitment .two .top .fz18{ font-size:14px;}
	#recruitment .two .top .conter .list{ font-size:10px;}
	#info .thr .item .list .conter .name{ height:32px; line-height:16px; font-size:12px;}
	#info .thr .item .list .conter .brief{ height:28px; line-height:14px; font-size:10px; margin:8px 0;}
	#info .thr .item .list .conter .time .fz12{ font-size:8px;}
}

@media only screen and (max-width:380px){
	#phone-header .logo{ width:160px;}
	#phone-header .lang{ font-size:18px; margin-right:10px;}
	#phone-header .target{ width:26px; margin-top:5px;}
	#phone-header .nav .list{ font-size:12px; padding:12px 0;}
	#phone-banner .hb{ bottom:3% !important;}
	#phone-banner .hb span{ width:5px; height:5px;}
	#index .title .fz22{ font-size:14px;}
	#index .thr .category .list{ font-size:14px;}
	#index .two .right .item .bot .fz18{ font-size:12px;}
	#index .two .right .item .bot .page{ width:60px;}
	#index .two .right .item .bot .page .fz16{ line-height:12px; font-size:12px;}
	#index .two .right .item .bot .page .prev{ width:8px; height:12px;}
	#index .two .right .item .bot .page .next{ width:8px; height:12px;}
	#footer .top .left .item b{ width:100%;}
	#footer .top .left .item .last{ width:100%; margin-left:0;}
	#products .two .item .list .conter .position{ font-size:8px; padding-bottom:6px; margin-top:6px;}
	#products .two .item .list .conter .position::before{ width:18px;}
	#products .two .item .list .conter .more{ font-size:8px; margin-top:6px;}
	#products .thr .top .conter .fz24{ font-size:16px; margin-bottom:3%;}
	#products .thr .top .conter .fz14{ font-size:8px;}
}

@media only screen and (max-width:360px){
	#article .one .item .list{ padding:10px 0;}
	#article .one .item .list .title{ width:70%;}
	#article .one .item .list .time{ background-size:14px;}
}