@charset "utf-8";
body{ margin:0px; padding:0px; margin:0px auto; font-size:12px; line-height:24px; color:#666666; width:100%; min-width:320px; zoom:1; background:#fff; font-family:frutigernext,"Microsoft YaHei",Arial,Helvetica,sans-serif,Arial,"宋体";}
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:"微软雅黑";}
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:#78b9c2;}
.fl{ float:left;}.fr{ float:right;}.tr{ text-align:right;}
.hidetxt{ display:none;}
.clear{ clear:both;}
.clearfix{overflow:hidden;_zoom:1;}
:-moz-placeholder{color:#d1d1d1;}
::-moz-placeholder{color:#d1d1d1;}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {color:#d1d1d1;}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {color: #d1d1d1;}
.container{ max-width:1200px; min-width:320px; margin:0px auto;}
.w1200{ max-width:1200px; min-width:320px; margin:0px auto;}
@media ( max-width:1200px){
.auto{ padding:0px 10px;}
}
.f_red{ color:#da251d;}

/*pages*/
.Pages{width:100%; text-align:center; padding:20px 0px 0;}
.Pages a{display:inline-block; height:30px; line-height:30px; padding:0 10px; color:#8c8c8c; font-size:14px; background:#eeeeee; margin:0px 3px; border-radius:5px;}
.Pages a:hover,.Pages a.a_cur{color:#fff; background:#78b9c2;}

/*pages end*/

/*Top*/
.Header{height:100px; width:100%;  position:relative;border-bottom: 2px solid #78b9c2;}
.Logo{float:left; float:left; width:11.5%;}
.Logo img{display:block; width:100%;}
.navicon{display:none;}
.Nav{ float:right; width:75%;}
.Nav li{display:inline-block; font-size:15px; width:12%; text-align:center; padding-top:60px; height:40px;}
.Nav li a.am{display:block; color:#565656; line-height:30px;}
.Nav li:hover,.Nav li.active{background:#78b9c2 url(../167/navon.png) no-repeat center 15px;}
.Nav li:hover a.am,.Nav li.active a.am{color:#fff;}
.Nav li.hidden{display:none;}
.change{ position:absolute; right:5%; top:30px;}
.change span{ margin:0 5px; color:#565656;}
.change a{ color:#565656; cursor:pointer; display: inline-block; *display:inline;*zoom:1; width:25px; height:25px; line-height:25px;text-align:center; border-radius:12.5px;}
.change a:hover,.change a.ch{ background:#78b9c2; color:#fff;}
@media ( max-width:991px){
.change{ right:15%; top:35%; }
}
@media ( max-width:640px){
.change{ right:20%;}
}
/*公用样式*/
.Title01{background:url(../167/tit1.png) no-repeat center top; color:#78b9c2; text-align:center;}
.Title01 p{line-height:22px; padding-top:8px; font-size:14px;}
.Title01 h2{font-size:36px; line-height:42px; padding-bottom:37px; background:url(../167/titlebg.png) no-repeat center bottom; font-weight:normal;}
.Title02{padding-bottom:38px; background:url(../167/line2.jpg) no-repeat center bottom; margin-bottom:38px; text-align:center;}
.Title02 h2{font-size:30px; line-height:39px; color:#3e3e3e;}
.Title02 p{font-size:30px; color:#e1e1e1; line-height:33px; font-weight:bold; text-transform:uppercase;}
.bratit{background:url(../167/tit2.png) no-repeat center top; padding:30px 0px 0px;}
.bratit h2{color:#fff; background:url(../167/titlebg2.png) no-repeat center bottom;}

.Ban img{display:block; width:100%;}

.SubMeun{height:80px; line-height:80px; border-bottom:1px solid #e5e5e5;}
.SubMeun a{display:inline-block; font-size:16px; height:77px; line-height:77px; padding:0 3%;}
.SubMeun a:hover,.SubMeun a.on{border-bottom:3px solid #78b9c2;}
.SubMeun a.Backlist{padding-left:44px; background:url(../167/arr5.png) no-repeat left center; float:right; font-size:18px; color:#000000;}

/*banner*/
.BannerBox{width:100% !important;}
.BannerBox .swiper-slide{width:100%; position:relative;}
.BannerBox .swiper-slide img{display:block; width:100% !important;height: 672px;}
.BannerBox .swiper-pagination-bullet{opacity:1;}
.BannerBox .swiper-pagination-bullets,.BannerBox .swiper-pagination-custom,.BannerBox .swiper-pagination-fraction{bottom:20%; text-align:right;}
.BannerBox .swiper-pagination-bullets .swiper-pagination-bullet{margin:0px 5px;}
.BannerBox .swiper-pagination-bullet{width:21px; height:21px; background:url(../167/dotpic.png) no-repeat left top;}
.BannerBox .swiper-pagination-bullet-active{background:url(../167/dotpic.png) no-repeat left bottom;}

.BannerBox .video_files{ position:absolute; background:#000; width:100%; left:0; top:0; height:100%;; overflow:hidden;}
.BannerBox .video_files #myvideo{      position: absolute;
visibility: visible;
margin: auto;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
min-width: 100%;
min-height: 100%; width:100%;}

@media ( max-width:998px){
.Logo{width:20%;}
.navicon{margin:4% 3% 0% 0%; float:right; display:block;}
.navicon img{display:block;}

.Nav{float:none; display:none; padding:0; clear:both; position:absolute; left:0px; top:100px; z-index:999; width:100%; margin-left:0; background: url(../167/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; color:#fff; width:100%; line-height:65px;}
.Nav li:hover,.Nav li.active{background-position:40% center;}
}

@media ( max-width:640px){
.navicon{margin-top:5%;}
.Logo{width:25%;}
.Title02 h2{font-size:25px;}
.Title02 p{font-size:22px;}

.SubMeun a.Backlist{font-size:16px;}

}

@media ( max-width:480px){
.Logo{width:42%;}
.navicon{margin-top:8.5%;}
.Nav li:hover,.Nav li.active{background-position:30% center;}
.SubMeun a{font-size:12px; padding:0 0.8%;}
}

/*index*/
.index_ProductBox{padding:22px 0px 0px; position:relative; margin-bottom:5%;}
.index_ProductBox .Probg{position:absolute; top:0px; left:0px; z-index:-1;}
.index_ProductBox .Probg img{display:block; width:100%;}
.Proswiper{padding-top:35px;}
.Proswiper .swiper-slide{width:33.333%; text-align:center;}
.Proswiper .swiper-slide img{display:inline-block;}
.Proswiper .swiper-slide em{display:block; border:2px dashed #99d6de; border-radius:20px; height:44px; line-height:44px; width:182px; margin:0 auto; font-size:18px; font-weight:bold; color:#78b9c2; text-align:center;}

.BrandBox{background:#6daeaa url(../167/brandbg.jpg) no-repeat center top; padding:60px 0px;}

.BrandList dl{width:31%; margin-right:2%; float:left; text-align:center;}
.BrandList dl:nth-child(3n){margin-right:0;}
.BrandList dl .Name{padding-bottom:18px; background:url(../167/line.jpg) no-repeat center bottom;}
.BrandList dl .Name em{display:block; font-size:14px; line-height:16px; color:#c0dfde; text-transform:uppercase;margin-top: 10px;}
.BrandList dl .Name h3{line-height:28px; font-size:22px; padding-top:78px;}
.BrandList dl .Name h3 a{color:#fff; display:block;}
.BrandList dl.p1 .Name h3{background:url(../167/pp1.png) no-repeat center top;}
.BrandList dl.p3 .Name h3{background:url(../167/pp2.png) no-repeat center top;}
.BrandList dl .con{padding:30px 0px 0px; font-size:14px; line-height:24px; color:#fff;}
.BrandList dl .con .tit{font-size:18px; line-height:30px;}
.BrandList dl.p2{padding-top:55px;}
.BrandList dl.p2 img{display:inline-block;}

/*bottom*/
.cd-top{position:fixed; right:0px; bottom:5%; z-index:999; display:none;}
.cd-is-visible{display:block;}
.Bottom{padding:40px 0px 30px;}
.Bottom .Bleft{width:40%; float:left;}
.Hotline .Num{display:block; line-height:26px; color:#333333; font-size:24px; margin-bottom:15px;}
.Hotline .Num i{font-size:26px;}
.Hotline p{line-height:14px; font-size:14px; color:#adadad;}
.Hotline .Enword{color:#c2c2c2; line-height:14px; display:block;}
.Message{margin:32px 0px 0px;}
.Message h3{height:38px; line-height:38px; padding-left:31px; background:url(../167/arr1.png) no-repeat left center; font-size:16px; color:#333333; font-weight:normal;}
.Message dl dd{height:46px; line-height:46px; border-bottom:1px solid #d8d8d8;}
.Message dl dd .input,.Message dl dd .textarea{height:46px; line-height:46px; color:#cccccc; font-size:14px; padding:0px 7px;width:100%;}
.Message dl .btn{font-size:14px; color:#60a7b2; padding:0px 15px;}
.Message dl dd .textarea{line-height:18px;}

.Bottom .Bright{width:55%; float:right;}
.Weixin dl dd{width:21.333%; margin-right:4%; float:left; text-align:center;}
.Weixin dl dd:nth-child(4n){margin-right:0;}
.Weixin dl dd img{display:inline-block;}
.Weixin dl dd em{display:block; line-height:26px; margin-top:14px; font-size:14px; color:#666666; padding-left:40px;}
.Weixin dl dd em.w1{background:url(../167/b1.png) no-repeat 20% center;}
.Weixin dl dd em.w2{background:url(../167/b2.png) no-repeat 20% center;}
.Weixin dl dd em.w3{background:url(../167/b3.png) no-repeat 20% center;}
.Weixin dl dd em.w4{background:url(../167/b4.png) no-repeat 20% center;}

.BottomTxt{text-align:center; margin:25px 0px 0px; line-height:22px; color:#333333; font-size:14px;}
.BottomTxt .BottonNav a{color:#333333;}
.BottomTxt .BottonNav i{padding:0px 10px;}
.BottomTxt .Alink{padding-top:10px;}
.BottomTxt .Alink a{color:#9a9a9a; padding:0px 8px;}
.BottomTxt .Alink img{ display:inline-block;vertical-align:middle;}

@media ( max-width:998px){
.index_ProductBox .Probg img{height:465px;}
.Bottom{padding:5% 2%;}
.Bottom .Bleft,.Bottom .Bright{width:100%; float:none;}
.Bottom .Bright,.BottomTxt{margin-top:5%;}
.BottomTxt{text-align:center;}
}

@media ( max-width:640px){
.BrandList dl.p2{ float:none; width:100%; display:none;}
.BrandList dl.p1{ float:none; width:100%; padding-top:8%; text-align:center;}
.BrandList dl.p3{ float:none; width:100%; padding-top:8%; text-align:center;}
.BrandList dl .con{/*display:none;*/}

}

@media ( max-width:480px){
.index_ProductBox{margin-bottom:8%;}
.Proswiper .swiper-slide{width:100%;}
.Weixin dl dd{width:48%; margin-right:0; margin-bottom:3%;}
.Weixin dl dd:nth-child(2n){float:right;}
.Hotline .Num{font-size:20px;}
.Hotline .Num i{font-size:22px;}
}

/*关于酷我*/
.StrengthBox{margin:5% 0;}
.StrengthBox .pic{width:50%; float:left;}
.StrengthBox .pic img{display:block; width:100%; height:560px;}
.StrengthBox .txt{width:49.5%; float:left; border:1px solid #eeeeee; text-align:center; padding-top:52px; height:506px;}

.box dl{margin-top:5%;}
.About dl{margin-bottom:3%;}
.About dl .pic{float:right; width:30%;}
.About dl .pic img{display:block; width:100%;}
.About dl .txt{width:66%; float:left; padding-top:5%;}
.About dl .txt .kwlist{text-align:center;}
.About dl .txt .kwlist li{display:inline-block; width:40%; border:2px solid #83bfc7; border-radius:20px; height:28px; line-height:28px; font-size:16px; color:#78b9c2; margin:0px 4px 10px;} 
.About dl:nth-child(2n) .pic{float:left;}
.About dl:nth-child(2n) .txt{float:right;}

/*荣誉资质*/
.HonnorList li {margin-top:5%;}
.HonnorList li .pic{width:50%; float:left;}
.HonnorList li .pic img{display:block; width:100%; height:561px;}
.HonnorList li .txt{padding-top:123px; width:49.5%; float:left; height:436px; border:1px solid #eeeeee; text-align:center;}
.HonnorList li .txt .Name img{display:inline-block;}
.HonnorList li .txt .Name span{display:block; margin-top:20px; line-height:50px; font-size:30px; color:#3e3e3e; font-weight:bold;}
.HonnorList li .txt .more{display:inline-block; margin-top:120px; width:102px; height:26px; line-height:26px; border:1px solid #d9ecee; border-radius:20px; color:#94d4dd; font-size:16px;}

/*资质荣誉详情*/
.picBtnTop{height:563px; overflow:hidden; position:relative; margin-top:5%;}
.picBtnTop .bds{width:66.5%; height:563px; float:left; background:#f2f2f2; text-align:center;}
.picBtnTop .bds li img{display:inline-block; margin-top:55px;}
.picBtnTop .hds{width:33.33%; float:right; border:1px solid #eeeeee; height:561px;}
.picBtnTop .hds .Name{text-align:center; padding:80px 0px 160px;}
.picBtnTop .hds .Name img{display:inline-block;}
.picBtnTop .hds .Name span{display:block; margin-top:20px; line-height:50px; font-size:30px; color:#3e3e3e; font-weight:bold;}
.picBtnTop .hds ul{margin:0px 18px;}
.picBtnTop .hds li{width:62px; height:82px; background:#fff; padding:6px; border:1px solid #e5e5e5; float:left; margin:0px 6px;}
.picBtnTop .hds li img{display:block; width:62px; height:82px;}
.picBtnTop .hds li.on{border:1px solid #78b9c2; background:#78b9c2;}

.Honnerswiper{display:none; margin:5% 0 0;}
.Honnerswiper .swiper-slide{width:47%}
.Honnerswiper .swiper-slide img{display:block; width:100%;}
.Honnerswiper .Name span{display:block; margin-top:20px; line-height:50px; font-size:30px; color:#3e3e3e; font-weight:bold; text-align:center;}

/*企业内刊*/
.Mtit{background:#f1f8f9; height:79px; margin:5% 0; padding:0 3%;}
.Mtit .icon{margin:-3% 4% 0 0; float:left; display:block;}
.Mtit .kwtxt{float:right; padding-right:5%; display:none;}
.SelectBox{float:left; position:relative; width:387px; font-size:18px;}
.SelectBox .Sel{display:block; margin-top:16px; color:#878b8c; padding:0px 32px; background:#fff; border:1px solid #dff0f3; border-radius:20px; height:38px; line-height:38px;}
.SelectBox .Sel .SelectText{padding-left:25px; width:188px; color:#3c4041; display:inline-block;background:#fff url(../167/arr4.png) no-repeat right center;}
.SelectList{display:none; padding-left:140px;}
.SelectList dt a{display:block; color:#3c4041;}
.SelectList dt a:hover{color:#78b9c2;}

.MagazineCon{border:1px solid #e5e5e5; height:500px;}
.MagazineCon .Lefttit{width:33.33%; float:left; text-align:center; padding-top:56px;}
.MagazineCon .Lefttit h2{line-height:50px; font-size:30px; color:#78b9c2;}
.MagazineCon .Lefttit h2 i{font-size:72px; color:#e27570;}
.MagazineCon .Lefttit p{border-bottom:4px solid #78b9c2; border-top:4px solid #78b9c2; display:inline-block; font-size:26px; color:#78b9c2; font-weight:bold; line-height:36px;}
.MagazineCon .Lefttit .titinfo{display:inline-block; padding-top:45px;}
.MagazineCon .MFlash{width:66.66%; float:right}

/*产品系列*/
.ProList{padding:5% 0 0;}
.ProList li{width:31%; margin:0 2% 3% 0; float:left;}
.ProList li:nth-child(3n){margin-right:0;}
.ProList li .Maskbg{position:relative; overflow:hidden;}
.ProList li .Maskbg .mask{display:block; width:100%;}
.ProList li .Maskbg .pic{position:absolute; width:100%; left:0px; top:3.5%; z-index:2; text-align:center;}
.ProList li .Maskbg .pic img{display:block; width:80%; height:251px; margin:0 auto;}
.ProList li .Maskbg .pic .Name{display:block; line-height:62px; background:url(../167/line3.png) no-repeat center top; font-size:18px; color:#3e3e3e;}
.ProList li .Maskbg .pic .Name i{font-size:16px; color:#e4393c; padding-left:3%;}
.ProList li .Maskbg .pic .Name i b{font-size:24px;}

/*产品详情*/
.ProTop{background:#fafafa; padding:2% 0;}
.pleft{width:60%; float:left;}
.pleft .Pimg{width:15%; float:left; padding-right:3%;}
.pleft .Pimg img{border:1px solid #f4f4f4;}
.pleft .Name{float:left; width:80%;}
.pleft .Name span{display:block; font-size:24px; color:#3e3e3e; line-height:38px; margin-bottom:1%;}
.price i{font-size:16px; color:#e4393c;}
.price i b{font-size:24px;}

.pright{float:right; width:40%; text-align:right; margin-top:1.5%;}
.pright .btn1,.pright .btn2{display:inline-block; width:182px; text-align:center; height:48px; line-height:48px; font-size:18px; border-radius:5px;}
.pright .btn1{color:#64a8b2; background:#def2f4;}
.pright .btn2{color:#fff; background:#5fc4d3 url(../167/car.png) no-repeat 18px center; text-align:left; padding-left:65px; width:115px; margin-left:5px;}

.ProductBox{padding:5% 0 0; width:80%; margin:0 auto;}

/*联系我们*/
.ContactTxt{padding:4% 0 0;}
.ContactTxt dl dd{width:31%; margin:0 3% 0 0; float:left;}
.ContactTxt dl dd.d3{margin-right:0;}
.ContactTxt dl dd .maskbg{position:relative;}
.ContactTxt dl dd .maskbg img{display:block; width:100%;}
.ContactTxt dl dd.d1{color:#e5857a;}
.ContactTxt dl dd .info{position:absolute; top:20%; left:24%; width:100%;}
.ContactTxt dl dd .info span{display:block; font-size:24px; line-height:24px;}
.ContactTxt dl dd .info em{display:block; font-size:14px; line-height:18px; text-transform:uppercase;}
.ContactTxt dl dd .info p{font-size:32px; font-weight:bold; margin-top:5%;}

.MapBox{margin:5% 0 0;}
.Maptit{background:url(../167/arr6.png) no-repeat 14px 10px; padding-left:50px; font-size:16px; color:#444444; margin-bottom:16px; line-height:46px;}
.Maptit b{font-size:20px; margin-right:3%;}
.Map img{display:block; width:100%;}

/*营销网络*/
.WebBox{padding:5% 0 0;}
.WebBox .WebMap{width:72%; float:left;}
.WebBox .WebMap img{display:block; width:100%;}
.WebBox .WebLogo{width:26%; float:right;}
.WebBox .WebLogo img{display:block; width:100%;}

/*代理加盟*/
.JoinBox{position:relative; padding:6% 0 18px 0; margin-top:2%; background:url(../167/shadow.png) no-repeat center bottom;}
.JoinBox .jxw{position:absolute; left:3%; top:0px;}
.JoinBox .ball{position:absolute; right:0; bottom:-70px;}
.Jointit{font-size:30px; font-weight:bold; padding-left:35%;}
.Jointit span{display:block; color:#78b9c2; line-height:34px; font-size:30px;}
.Jointit em{display:block; line-height:30px; color:#d8d8d8;}
.JoinTab{border:1px solid #e9e9e9; background:#fbfbfb; margin-top:120px; padding:6% 0;}
.JoinTab dl{width:605px; margin:0 auto; position:relative; z-index:99;}
.JoinTab dl dd{height:48px; line-height:48px; border:1px solid #c0dde1; border-radius:25px; margin-bottom:17px; padding:0px 28px; overflow:hidden;}
.JoinTab dl dd input{padding-left:58px; font-size:18px; color:#c7dbde; height:48px; line-height:48px; width:488px;}
.JoinTab dl dd .input1{background:url(../167/tabicon.png) no-repeat left top;}
.JoinTab dl dd .input2{background:url(../167/tabicon.png) no-repeat left center;}
.JoinTab dl dd .input3{background:url(../167/tabicon.png) no-repeat left bottom;}
.JoinTab dl dd .btn{width:100%; font-size:24px; color:#fff; line-height:50px; height:50px; background:#78b9c2; text-align:center; padding:0; border:none;}

/*员工活动*/
.ActiveBox{margin:5% 0 0; position:relative;}
.ActiveBox .Atit{width:366px; float:left;}
.Alist{width:802px; float:right;}
.Alist li{margin-bottom:38px;}
.Alist li .pic{width:30%; float:left;}
.Alist li  .pic img{display:block; width:100%;}
.Alist li  .txtcon{width:67%; float:right;}
.Alist li  .txtcon .name a{height:23px; line-height:23px; overflow:hidden; color:#444444; font-size:16px; display:block;}
.Alist li  .txtcon p.date{line-height:38px; padding-bottom:12px; color:#78b9c2; font-size:14px; border-bottom:1px solid #eeeeee; margin-bottom:18px;}
.Alist li  .txtcon p.info{font-size:14px; line-height:24px; color:#888888; height:48px; overflow:hidden;}

/*新闻详情*/
.ActiveContent{margin:5% 0 0;}
.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;}
.Atit em i{padding:0px 12px;}
.bdsharebuttonbox{position:absolute; top:40%; right:22%;}
.ContentAbout{padding:34px 0px 21px 0px; border-bottom:1px solid #e7e7e7; width:80%; margin:0 auto;}
.PrevNextBox{padding:24px 0px 40px;}
.PrevNextBox dl{font-size:14px; line-height:33px;}
.PrevNextBox dl b{color:#000; font-weight:normal;}
.PrevNextBox dl a{color:#666666;}

/*招聘计划*/
.JobList{margin:5% 0;}
.JobList li.First{line-height:52px; overflow:hidden; background:#fafafa;}
.JobList li.First .Titname{color:#bbbbbb; font-size:18px;}
.JobList li.First:hover .Titname{color:#bbbbbb;}
.JobList li .Titname{display:block; float:left; width:16.66%; text-align:center; height:62px; line-height:62px; color:#444444; font-size:14px; overflow:hidden;}
.JobList li .Titname em{font-size:18px; color:#5fc4d3;}
.JobList li .Titname:nth-child(2){width:49%; text-align:left;}
.JobList li.lion .Titname{height:auto;}
.JobList li.lion .Titname p.info{font-size:14px; color:#444444; line-height:30px; padding-top:10px;}
.JobList li:hover .Titname,.JobList li.lion .Titname{color:#5fc4d3;}
.JobList li .detail{background:#eeeeee; height:36px; line-height:36px; width:60%; margin:10px auto 0px; border-radius:5px; display:block; color:#a7a7a7;}
.JobList li.lion .detail{background:#5fc4d3; color:#fff;}
.ApplyTab{width:607px; height:132px; border:1px solid #e2e2e2; position:fixed; top:35%; left:50%; margin-left:-303px; background:#fff; z-index:99; display:none;}
.ApplyTab dl .close{position:absolute; font-size:16px; color:#6b6b6b; top:0px; right:-20px;}
.ApplyTab dl dd{width:33%; float:left; text-align:center; border-right:1px solid #f4f4f4; height:132px;}
.ApplyTab dl dd:nth-child(4){border-right:none;}
.ApplyTab dl dd h3{font-size:18px; color:#444444; text-align:center !important; line-height:132px;}
.ApplyTab dl dd span.docu{margin-top:27px; padding-top:27px; line-height:35px; display:block; background:url(../167/arr7.png) no-repeat center top; font-size:18px; color:#444444;}
.ApplyTab dl dd .upload{font-size:14px; color:#78b9c2; line-height:22px; display:block;}
.ApplyTab dl dd .btn{font-size:18px; color:#78b9c2; line-height:132px; display:block;}

@media ( max-width:1200px){
.picBtnTop .bds{width:66.4%;}
.ContactTxt dl dd .info span{font-size:20px;}
.ContactTxt dl dd .info p{font-size:20px; margin-top:2%;}
.ActiveBox .Atit{display:none;}
.Alist{width:100%; float:none;}
.ContentAbout,.ProductBox,.ke-zeroborder{width:100% !important;}
}
@media ( max-width:998px){
.StrengthBox .pic{width:100%; float:none;}
.StrengthBox .pic img,.StrengthBox .txt{height:auto;}
.StrengthBox .txt{width:99.5%; float:none; padding:4% 0;}
.box dl .pic,.box dl .txt{width:100% !important; float:none !important; }
.box dl .pic img{margin-right:0 !important;}
.About dl .pic,.About dl .txt{float:none; width:100%;}
.About dl .pic{text-align:center;}
.About dl .pic img{display:inline-block; width:64%; text-align:center;}

.HonnorList li .pic img{height:350px;}
.HonnorList li .txt{padding-top:40px; height:308px;}
.HonnorList li .txt .more{margin-top:50px;}

.picBtnTop{display:none;}
.Honnerswiper{display:block;}

.Mtit .kwtxt{width:24%; padding:3% 0% 0 0;}

.ProList li{width:48%; margin-right:0;}
.ProList li:nth-child(2n){float:right;}
.ProList li .Maskbg .pic img{height:242px;}

.pleft,.pright{width:100%; float:none; text-align:left;}
.ProductBox p img{display:inline-block; width:100%;}

.JoinBox .jxw{width:32.8%;}
.Jointit{padding-left:42%;}
.JoinTab{padding:12% 0;}

.Atit em{padding:9px 0px 6px;}
.ContentAbout{padding:14px 0px 21px 0px;}
.Share{display:none;}
}

@media ( max-width:640px){
.HonnorList li .pic{width:100%; float:none;}
.HonnorList li .pic img{height:auto;}
.HonnorList li .txt{width:99.5%; float:none; height:auto; padding:5% 0;}
.HonnorList li .txt .Name span,.Honnerswiper .Name span{font-size:20px; line-height:30px;}
.HonnorList li .txt .Name img{width:15%;}
.HonnorList li .txt .more{margin-top:5%;}

.Mtit .kwtxt{display:none;}

.ProList li .Maskbg .pic img{height:200px;}
.ProList li .Maskbg .pic .Name{background:none; line-height:28px; font-size:14px;}
.ProList li .Maskbg .pic .Name em{height:28px; overflow:hidden; display:block;} 
.ProList li .Maskbg .pic .Name i{font-size:12px; line-height:16px;}
.ProList li .Maskbg .pic .Name i b{font-size:14px;}

.ContactTxt dl dd .info{top:13%;}
.ContactTxt dl dd .info p,.ContactTxt dl dd .info span{font-size:16px;}

.JoinBox .jxw{width:38.5%;}
.JobList li .Titname:nth-child(2){display:none;}
.JobList li .Titname{width:33.33%;}
.JobList li .Con dl,.JobList li .Con dl:nth-child(2n){float:none; width:100%;}
.ApplyTab{width:85%; top:5%; left:5%; margin-left:0px; height:auto;}
.ApplyTab dl dd{border-right:none; float:none; width:100%;}
}
	
@media ( max-width:480px){
.StrengthBox .txt .txtcon{padding:0 3%;}
.About dl .txt .kwlist li{width:46%; font-size:14px;}
.Honnerswiper .swiper-slide{width:100%;}

.Mtit .icon{width:10%;}
.SelectBox{width:280px; font-size:15px;}
.SelectBox .Sel{padding:0px 15px;}
.SelectBox .Sel .SelectText{padding:0; width:156px;}
.SelectList{padding-left:90px;}

.ProList li .Maskbg .pic img{height:115px;}
.ProList li .Maskbg .pic .Name{background:none; line-height:18px; font-size:12px;}
.ProList li .Maskbg .pic .Name em{display:block; height:18px;}

.pleft .Name span{font-size:16px;}
.pright .btn1{width:154px;}

.ContactTxt dl dd{width:100%; float:none; padding:3% 0;}
.ContactTxt dl dd .info{top:20%;}
.ContactTxt dl dd .info span,.ContactTxt dl dd .info p{font-size:24px;}
.ContactTxt dl dd .info p{margin-top:5%;}
.Maptit{line-height:28px;}
.Maptit b{font-size:18px;}

.WebBox .WebMap{width:100%; float:none;}
.WebBox .WebLogo{display:none;}

.Alist li{margin-bottom:20px;}
.Alist li  .txtcon p.date{border-bottom:none; margin-bottom:0px;}
.Alist li  .txtcon p.info{display:none;}

.JoinBox{background:none;}
.JoinBox .jxw,.JoinBox .ball{display:none;}
.Jointit span{font-size:25px;}
.Jointit em{font-size:20px;}
.Jointit{padding-left:0;}
.JoinTab{margin-top:3%; border:none; background:none; padding:5% 0 0;}
.JoinTab dl{width:100%;}
.JoinTab dl dd{padding:0 3%; width:94%;}
.JoinTab dl dd input{padding-left:10%; font-size:14px; width:90%;}

}

/*17-08-17*/
.MascotSlide .hd{text-align:center;}
.MascotSlide .hd li{display:inline-block; width:79px; position:relative;}
.MascotSlide .hd li i1,.MascotSlide .hd li .i2{display:block; width:100%; position:absolute; top:0px; left:0px;}
.MascotSlide .hd li .i1{ transition: 400ms;}
.MascotSlide .hd li .i2{ -webkit-transform:scale(0); transform:scale(0); opacity:0; filter:alpha (opacity=0); transition:500ms;}
.MascotSlide .hd li.on .i2{ -webkit-transform:scale(1); transform:scale(1); opacity:1;  filter:alpha(opacity=100);}
.MascotSlide .hd li.on .i1 { opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale (1.2); transform: scale(1.2); }
.MascotSlide .bd{border:1px solid #cde5e8; margin-top:18px;}
.MascotSlide .bd .Mascot{position:relative; overflow:hidden;}
.MascotSlide .bd .Mascot .bg1{position:absolute; top:0px; left:0px; z-index:-1;}
.MascotSlide .bd .Mascot .bg2{position:absolute; bottom:0px; right:0px;}
.MascotSlide .bd .Mascot .Mbig{width:31%; padding:3% 0 3% 5%; float:left;}
.MascotSlide .bd .Mascot .Mbig img{display:block; width:100%;}
.MascotSlide .bd .Mascot .Mtxt{width:55%; padding:12% 5% 6% 4%; float:left;}
.MascotSlide .bd .Mascot .Mtxt .cn_txt{font-size:18px; line-height:38px; color:#444444;}
.MascotSlide .bd .Mascot .Mtxt .en_txt{font-size:12px; color:#b5d7dc; font-family:Arial; line-height:24px;}

/*发展历程*/
.History{margin:4% 0 0;}
.History .hd{background:url(../167/hisline.png) left 59px repeat-x; position:relative; font-size:18px; height:121px;}
.History .hd li{padding-top:70px; line-height:54px; background:url(../167/hdli.png) no-repeat center 49px; float:left; width:200px; text-align:center;}
.History .hd li.on{background:url(../167/hdlion.png) no-repeat center 0px;}
.History .hd li a{display:block; color:#7abac3;}
.History .hd li.on a{color:#fe5a58;}
.History .hd a.prev,.History .hd a.next{width:64px; height:32px; position:absolute; top:45px;}
.History .hd a.prev{background:url(../167/prevs.png) no-repeat left bottom; left:-64px;}
.History .hd a.next{background:url(../167/prevs.png) no-repeat right bottom; right:-64px;}
.History .hd a.prev:hover{background:url(../167/prevs.png) no-repeat left top;}
.History .hd a.next:hover{background:url(../167/prevs.png) no-repeat right top;}
.History .bd{clear:both;}
.HisList li{padding:4% 0; border-bottom:1px solid #ededed;}
.HisList li .Date{width:74px; float:left; padding:8px 5px 0px; height:76px; text-align:center; background:url(../167/datebg.png) no-repeat; margin-left:4%;}
.HisList li .Date span{display:block; line-height:46px; font-size:24px; color:#fe5a58; font-weight:bold;}
.HisList li .Name{width:82%; float:right; font-size:18px; color:#515151; line-height:26px; padding:2.5% 0 0;}

@media ( max-width:1200px){
.History .hd li{width:120px;}
.History .hd a.prev{left:0px;}
.History .hd a.next{right:0px;}	
}

@media ( max-width:640px){
.History .hd li{width:100px; font-size:14px;}
.HisList li .Name{width:76%;}
.MascotSlide .bd .Mascot .Mtxt .cn_txt{font-size:15px; line-height:30px;}
.MascotSlide .bd .Mascot .bg1{display:none;}
.MascotSlide .bd .Mascot .Mbig{float:none; width:90%; padding:5% 5% 0;}
.MascotSlide .bd .Mascot .Mtxt{float:none; width:91%; padding-bottom:20%;}
}

@media ( max-width:480px){
.History {overflow:hidden;}
.History .hd li{width:60px; font-size:14px;}
.HisList li .Name{font-size:16px; width:68%;}
}


/*17-08-24*/
/*个人材料*/
.Pt30{padding:3% 0 1.5%;}
.PersonalBox{background:#78b9c2; padding:2% 3% 0.5% 3%;height: 120px;}
.pernal_logo{width: 100px;height: 100px;border-radius: 50%;float: left;overflow: hidden;}
.PersonalBox h1{float: left;margin: 20px 0 0 20px;color: white;}
.PersonalBox p{float: left;margin: 10px 0 0 20px;color: white;}
.toppic{width:32%;}
.toppic .img{width:30%;}
.toppic .img img{display:block; width:100%; border-radius:50%;}
.toppic .txt{color:#fff; width:66%; padding-top:3%;}
.toppic .txt span{display:block; font-size:30px; line-height:43px;}
.toppic .txt p{line-height:25px; font-size:14px;}

.PerLeft{width:18%; float:left; border:1px solid #e3e3e3;min-height:255px; height:auto !important; height:255px; margin-bottom:3%;}
.menu li{border-bottom:1px solid #e8e8e8; line-height:40px;}
.menu li .am a{display:block; background:#f2f2f2 url(../167/arr8.png) no-repeat 90% center; font-size:16px; font-weight:bold; color:#222222; padding-left:18%;}
.menu li .am a.current{background:#fff url(../167/arron8.png) no-repeat 90% center;}
/*.menu li .sub {display:none; }*/
.menu li .sub dd{line-height:40px;font-size:16px; background: white url(../167/arr9.png) no-repeat 8% center; padding-left:18%;}
.menu li .sub dd:last-child{border-bottom:none;}
.menu li .sub dd a{color:#222222;}
.menu li .sub dd a.on{color:#78b9c2;}
.add_gg,.add_gg2{height: 50px !important;line-height: 50px;border: 1px solid white;}
.add_gg{background: #eeeded url(../167/ft.png) no-repeat 5px center !important;}
.add_gg2{background: #eeeded url(../167/shu.png) no-repeat 5px center !important;}
.on{color:#78b9c2!important;font-weight: bold !important;}
.PerRight{width:75%; float:right; background:#fff; padding:2%; margin-bottom:3%;}
.PerName{height:38px; line-height:38px;margin-bottom: 3%;}
.PerName em{display:inline-block;color:#78b9c2;font-size: 20px;font-weight: bold; padding:0 4%;}
.PersonalTab{width:50%; float:left; padding:0% 0 0 1%;}
.PersonalTab dl{padding-bottom:22px;}
.PersonalTab dl dt{height:30px; line-height:30px; float:left; font-size:14px; color:#222222; width:18%; text-align:right;}
.PersonalTab dl dd{width:80%; float:right;line-height: 33px;}
.miss{height: 35px;line-height: 35px;float: left;}
.miss input{margin-top: 5px;float: left;}
.miss input:last-child{margin: 4px 0 0 10px;}
.PersonalTab dl dd input{height:28px; line-height:28px; border:1px solid #c6c6c6; padding:0 2%;}
.PersonalTab dl dd .input1{width:96%;}
.PersonalTab dl dd .input2{width:120px; background:#f6f6f6; color:#333; text-align:center;}
.PersonalTab dl .radio{height:auto; margin:0 3% 0 2%; vertical-align:middle;}
.PersonalTab dl dd .select1{height:25px; line-height:25px; border:1px solid #c6c6c6; margin-right:3%; width:30%;}
.PersonalTab dl dd .select1:nth-child(3n){margin-right:0;}
.PersonalTab dl dd .textarea{width:96%; padding:0 2%; line-height:28px; border:1px solid #c6c6c6; height:100px;}
.PersonalTab dl dd .btn{width:125px; height:45px; line-height:40px; text-align:center; color:#fff; background:#78b9c2; border:none; font-size:16px;margin-top: 10px;} 

/*我的收货地址*/
.AddressBox{padding:2% 0 0;}
.Atop{line-height:40px; font-size:14px; color:#222222;}
.Atop span.tit{background:#78b9c2; font-size:16px; color:#fff; display:inline-block; margin-right:1.5%; padding:0 2%;}
.Atop span.tit a{color:#fff;}
.Atop i{color:#78b9c2; padding:0 0.5%;}

.Addressinfo{position:relative; border:2px solid #e6e6e6; margin:24px 0px; padding:2%; font-size:14px; line-height:30px; color:#222222;}
.Addressinfo .close{background:url(../167/close.jpg) no-repeat; width:13px; height:13px; position:absolute; top:10px; right:10px;}
.Addressinfo .Edit{position:absolute; bottom:7%; right:2%; width:30%; text-align:right;}
.Addressinfo .Edit a{display:inline-block; font-size:14px; color:#78b9c2; padding:0 3%;}

/*我的订单*/
.OrderBox .hd{height:38px; line-height:38px; border-bottom:1px solid #f2f2f2;}
.OrderBox .hd li{display:block; border:1px solid #f2f2f2; border-bottom:none; border-right:none; background:#fff; font-size:16px; color:#222222; padding:0 4%; float:left; line-height:37px;}
.OrderBox .hd li:nth-child(3n){border-right:1px solid #f2f2f2;}
.OrderBox .hd li.on{border-top:2px solid #78b9c2; background:#f2f2f2;}
.OrderBox .hd li a{color:#222222;}
.OrderBox .hd li a:hover{color:#222222;}
.OrderBox .bd{padding:2% 0 0;}
.OrderBox .bd .DealBox .info .select{width:18%;}
.OrderList .hds{height:46px; border-bottom:2px solid #f2f2f2;}
.OrderList .hds li{line-height:46px; float:left; width:15%; text-align:center; font-size:18px;}
.OrderList .hds li a{color:#666666; display:block;}
.OrderList .hds li.on a,.OrderList .hds li a:hover{color:#78b9c2; font-weight:bold; border-bottom:2px solid #78b9c2;}
.OrderList .bds{margin:2% 0 0;}
.OrderTab table{margin-bottom:3%;}
.OrderTab table tr th{height:40px; line-height:40px; border-bottom:1px solid #eeeded; background:#eeeded; font-size:14px; color:#444444; font-weight:normal;}
.OrderTab table tr td{background:#fff; font-size:14px; color:#666666;}
.OrderTab table tr td img{display:inline-block; padding:5% 0;}
.OrderTab table tr td a{color:#333;}
.OrderTab table tr td a.btn{display:inline-block; background:#f7f7f7; border:1px solid #dddddd; height:27px; line-height:27px; padding:0 8%; border-radius:3px;}

/*我的购物车*/
.CarTab{margin:2% 0 0;}
.CarTab table tr td img{width:20%; padding:5% 2%;}
.CarTab table tr td .info{ width:76%; text-align:left; padding:5% 0;}

/*登录*/
.LoginMain{background:url(../167/pic2.png) no-repeat right -37%; padding:5% 0;}
.LoginTab{width:40%; margin:2% 0 0 4%; background:#fff;}
.LoginTab .Tit{height:50px; line-height:50px; text-align:center; color:#fff; background:#78b9c2; border-radius:5px 5px 0px 0px; font-size:22px;}
.Tabinfo{border:2px solid #ededed; border-top:none; padding:5% 3% 3%;}
.Tabinfo dl{margin-bottom:18px;}
.Tabinfo dl:last-child{margin-bottom:0;}
.Tabinfo dl dt,.Tabinfo dl dd{height:42px; line-height:42px;}
.Tabinfo dl dt{width:14%; text-align:right; float:left; font-size:16px; color:#000000;}
.Tabinfo dl dd{width:83%; float:right;}
.Tabinfo dl dd input{height:40px; line-height:40px; border:1px solid #dddddd; padding:0 2%; font-size:14px; background:#fff;}
.Tabinfo dl dd .input{width:96%;}
.Tabinfo dl dd .input2{width:30%;}

.Tabinfo dl a{font-size:14px; color:#444444; display:block;}
.Tabinfo dl .botton{border:none; padding:0; width:100%; height:45px; line-height:45px; border-radius:5px; font-size:18px; color:#fff; background:#78b9c2; text-align:center;}
.Tabinfo dl a.qq{background:url(../167/qq.png) no-repeat left center; padding-left:20px;}

/*注册*/
.PersonalMain{padding:2% 0 0;}
.Register{border:none;width:42%;}
.Register dl dt{ width:21%;text-align: left;padding-left: 7%;}
.Register dl dd{width:72%; height:auto;}
.Register dl dd .input2{width:45%;}
.Register dl dd .input3{width:35%;}
.Register dl dd img.code{width:46%;}
.Register dl dd .getcode{background:#78b9c2; display:inline-block; font-size:16px; color:#fff; padding:0 4%; margin-left:3%;}
.Register dl dd em{color:#999;}
.Register dl dd em a{color:#333;}
.Register dl a{display:inline-block;}
.Register dl .checkbox{margin-right:3%; height:45px; vertical-align:middle;}
.Register dl .botton{width:120px; height:42px; margin:0 auto; display:block;}



.add_bg_1{background: url(../167/yhm.png) no-repeat left center}
.add_bg_2{background: url(../167/shouji.png) no-repeat left center}
.add_bg_3{background: url(../167/tuxing.png) no-repeat left center}
.add_bg_4{background: url(../167/shoujiyanz.png) no-repeat left center}
.add_bg_5{background: url(../167/suo.png) no-repeat left center}





.Restxt{font-size:18px; line-height:42px; color:#444444; width:36%; padding:10% 0 0;}
.Restxt a{color:#78b9c2; font-weight:bold;}
.Restxt .Way{margin-top:3%;}
.Restxt .Way a{display:inline-block; width:48px; height:48px; margin:0 3%;}
.Restxt .Way a.w1{background:url(../167/cb1.png) no-repeat;}
.Restxt .Way a.w2{background:url(../167/cb2.png) no-repeat;}
.buess{margin-left: 80px;}




@media ( max-width:1156px){
.PersonalTab dl dt{width:22%;}
.PersonalTab dl dd{width:76%;}
.Register dl dt{width:27%;}
.add_bg_1,.add_bg_2,.add_bg_3,.add_bg_4,.add_bg_5{display: none;}

}

@media ( max-width:998px){
.toppic{float:none; width:100%;}

.PerLeft,.PerRight{float:none; width:100%; min-height:auto; height:auto !important; border-right:none;}
.menu li .sub dd{display:inline-block; background:#fbfbfb; padding:0; text-align:center; border-bottom:none;}
.menu li .sub dd{width:49%;}
.PerRight{margin-top:3%;}
.PersonalTab dl dt{width:18%;}
.PersonalTab dl dd{width:80%;}
.PersonalTab{width:100%; float:none; padding:3% 0 0;}

.CarTab table tr td img{ display:none;}
.CarTab table tr td .info{ float:none; padding:3%; text-align:left; width:94%; display:block;}

.LoginTab{width:57%;}

.Register,.Restxt{float:none; padding:0;}
.Register{width:80%; margin:0 auto;}
.Restxt{text-align:center; width:100%; margin-top:3%;}
.Register dl dt{width:18%;}
.Register dl dd{width:77%;}
}

@media ( max-width:640px){
.Addressinfo .Edit{position:static; width:100%; text-align:left;}

.LoginMain{background:none;}
.LoginTab{width:60%; margin:0 auto;}
.Tabinfo dl dt{width:18%;}
.Tabinfo dl dd{width:77%;}

.Register dl dt{width:23%;}
}

@media ( max-width:480px){
.PersonalTab dl dt{width:22%;}
.PersonalTab dl dd{width:76%;}

.OrderList .hds li{font-size:15px; width:20%;}

.CarTab table tr th:nth-child(4n),.CarTab table tr th:nth-child(5n),.CarTab table tr td:nth-child(4n),.CarTab table tr td:nth-child(5n){display:table-cell;}
.CarTab table tr td img{ display:none;}

.LoginTab{width:92%; padding:2% 4%;}
.Tabinfo dl dd .input2{width:40%;}	
.Tabinfo dl dd img.code{width:52%;}

.Register{width:100%;}
.Register dl dt{width:32%;}
.Register dl dd{width:95%;float: left;margin-left: 2%;}
}

/*17-08-31*/
.Meuns{text-align:center; padding-top:4%;}
.Meuns a{display:inline-block; font-size:16px; height:58px; line-height:58px; color:#333; padding:0px 5%; background:url(../167/mbg1.png) center center no-repeat;}
.Meuns a:hover,.Meuns a.on{color:#5fc4d3;}

.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;}
 
.Ppjsimg{padding:5% 0 0;}
.Ppjsimg li{width:22.5%; margin:0 2.5% 3% 0; float:left;}
.Ppjsimg li img{display:block; width:100%; height:180px;}
.Ppjsimg li em{display:block; font-size:14px; line-height:26px; height:52px; margin-top:5px; overflow:hidden; text-align:center;}

.PptgList{padding:5% 0 0;}
.PptgList li{margin-bottom:3%;}
.PptgList li .effect-img{width:50%; float:left; border:1px solid #e5e5e5; padding:1%; box-shadow:5px 5px 5px #e5e5e5;}
.PptgList li .effect-img img{display:block; width:100%;}
.PptgList li .Txt{width:45%; float:right; font-size:16px; line-height:28px; color:##a7a7a7;}
.PptgList li .Txt p{height:168px; overflow:hidden;}
.PptgList li .Txt a.more{display:block; width:150px; height:30px; line-height:30px; background:#78b9c2; border-radius:20px; color:#fff; text-align:center; margin:4% 0 0;}

.TgCon img{display:block; width:100%;}

@media ( max-width:998px){
.PptgList li .effect-img{width:40%;}
.PptgList li .Txt{width:53%;}	
.PptgList li .Txt p{height:84px;}

.Ppjsimg li{width:48%; margin-right:0;}
.Ppjsimg li:nth-child(2n){float:right;}
.Ppjsimg li img{height:239px;}
}

@media ( max-width:480px){
.PptgList li{margin-bottom:6%;}
.PptgList li .effect-img{width:98%; float:none; margin-bottom:4%;}
.PptgList li .Txt{width:100%; float:none;}	
.Ppjsimg li img{height:114px;}
}

.jobPage{ padding-top:30px; padding-bottom:45px;}

.jobLeft{ display:none; margin-top:20px;}
.jobTi{ border:1px solid #ededed; text-align:center; padding:10px 5px;}
.jobTi span.on{ background:#2b7ec3; border-color:#2b7ec3; color:#fff;}
.jobRight .jobsTitle,.jobRight .jobDetail{ display:none;}
.jobRight{margin-top:20px;}

.jobsTitle{ background-color:#78b9c2; color:#fff; margin-top:20px; margin-bottom:10px;}
.jobDetail dl:nth-child(2n) dt{ background:rgb(238, 238, 238);}
.jobDetail dt{ font-weight:normal; position:relative;}
.jobsTitle span,.jobDetail dt span{ padding:10px 4px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:center; float:left; display:inline;}
.jobsTitle span:first-child,.jobDetail dt span:first-child{ text-align:left; width:50%;}
.jobsTitle span:nth-child(2),.jobDetail span:nth-child(2){ width:36%;} 
.jobsTitle span:nth-child(3),.jobDetail span:nth-child(3){ display:none;}
.jobsTitle span:last-child,.jobDetail dt span:last-child{ width:14%;}


.jobDetail dt{ cursor:pointer; border-bottom:1px solid #ededed;}
.jobDetail dd h2{ font-size:14px; font-weight:bold; margin-bottom:5px;}
.jobDetail dd{ line-height:24px; padding:20px 5px; border-bottom:1px solid #ededed; display:none;}
.jobDetail .jobMore{ display:inline-block; padding:4px 10px; background-color:#78b9c2; color:#fff; margin-top:20px;}
.jobDetail .jobMore:hover{ text-decoration:none;}
.jobRight .show,.jobRight .show .jobsTitle,.jobRight .show .jobDetail{ display:block;} 
.jobRight .show .jobTi{ background-color:#78b9c2; color:#fff;}
@media screen and (min-width:767px){
	.jobLeft{ width:25%; float:left; display:inline; font-size:15px;}
	.jobRight{ width:73%; float:right; display:inline; font-size:15px;}
	.jobItem{ display:none;}
	.jobLeft li{ padding:10px 5px; cursor:pointer; line-height:22px; border-bottom:1px solid #ededed; position:relative; padding-left:27px;}
	.jobLeft li:before{ content:''; width:4px; height:4px; position:absolute; left:10px; top:50%; margin-top:-2px; background-color:#78b9c2; display:block;}
	.jobLeft li:hover,.jobLeft li.on{ color:#fff!important; background-color:#78b9c2;}
	.jobLeft li:hover:before,.jobLeft li.on:before{ background-color:#fff;}
	.jobRight .show .jobTi{ text-align:left; background:none; color:#444; border:none; border-bottom:1px solid #ededed; position:relative; line-height:22px; padding-left:15px;}
	.jobTi:before{ content:'>'; padding-right:5px;}
	.jobTi span.on{ color:#444; background:none; border:none;}
	.jobsTitle span,.jobDetail dt span{ padding-left:15px; padding-right:15px;}
	.jobsTitle span:first-child,.jobDetail dt span:first-child{ width:32%;}
	.jobsTitle span:nth-child(2),.jobDetail span:nth-child(2),.jobsTitle span:nth-child(3),.jobDetail span:nth-child(3){ width:20%;} 
	.jobsTitle span:nth-child(3),.jobDetail span:nth-child(3){ display:inline;}
	.jobsTitle span:last-child,.jobDetail dt span:last-child{ width:14%;}
}

.jobForm{ position:fixed; left:15px; right:15px;  z-index:999; top:50%; margin-top:-117px; text-align:center; background-color:#fff; box-shadow:0 0 2px #888; padding:30px 15px; display:none;}

.closeBtn{ font-size:22px; position:absolute; right:15px; top:4px;  color:#78b9c2;}
.closeBtn:hover{ text-decoration:none;}
.jobForm h2{ font-size:26px;}
.jobForm .files{  position:relative; margin-top:30px;}
.jobForm span{ display:inline-block; position:relative; padding-top:27px; background:url(../167/arr7.png) no-repeat center top; font-size:18px; line-height:35px;}
.jobForm span input{ width:100%; display:block; position:absolute; left:0; right:0; top:0; bottom:0; opacity:0;}
.jobForm .submit{ font-size:20px; color:#78b9c2; margin-top:30px; background:none; border:none;}

@media screen and (min-width:767px){
	.jobForm{ left:50%; right:auto; width:640px; margin-left:-320px;}
}

@media (max-width:989px){
	.jobsTitle span:first-child, .jobDetail dt span:first-child{width:24%;}
}
@media (max-width:640px){
	.jobsTitle span:first-child, .jobDetail dt span:first-child{width:43%;}
}

@media (max-width:480px){
	.jobsTitle span:first-child, .jobDetail dt span:first-child{width:40%;}
}

.Bgs{background:#f8f8f8;}

.Changepic{background:#fff; border-radius:5px; color:#333; width:70px; height:30px; line-height:30px; text-align:center; font-size:14px; margin-top:10px;}


/*17-10-31*/
.moveDown img{-webkit-animation-name:moveDown;animation-name:moveDown;}
@-webkit-keyframes moveDown{
0%{transform:scale(1.1,1.1) translate(0,-4.545%); }
100%{transform:scale(1.1,1.1)  translate(0,4.545%);}}
@keyframes moveDown{
0%{transform:scale(1.1,1.1) translate(0,-4.545%);}
100%{transform:scale(1.1,1.1)  translate(0,4.545%);}}

.rightDownBig img{-webkit-animation-name:rightDownBig;animation-name:rightDownBig;}
@-webkit-keyframes rightDownBig{
100%{transform:scale(1.1,1.1) translate(4%,4%);}}
@keyframes rightDownBig{
100%{transform:scale(1.1,1.1) translate(4%,4%);}}

.swiper-slide img{
	animation-duration:5s;
	animation-timing-function:linear;
	animation-fill-mode: forwards;
	-webkit-animation-duration:5s;
	-webkit-animation-timing-function:linear;
	-webkit-animation-fill-mode: forwards;
	}

/*2017-11-28*/
.ny_infofy{margin: 30px 0 30px}
.ny_infofy p{font-size:14px;color:#000}
.ny_infofy p a{color:#666;}