﻿@charset "utf-8";

/*غλ*/
.linkmap { display:none }

/*banner*/
.banner{ width:100%; height:321px; position:relative;}
.banner .ban_img li{ width:100%; height:321px;}
.banner .ban_img li.ban1{ background:url(../images/banner1.jpg) no-repeat center center; }
.banner .ban_img li.ban2{ background:url(../images/banner2.jpg) no-repeat center center; }
.banner .ban_img li.ban3{ background:url(../images/banner3.jpg) no-repeat center center; }
.ban_btn{ position:absolute; bottom:10px; right:10px;}
.ban_btn li{ width:13px; height:13px; background:url(../images/ban_btn.png) no-repeat; float:left; margin:0 3px; cursor:pointer;}
.ban_btn li.current{ background-position:right;}
/**/
.main{width:100%; margin:0 auto;}
.section{ overflow:hidden; margin:20px auto;}
.left_box{ width:48%; float:left;}
.right_box{ width:50%; float:right;}

/*Ŀ*/
h1.title1{ line-height:40px; height:42px; font-size:14px; overflow:hidden; margin:0 0 12px; font-weight:normal; background:url(../images/titlebg.png) no-repeat left bottom;}
h1.title1 p{ float:left;}
h1.title1 p span{ font-size:14px; color:#353535}
h1.title1 p span.t-Chi{ font-size:16px; color:#353535; font-family:"Microsoft YaHei","΢ź"}
h1.title1 p span.t-Eng{ color:#9d8978; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
h1.title1 a.t-more{ float:right; color:#353535; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
h1.title1 a.t-more:hover{ color:#9d8978;}

h1.title1 p.nt_selected span,h1.title1 p.nt_selected span.t-Eng{ color: #999; cursor: pointer; }
h1.title1 p:hover{ cursor: pointer; }

/*ҽָ*/
.zhinan{ width:32%;}
.zhinan{ max-width:100%;}
.ExpressLa{ width:100%;font-size:12px; }
.ExpressLa a{ display:block; float:left; width:17%; height:20px; border:1px solid #e2e2e2; border-radius:5px; margin:0 10px 12px 0; text-align:center; color:#9d8978; padding:50px 0 0; transition:all 0.3s;
-moz-transition:all 0.3s; /* Firefox 4 */
-webkit-transition:all 0.3s; /* Safari and Chrome */
-o-transition:all 0.3s; /* Opera */}
.ExpressLa a.Lane01{ background:url(../images/exp1.png) no-repeat center 8px #f5f4f4;}
.ExpressLa a.Lane01:hover{ background:url(../images/exp1_h.png) no-repeat center 8px #9d8978; color:#fff;}
.ExpressLa a.Lane02{ background:url(../images/exp2.png) no-repeat center 8px #f5f4f4;}
.ExpressLa a.Lane02:hover{ background:url(../images/exp2_h.png) no-repeat center 8px #9d8978; color:#fff;}
.ExpressLa a.Lane03{ background:url(../images/exp3.png) no-repeat center 8px #f5f4f4;}
.ExpressLa a.Lane03:hover{ background:url(../images/exp3_h.png) no-repeat center 8px #9d8978; color:#fff;}
.ExpressLa a.Lane04{ background:url(../images/exp4.png) no-repeat center 8px #f5f4f4;}
.ExpressLa a.Lane04:hover{ background:url(../images/exp4_h.png) no-repeat center 8px #9d8978; color:#fff;}
.ExpressLa a.Lane05{ background:url(../images/exp5.png) no-repeat center 8px #f5f4f4;}
.ExpressLa a.Lane05:hover{ background:url(../images/exp5_h.png) no-repeat center 8px #9d8978; color:#fff;}
.ExpressLa a.Lane06{ background:url(../images/exp6.png) no-repeat center 8px #f5f4f4;}
.ExpressLa a.Lane06:hover{ background:url(../images/exp6_h.png) no-repeat center 8px #9d8978; color:#fff;}
.ExpressLa a.Lane07{ background:url(../images/exp7.png) no-repeat center 8px #f5f4f4;}
.ExpressLa a.Lane07:hover{ background:url(../images/exp7_h.png) no-repeat center 8px #9d8978; color:#fff;}
.ExpressLa a.Lane08{ background:url(../images/exp8.png) no-repeat center 8px #f5f4f4;}
.ExpressLa a.Lane08:hover{ background:url(../images/exp8_h.png) no-repeat center 8px #9d8978; color:#fff;}
.ExpressLa a.Lane09{ background:url(../images/exp9.png) no-repeat center 8px #f5f4f4;}
.ExpressLa a.Lane09:hover{ background:url(../images/exp9_h.png) no-repeat center 8px #9d8978; color:#fff;}
.ExpressLa a.Lane10{ background:url(../images/exp10.png) no-repeat center 8px #f5f4f4;}
.ExpressLa a.Lane10:hover{ background:url(../images/exp10_h.png) no-repeat center 8px #9d8978; color:#fff;}
.ExpressLa a.Lane11{ background:url(../images/exp11.png) no-repeat center 8px #f5f4f4;}
.ExpressLa a.Lane11:hover{ background:url(../images/exp11_h.png) no-repeat center 8px #9d8978; color:#fff;}
.ExpressLa a.Lane12{ background:url(../images/exp12.png) no-repeat center 8px #f5f4f4;}
.ExpressLa a.Lane12:hover{ background:url(../images/exp12_h.png) no-repeat center 8px #9d8978; color:#fff;}
.ExpressLa a.MaginZero{ margin:0;}
.ExpressLa a.Lanefei{ background:url(../images/feiico.png) no-repeat center 8px #f5f4f4;}
.ExpressLa a.Lanefei:hover{ background:url(../images/feiico1.png) no-repeat center 8px #9d8978; color:#fff;}
.ExpressLa a.Laneshidao{ background:url(../images/shidaoico.png) no-repeat center 8px #f5f4f4;}
.ExpressLa a.Laneshidao:hover{ background:url(../images/shidaoico1.png) no-repeat center 8px #9d8978; color:#fff;}
.ExpressLa a.Lanewei{ background:url(../images/weiico.png) no-repeat center 8px #f5f4f4;}
.ExpressLa a.Lanewei:hover{ background:url(../images/weiico1.png) no-repeat center 8px #9d8978; color:#fff;}
.ExpressLa a.Lanegan{ background:url(../images/ganico.png) no-repeat center 8px #f5f4f4;}
.ExpressLa a.Lanegan:hover{ background:url(../images/ganico1.png) no-repeat center 8px #9d8978; color:#fff;}
.ExpressLa a.Lanechang{ background:url(../images/changico.png) no-repeat center 8px #f5f4f4;}
.ExpressLa a.Lanechang:hover{ background:url(../images/changico1.png) no-repeat center 8px #9d8978; color:#fff;}
.ExpressLa a.Laneru{ background:url(../images/ruico.png) no-repeat center 8px #f5f4f4;}
.ExpressLa a.Laneru:hover{ background:url(../images/ruico1.png) no-repeat center 8px #9d8978; color:#fff;}
.ExpressLa a.Laneyi{ background:url(../images/yiico.png) no-repeat center 8px #f5f4f4;}
.ExpressLa a.Laneyi:hover{ background:url(../images/yiico1.png) no-repeat center 8px #9d8978; color:#fff;}
.ExpressLa a.Lanegong{ background:url(../images/gongico.png) no-repeat center 8px #f5f4f4;}
.ExpressLa a.Lanegong:hover{ background:url(../images/gongico1.png) no-repeat center 8px #9d8978; color:#fff;}
.ExpressLa a.Lanepang{ background:url(../images/pangico.png) no-repeat center 8px #f5f4f4;}
.ExpressLa a.Lanepang:hover{ background:url(../images/pangico1.png) no-repeat center 8px #9d8978; color:#fff;}
.ExpressLa a.Lanenao{ background:url(../images/naoico.png) no-repeat center 8px #f5f4f4;}
.ExpressLa a.Lanenao:hover{ background:url(../images/naoico1.png) no-repeat center 8px #9d8978; color:#fff;}
.ExpressLa a.Lanelinba{ background:url(../images/linbaico.png) no-repeat center 8px #f5f4f4;}
.ExpressLa a.Lanelinba:hover{ background:url(../images/linbaico1.png) no-repeat center 8px #9d8978; color:#fff;}
.ExpressLa a.Pangguang{ background:url(../images/panggico.png) no-repeat center 8px #f5f4f4;}
.ExpressLa a.Pangguang:hover{ background:url(../images/panggico1.png) no-repeat center 8px #9d8978; color:#fff;}
/*ҽԺ̬*/
.Dynamic{ width:66%;}
.switch{ float:left; position:relative; width:40%; height:240px; overflow:hidden;margin-right:10px;}
.switch .swiper-box,.switch .swiper-box ul,.switch .swiper-box ul img{ width:100%; height:240px;}
.switch .swiper-box ul li{ position: relative;}
.switch .swiper-box ul li h2{text-indent: 10px; position: absolute;left: 0;bottom: 0;background: #000;line-height: 30px;opacity: 0.7;width: 100%;}
.switch .swiper-box ul li h2 a{color: #fff;font-size: 12px;font-weight: normal;}
.switch .pagination{position: absolute;right: 0;width: auto;bottom: 10px;}
.switch .pagination span{background: #fff;display: block;float: left;margin-right: 5px;width: 10px;height: 10px;border-radius: 10px;}
.switch .pagination span.swiper-active-switch{background: #9d8978;}
.Dynamic .ullist{ float:left; margin:-5px 0 0 2%; width:56%;}

/*б*/
ul.ullist li{ padding:0 0 0 7px; background:url(../images/listsqu.jpg) no-repeat left center; line-height:36px;font-size: 0.7em;overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
ul.ullist li a{ color:#4d4d4d;}
ul.ullist li .span_date{ float:right;font-size: 0.6em;line-height:36px;}
ul.ullist li a:hover , ul.ullist li a:hover .date{ color:#dc4041;}

/*section4*/
.section4 img{ float:left; margin:5px 0 0;}
.section4 .ullist{ float:right; width:73%; margin:-10px 0 0;}

@media only screen and (max-width:768px){
#float_img1{display:none;}
.main{ width:100%; background:#fff;}
.section{ width: 100%; margin: 0 auto 10px; padding: 0 0px;box-sizing: border-box;}
.banner{ display:none;}
.left_box{ width:100%; float:none; overflow:hidden;}

.ExpressLa{ width:100%;}
.ExpressLa a , .ExpressLa a.MaginZero{ width:15%; margin:0 0.6% 10px;}

.switch{ width:40%; height:195px;}
.main_image img{ width:100%; height:195px;}
.Dynamic .ullist{ float:right; width:57%;}
.right_box{ width:100%; float:none; overflow:hidden;}
ul.ullist li{ height:25px; overflow:hidden;}

.DepName{ width:23%;}
.DepName li{ width:100%;}
.DepCont{ width:70%;}
.DepCont img{ width:24%;}


.tech img{ margin:0 auto 10px; display:block;}

.section4 .ullist{ margin:0; width:75%;}
.section4 img{ width:21%;}
.link_right ul{ width:90%;}

#mbannerSlider{
margin-bottom:0.5em;
}
#mbannerSlider ul li div a{
display:block;
}

}

@media only screen and (max-width:768px)
{
 .bg0{background:none;}
 .bg1{background:none;padding-top:0;}
 .wrap{width:auto;padding:0;}
 .off{display:none;}
}

@media only screen and (max-width:640px){
.switch{ width:80%; float:none; margin:0 auto 15px; height:auto;}
.main_image img{ height:auto;}

.ExpressLa a, .ExpressLa a.MaginZero { margin: 0 1.2% 10px; width: 30%;}
.Dynamic .ullist{ float:none; margin:0 auto; width:96%;}
ul.ullist li .span_date{ margin-left:10px;}

.tech{ float:none; width:100%;}
.tech img{ }
.video{ float:none; width:100%; margin:10px auto;}
.section4 img{ display:none;}
.section4 .ullist{ float:none; width:100%; margin:0 auto 10px;}

.DepName{ width:40%;}
.ShowDep{ width:47%; padding:5px 4% 0;}
.ShowDep img , .ShowDep .youshi{ display:none;}
.ShowDep p{ float:none; width:auto;}

.video img { width: auto;height: 200px; margin: 0 auto;display: block;}
.video h2{ text-align: center; }
.ShowDep h2{ line-height: 30px; }
}
 
/**/

.news-row {padding:0;}
.news-row .img-news{position:relative;margin-right:20px;}
.list-item{box-sizing:border-box;}
.special-slider{width: 100%;}
.special-slider .img-news{width: 100%;}
.news-row .img-news{position:relative;margin-right:20px;}
.news-slide{overflow:hidden;}
.news-slide ul li{width:100%;float:left;position:relative;margin:0;padding:0;}
.news-slide ul li img{width:100%;height:100%;margin:0;padding:0;}
.news-slide a{line-height:0;display:block;position: relative;height: 100%;font-size:14px;}
.news-slide a span{display:block;position:absolute;left:0;right:0;bottom:0;line-height:40px;padding-left:10px;padding-right:95px;background:url(../images/black70.png);color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.news-slide ul,ol,li{margin:0;padding:0;}

.newest-row .newest-slide ol li{float:left;width:33.33%;height:20px;line-height:20px;overflow:hidden;box-sizing:border-box;padding:0 10px;}
.newest-row .newest-slide ol li a{display:inline-block;max-width:78%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.newest-row .newest-slide ol li a:before{content:".";font-weight:bold;color:#00a7a8;margin-right:5px;}
.newest-row .newest-slide ol li span{float:right;color:#999;}
.dots{position:absolute;bottom:12px;left:0;right:5px;text-align:right;}
.dots li{display:inline-block;width:12px;height:12px;margin-left:5px;border-radius:50%;background:#fff;opacity:.7;filter:alpha(opacity=70);line-height:0;font-size:0;text-indent:-999px;cursor:pointer;}
.dots .active{opacity:1;filter:alpha(opacity=100);}



