@charset "utf-8";

body{ margin:0px; padding:0px; margin:0px auto; font-size:16px; line-height:30px; color:#666666; width:100%; min-width:320px; zoom:1; background:#fff;font-family: SimHei;}
ul,li,form, dl,dt,dd,div,ul,li,h1,h2,h3,h4,h5,h6,p,em,i{ font-style:normal; list-style:none; padding: 0px; margin: 0px;}
.h1,.h2,.h3,.h4,.h5,.h6,.p{ padding:0px; margin:0px;}
select,input,textarea{ font-size:12px; border-radius:0; -webkit-border-radius:0; color:#414446;font-family: SimHei;}
input:focus { outline: none;}
input,button,select,textarea{outline:none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/ }
textarea{resize:none;/*-webkit-appearance:none;*//*强制去除textarea自带的样式*/ }
textarea,input,select { background:none; border:none; margin:0; padding:0;}
article,aside,footer,header,hgroup,nav,section,figure,figcaption{ display: block;} /*html5设置*/
figure,figcaption{ margin:0px; padding:0px;}
audio,canvas,progress,video { display: inline-block; vertical-align: baseline;}
img{ max-width:100%; border:none; border:0;  vertical-align:top;}
a{color:#222222; text-decoration:none; noline:-webkit-tap-highlight-color:rgba(0,0,0,0);}
a:focus {outline:none; -moz-outline:none;}
a:hover{ text-decoration:none; color:#db251c;}
.fl{ float:left;}.fr{ float:right;}.tr{ text-align:right;}
.hidetxt{ display:none;}
.clear{ clear:both;}
.clearfix{overflow:hidden;_zoom:1;}
:-moz-placeholder{color:#999999;}
::-moz-placeholder{color:#999999;}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {color:#999999;}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {color: #cccccc;}
.container{ max-width:1200px; min-width:320px; margin:0px auto;}
.w1400{ max-width:1400px; min-width:320px; margin:0px auto;}
.w1200{ max-width:1200px; min-width:320px; margin:0px auto;}
@media ( max-width:1200px){
.auto{ padding:0px 10px;}
body{font-size: 14px;line-height: 24px;}
}
.f_red{ color:#da251d;}

/*pages*/
.Pages{width:100%; text-align:center; padding:4% 0;}
.Pages a{display:inline-block; height:30px; line-height:30px; padding:0 10px; color:#ababab; font-size:14px; border:1px solid #e9e9e9; background:#fff; margin:0 2px;}
.Pages a.a_end{margin-left:4px;}
.Pages a:hover{color:#fff; background:#33c073; border:1px solid #33c073;}

/*pages end*/

/*Top*/
.Header{width:100%; height:78px; position:relative; background:#000/*url(../images/opacity.png) repeat*/; position:fixed; left:0; top:0; z-index:999;}
.Logo{float:left; width:14.5%; margin:0 0 0;}
.Logo img{display:block; width: 100%; padding-left: 20px !important;}
.SearchBox{float:left; width:8%; background:url(../images/line.png) no-repeat; height:78px; padding-left:3%;}
.SearchBox .btnbg{display:block; padding-top:22%;}
.SearchBox .Search{display:none; position:absolute; width:200px; top:78px; right:0px; height:30px; line-height:30px; background:url(../images/opacity.png) repeat;}
.SearchBox .Search .input{width:165px; height:30px; line-height:30px; color:#fff; padding:0px 5px;}
.SearchBox .Search .btn{position:absolute; background:url(../images/btn.png) no-repeat; width:20px; height:19px; right:0px; top:5px;}

.En{float:left; display:block; width:30px; height:30px; border-radius:50%; color:#fff; background:#00b050; line-height:30px; text-align:center; margin:1.5% 0% 0 0; font-size:14px; text-transform:uppercase;}
.En:hover{color:#fff;}

#navgation{position:relative;}
.navicon{display:none;}
.Nav{width:65%; float:left; margin-top:1.5%; margin-left:3.5%;}
.Nav li{float:left; font-size:14px; width:16.2%; height:30px; line-height:30px; text-align:center; position:relative; position:relative; padding-bottom:26px;}
.Nav li a.am{display:block; color:#fff;}
.Nav li a.am:hover,.Nav li.active a.am{background:url(../images/navon.png) no-repeat center center;}
.Nav .hidden{display:none;}

.SubNav{position:absolute; width:100%; left:0px; top:56px; text-align:center; background:url(../images/opacity.png) repeat; display:none;}
.SubNav dd a{display:block; height:45px; line-height:45px; color:#fff; font-size:14px; border-bottom:#e5e5e5;}
.SubNav dd a:hover{background:#00b050;}
.Nav li:hover .SubNav{display:block;}


/*banner*/
/*.Bannerswiper{width:100%; position:relative;}
.Bannerswiper .swiper-slide{position:relative;}
.Bannerswiper .swiper-slide .banslide{display:block; width:100%;}
.Bannerswiper .swiper-pagination-bullet{width:19px; height:19px; border:3px solid #013f83; background:#959595; opacity:1;}
.Bannerswiper .swiper-pagination-bullets .swiper-pagination-bullet{margin:0px 18px;}
.Bannerswiper .swiper-pagination-bullets, .Bannerswiper swiper-pagination-custom,Bannerswiper .swiper-pagination-fraction{bottom:10%;}
.Bannerswiper .swiper-pagination-bullet-active{background:none; border:3px solid #cec418;}
.Bannerswiper .Banbg{position:absolute; width:100%; left:0; bottom:0; z-index:9;}
.Bannerswiper .Banbg img{display:block; width:100%;}

.Stxt{position:absolute; width: left:0px; top:0px; z-index:99; text-align:center;}
.Stxt img{display:inline-block; padding-top:20%; animation:fadeInRight 5s infinite;  -webkit-animation:fadeInRight 5s infinite;}
@-webkit-keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-100px);
	}	
	100% {
		opacity: 1;
		-webkit-transform: translateX(500);
	}
}*/

.HomeBan{width:100%;position:relative; z-index:99; background:#fff; margin-top:78px;}
.HomeBan .bd li img{ display:block; width:100%;}
.HomeBan .hd{ width:100%;position:absolute; z-index:10; bottom:-8%; left:0; height:19px; text-align:center; overflow:hidden;}

.HomeBan .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1;width:16px; height:6px; background:#959595; margin:0px 4px; line-height:99999; text-indent:999999; border-radius:20px;}
.HomeBan .hd ul li.on{background:#00b050; width:25px;}
.HomeBan .con{font-size:16px; color:#fff; position:absolute; width:798px; text-align:center; height:110px; left:50%; top:20%; margin-left:-399px; z-index:3;}
.HomeBan .con span{ display:block; position:relative; left:-366px;opacity:0;}
.HomeBan .con .a1{ font-size:38px; color:#8ce58b; line-height:61px; transition:all 5s; -webkit-transition:all 3s; float:left;}
.HomeBan .Banbg{position:absolute; width:100%; left:0; bottom:0; z-index:9; display:none;}
.HomeBan .Banbg img{display:block; width:100%;}
#Mobile{display:none;}

 
/*公用样式*/
.effect-img {overflow: hidden;text-align: center;cursor: pointer; zoom:1; overflow:  hidden;}
.effect-img img {opacity: 1;-webkit-transition: opacity 0.35s, -webkit-transform  0.35s;transition: opacity 0.35s, transform 0.35s;}
.effect-img:hover img {opacity: 1;-webkit-transform: scale3d(1.2,1.2,1);transform:  scale3d(1.2,1.2,1); top:0px; left:0px;}

.Ban{position:relative;}
.Ban img{display:block; width:100%;}
.BanTxt{position:absolute; width:100%; height:100%; left:0px; top:0px; color:#fff;}
.BanTxt h3{font-size:40px; font-weight:bold; line-height:58px; margin-top:10%;}
.BanTxt p{font-size:14px; line-height:32px;}

.SubMeun{margin:4% auto; height:47px; line-height:47px; background:url(../images/dot.jpg) repeat-x left center; text-align:center;}
.SubMeun li{display:inline-block; background:#fff; padding:0 1%; margin:0 1%; width:10%;}
.SubMeun li a{display:block; font-size:18px; color:#323232; background:#f1f1f1;}
.SubMeun li a:hover,.SubMeun li a.on{color:#fff; background:#00b050;}

@media ( max-width:998px){
.Logo{width:20%;}
.Logo img{padding-left: 0px !important;}
.En{float:left; margin:3% 0 0 3%;}
.SearchBox{float:left; position:relative; width:35%; margin:3% 0 0 4%; background:none;}
.SearchBox .btnbg{display:none;}
.SearchBox .Search{display:block; position:static; width:100%; border:1px solid #ddd;}
.SearchBox .Search .input{width:88%;}
.navicon{display:inline-block; margin:2% 2% 0% 0%; float:right;}
.navicon img{display:block;}
.Nav{float:none; display:none; padding:0; clear:both; position:absolute; left:0px; top:66px; z-index:999; width:100%; margin-left:0; background:url(../images/opacity.png) repeat;}
.Nav li{float:none; width:100%; height:65px; line-height:65px; font-size:20px; background:none; padding:0;}
.Nav li a.am{display:inline-block;}

.Ban{margin-top:78px;}
.BanTxt h3{margin-top:5%; font-size:24px; line-height:40px;}

.SubMeun li{width:15%;}
.Nav li:hover .SubNav{display:none;}

.HomeBan .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1;width:16px; height:6px; background:#959595; margin:0px 4px; line-height:99999; text-indent:999999; border-radius:20px;}
.HomeBan .hd ul li.on{background:#00b050; width:25px;}
.HomeBan .con{width:50%; left:25%; margin-left:0; top:36%;}

#Mobile{display:block;}
#Pc{display:none;}

}

@media ( max-width:640px){
.Logo{margin-top:0%;}
.Pages{padding:7% 0;}
}

@media ( max-width:480px){
.Header{height:60px;}
.Logo{width:20%; margin-top:0%;}
.SearchBox{width:45%; margin-top:4%;}
.SearchBox .Search .input{width:82%;}
.navicon{margin-top:4%;}
.Nav{top:54px;}
.Bannerswiper .swiper-pagination-bullet{width:10px; height:10px;}
.Bannerswiper .swiper-pagination-bullets .swiper-pagination-bullet{margin:0px 8px;}

.Ban{margin-top:60px;}
.BanTxt h3{margin-top:3%; font-size:20px; line-height:30px;}
.BanTxt p{font-size:14px; line-height:24px;}

.SubMeun li{width:27%;}

.Pages{padding:10% 0;}
.Pages a{padding:0px 8px;}

.HomeBan{margin-top:60px;}
.HomeBan .hd{bottom:-18%;}
.HomeBan .con{top:4%;}
.HomeBan .con .a1{float:none;}
.HomeBan .con span{display:inline; position:static;}

}

/*index*/
.iconGrid{background:#FFF;z-index:2;}
.icons{text-align:center;}
.iconBox.w25{width:20%; padding:0px 1.5%; display:inline-block;}
.iconBox.w25 h3.iconh{ color:#333333; font-size:16px; line-height:32px; height:32px; display:block; width:100%;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}
.scaler{position:relative;z-index:1; top:0px; left:0px; padding:10% 0;}
.scaler .sbg{position:absolute; left:0px; bottom:0; width:50%; z-index:-1;}
.iconGrid .icons{margin-top:3rem;}
.HomeTit{text-align:right;}
.HomeTit span{display:inline-block;}
.HomeTit p{margin-top:18px; line-height:24px; font-size:16px; color:#333333;}
.iconText h4{height:32px; line-height:32px; overflow:hidden; font-size:20px; color:#333333;}
.iconText h4 span{font-weight:normal; font-size:18px;}
.iconText{font-size:13px; line-height:24px; color:#444444; height:120px; overflow:hidden; margin-top:2%; text-align:left;}

#sageWrap{position:relative; width:100%; float:left;}
.scrollFadeWrap{width:100%;position:relative}
.scrollFadeWrap .fader{position:relative;width:100%;height:80vh;float:left;display:block;overflow:hidden}
.scrollFadeWrap .fixedBGs{position:absolute;top:0;width:100%;z-index:0;-webkit-transform:translateZ(0)}
.centerWrap{display:table;position:absolute;overflow:hidden;width:100%;height:100%;top:0;left:0;z-index:2; margin-left:5%; border-left:1px solid #fff;}
.centerWrap .centerer{display:table-cell;vertical-align:top; padding-top:3%;}
.centerWrap .framedBox .framedText{background:url(../images/txtwhitebg.png) no-repeat left 30px; padding-left:96px; color:#fff;}
.centerWrap .framedBox .framedText .animIn{font-size:40px; line-height:90px;}
.centerWrap .framedBox .framedText .ins{font-size:28px; line-height:57px;}
.centerWrap .framedBox .framedText p{font-size:18px; line-height:30px;}

.scrollFadeWrap .fixedBGs{position:absolute;top:0;width:100%;z-index:0;-webkit-transform:translateZ(0)}
.scrollFadeWrap .fixedBG{background-repeat:no-repeat;background-position:center top;background-size:cover;position:relative;width:100%;height:100vh;float:left;top:0;left:0}
.scrollFadeWrap .fixedBG:last-of-type:before{opacity:0.1}
.scrollFadeWrap .fixedBGs.locked{position:fixed;height:100%}
.scrollFadeWrap .fixedBGs.locked .fixedBG{position:absolute;opacity:0;-webkit-transition:opacity 1s ease-out;transition:opacity 1s ease-out;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:0}
.scrollFadeWrap .fixedBGs.locked .fixedBG.current{z-index:1;opacity:1}
#sageWrap section.scrollFadeWrap{z-index:0}
#sageWrap section{width:100%;display:block;float:left;position:relative;z-index:1}

.NewsBox{background:#f5f5f5; padding-top:5%; z-index:9;}
.NewsTit{text-align:center; background:url(../images/titbg.jpg) no-repeat center bottom; padding-bottom:22px;}
.NewsTit span{display:inline-block;}
.NewsListswiper{padding:3% 0 5%;}
.NewsListswiper .swiper-slide{width:30%; position:relative; padding:1% 1%;}
.NewsListswiper .swiper-slide .effect-img img{display:block; width:100%; height:221px;}
.NewsListswiper .swiper-slide .imginfo .name a{display:block; font-size:16px; line-height:30px; padding-top:16px;}
.NewsListswiper .swiper-slide .imginfo p{font-size:14px; color:#6a6a6a; line-height:20px; height:60px; overflow:hidden; display:none;}
.NewsListswiper .swiper-slide .imginfo em{color:#b5b5b5; font-size:14px; line-height:30px;}
.NewsListswiper .swiper-slide .maskbg{position:absolute; width:100%; left:0; bottom:0; z-index:-1;}

.AdverBox{padding-top:3%; z-index:10; background:#fff;}
.Adbg{position:absolute; left:0; top:0; width:100%; z-index:-2;}
.Adbg img{display:block; width:100%;}

.AdverBox .Maskbg{position:absolute; left:0; top:0%; height:110%; width:25%; background:url(../images/opacity.png) repeat; z-index:1;}
.Aleft{width:20%; float:left; position:relative; z-index:1;}
.logotit img{display:none;}
.Aleft h2{font-size:30px; color:#b4b4b4; line-height:30px; margin:30px 0px 0px 18px;}

.Adtit{background:url(../images/line3.png) no-repeat; width:165px; height:285px; margin:56px 0px 56px 28px;}

.Adtit .hd{text-align:center; padding-top:36px; width:124px;}
.Adtit .hd li{font-size:18px;}
.Adtit .hd li a{color:#888786; line-height:58px; display:block;}
.Adtit .hd li.on a{ font-size:20px; color:#fff; background:url(../images/line4.jpg) no-repeat center bottom;}

.Adslide .bd{width:70%; float:right;}
.TeamBoxs dl dt{font-size:28px; line-height:50px; margin-bottom:20px; color:#fff;}
.TeamBoxs dl dt a{color:#fff;}
.TeamBoxs dl dd{font-size:18px; line-height:35px; color:#e4e4e2;}

.Adslide ul{font-size:18px; line-height:38px;}
.Adslide #txt1{color:#fff;}
.Adslide #txt2{color:#000; padding-top:10%;}
.Adslide #txt3{color:#000; text-align:right; padding-right:10%;position: relative;}

.Adslide .TeamBoxs p{position: relative;z-index: 1;}
.Adslide .TeamBoxs{position: relative;}
.Adslide #txt2 .TeamBoxs:after,.Adslide #txt3 .TeamBoxs:after{width: 120%;height: 130%;content: "";position: absolute;left: -10%;top: -15%;background:rgba(255,255,255,0.7);}




/*bottom*/
.Bottom{background:#000000; padding:2% 0;}
.Bottom .Bleft{float:left;}
.Bottom .Bleft p{font-size:14px; color:#747474; line-height:24px;}
.Bottom .Bleft  a{color:#747474;}
.Bottom .Bleft .WebMeun{margin-bottom:15px;font-size:14px; color:#747474; line-height:24px;}
.Bottom .Bleft .WebMeun a{display:inline-block; font-size:16px; padding:0px 5px; color:#b0b0b0;}
.Bottom .Bleft p i{padding:0px 7px;}

.Bright{float:right; margin-right:10%; width:14%;}
.Bright .weixin{display:inline-block; float:right;}
.Bright .weixin em{display:block; color:#a3a3a3; line-height:35px; text-align:center;}
.Bright .weixin em:hover{ color:#eee; }
.Bright .QQ{float:left; padding-top:8%;filter(alpha=70);opacity:0.7; cursor:pointer;}
.Bright .QQ:hover{opacity:1;filter(alpha=100);opacity:1;}

.FloatRight{ right:5px; bottom:15%; position:fixed; z-index:999;}
.FloatRight .Fcon{display:none;}
.FloatRight li{ margin-bottom:5px; position:relative; cursor:pointer;}
.FloatRight li.updown{font-size:14px; color:#fff; background:#a2cc47; height:30px; line-height:30px; text-align:center;}
.FloatRight .icon{ width:50px; height:50px;}
.FloatRight .icon.tel{ background: #a2cc47 url(../images/floaticon.png) 0px top no-repeat;}
.FloatRight .icon.qq{ background:#a2cc47 url(../images/floaticon.png) -50px top no-repeat;}
.FloatRight .icon.msg{ background: #a2cc47 url(../images/floaticon.png) -100px top no-repeat;}
.FloatRight .icon.top{ background: #a2cc47 url(../images/floaticon.png) -150px top no-repeat;}
.FloatRight li:hover .icon.top{ background: #75a94d url(../images/floaticon.png) -150px top no-repeat;}
.FloatRight .txt{ text-align:center; background:#75a94d; color:#fff; line-height:14px; padding:9px 0px 0px 0px; height:41px; width:100%; position:absolute; left:0px; top:0px; display:none;}
.FloatRight li:hover .txt{ display:block;}
.FloatRight .telbox{ border:1px solid #e5e5e5; border-radius:3px; position:absolute; background:#fff; right:60px; top:0px; padding:15px; width:130px; display:none;}
.FloatRight .telbox .img{ width:130px; height:130px;}
.FloatRight .telbox dd{ font-weight:bold;}
.FloatRight .telbox .arr{ position:absolute; width:6px; height:12px; display:block; background:url(../images/telarr.png); top:8px; right:-6px;}

.linkbox{ position:relative; display:inline-block; *display:inline;zoom:1; border:1px solid #dedede; border-radius:15px; width:165px; line-height:32px; vertical-align:middle; color:#b0b0b0; margin-right:8px;}
.linkbox span{ display:block; background:url(../images/linkline.gif) center center no-repeat; color:#b0b0b0; text-align:center; font-size:14px; cursor:pointer;}
.linkbox ul{ position:absolute; padding:5px 0px; left:0px; width:100%; border-radius:15px; bottom:0px; background:#dedede; display:none;}
.linkbox ul li{ text-indent:1em; padding:0px; line-height:22px; text-align:left;}


@media ( max-width:1024px){
.Bright{width:20%;}
}

@media ( max-width:998px){
.NewsListswiper .swiper-slide .effect-img img{height:118px;}
.NewsListswiper .swiper-slide .maskbg{display:none;}
.AdverBox{background:#000;}
.Aleft{width:100%; float:none;}
.Aleft .logotit{text-align:center;}
.Aleft .Adtit{ margin:0; background:none; width:100%; height:auto;}
.Aleft .Adtit .hd{width:100%;}
.Aleft .Adtit .hd li{display:inline-block; padding:0 3%;}
.Adtit .hd li.on a{ font-size:18px;}
.Adslide .bd{width:94%; float:none; clear:both; padding:5% 3%;}
.AdverBox .Maskbg{width:100%; height:100%; display:none;}
.TeamBoxs dl dt{margin-bottom:0;}
.Adslide #txt1,.Adslide #txt2,.Adslide #txt3{color:#fff; padding:0; text-align:left;}

.Bottom{border-top:2px solid #f6f6f6;}
.Bright{display:none;}
.Bottom .Bleft{float:none; text-align:center;}
}

@media ( max-width:640px){
.centerWrap .framedBox .framedText{background-position:left 20px;}
.centerWrap .framedBox .framedText .animIn{font-size:25px; line-height:60px;}
.centerWrap .framedBox .framedText .ins{font-size:20px; line-height:40px;}

.scaler .sbg{width:100%;}
.iconBox.w25{float:left; width:47%; float:left; display:block; margin-bottom:4%;}

.NewsTit span{width:80%;}

.NewsListswiper .swiper-slide .effect-img img{height:98px;}


.TeamBoxs dl dt{font-size:20px;}
.TeamBoxs dl dd{font-size:16px;}

}

@media ( max-width:480px){
.NewsListswiper .swiper-slide{width:98%;}
.NewsListswiper .swiper-slide .effect-img img{height:183px;}

.HomeTit{display:none;}

.iconGrid .icons{margin-top:11rem;}
}


/*关于威迪*/
.About{margin:0 auto 3%;color:#444343;}
.About h2{line-height:57px; padding-bottom:22px; background:url(../images/atitbg.jpg) no-repeat center bottom; text-align:center; font-size:30px; color:#0a0a0a; margin-bottom:24px; font-weight:normal;}

.AboutPic dl{position:relative; height:386px; background:#fef3f6;}
.AboutPic dl:nth-child(2n){background:#e5f7ed;}
.AboutPic dl .Pics{position:absolute; left:0; top:0; width:50%;}
.AboutPic dl:nth-child(2n) .Pics{right:0; left:auto;}
.AboutPic dl .Pics img{display:block; width:100%; height:386px;}
.AboutPic dl .PicTxt{width:47%; margin:4% 0 0 3%; float:right;}
.AboutPic dl:nth-child(2n) .PicTxt{float:left; margin-left:0;}
.AboutPic dl .PicTxt .Name{display:block; line-height:54px; font-size:24px; color:#2a2929; margin-bottom:4%;}
.AboutPic dl .PicTxt .Name .num{display:inline-block; padding:2% 2% 0;}
.AboutPic dl .PicTxt .Name em{display:block; line-height:32px; color:#6d6c6c; font-size:12px;}
.AboutPic dl .PicTxt p{font-size:14px; line-height:30px; color:#444343; text-indent:2em;}

.TeamBox{background:#e5eef8; padding:3% 0;}
.Ttit{text-align:center;}
.Ttit span{display:block; font-size:48px; line-height:62px; color:#035bb9;}
.Ttit em{display:block; font-size:14px; line-height:26px; color:#757575; text-transform:uppercase;}
.Teaminfo{padding:3% 5%; text-align:center;}
.Teaminfo p{font-size:14px; line-height:30px; color:#4c4c4c; padding-bottom:5%;}
.Teaminfo img{display:inline-block;}

/*发展历程*/
.History ul{background:url(../images/dotline.jpg) repeat-y 146px top;}
.History li{position:relative; padding-left:182px; background:url(../images/arr1.png) no-repeat 141px center; margin-bottom:48px; min-height:72px; height:auto !important; height:72px;}
.History li:last-child{margin-bottom:0px;}
.History li .Date{position:absolute; width:108px; height:72px; line-height:72px; text-align:center; left:0px; top:50%; margin:-36px 0px 0px 0px; background:#898989; color:#fff; font-size:14px;}
.History li:hover .Date{background:#33c073;}

.History li .hisinfo .pics{width:35%; float:left;}
.History li .hisinfo .pics img{margin:0 2%; display:inline-block; width:46%;}
.History li .hisinfo .txt{font-size:16px; line-height:24px; color:#2e2e2f; width:64%; float:right; padding-top:1%;}

/*产品中心*/
.ProductBox{margin-top:1px;}
.ProductBox li{float:left; width:50%;}
/* .ProductBox li:nth-child(1),.ProductBox li:nth-child(2),.ProductBox li:nth-child(3){width:33.333%;} */

.ProductBox li .pics{position:relative;}
.ProductBox li .pics img{display:block; width:100%; height:450px;}
/* .ProductBox li:nth-child(1) .pics img,.ProductBox li:nth-child(2) .pics img,.ProductBox li:nth-child(3) .pics img{height:449px;} */
.ProductBox li .pics .Tit{position:absolute; background:url(../images/txtbg.png) no-repeat ; width:172px; height:149px; left:50%; top:50%; margin:-74px 0px 0px -86px; text-align:center; display:none;}
.ProductBox li .pics .Tit span{display:block; padding-top:52px; line-height:30px; font-size:18px; color:#fff;}
.ProductBox li .pics .Tit em{display:block; color:#a9cbba; text-transform:uppercase; line-height:20px;}
.ProductBox li:hover .pics .Tit{display:block;}
.ProductBox li .Name a{text-align:center; height:48px; line-height:48px; font-size:16px; color:#252525; display:block;}
.ProductBox li .Name .i1,.ProductBox li .Name .i2{padding:11px 5px 0px;}
.ProductBox li .Name .i1{display:inline-block; }
.ProductBox li .Name .i2{display:none;}
.ProductBox li:hover .Name .i2{display:inline-block;}
.ProductBox li:hover .Name .i1{display:none;}
.ProductBox li:hover .Name a{color:#fff; background:#179a55;}

/*产品列表*/
.Protit{padding:3% 0 2%; background:url(../images/line5.jpg) repeat-x left bottom; text-align:center;}
.Protit span{display:block; font-size:30px; color:#1e1e1e; line-height:40px;}
.Protit span img{display:inline-block; width:40px; padding-right:1%;}
.Protit em{display:block; font-size:14px; font-family:Arial; line-height:30px; text-transform:uppercase;}
.ProList ul{padding:1.5% 0;}
.ProList ul li{width:31%; margin-right:3%; float:left; margin-bottom:2%;}
.ProList ul li img{display:block; width:100%; height:269px;}
.ProList ul li:nth-child(3n){margin-right:0;}
.ProList ul li .name{height:46px; line-height:46px; overflow:hidden; margin-top:10px; background:#eeeeee; font-size:14px; display:block; text-align:center;}
.ProList ul li .name a{display:block; color:#3e3d3d;}
.ProList .Pages,.NewsList .Pages{padding-top:0%;}

/*产品详情*/
.ProPic{padding:3% 0;}
.ProPic .Proimg{width:49%; float:left;}
.ProPic .Proimg img{display:block; width:100%;}
.ProPic .ProTxt{width:49%; float:right; color:#1e1e1e;}
.ProPic .ProTxt dl dd{background:#f3f3f3; height:45px; line-height:45px; margin-bottom:2px; padding-left:2%;}
.ProPic .ProTxt dl dd em{display:inline-block; width:33.33%;}
.ProPic .ProTxt dl dd strong{font-size:14px;}

.ProPic .ProTxt .downloadBtn{margin-top:3vh;}
.ProPic .ProTxt .downloadBtn a{display: block;width:100px;height:30px;line-height: 30px;border-radius: 3px;background: #00b050;color:#fff;text-align: center;}

.ProCon h2{font-size:18px; line-height:60px; background:url(../images/line6.jpg) no-repeat left bottom; color:#1e1e1e;}
.ProCon .Txt{padding:2% 0 3%;}
.ProCon .Txt p{font-size:14px; line-height:30px; color:#504f4f; text-indent:2em;}

/*工程案例*/
.CaseBox{margin:3% auto 0;}
.CaseBox li{background:#ededed; margin-bottom:23px;}
.CaseBox li .effect-img{width:30%; float:left;}
.CaseBox li .effect-img img{display:block; width:100%;}
.CaseBox li .Caseinfo{width:65%; float:right; padding:3% 2% 0 0%;}
.CaseBox li .Caseinfo .name a{display:block; font-size:17px; line-height:26px; height:26px; overflow:hidden; color:#161616;}
.CaseBox li .Caseinfo p{font-size:13px; line-height:20px; color:#767575; margin:1% 0 1.5%; height:80px; overflow:hidden;}
.CaseBox li .Caseinfo a.more{display:block; width:98px; height:30px; line-height:30px; border:1px solid #e5e5e5; background:#fff; color:#302f2f; border-radius:20px; text-align:center;}
.CaseBox li:hover .Caseinfo a.more{border:1px solid #00b050; background:#00b050; color:#fff;}
.CaseBox li:last-child{margin-bottom:0;}

/*新闻中心*/
.NewsList{margin:3% auto 0%;}
.NewsList li{width:29%; padding:0 1% 1%; position:relative; float:left; margin-right:3%; margin-bottom:30px;}
.NewsList li:nth-child(3n){margin-right:0;}
.NewsList li .effect-img img{display:block; width:100%; height:221px;}
.NewsList li .imginfo .name a{display:block; font-size:16px; line-height:35px; height:70px; overflow:hidden; padding-top:6px;}
.NewsList li .imginfo p{font-size:14px; color:#6a6a6a; line-height:20px; height:60px; overflow:hidden; display:none;}
.NewsList li .imginfo em{color:#b5b5b5; font-size:14px; line-height:30px;}
.NewsList li .maskbg{position:absolute; width:100%; left:0; bottom:0; z-index:-1;}

/*新闻详情*/
.ActiveContent{margin:4% 0px 0px 0px;}
.Atit{text-align:center; line-height:28px; position:relative;}
.Atit h2{font-size:20px; color:#333333;}
.Atit em{display:block; font-size:14px; color:#666666; padding:9px 0px 21px; border-bottom:1px dashed #e8e8e8; margin-left:-11%;}
.Atit em i{padding:0px 12px;}
.bdsharebuttonbox{position:absolute; top:44%; right:27%;}
.ContentAbout{padding:3% 0%; border-bottom:1px solid #e7e7e7;}
.PrevNextBox{padding:3% 0;}
.PrevNextBox dl{font-size:14px; line-height:34px;}
.PrevNextBox dl b{color:#000; font-weight:normal;}
.PrevNextBox dl a{color:#666666;}

/*走进威迪*/
.Culture{margin-bottom:4.5%;}
.Culture li dl{background:#eeeeee;}
.Culture li dl .effect-img{width:34%; float:left;}
.Culture li dl .effect-img img{display:block; width:100%;}
.Culture li dl .Cultureinfo{width:61%; float:left; padding:4% 0 0 3%;}
.Culture li dl .Cultureinfo .name{display:block; border:1px solid #d1d1d1; width:96px; padding-left:53px; height:40px; line-height:40px; background:url(../images/arr2.png) no-repeat 14px center; font-size:20px; color:#3a3a3a; margin-bottom:3%;}
.Culture li dl .Cultureinfo p{font-size:14px; line-height:24px; color:#3a3a3a;}
.Culture li:nth-child(2n) dl .effect-img{float:right;}
.CultureList{margin:2% 0;}
.CultureList .Culimg{width:22.5%; float:left; margin-right:3.33%; position:relative;}
.CultureList .Culimg:nth-child(4n){margin-right:0;}
.CultureList .Culimg img{display:block; width:100%;}
.CultureList .Culimg em{display:block; font-size:18px; position:absolute; left:0px; top:0px;width:100%; height:100%; color:#363636; text-align:center; background:url(../images/opacity.png) repeat; color:#fff;}
.CultureList .Culimg em i{height:24px; line-height:24px; position:absolute; width:100%; left:0px; top:50%; margin-top:-12px; display:block;}

/*人才招聘*/
.JobList h2{font-size:18px; color:#252525; margin-bottom:2%; line-height:24px;}
.JobList li{margin-bottom:2px;}
.JobList li.First .Titname{color:#fff;line-height:46px; height:46px; overflow:hidden; font-size:18px;background:#00b050;}
.JobList li.First:hover .Titname{color:#fff;}
.JobList li .Titname{display:block; float:left; width:14.28%; text-align:center; height:48px; line-height:48px; color:#3e3a39; font-size:14px; overflow:hidden; background:#eeeeee;}
.JobList li .apply{display:inline-block; background:#fff; color:#6d6b6b; line-height:34px; padding:0 8%;}
.JobList li.lion .Con{display:block;}
.JobList li .Con{line-height:30px; color:#666666; padding:20px 24px; font-size:14px; display:none; border-top:1px solid #eaeaea;}
.JobList li .Con strong{font-weight:normal; width:72px; position:absolute; left:0; top:0;}
.JobList li .Con dl{width:30%; float:left; position:relative; padding-left:75px;}
.JobList li .Con dl:nth-child(2n){float:right;}
.JobList li:hover .apply,.JobList li.lion .apply{color:#fff; background:#00b050;}
.JobList li .detail{background:url(../images/down.png) no-repeat 74% center;}
.JobList li.lion .detail{background:url(../images/up.png) no-repeat 74% center;}

/*应聘表单*/
.JobForm{ color:#666666; margin-bottom:3%;}
.JobForm dl{ width:45%; float:left;}
.JobForm dl dt{ width:18%; float:left; font-size:14px; text-align:right; margin-right:2%;}
.JobForm dl dd{ width:70%; float:left;}
.JobForm dl.other{ width:100%; float:none;}
.JobForm dl.other dt{ width:7%;}
.JobForm dl.other dd{ width:78.9%;}
.JobForm dd{ padding:5px 0px;}
.JobForm .input { background:#fff; border:1px solid #dbdbdb; width:99%; height:28px; line-height:28px;}
.JobForm .input2 { background:#fff; border:1px solid #dbdbdb; width:99%; height:116px; line-height:23px;}
.JobForm select { border:1px solid #dbdbdb; width:190px; height:23px; line-height:23px;}
.JobForm .btn_2 { font-size:15px; padding:1.2% 2%; text-align:center; background:#21ca69; margin-right:8px; color:#fff; border:0px; cursor:pointer;}
.JobForm .btn_3 { font-size:15px; padding:1.2% 4.3%; text-align:center; background:#999; color:#fff; border:0px; margin-left:8px; cursor:pointer;}

/*联系我们*/
.Contact{margin:4% auto;}
.Contactway{margin-bottom:3%;}
.Contactway dl{width:31%; float:left; margin-right:3%; height:172px; background:#eeeeee; text-align:center;}
.Contactway dl .ct{width:61px; height:61px; display:block; margin:-24px auto 0px;}
.Contactway dl em{display:block; padding:40px 10px 0px; font-size:18px; color:#4d4d4d; line-height:24px;}
.Contactway dl .wx{display:inline-block; padding-top:9px;}
.Contactway dl:nth-child(3n){margin-right:0;}
.Map{border:1px solid #e5e5e5;}
.Map img{display:block; width:100%;}

.Contactway dl:first-child em{text-align:left; padding:8% 13% 0;}

.EnContent{position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 1000;background:rgba(0,0,0,0.4);display: none;}
.EnContent .content{position: fixed;background:#fff;padding:3% 5% 3%;width: 60%;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 1101;box-shadow: 0 0 10px rgba(0,0,0,0.1);font-family: Arial, Helvetica, sans-serif;}
.EnContent .content .close{position: absolute;width: 30px;height: 30px;right: 0;top: 0;background:url(../images/closenav.png);}
.EnContent .content .nav{text-align: center;line-height: 50px;margin-bottom: 3%;}
.EnContent .content .nav li{position:relative;display: inline-block;font-size: 18px;margin:0 20px;cursor: pointer;}
.EnContent .content .nav li:after{position: absolute;left: 50%;bottom: 0;width: 0;content: "";height: 2px;background:#3ea869;transition: all 0.3s;}
.EnContent .content .nav li.on:after{width: 100%;left: 0;}
.EnContent .content .text{display: none;height: 500px;overflow-y: auto;position: relative;}
.EnContent .content .text dl{margin:10px 0;}
.EnContent .content .text dt{font-weight: bold;}
.EnContent .content .text dd{padding-left: 15px;position: relative;}
.EnContent .content .text dd:After{position: absolute;left: 0;top: 50%;content: "";width: 3px;height: 3px;background:#999;}

@media ( max-width:1156px){
.AboutPic dl .PicTxt p{line-height:26px;}
.AboutPic dl .PicTxt .Name{font-size:20px;}	
.EnContent .content{width:85%;}
.EnContent .content .nav{line-height: 38px;}
.EnContent .content .nav li{font-size: 16px;}
}


@media ( max-width:998px){
.AboutPic dl{height:auto;}
.AboutPic dl .Pics{position:static; width:100%; height:auto;}
.AboutPic dl .PicTxt,.AboutPic dl:nth-child(2n) .PicTxt{float:none; width:100%; margin:0; padding:4% 0;}

.Teaminfo{padding:3% 0;}

.History li .hisinfo .pics{display:none;}
.History li .hisinfo .txt{width:100%; float:none;}

.ProductBox li .pics img{display:block; width:100%; height:229px;}
/* .ProductBox li:nth-child(1) .pics img,.ProductBox li:nth-child(2) .pics img,.ProductBox li:nth-child(3) .pics img{height:242px;} */

.ProList ul li img{height:168px;}

.ProPic .Proimg,.ProPic .ProTxt{width:100%; float:none;}	

.CaseBox li .Caseinfo{padding-top:1%;}
.CaseBox li .Caseinfo p{height:40px;}

.NewsList li{padding:0;}
.NewsList li .effect-img img{height:117px;}
.NewsList li .maskbg{display:none;}

.bdsharebuttonbox{right:10%;}

.Culture li dl .effect-img,.Culture li dl .Cultureinfo{float:none; width:100%;}
.Culture li:nth-child(2n) dl .effect-img{float:none;}
.Culture li dl .Cultureinfo{padding:3%; width:94%;}
.CultureList .Culimg{width:48%; margin-right:0; margin-bottom:3%;}
.CultureList .Culimg:nth-child(2n){float:right;}

.JobList li .Titname:nth-child(2),.JobList li .Titname:nth-child(4),.JobList li .Titname:nth-child(6){display:none;}
.JobList li .Titname{width:25%;}

.JobForm dl{float:none; width:100%;}
.JobForm dl.other dt{width:18%;}

.Contactway dl:first-child em{text-align:center; padding:15px 8px 0px;}

}

@media ( max-width:640px){
.About h2{font-size:24px; line-height:30px;}
.Ttit span{font-size:24px;}
.ProductBox li .pics img{display:block; width:100%; height:200px;}
/* .ProductBox li:nth-child(1) .pics img,.ProductBox li:nth-child(2) .pics img,.ProductBox li:nth-child(3) .pics img{height:202px;} */
.ProductBox li:hover .pics .Tit{display:none;}

.ProList ul li img{height:139px;}	
.CaseBox li .Caseinfo .name a{font-size:15px; height:20px; line-height:20px;}
.NewsList li .effect-img img{height:98px;}

.Atit em{margin-left:0;}
.bdsharebuttonbox,.Atit em .share{display:none;}

.JobList li .Con dl{width:80%; float:none;}
.JobList li .Con dl:nth-child(2n){float:none;}
.Contactway{padding:4% 0 0;}
.Contactway dl em{font-size:13px; padding-top:15px;line-height:18px;}

.JobForm dl dt,.JobForm dl.other dt{width:20%;}
.JobForm dl.other dd{width:76.9%;}
}

@media ( max-width:480px){
.About h2{font-size:20px;}
.AboutPic dl .PicTxt .Name{line-height:40px;}
.AboutPic dl .PicTxt .Name{font-size:16px;}	

.ProductBox li .Name a{font-size:14px;}
.ProductBox li .Name .i1,.ProductBox li .Name .i2{width:20px; padding-top:14px;}
.ProductBox li .pics img{display:block; width:100%; height:118px;}
/* .ProductBox li:nth-child(1) .pics img,.ProductBox li:nth-child(2) .pics img,.ProductBox li:nth-child(3) .pics img{height:118px;} */

.Protit{padding:5% 0;}
.Protit span{font-size:20px;}
.ProList ul{padding-top:6%;}
.ProList ul li{width:48%; margin-right:0;}
.ProList ul li:nth-child(2n){float:right;}
.ProList .Pages{padding-top:6%;}

.ProList ul li img{height:123px;}

.ProPic .ProTxt dl dd{height:auto;}
.ProPic .ProTxt dl dd em{width:auto; padding:0 2%;}

.CaseBox{margin-top:5%;}
.CaseBox li .Caseinfo a.more{display:none;}

.NewsList li{width:48%; margin-right:0;}
.NewsList li:nth-child(2n){float:right;}

.JobForm dl dt, .JobForm dl.other dt{width:24%;}
.JobForm dl.other dd{width:69.9%;}

.Contactway dl{height:230px;}

}