@charset "utf-8";
@font-face {
	font-family: 'bahn';
	src: url('../font/bahn.eot');
	src: url('../font/bahn.eot?#iefix') format('embedded-opentype');
	src:url('../font/bahn.woff') format('woff'), url('../font/bahn.ttf') format('truetype'), url('../font/bahn.svg#bahn') format('svg'),local('bahn');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'john';
	src: url('../font/john.eot');
	src: url('../font/john.eot?#iefix') format('embedded-opentype');
	src:url('../font/john.woff') format('woff'), url('../font/john.ttf') format('truetype'), url('../font/john.svg#john') format('svg'),local('john');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'helve';
	src: url('../font/helve.eot');
	src: url('../font/helve.eot?#iefix') format('embedded-opentype');
	src:url('../font/helve.woff') format('woff'), url('../font/helve.ttf') format('truetype'), url('../font/helve.svg#helve') format('svg'),local('helve');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'beba';
	src: url('../font/beba.eot');
	src: url('../font/beba.eot?#iefix') format('embedded-opentype');
	src:url('../font/beba.woff') format('woff'), url('../font/beba.ttf') format('truetype'), url('../font/beba.svg#beba') format('svg'),local('beba');
	font-weight: normal;
	font-style: normal;
}
body,html{width:100%; transition:all 0.2s linear; -webkit-transition:all 0.2s linear; overflow-x:hidden;}
body{ margin:0px; padding:0px; margin:0px auto; font-size:12px; line-height:24px; color:#666666; min-width:320px; zoom:1; background:#fff; font-family:frutigernext,"Microsoft YaHei",Arial,Helvetica,sans-serif,Arial,"宋体"; word-break:break-all;}
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:#333; text-decoration:none; noline:-webkit-tap-highlight-color:rgba(0,0,0,0); transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
a:focus {outline:none; -moz-outline:none;}
a:hover{ text-decoration:none; transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.fl{ float:left;}.fr{ float:right;}.tr{ text-align:right;}
.hidetxt{ display:none;}
.clear{ clear:both;}
.clearfix{overflow:hidden;_zoom:1;}
:-moz-placeholder{color:#b2b2b2;}
::-moz-placeholder{color:#b2b2b2;}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {color:#b2b2b2;}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {color: #b2b2b2;}
.w1300{max-width:1300px; min-width:320px; margin:0px auto;} 
.auto{padding: 0px 60px;}
.relative{position: relative;}
.f_red{color:#e60122;}
.f_color{color: #005658 !important;}
input,textarea{outline: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.owl-carousel .owl-dots,.owl-carousel .owl-nav{height: 0px;}


@media ( max-width:1300px){
    .w1300{padding: 0px 15px;}
    .auto{padding: 0px 15px;}
}



/*公用样式*/
.effect-img{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,li:hover .effect-img img,dd:hover .effect-img img,.item:hover .effect-img img{opacity: 1;-webkit-transform: scale3d(1.1,1.1,1);transform:  scale3d(1.1,1.1,1);}
.section,.boxbg{background-repeat: no-repeat; background-position: center center; background-size: cover;}

.icon .i1{transition: 400ms;}
.icon .i2{-webkit-transform:scale(0); transform:scale(0); opacity:0; filter:alpha (opacity=0); transition:500ms;}
li:hover .icon .i2,li.on .icon .i2{-webkit-transform:scale(1); transform:scale(1); opacity:1;  filter:alpha(opacity=100);}
li:hover .icon .i1,li.on .icon .i1{opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale (1.2); transform: scale(1.2);}

.Ban{padding: 186px 0px 241px; text-align: center; color: #fff;}
.Ban .title h2{font-size: 30px; line-height: 44px;}
.Ban .title p{font-size: 14px; line-height: 29px; text-transform: uppercase;}

.Menu{position: absolute; width: 100%; left: 0; bottom: 0; background: rgba(0,0,0,0.6);}
.Menu .title{display: none; padding: 0px 20px; line-height: 50px; background: #005658; color: #fff; font-size: 20px;}
.Menu .title span{display: block; background: url(../images/down.png) no-repeat right center;}
.Menu .list{text-align: center;}
.Menu .list li{display: inline-block; width: 160px; line-height: 50px;}
.Menu .list li a{display: block; font-size: 16px; color: #fff;}
.Menu .list li.on a,.Menu .list li:hover a{background: #005658;}

.Container{min-height: 400px; height: auto !important; height: 400px;}

/*pages*/
.Pages{width:100%; text-align:center; color:#818181; line-height:34px; font-size:14px; color:#666;}
.Pages a{display:inline-block; width: 34px; border: 1px solid #e6e6e6; color:#666; margin:0px 4px;}
.Pages .p_count,.Pages .a_first,.Pages .a_end,.Pages .a_prev,.Pages .a_next{display:inline-block; width: auto; padding:0px 14px;}
.Pages .p_count{border: 1px solid #e6e6e6;}
.Pages a:hover,.Pages a.a_cur{background:#025255; color:#fff; border:1px solid #025255;}
/*pages end*/

@media ( max-width:1200px){
    .Menu .list li{width: 125px;} 
}

@media ( max-width:768px){
    .Ban{padding: 120px 0px;}
    .Ban .title h2{font-size: 25px;}
    .Menu{position: static; margin: 15px 15px 0px; width: auto; background: none;}
    .Menu .title{display: block;}
    .Menu .list{border: 1px solid #005255; padding: 10px 0px; display: none;}
    .Menu .list li{display: block; width: auto; text-align: left; line-height: 30px;}
    .Menu .list li a{background: none; color: #333; padding: 0px 20px;}
    .Menu .list li.on a,.Menu .list li:hover a{background: none; color: #005255;}

    .Pages{line-height: 26px;}
    .Pages .p_count, .Pages .a_first, .Pages .a_end, .Pages .a_prev, .Pages .a_next{padding: 0px 6px;}
    .Pages a{width: 26px; margin: 0px 1px 2px;}
}

@media ( max-width:480px){

}

/*Top*/
.Header{position: fixed; width: 100%; left: 0px; top: 0px; z-index: 99; transition: 500ms;}
.Header.fixednav{background: rgba(255,255,255,0.8); box-shadow: 0px 3px 20px rgba(0,0,0,0.2);}
.fixednav .Logo{padding: 10px 0px;}
.Top{position:relative;}
.Logo{width:183px; float:left; padding: 35px 0px; transition: 500ms;}
.Logo img{display:block; width:100%;}
.header_menu{display: flex; justify-content: center; flex-direction: column; align-items: center; background-color: rgba(255,255,255,0.3); margin-top: 20px; width: 70px; height: 60px; background-position:center; background-repeat:no-repeat; position: relative; z-index:100;}
.header_menu span{display: block; width: 40px; height: 2px; background: #005255; margin-bottom: 13px; transition: 500ms;}
.header_menu span.i3{margin-bottom: 0;}
.on .header_menu span.i2{display: none;}
.on .header_menu span.i1{-webkit-transform: translate(0, 8px) rotate(45deg) !important; -moz-transform: translate(0, 8px) rotate(45deg) !important; -ms-transform: translate(0, 8px) rotate(45deg) !important; -o-transform: translate(0, 8px) rotate(45deg) !important; transform: translate(0, 8px) rotate(45deg) !important;}
.on .header_menu span.i3{-webkit-transform: translate(0, -7px) rotate(-45deg) !important; -moz-transform: translate(0, -7px) rotate(-45deg) !important; -ms-transform: translate(0, -7px) rotate(-45deg) !important; -o-transform: translate(0, -7px) rotate(-45deg) !important; transform: translate(0, -7px) rotate(-45deg) !important;}

.Nav{float: right;}
.Nav.on ul{display: block;}
.Nav ul{padding: 154px 0px 0px 70px; display: none; z-index: 99; max-width: 325px; min-width: 300px; position: fixed; right: 0px; top: 0px; height: 100%; overflow: auto; background: rgba(255,255,255,0.8);}
.Nav li{line-height: 70px; margin-bottom: 20px; font-size: 18px; line-height: 70px;}
.Nav li .am{display:block; color:#000; background-repeat: no-repeat; background-size: 100% 100%; padding-left: 56px;}
.Nav li:hover .am,.Nav li.active .am{color:#fff; background-image: url(../images/navbg.png);}

.Banner{overflow: hidden;}
.Banner .item{position: relative;}
.Banner .item img{display: block; width: 100%;}
.Banner .active .item img{-webkit-animation:fadeIn 4s 1; animation:fadeIn 4s 1;}
.Banner .owl-dots{width: 100%; text-align: center; position: absolute; left: 0px; bottom: 4%; height: 15px; line-height: 15px;}
.Banner .owl-dots .owl-dot{width: 15px; height: 15px; margin: 0px 7px; background-image: url(../images/dotpic.png); background-repeat: no-repeat; background-position: left top; transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.Banner .owl-dots .owl-dot.active{background-position: left bottom;}
.Banner .owl-nav .owl-prev span,.Banner .owl-nav .owl-next span{width: 50px; height: 50px; border-radius: 50%; overflow: hidden; line-height: 1000px; background-color: rgba(71,71,71,0.5); background-position: center center; background-repeat: no-repeat; position: absolute; top: 50%; margin-top: -25px; z-index: 1;}
.Banner .owl-nav .owl-prev span{left: 5%; background-image: url(../images/left.png);}
.Banner .owl-nav .owl-next span{right: 5%; background-image: url(../images/right.png);}
.Banner .owl-nav .owl-prev span:hover,.Banner .owl-nav .owl-next span:hover{background-color: rgba(0,84,87,0.5);}

@keyframes fadeIn {
    0% {
       -webkit-transform:scale(1.5); transform:scale(1.5); transition:500ms;
    }
    100% {
       -webkit-transform:scale(1); transform:scale(1); transition:500ms;
    }
    }
   @-webkit-keyframes fadeIn {
    0% {
       -webkit-transform:scale(1.5); transform:scale(1.5); transition:500ms;
    }
    50% {
    -webkit-transform:scale(1.2); transform:scale(1.2); transition:500ms;
    }
    100% {
       -webkit-transform:scale(1); transform:scale(1); transition:500ms;
    }
}

@media ( max-width:1440px){
    .Nav ul{padding-top: 115px;}
}

@media ( max-width:1200px){
    .Logo{padding: 15px 0px;}
}

@media ( max-width:768px){
    .Logo{width: 120px;}
    .header_menu{width: 50px; height: 40px;}
    .header_menu span{width: 35px; margin-bottom: 7px;}
    .on .header_menu span.i3{-webkit-transform: translate(0, -2px) rotate(-45deg) !important;-moz-transform: translate(0, -2px) rotate(-45deg) !important;-ms-transform: translate(0, -2px) rotate(-45deg) !important;-o-transform: translate(0, -2px) rotate(-45deg) !important;transform: translate(0, -2px) rotate(-45deg) !important;}
    .Nav ul{padding-top: 75px;}
    .Nav li{margin-bottom: 0;}
    .Banner .owl-nav .owl-prev span, .Banner .owl-nav .owl-next span{width: 40px; height: 40px; margin-top: -20px;}
}

@media ( max-width:480px){
    .Logo{padding: 10px 0px;}
    .header_menu{margin-top: 10px;}
    .Nav ul{width: 100%;}
}

/*bottom*/
.section-5{background: #2a2a2a;}
.fullPage .Footbg{padding: 0 10.5%;}
.fullPage .FooterBox{padding: 3% 4%; position: relative; margin-top: -114px; z-index: 3;}
.fullPage .Footbg .w1300{max-width: 100%;}
.FooterBox{background: url(../images/bottombg.png) repeat; padding: 3% 0;}
.FooterBox .con{width: 18%; float: right;}
.FooterBox .con .weixin{width: 95px; float: right; text-align: center;}
.FooterBox .con .weixin img{display: block; width: 100%;}
.FooterBox .con .weixin .name{display: block; line-height: 20px; margin-top: 8px; color: rgba(255,255,255,0.3);}
.FooterBox .con .call{margin-top: 96px; text-align: right; font-size: 30px; color: rgba(255,255,255,0.5); font-family: "bahn";}
.FooterBox .con .call .icon{display: inline-block; vertical-align: middle; margin-right: 10px;}
.Sitepath{width: 82%; float: left;}
.Sitepath dl{width: 14.285%; float: left;}
.Sitepath dl dt{font-size: 16px; line-height: 24px; color: #fff; margin-bottom: 25px;}
.Sitepath dl dd{line-height: 30px;}
.Sitepath dl dd a{display: block; color: rgba(255,255,255,0.5);}

.Bottom{background: #2a2a2a; padding: 25px 0px; line-height: 25px; font-size: 14px; color: rgba(255,255,255,0.5);}
.Bottom a{color: rgba(255,255,255,0.5);}
.Bottom .share a{display: inline-block; vertical-align: middle; width: 24px; height: 24px; margin-left: 15px; background-repeat: no-repeat; position: relative;}
.Bottom .share a.s1{background-image: url(../images/b1.png);}
.Bottom .share a.s2{background-image: url(../images/b2.png);}
.Bottom .share a.s3{background-image: url(../images/b3.png);}
.Bottom .share .hide{width: 100px; position: absolute; z-index: 10; top: -110px; left: 50%; margin-left: -50px; display: none;}
.Bottom .share .hide img{display: block; width: 100%;}
.Bottom .share a:hover .hide{display: block;}

@media ( max-width:1600px){
    .FooterBox .con .call{font-size: 20px;}
}

@media ( max-width:1200px){
    .FooterBox{display: none;}
    .Bottom{padding: 15px 0px;}
}

@media ( max-width:768px){
    .fullPage .Footbg{padding: 0;}
    .Bottom span{width: auto; float: none !important; display: block; text-align: center;}
}

/*进入效果*/
.active .ani1{
    animation:fadeInUp 1s .4s ease both;
    -webkit-animation:fadeInUp 1s .4s ease both;
    -moz-animation:fadeInUp 1s .4s ease both;}
 .active .ani2{
    animation:fadeInUp 1s .8s ease both;
    -webkit-animation:fadeInUp 1s .8s ease both;
    -moz-animation:fadeInUp 1s .8s ease both;}
 .active .ani3{
    animation:fadeInUp 1s 1.2s ease both;
    -webkit-animation:fadeInUp 1s 1.2s ease both;
    -moz-animation:fadeInUp 1s 1.2s ease both;}
.active .ani4{
    animation:fadeInUp 1s 1.6s ease both;
    -webkit-animation:fadeInUp 1s 1.6s ease both;
    -moz-animation:fadeInUp 1s 1.6s ease both;}
.active .ani5{
    animation:fadeInUp 1s 2s ease both;
    -webkit-animation:fadeInUp 1s 2s ease both;
    -moz-animation:fadeInUp 1s 2s ease both;}
.active .ani6{
    animation:fadeInUp 1s 2.4s ease both;
    -webkit-animation:fadeInUp 1s 2.4s ease both;
    -moz-animation:fadeInUp 1s 2.4s ease both;}
.active .anl1{
    animation:fadeInLeft 1s .4s ease both;
    -webkit-animation:fadeInLeft 1s .4s ease both;
    -moz-animation:fadeInLeft 1s .4s ease both;}
.active .anl2{
    animation:fadeInLeft 1s .8s ease both;
    -webkit-animation:fadeInLeft 1s .8s ease both;
    -moz-animation:fadeInLeft 1s .8s ease both;}
.active .anl3{
    animation:fadeInLeft 1s 1.2s ease both;
    -webkit-animation:fadeInLeft 1s 1.2s ease both;
    -moz-animation:fadeInLeft 1s 1.2s ease both;}
.active .anl4{
    animation:fadeInLeft 1s 1.6s ease both;
    -webkit-animation:fadeInLeft 1s 1.6s ease both;
    -moz-animation:fadeInLeft 1s 1.6s ease both;}
.active .anl5{
    animation:fadeInLeft 1s 2s ease both;
    -webkit-animation:fadeInLeft 1s 2s ease both;
    -moz-animation:fadeInLeft 1s 2s ease both;}
.active .anr1{
    animation:fadeInRight 1s .4s ease both;
    -webkit-animation:fadeInRight 1s .4s ease both;
    -moz-animation:fadeInRight 1s .4s ease both;}
.active .anr2{
    animation:fadeInRight 1s .8s ease both;
    -webkit-animation:fadeInRight 1s .8s ease both;
    -moz-animation:fadeInRight 1s .8s ease both;}
.active .anr3{
    animation:fadeInRight 1s 1.2s ease both;
    -webkit-animation:fadeInRight 1s 1.2s ease both;
    -moz-animation:fadeInRight 1s 1.2s ease both;}
.active .anr4{
    animation:fadeInRight 1s 1.6s ease both;
    -webkit-animation:fadeInRight 1s 1.6s ease both;
    -moz-animation:fadeInRight 1s 1.6s ease both;}
    

/*首页*/
.ptb3{padding: 3% 0;}
.mt3{margin-top: 3%;}
.Homebg{background: url(../images/probg.png) repeat;}
.HomeTit .name{display: block; line-height: 45px; font-size: 36px; color: #2c2c2c; margin-bottom: 14px;}
.HomeTit i{display: block; width: 30px; height: 1px; background: #005457;}
.HomeTit p{font-size: 14px; line-height: 30px; color: #a5a5a5; font-family: Arial; text-transform: uppercase;}
.HomeTit.tc{text-align: center;}
.HomeTit.tc i{margin: 0 auto;}
.HomeTit.white .name{color: #fff;}
.HomeTit.white i{background: #fff;}
.HomeTit.white p{color: rgba(255,255,255,0.2);}

.PicSlider{width: 64.166%; float: left;}
.PicSlider .item img{display: block; width: 100%;}
.PicSlider .owl-nav .owl-prev span,.PicSlider .owl-nav .owl-next span{width: 130px; height: 80px; overflow: hidden; line-height: 1000px; background-color: rgba(71,71,71,0.5); background-position: center center; background-repeat: no-repeat; position: absolute; bottom: 0; z-index: 1;}
.PicSlider .owl-nav .owl-prev span{right: 130px; background-image: url(../images/left.png);}
.PicSlider .owl-nav .owl-next span{right: 0px; background-image: url(../images/right.png);}
.PicSlider .owl-nav .owl-prev span:hover,.PicSlider .owl-nav .owl-next span:hover{background-color: rgba(0,84,87,0.5);}

.HomeAbout{width: 41.5%; position: absolute; z-index: 3; bottom: 80px; right: 7.9%; top: 14%; background: #fff url(../images/abg.png) no-repeat right bottom;}
.HomeAbout .con{padding: 8% 10%;}
.HomeAbout .con .info{font-size: 14px; line-height: 30px; color: #727272; max-height: 210px; overflow: hidden; margin: 4% 0 6%;}
.HomeAbout .con .DataBox dd{width: 30%; float: left; margin-right: 5%; text-align: center;}
.HomeAbout .con .DataBox dd:last-child{margin-right: 0;}
.HomeAbout .con .DataBox dd .num{color: #005457;}
.HomeAbout .con .DataBox dd .num span{font-family: "bahn"; font-size: 48px; display: inline-block; line-height: 48px;}
.HomeAbout .con .DataBox dd p{font-size: 14px; color: #b8b8b8; line-height: 20px; margin-top: 5px;}

.HomeProduct{height: 690px; position: relative;}
.HomeProduct li{position: absolute; width: 33.26%; height: 49.89%; background-repeat: no-repeat; background-position: center center; background-size: cover;}
.HomeProduct li.i1{left: 0px; top: 0px; height: 100%;}
.HomeProduct li.i2{left: 33.37%; top: 0px;}
.HomeProduct li.i3{right: 0%; top: 0px;}
.HomeProduct li.i4{left: 33.37%; bottom: 0px;}
.HomeProduct li.i5{right: 0%; bottom: 0px;}
.HomeProduct li .mask{transition: 500ms; position: absolute; width: 148px; height: 148px; top: 50%; left: 50%; margin: -74px 0px 0px -74px; background: url(../images/greenbg.png) repeat; display: flex; justify-content: center; align-items: center; flex-direction: column;}
.HomeProduct li .mask .line{border: 1px solid rgba(255,255,255,0.1); position: absolute; left: 10px; top: 10px; right: 10px; bottom: 10px; z-index: 5;}
.HomeProduct li .mask .icon{display: block; width: 68px;}
.HomeProduct li .mask .name{font-size: 18px; line-height: 45px; color: #fff;}
.HomeProduct li .mask .name i{display: none; width: 17px; height: 2px; background: #fff; margin: 0 auto;}
.HomeProduct li .mask .hide{display: none;}
.HomeProduct li .mask .info{margin: 14px 0px 11px; font-size: 14px; line-height: 20px; height: 40px; overflow: hidden; color: rgba(255,255,255,0.5); text-align: center;}
.HomeProduct li .mask .more{display: block; width: 94px; line-height: 32px; border: 1px solid #fff; color: #fff; text-align: center; margin: 0 auto;}
.HomeProduct li:hover .mask{width: 100%; height: 100%; left: 0; top: 0; margin: 0;}
.HomeProduct li:hover .mask .icon{display: none;}
.HomeProduct li:hover .mask .name i,.HomeProduct li:hover .mask .hide{display: block;}

.HomeCase li{width: 17.1875%; float: left; margin-right: 0.104%;}
.HomeCase li:last-child{margin-right: 0;}
.HomeCase li.cur{width: 48.125%;}
.HomeCase li{height: 690px; background-repeat: no-repeat; background-size: cover; position: relative;}
.HomeCase li .mask{position: absolute; width: 100%; height: 100%; left: 0px; bottom: 0px; background: url(../images/maskbg.png) repeat-x left bottom; z-index: 1;}
.HomeCase li .mask .con{height: 30px; position: absolute; left: 0px; bottom: 20px; width: 100%; color: #fff; transition: 500ms;}
.HomeCase li .mask .con .line{position: absolute; left: -8px; right: -8px; top: -8px; bottom: -8px; border: 1px solid rgba(0,84,87,0.2); display: none;}
.HomeCase li .mask .con .title{line-height: 30px; font-size: 17px; padding-left: 36px;}
.HomeCase li .mask .con .title i{position: absolute; width: 24px; height: 1px; background: #b6bdbf; left: 0px; top: 50%;}
.HomeCase li .mask .con .hide{display: none;}
.HomeCase li.cur .mask{background: none;}
.HomeCase li.cur .mask .con{width: 285px; height: 162px; left: 10%; top: 50%; margin-top: -135px; padding: 54px 70px; background: url(../images/greenbg.png) repeat;}
.HomeCase li.cur .mask .con .hide{display: block;}
.HomeCase li.cur .mask .con .line{display: block;}
.HomeCase li.cur .mask .con .title{padding-left: 0;}
.HomeCase li.cur .mask .con .title i{display: block; margin-top: 10px; background: #fff; position: static;}
.HomeCase li.cur .mask .con .info{margin: 15px 0px 30px; font-size: 14px; line-height: 20px; height: 40px; overflow: hidden;}
.HomeCase li.cur .mask .con .more{display: block; width: 94px; line-height: 32px; border: 1px solid #fff; text-align: center;}

.JoinBox{padding-bottom: 132px;}
.JoinBox .info{font-size: 14px; line-height: 24px; color: rgba(255,255,255,0.7); height: 24px; overflow: hidden; margin: 3% 0; text-align: center;}
.JoinBox .join{display: block; width: 168px; line-height: 48px; font-size: 16px; color: #fff; border: 1px solid #fff; text-align: center; margin: 0 auto;}

@media ( max-width:1600px){
    .HomeAbout .con .info{max-height: 150px;}
    .HomeProduct{height: 570px;}
}

@media ( max-width:1200px){
    .HomeTit .name{font-size: 25px; line-height: 30px;}
    .PicSlider .owl-nav .owl-prev span, .PicSlider .owl-nav .owl-next span{width: 80px; height: 50px;}
    .PicSlider .owl-nav .owl-prev span{right: 80px;}
    .HomeAbout{width: 50%; right: 5%; bottom: 50px;}
    .HomeAbout .con .info{max-height: 90px;}
    .HomeAbout .con .DataBox dd .num span{font-size: 32px;}
    .HomeCase li{width: 24.922%; height: 400px;}
    .JoinBox{padding-bottom: 0;}
}

@media ( max-width:1024px){
    .HomeTit .name{font-size: 20px; line-height: 24px; margin-bottom: 8px;}
    .HomeCase li .mask .con{overflow: hidden;}
}

@media ( max-width:768px){
    .PicSlider{width: auto; float: none;}
    .HomeAbout{position: static; width: auto;}
    .HomeAbout .con{padding: 4%;}
    .HomeCase li .mask .con .title{font-size: 14px;}
    .HomeProduct{height: 400px;}
    .HomeProduct li .mask{height: 45px; margin-top: -22px;}
    .HomeProduct li .mask .icon{display: none;}
    .HomeProduct li .mask .name{font-size: 16px;}
    .HomeProduct li:hover .mask{width: 148px; height: 148px; top: 50%; left: 50%; margin: -74px 0px 0px -74px;}
    .HomeProduct li:hover .mask .name i,.HomeProduct li:hover .mask .hide{display: none;}
}

@media ( max-width:640px){
    .ptb3{padding: 5% 0;}
    .HomeCase li{height: 250px;}
    .JoinBox .join{width: 120px; line-height: 40px;}
}

@media ( max-width:480px){
    .HomeAbout .con .DataBox dd p{font-size: 12px; margin-top: 0;}
    .HomeProduct li .mask{width: 90%; left: 5%; right: 5%; margin-left: 0;}
    .HomeCase li{height: 200px;}
}

/* 关于众邦 */
.Greybg{background: #f7f7f7;}
.Title01{margin-bottom: 4%; text-align: center;}
.Title01 .name{display: block; font-size: 30px; line-height: 35px; color: #313131;}
.Title01 i{display: inline-block; vertical-align: middle; width: 60px; margin: 0px 25px; height: 1px; background: #c6c6c6;}

.AboutBox .pic{width: 41.53%; float: left; text-align: center;}
.AboutBox .con{width: 49.61%; float: right;}
.AboutBox .con .title p{font-family: "john"; font-size: 72px; line-height: 54px; color: #f1f1f1; text-transform: uppercase;}
.AboutBox .con .title h3{font-size: 20px; line-height: 34px; color: #333; margin-top: -27px;}
.AboutBox .con .title i{display: block; width: 40px; height: 2px; background: #005658; margin-top: 18px;}
.AboutBox .con .info{font-size: 16px; line-height: 35px; color: #868686; margin: 5% 0;}
.AboutBox .con dl{position: absolute; width: 52.47%; right: 0px; bottom: 50px; background: #f2f7f7; padding: 3% 0 3% 6%;}
.AboutBox .con dl dd{width: 33.33333%; float: left; background: url(../images/line.png) no-repeat left center;}
.AboutBox .con dl dd:first-child{background: none;}
.AboutBox .con dl dd .pad{padding: 0 10%; text-align: center;}
.AboutBox .con dl dd .pad .num{color: #005457;}
.AboutBox .con dl dd .pad .num span{font-family: "bahn"; font-size: 48px; display: inline-block; line-height: 48px;}
.AboutBox .con dl dd .pad p{font-size: 14px; color: #b8b8b8; line-height: 20px; margin-top: 5px;}

.BrandBox li .pic{width: 50%; float: left;}
.BrandBox li .pic img{display: block; width: 100%;}
.BrandBox li .con{width: 46%; float: right; padding: 5% 0 0;}
.BrandBox li .con h3{font-size: 20px; color: #3a3a3a; line-height: 36px; padding: 0px 0px 0px 40px; background-repeat: no-repeat; background-position: left center; margin-bottom: 5%;}

.BrandBox li.i1 .con h3{background-image: url(../images/bicon1.png);}
.BrandBox li.i2 .con h3{background-image: url(../images/bicon2.png);}
.BrandBox li:nth-child(2n) .pic{float: right;}
.BrandBox li:nth-child(2n) .con{float: left;}
.BrandBox li:nth-child(2n) .con h3{padding: 0px 40px 0px 0px; background-position: right center; text-align: right;}
.BrandBox li .title span{display: block; font-size: 20px; line-height: 30px; color: #303030;}
.BrandBox li .title i{display: block; width: 29px; height: 2px; background: #0c5e60; margin-top: 8px;}
.BrandBox li .list dl{margin-top: 8%;}
.BrandBox li .list dl dt{font-size: 18px; color: #0c5e60; line-height: 24px; margin-bottom: 10px;}
.BrandBox li .list dl dd{font-size: 14px; line-height: 24px; color: #7e7e7e;}

@media ( max-width:1024px){
    .Title01 .name{font-size: 25px; line-height: 30px;}
    .AboutBox .con{width: 54%;}
    .AboutBox .con dl{position: static; width: auto; padding-left: 0;}
    .AboutBox .con dl dd .pad .num span{font-size: 30px;}
}

@media ( max-width:768px){
    .Title01 .name{font-size: 20px; line-height: 30px;}
    .AboutBox .pic,.AboutBox .con{width: auto; float: none;}
    .AboutBox .pic{margin-top: 4%;}
    .AboutBox .con .title p{font-size: 50px; line-height: 36px;}
    .AboutBox .con .title h3{margin-top: -15px;}
    .AboutBox .con .title i{margin-top: 10px;}
    .BrandBox li .pic,.BrandBox li .con,.BrandBox li:nth-child(2n) .pic,.BrandBox li:nth-child(2n) .con{width: auto; float: none;}
    .BrandBox li .con{padding: 4% 0;}
    .BrandBox li .title span{font-size: 18px;}
    .BrandBox li .list dl{margin-top: 15px;}
    .BrandBox li .list dl dt{font-size: 16px; margin-bottom: 5px;}
    .BrandBox li .con h3{margin-bottom: 15px; font-size: 18px;}  
}

@media ( max-width:480px){
    .AboutBox .con dl dd .pad .num span{font-size: 24px; line-height: 26px;}
    .AboutBox .con dl dd .pad p{font-size: 12px;}
}

/* 企业历程 */
.HistoryBox{position: relative;}
.DateSlide{background-image: url(../images/line2.png); background-repeat: repeat-x; background-position: left 73px; margin-bottom: 4%;}
.DateSlide .slides li a{display: block; font-size: 24px; line-height: 55px; text-align: center; color: #b3b3b3; padding-bottom: 37px; color: #888; background-image: url(../images/his2.png); background-repeat: no-repeat; background-position: center bottom;}
.DateSlide .slides li.flex-active-slide a{background-image: url(../images/his1.png); color: #005658; font-size: 30px; font-weight: bold;}
.HisCon .box{background: #f6f6f6;}
.HisCon .box .pic{width: 49.23%; float: right;}
.HisCon .box .pic img{display: block; width: 100%;}
.HisCon .box .con{width: 38.46%; float: left; padding: 4%;}
.HisCon .box .con .title{font-size: 24px; color: #005658; line-height: 30px; padding-bottom: 4%; margin-bottom: 4%; border-bottom: 1px solid #ebebeb;}
.HisCon .box .con .info{font-size: 14px; color: #4c4c4c; line-height: 30px;}
.HisCon .flex-direction-nav a{line-height: 100px; overflow: hidden; background-size: cover; top: 57px; margin-top: 0; width: 32px; height: 32px;}
.HisCon .flex-direction-nav .flex-prev{left: 0px; background-image: url(../images/left2.png);}
.HisCon .flex-direction-nav .flex-next{right: 0px; background-image: url(../images/right2.png);}

@media ( max-width:1024px){
    .HisCon .box .con .title{font-size: 20px;}
    .HisCon .flex-direction-nav a{top: 30px;}
    .DateSlide{background-position: left 49px;}
    .DateSlide .slides li a{font-size: 16px; line-height: 30px;}
    .DateSlide .slides li.flex-active-slide a{font-size: 18px;}
}

@media ( max-width:768px){
    .HisCon .box .pic,.HisCon .box .con{width: auto; float: none;}
    .HisCon .box .con .title{padding-bottom: 15px; margin-bottom: 15px; font-size: 16px;}
    .DateSlide .slides li.flex-active-slide a{background-size: 25px 25px;}
}

/* 企业文化 */
.CultureBox{background-image: url(../images/boxbg3.jpg); background-position: center bottom; background-color: #fff;}
.CultureBox li{width: 33.33333%; float: left; background: #fff;}
.CultureBox li.first{background-image: url(../images/titbg.jpg);}
.CultureBox li:nth-child(2n){background: #f4f9f9;}
.CultureBox li .con{padding: 86px 46px; height: 227px;}
.CultureBox li .con .title p{font-size: 24px; color: #005658; line-height: 24px; font-family: Arial; text-transform: uppercase;}
.CultureBox li .con .title .name{display: block; margin: 22px 0px; font-size: 36px; line-height: 42px; color: #333;}
.CultureBox li .con .title i{display: block; width: 40px; height: 2px; background: #005658;}
.CultureBox li .con .icon{display: block; width: 70px;}
.CultureBox li .con .name{margin: 5px 0px 48px;}
.CultureBox li .con .name span{display: block; font-size: 24px; line-height: 52px; color: #313131;}
.CultureBox li .con .name i{display: block; width: 40px; height: 1px; background: #005457;}
.CultureBox li .con .info{font-size: 16px; line-height: 24px; color: #7e7e7e;}
.CultureBox li:hover .con .icon{animation: move 1s linear;}
@keyframes move{        /*时间帧*/
    0%{
        transform: rotate(0deg);
    }
    100%{
        transform: rotate(360deg);
    }
}

@media ( max-width:1024px){
    .CultureBox li .con{padding: 40px 20px;}
    .CultureBox li .con .title .name{font-size: 24px; margin: 15px 0px;}
    .CultureBox li .con .icon{width: 50px;}
    .CultureBox li .con .name{margin-bottom: 25px;}
    .CultureBox li .con .name span{font-size: 18px;}
    .CultureBox li .con .name i{width: 25px;}
}

@media ( max-width:640px){
    .CultureBox li{width: 50%;}
    .CultureBox li .con .title p{font-size: 20px;}
}

@media ( max-width:480px){
    .CultureBox li{width: auto; float: none;}
    .CultureBox li .con{height: auto;}
}

/* 核心技术 */
.KernBox li{width: 32%; float: left; margin: 0 2% 2% 0;}
.KernBox li:nth-child(3n){margin-right: 0;}
.KernBox li .effect-img img{display: block; width: 100%;}
.KernBox li .title{padding: 0px 10px 0px 93px; height: 70px; position: relative; display: flex; align-items: center; background: #f5f5f5; font-size: 18px; color: #313131;} 
.KernBox li .title .num{position: absolute; left: 0px; top: 0px; width: 70px; line-height: 70px; font-size: 30px; background: #005658; color: #fff; font-family: "helve"; text-align: center;}

@media ( max-width:1024px){
    .KernBox li .title{font-size: 16px;}
    .KernBox li .title .num{font-size: 25px;}
}

@media ( max-width:768px){
    .KernBox li{width: 48.5%; margin: 0 0 4%;}
    .KernBox li:nth-child(2n){float: right;}
}

@media ( max-width:480px){
    .KernBox li,.KernBox li:nth-child(2n){width: auto; float: none;}
}

/* 影音资料 */
.VideoTop{background: #f4f4f4 url(../images/signbg.png) no-repeat right bottom; margin-bottom: 3%;}
.VideoTop .title{padding: 5%; width: 21%; float: right;}
.VideoTop .title p{font-size: 72px; line-height: 58px; color: rgba(0,86,88,0.2); font-family: "beba";}
.VideoTop .title i{display: block; margin: 15px 0px 20px; width: 36px; height: 3px; background: #005658;}
.VideoTop .title .name{display: block; font-size: 24px; color: #313131; line-height: 30px;}
.VideoTop .video{width: 68.46%; float: left; position: relative;}
.VideoTop .video .pic img{display: block; width: 100%;}
.VideoTop .video .mask{position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; z-index: 3; background-color: rgba(0,0,0,0.3); background-image: url(../images/play.png); background-repeat: no-repeat; background-position: center center;}
.VideoTop .video video{position: absolute; width: 100%; height: 100%; background: #000; left: 0; top: 0; display: none;}

.VideoList ul{padding-bottom: 3%;}
.VideoList li{width: 32%; float: left; margin: 0 2% 2% 0;}
.VideoList li:nth-child(3n){margin-right: 0;}
.VideoList li .pic img{display: block; width: 100%;}
.VideoList li .mask{position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; z-index: 3; background-color: rgba(0,0,0,0.3); background-image: url(../images/play.png); background-repeat: no-repeat; background-position: center center;}
.VideoList li .title{display: block; font-size: 18px; margin-top: 14px; line-height: 28px; color: #313131; text-align: center;}

@media ( max-width:1024px){
    .VideoTop .title p{font-size: 50px;}
}

@media ( max-width:768px){
    .VideoTop .title,.VideoTop .video{width: auto; float: none;}
    .VideoList li .mask{background-size: 40px 40px;}
    .VideoList li .title{font-size: 16px; margin-top: 8px;}
}

@media ( max-width:480px){
    .VideoTop .title p{font-size: 36px; line-height: 30px;}
    .VideoTop .title i{margin: 10px 0px;}
    .VideoTop .title .name{font-size: 20px;}
    .VideoList li{width: 48%; margin-right: 0;}
    .VideoList li:nth-child(2n){float: right;}
}

/*视频详情*/
.popbox{ display:none; position:fixed; z-index:998; width:100%; height:100%; left:0px; top:0px; background:rgba(0,0,0,0.68);}
.popcontent{padding:3% 3%; position:fixed; z-index:999; background:#fff; border-radius:9px; top:7%; left:10%; right: 10%; bottom: 7%; text-align: center;}
.popcontent .close{ position:absolute; background:url(../images/close.png); width:34px; height:34px; right:2%; top:2.5%; z-index: 99;}
.popcontent video{height: 100%; width: 100%;}

@media ( max-width:768px){
    .popcontent{top: 20%; bottom: 20%;}
}

/* 产品中心 */
.ProductList li{width: 32%; float: left; margin: 0 2% 2% 0;}
.ProductList li:nth-child(3n){margin-right: 0;}
.ProductList li .effect-img img{display: block; width: 100%;}
.ProductList li .mask{display: none; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(0,86,88,0.8); background-image: url(../images/fdj.png); background-repeat: no-repeat; background-position: center center;}
.ProductList li .title{height: 52px; line-height: 52px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; color: #4b4b4b; text-align: center; border-bottom: 1px solid #fff;}
.ProductList li:hover .title{color: #005658; border-bottom: 1px solid #005658;}
.ProductList li:hover .mask{display: block;}

@media ( max-width:640px){
    .ProductList li{width: 48%; margin: 0 0 3%;}
    .ProductList li:nth-child(2n){float: right;}
    .ProductList li .title{height: 40px; line-height: 40px;}
}

@media ( max-width:480px){
    .ProductList li,.ProductList li:nth-child(2n){width: auto; float: none;}
}

/* 产品详情 */
.ProductBox{margin-bottom: 4%;}
.Bigpro{width: 47.69%; float: left;}
.Bigpro .slides li img{display: block; width: 100%;}
.Bigpro .flex-direction-nav a{line-height: 100px; overflow: hidden; top: auto; bottom: 55px; margin-top: 0; width: 18px; height: 30px; background-color: #343434; background-repeat: no-repeat; background-position: center center;}
.Bigpro .flex-direction-nav .flex-prev{left: auto; right: 46.3%; background-image: url(../images/left3.png);}
.Bigpro .flex-direction-nav .flex-next{right: 0px; background-image: url(../images/right3.png);}
.ProCon{width: 47.69%; float: right; padding-top: 38px; overflow: hidden;}
.ProCon .title{font-size: 24px; line-height: 30px; color: #005658; padding-bottom: 22px; border-bottom: 1px dashed #ebebeb;}
.ProCon .info{padding: 28px 0px 26px; font-size: 14px; line-height: 24px; color: #717171;}
.ProCon .cz{padding: 0px 18px; background: #f6f6f6; font-size: 14px; color: #404040; margin-bottom: 38px;}
.ProCon .cz b{color: #005658; line-height: 35px;}

.ProductBox .box{margin-left: -25px;}
.SmallPro .slides li a{display: block; margin-left: 25px; border: 2px solid #fff;}
.SmallPro .slides li.flex-active-slide a{border: 2px solid #005658;}
.SmallPro .slides li img{display: block; width: 100%;}

.ProDetail .title{line-height: 49px; border-bottom: 1px solid #ebebeb;}
.ProDetail .title span{display: block; background: #005658; width: 210px; color: #fff; font-weight: bold; text-align: center; font-size: 16px;}
.ProDetail .con{font-size: 16px; line-height: 36px; color: #717171; padding-top: 2.5%;}

@media ( max-width:1024px){
    .ProCon{padding-top: 20px;}
    .ProCon .title{font-size: 18px; padding-bottom: 0;}
    .ProCon .info{padding: 20px 0px;}
    .ProCon .cz{margin-bottom: 20px;}
}

@media ( max-width:768px){
    .Bigpro,.ProCon{width: auto; float: none;}
    .Bigpro .flex-direction-nav .flex-prev{left: 0; right: auto;}
    .ProDetail .title{line-height: 40px;}
    .ProDetail .title span{width: 150px;}
}

@media ( max-width:640px){
    .Bigpro .flex-direction-nav a{bottom: 42px;}
}

@media ( max-width:480px){
    .ProductBox .box{margin-left: -15px;}
    .SmallPro .slides li a{margin-left: 15px;}
    .Bigpro .flex-direction-nav a{bottom: 36px;}
    .ProDetail .con{font-size: 14px; line-height: 28px;}
}

/* 产品画册 */
.BookBox{background-image: url(../images/boxbg4.jpg); padding: 4%;}

@media ( max-width:640px){
    #fb7{padding-bottom: 50px !important;}
}

/* 产品体验 */
.ProMenu{text-align: center;}
.ProMenu li{display: inline-block; width: 170px; padding-bottom: 7px; margin: 0 2% 4%;}
.ProMenu li a{position: relative; display: block; padding: 13px 10px 20px;}
.ProMenu li i{position: absolute; width: 13px; height: 7px; left: 50%; margin-left: -6px; bottom: -7px; background: url(../images/arr1.png); display: none;}
.ProMenu li .icon{position: relative; width: 108px; height: 62px; margin: 0 auto;}
.ProMenu li .icon img{position: absolute; width: 100%; left: 0; top: 0;}
.ProMenu li .name{display: block; font-size: 18px; color: #494949; line-height: 30px; font-weight: bold;}
.ProMenu li:hover a,.ProMenu li.on a{background: #005658;}
.ProMenu li:hover .name,.ProMenu li.on .name{color: #fff;}
.ProMenu li:hover i,.ProMenu li.on i{display: block;}

.BigPic .slides li img{display: block; width: 100%;}
.BigPic .flex-direction-nav a{line-height: 1000px; overflow: hidden; top: 50%;  margin-top: -53px; width: 40px; height: 106px; background-color: #e6e6e6; background-repeat: no-repeat; background-position: center center;}
.BigPic .flex-direction-nav .flex-prev{left: 0; background-image: url(../images/left4.png);}
.BigPic .flex-direction-nav .flex-next{right: 0; background-image: url(../images/right4.png);}
.SmallPic{margin: 20px 0px 0px;}
.SmallPic .slides li a{display: block; margin: 0px 8px;}
.SmallPic .slides li .pic{border: 1px solid #fff;}
.SmallPic .slides li .pic img{display: block; width: 100%;}
.SmallPic .slides li .name{display: block; text-align: center; font-size: 18px; color: #5c5c5c; line-height: 30px;}
.SmallPic .slides li.flex-active-slide .pic{border: 1px solid #005658;}
.SmallPic .slides li.flex-active-slide .name{font-weight: bold; color: #005658;}

@media ( max-width:768px){
    .ProMenu li{width: 24%; margin: 0 0 4%;}
    .ProMenu li .icon{width: 70px; height: 40px;}
    .ProMenu li .name{font-size: 16px;}
}

@media ( max-width:640px){
    .SmallPic{margin: 20px 0px 0px;}
    .BigPic .flex-direction-nav a{width: 30px; height: 60px; bottom: auto; top: 50%; margin-top: -30px;}
    
}

@media ( max-width:480px){
    .ProMenu li a{padding: 7px 0px;}
    .ProMenu li .name{font-size: 12px;}
}

/* 案例中心 */
.CaseList ul{padding-bottom: 2.5%;}
.CaseList li{width: 49%; float: left; margin-bottom: 2%; position: relative;}
.CaseList li:nth-child(2n){float: right;}
.CaseList li a{display: block; height: 420px; background-repeat: no-repeat; background-position: center center; background-size: cover;}
.CaseList li .mask{position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: url(../images/maskbg2.png) repeat-x left bottom; transition: 500ms;}
.CaseList li .line{position: absolute; top: 14px; left: 20px; right: 20px; bottom: 14px; border: 1px solid rgba(255,255,255,0.1); display: none;}
.CaseList li .txt{position: absolute; left: 5%; right: 5%; bottom: 15px; border-top: 1px solid rgba(255,255,255,0.2); transition: 500ms;}
.CaseList li .txt .title{float: left; line-height: 37px; font-size: 18px; color: #fff;}
.CaseList li .txt .info{display: none; font-size: 12px; line-height: 24px; color: rgba(255,255,255,0.7); padding: 13px 0px; border-bottom: 1px solid rgba(255,255,255,0.2); margin-bottom: 10px;}
.CaseList li .txt .date{float: right; color: rgba(255,255,255,0.5); line-height: 37px; transition: 500ms;}
.CaseList li:hover .mask{background: rgba(0,86,88,0.9);}
.CaseList li:hover .line{display: block;}
.CaseList li:hover .txt{display: flex; top: 15px; justify-content: center; flex-direction: column; padding: 0 10%; border-top: none;}
.CaseList li:hover .title{font-size: 24px; float: none;}
.CaseList li:hover .info{display: block;}
.CaseList li:hover .date{font: none;}

@media ( max-width:1024px){
    .CaseList li:hover .title{font-size: 18px;}
}

@media ( max-width:768px){
    .CaseList li a{height: 300px;}
    .CaseList li .txt .info{display: none;}
    .CaseList li:hover .txt{align-items: center;}
    .CaseList li .txt .title,.CaseList li .txt .date{line-height: 26px;}
}

@media ( max-width:480px){
    .CaseList li,.CaseList li:nth-child(2n){width: auto; float: none; margin-bottom: 4%;}
    .CaseList li a{height: 240px;}
}

/* 加盟政策 */
.PolicyBox .pic{text-align: center; width: 49.92%; float: left;}
.PolicyBox .con{width: 45.69%; float: right; font-size: 16px; line-height: 35px; color: #2a2a2a;}
.PolicyBox .con .img{margin-top: 122px;}
.PolicyBox .con .img img{display: block; width: 100%;}

@media ( max-width:1024px){
    .PolicyBox .con .img{margin-top: 8%;}
}

@media ( max-width:768px){
    .PolicyBox .pic{margin-right: 5%;}
    .PolicyBox .con{width: auto; float: none;}
}

@media ( max-width:480px){
    .PolicyBox .pic{width: auto; float: none; margin: 0 0 5%;}
}


/* 经营商展示 */
.ChinaMap{width:733px; float:left; position:relative; margin-top: 3.5%;}
.ChinaMap li .bg{position:absolute; display:none; z-index:0;}
.ChinaMap li.on .bg{display:block;}
.ChinaMap li .name{position:absolute; z-index:9; font-size:13px; color:#333; height:20px; line-height:20px;padding-top:20px; }
.ChinaMap li:hover .name,.ChinaMap li.on .name{background:url(../images/cur2.png) no-repeat center top; transition: 400ms; color:#fff;}

.ChinaMap li.m1 .bg{top:0px; right:97px;}
.ChinaMap li.m1 .name{top:61px; right:124px;}
/* .ChinaMap li.m1:hover .name,.ChinaMap li.m1.on .name{top:41px;} */

.ChinaMap li.m2 .bg{top:102px; right:118px;}
.ChinaMap li.m2 .name{top:115px; right:147px;}
/* .ChinaMap li.m2:hover .name,.ChinaMap li.m2.on .name{top:82px;} */

.ChinaMap li.m3 .bg{top:186px; right:256px;}
.ChinaMap li.m3 .name{top:165px; right:245px;}
/* .ChinaMap li.m3:hover .name,.ChinaMap li.m3.on .name{top:136px;} */

.ChinaMap li.m4 .bg{top:197px; right:249px;}
.ChinaMap li.m4 .name{top:180px; right:237px;}
/* .ChinaMap li.m4:hover .name,.ChinaMap li.m4.on .name{top:155px;} */

.ChinaMap li.m5 .bg{top:163px; right:230px;}
.ChinaMap li.m5 .name{top:186px; right:255px;}
/* .ChinaMap li.m5:hover .name,.ChinaMap li.m5.on .name{top:166px;} */

.ChinaMap li.m6 .bg{top:226px; right:193px;}
.ChinaMap li.m6 .name{top:225px; right:220px;}
/* .ChinaMap li.m6:hover .name,.ChinaMap li.m6.on .name{top:190px;} */

.ChinaMap li.m7 .bg{top:272px; right:193px;}
.ChinaMap li.m7 .name{top:265px; right:205px;}
/* .ChinaMap li.m7:hover .name,.ChinaMap li.m7.on .name{top:224px;} */

.ChinaMap li.m8 .bg{top:321; right:191px;}
.ChinaMap li.m8 .name{top:300px; right:178px;}
/* .ChinaMap li.m8:hover .name,.ChinaMap li.m8.on .name{top:244px;} */

.ChinaMap li.m9 .bg{top:280px; right:220px;}
.ChinaMap li.m9 .name{top:295px; right:235px;}
/* .ChinaMap li.m9:hover .name,.ChinaMap li.m9.on .name{top:255px;} */

.ChinaMap li.m10 .bg{top:348px; right:230px;}
.ChinaMap li.m10 .name{top:350px; right:240px;}
/* .ChinaMap li.m10:hover .name,.ChinaMap li.m10.on .name{top:296px;} */

.ChinaMap li.m11 .bg{top:372px; right:203px;}
.ChinaMap li.m11 .name{top:380px; right:210px;}
/* .ChinaMap li.m11:hover .name,.ChinaMap li.m11.on .name{top:317px;} */

.ChinaMap li.m12 .bg{top:416px; right:242px;}
.ChinaMap li.m12 .name{top:416px; right:270px;}
/* .ChinaMap li.m12:hover .name,.ChinaMap li.m12.on .name{top:352px;} */

.ChinaMap li.m13 .bg{top:405px; right:310px;}
.ChinaMap li.m13 .name{top:410px; right:308px;}
/* .ChinaMap li.m13:hover .name,.ChinaMap li.m13.on .name{top:355px;} */

.ChinaMap li.m14 .bg{top:350px; right:282px;}
.ChinaMap li.m14 .name{top:360px; right:295px;}
/* .ChinaMap li.m14:hover .name,.ChinaMap li.m14.on .name{top:302px;} */

.ChinaMap li.m15 .bg{top:305px; right:260px;}
.ChinaMap li.m15 .name{top:310px; right:280px;}
/* .ChinaMap li.m15:hover .name,.ChinaMap li.m15.on .name{top:264px;} */

.ChinaMap li.m16 .bg{top:258px; right:259px;}
.ChinaMap li.m16 .name{top:265px; right:275px;}
/* .ChinaMap li.m16:hover .name,.ChinaMap li.m16.on .name{top:226px;} */

.ChinaMap li.m17 .bg{top:191px; right:287px;}
.ChinaMap li.m17 .name{top:205px; right:290px;}
/* .ChinaMap li.m17:hover .name,.ChinaMap li.m17.on .name{top:182px;} */

.ChinaMap li.m18 .bg{top:4px; right:189px;}
.ChinaMap li.m18 .name{top:120px; right:230px;}
/* .ChinaMap li.m18:hover .name,.ChinaMap li.m18.on .name{top:142px;} */

.ChinaMap li.m19 .bg{top:213px; right:363px;}
.ChinaMap li.m19 .name{top:210px; right:350px;}
/* .ChinaMap li.m19:hover .name,.ChinaMap li.m19.on .name{top:182px;} */

.ChinaMap li.m20 .bg{top:154px; left:201px;}
.ChinaMap li.m20 .name{top:160px; right:470px;}
/* .ChinaMap li.m20:hover .name,.ChinaMap li.m20.on .name{top:200px;} */

.ChinaMap li.m21 .bg{top:210px; right:322px;}
.ChinaMap li.m21 .name{top:265px; right:330px;}
/* .ChinaMap li.m21:hover .name,.ChinaMap li.m21.on .name{top:230px;} */

.ChinaMap li.m22 .bg{top:319px; right:334px;}
.ChinaMap li.m22 .name{top:325px; right:345px;}
/* .ChinaMap li.m22:hover .name,.ChinaMap li.m22.on .name{top:280px;} */

.ChinaMap li.m23 .bg{top:281px; left:245px;}
.ChinaMap li.m23 .name{top:310px; right:405px;}
/* .ChinaMap li.m23:hover .name,.ChinaMap li.m23.on .name{top:270px;} */

.ChinaMap li.m24 .bg{top:363px; right:342px;}
.ChinaMap li.m24 .name{top:370px; right:360px;}
/* .ChinaMap li.m24:hover .name,.ChinaMap li.m24.on .name{top:320px;} */

.ChinaMap li.m25 .bg{top:356px; left:232px;}
.ChinaMap li.m25 .name{top:400px; right:425px;}
/* .ChinaMap li.m25:hover .name,.ChinaMap li.m25.on .name{top:348px;} */

.ChinaMap li.m26 .bg{top:222px; left:23px;}
.ChinaMap li.m26 .name{top:290px; left:130px;}
/* .ChinaMap li.m26:hover .name,.ChinaMap li.m26.on .name{top:254px;} */

.ChinaMap li.m27 .bg{top:201px; left:158px;}
.ChinaMap li.m27 .name{top:225px; left:220px;}
/* .ChinaMap li.m27:hover .name,.ChinaMap li.m27.on .name{top:195px;} */

.ChinaMap li.m28 .bg{top:46px; left:1px;}
.ChinaMap li.m28 .name{top:130px; left:85px;}
/* .ChinaMap li.m28:hover .name,.ChinaMap li.m28.on .name{top:122px;} */

.ChinaMap li.m29 .bg{top:494px; right:320px;}
.ChinaMap li.m29 .name{top:480px; right:320px;}
/* .ChinaMap li.m29:hover .name,.ChinaMap li.m29.on .name{top:410px;} */

.ChinaMap li.m30 .bg{top:410px; right:180px;}
.ChinaMap li.m30 .name{top:410px; right:165px;}
/* .ChinaMap li.m30:hover .name,.ChinaMap li.m30.on .name{top:345px;} */

.ChinaMap li.m31 .bg{top:142px; right:168px;}
.ChinaMap li.m31 .name{top:145px; right:180px;}
/* .ChinaMap li.m31:hover .name,.ChinaMap li.m31.on .name{top:122px;} */

.ChinaMap li.m32 .bg{top:328px; right:186px;}
.ChinaMap li.m32 .name{top:330px; right:190px;}
/* .ChinaMap li.m32:hover .name,.ChinaMap li.m32.on .name{top:280px;} */

.ChinaMap li.m33 .name{top:435px; right:260px;}

.ChinaMap li.m34 .name{top:440px; right:285px;}

.CompanyList{width:36%; float:right;}
.SlideCon .title{height: 55px; line-height: 55px; margin-bottom: 5%; border-bottom: 1px solid #c1c1c1; font-size: 14px; text-transform: uppercase; color: #cacaca; background: url(../images/cur.png) no-repeat right center;}
.SlideCon .title .name{display: inline-block; font-size: 24px; color: #2e2e2e; font-weight: bold; margin-right: 20px;}
.SlideCon .mCustomScrollbar{height: 450px;}
.SlideCon dl{padding: 22px 35px; background: #f3f3f3;}
.SlideCon dl:nth-child(2n){background: #f8f8f8;}
.SlideCon dl dt{line-height:26px; font-size:18px; color:#36665a; margin-bottom: 20px;}
.SlideCon dl dd{font-size:14px; line-height:30px; color:#565656; padding-left: 25px; background-repeat: no-repeat; background-position: left 7px;}
.SlideCon dl dd.d1{background-image: url(../images/d1.png);}
.SlideCon dl dd.d2{background-image: url(../images/d2.png);}

.CooperBox .zd{width: 72px; position: absolute; right: -80px; bottom: 0;}

.MobileMap{display:none;}

@media(max-width:1200px){
    .ChinaMap{zoom:0.9;}
}

@media ( max-width:1024px){
.MobileMap{display:block; text-align: center;}	
.ChinaMap{display:none;}
.CompanyList{width:100%; float:none;}
.CooperBox .bd .ul{width:49%; float:left; display: block !important; margin-bottom: 30px;}
.CooperBox .bd .ul:nth-child(2n){float:right;}
.SlideCon .title{height: 36px; line-height: 36px;}
.SlideCon .title .name{font-size: 16px;}
.SlideCon .mCustomScrollbar{height: auto;}
.SlideCon dl{padding: 15px;}
.SlideCon dl dt{font-size: 16px; margin-bottom: 5px;}
}

@media ( max-width:768px){
    .CooperBox .bd .ul,.CooperBox .bd .ul:nth-child(2n){width: 100%; float: none;}
}

@media ( max-width:480px){
.CooperBox .bd .box h2{font-size:14px; line-height:35px; height:35px;}	
.CooperBox .bd .ul{margin: 15px 0px;}
}

/* 加盟登记 */
.mb3{margin-bottom: 3%;}
.AdvantageBox .list li{width: 23.5%; float: left; margin: 0 2% 2% 0; padding-top: 60px; position: relative;}
.AdvantageBox .list li.a4,.AdvantageBox .list li.a7{margin-right: 0;}
.AdvantageBox .list li.a5,.AdvantageBox .list li.a6,.AdvantageBox .list li.a7{width: 32%;}
.AdvantageBox .list li .icon{position: absolute; width: 121px; left: 50%; top: 0; margin-left: -60px; z-index: 2;}
.AdvantageBox .list li .con{background: #f5f5f5; padding: 74px 35px 0; height: 186px; overflow: hidden; text-align: center;}
.AdvantageBox .list li .con .title{margin-bottom: 16px;}
.AdvantageBox .list li .con .title h3{font-size: 18px; line-height: 42px; color: #383838;}
.AdvantageBox .list li .con .title i{display: block; width: 30px; height: 1px; background: #005658; margin: 0 auto;}
.AdvantageBox .list li .con .info{font-size: 14px; color: #797979;}
.AdvantageBox .list li:hover .con{box-shadow: 0px 0px 20px rgba(0,0,0,0.1);}

.SystemBox{background: url(../images/signbg2.png) no-repeat right bottom;}
.SystemBox .pic{width: 50%; float: left;}
.SystemBox .pic img{display: block; width: 100%;}
.SystemBox .con{width: 42%; float: right; padding: 0 4%; font-size: 16px; line-height: 48px; color: #525252;}

.FactorBox{background-image: url(../images/tjbg.jpg);}
.FactorBox .list li{width: 20%; float: left;}
.FactorBox .list li .con{text-align: center; padding: 0px 20px; background: url(../images/line3.png) no-repeat right bottom;}
.FactorBox .list li:nth-child(5) .con{background: none;}
.FactorBox .list li .num{width: 94px; line-height: 94px; display: block; margin: 0 auto 10px; border: 5px solid #e9e9e9; border-radius: 50%; font-size: 30px; color: #005658; font-family: Arial;}
.FactorBox .list li .info{font-size: 14px; line-height: 24px; color: #2d2d2d; min-height: 72px;}
.FactorBox .list li:hover .num{background: #005658; border: 5px solid #005658; box-shadow: 0px 0px 20px rgba(0,86,88,0.39); color: #fff;}
.FactorBox .list li:hover .info{color: #005658;}

.StepBox .list li{width: 23.5%; float: left; margin: 0 2% 2% 0; position: relative;}
.StepBox .list li:nth-child(4n){margin-right: 0;}
.StepBox .list li .con{border: 1px solid #d1d1d1; text-align: center; padding: 36px 15px 0px; height: 142px; font-size: 18px;}
.StepBox .list li .con .num{position: absolute; width: 36px; height: 36px; line-height: 22px; right: 0px; top: 0px; color: #fff; text-align: right; padding-right: 6px; background-image: url(../images/sbg.png); background-repeat: no-repeat;}
.StepBox .list li .con .icon{margin: 0 auto 10px; width: 58px; display: block;}
.StepBox .list li .con p{line-height: 30px; color: #313131;}
.StepBox .list li:hover .con{border: 1px solid #fff; box-shadow: 0px 0px 20px rgba(4,0,0,0.13);}
.StepBox .list li:hover .con .num{background-image: url(../images/sbgon.png);}
.StepBox .list li:hover .con p{color: #005658;}

.OnlineBox .pic{width: 49.23%; float: left;}
.OnlineBox .pic img{display: block; width: 100%;}
.OnlineBox dl{width: 48.46%; float: right;}
.OnlineBox dl dd{padding: 0px 18px; background: #fff; border: 1px solid #d1d1d1; margin-bottom: 35px;}
.OnlineBox dl dd .input{height: 48px; font-size: 16px; color: #333;}
.OnlineBox dl dd .input::placeholder{color: #b5b5b5;}
.OnlineBox dl .btn{text-align: right;}
.OnlineBox dl .btn input{width: 136px; height: 50px; font-size: 16px; color: #fff; background: #005658; margin-top: 17px;}

@media ( max-width:1024px){
    .AdvantageBox .list li{padding-top: 40px;}
    .AdvantageBox .list li .icon{width: 80px; margin-left: -40px;}
    .AdvantageBox .list li .con{padding: 50px 15px 15px;}
    .AdvantageBox .list li .con .title h3{font-size: 16px;}
    .SystemBox .con{line-height: 30px;}
    .FactorBox .list li .num{width: 50px; line-height: 50px; font-size: 20px;}
    .OnlineBox dl dd{margin-bottom: 12px;}
}

@media ( max-width:768px){
    .AdvantageBox .list li{width: 32% !important;}
    .AdvantageBox .list li:nth-child(4){margin-right: 2%;}
    .AdvantageBox .list li:nth-child(3n){margin-right: 0;}
    .AdvantageBox .list li:nth-last-child(2){width: 100% !important;}
    .AdvantageBox .list li:nth-last-child(2) .con{height: auto;}
    .FactorBox .list li .con{padding: 0px 15px;}
    .SystemBox .pic,.SystemBox .con,.OnlineBox .pic,.OnlineBox dl{width: auto; float: none;}
    .SystemBox .con{padding: 4% 0;}
    .StepBox .list li .con{font-size: 16px; height: 124px;}
    .StepBox .list li .con .icon{width: 36px;}
    .OnlineBox .pic{margin-bottom: 4%;}
}

@media ( max-width:640px){
    .AdvantageBox .list li{width: 48% !important; margin-right: 0;}
    .AdvantageBox .list li:nth-child(2n){float: right;}
    .StepBox .list li .con{font-size: 14px;}
    .StepBox .list li .con p{line-height: 24px;}
}

@media ( max-width:480px){
    .AdvantageBox .list li{width: 100% !important; float: none; margin-bottom: 5%;}
    .AdvantageBox .list li:nth-child(2n){float: none;}
    .AdvantageBox .list li .con{height: auto;}
    .FactorBox .list{text-align: center;}
    .FactorBox .list li{display: inline-block; float: none; width: 49%; margin-bottom: 4%; vertical-align: top;}
    .FactorBox .list li:nth-child(2n) .con{background: none;}
    .StepBox .list li{width: 48%; margin-right: 0;}
    .StepBox .list li:nth-child(2n){float: right;}
    .StepBox .list li .con{padding-top: 20px; height: 110px;}
}

/* 新闻动态 */
.SlideBox{width: 41.25%; float: left;}
.SlideBox .item{position: relative;}
.SlideBox .item .date{position: absolute; left: 0px; top: 0px; padding: 5px 14px 8px; width: 54px; text-align: center; font-family: Arial; background: #005658;}
.SlideBox .item .date span{display: block; font-size: 36px; line-height: 42px; color: #fff; border-bottom: 1px solid rgba(255,255,255,0.3);}
.SlideBox .item .date em{display: block; font-size: 14px; line-height: 18px; color: rgba(255,255,255,0.3);}
.SlideBox .item img{display: block; width: 100%; height: 310px;}
.SlideBox .item .name{position: absolute; left: 0px; bottom: 0px; width: 100%; background: rgba(0,0,0,.5); color: #fff; font-size: 16px; height: 50px; line-height: 50px; overflow: hidden;}
.SlideBox .item .name span{display: block; padding: 0px 20px;}
.SlideBox .owl-dots{width: 100%; text-align: right; position: absolute; right: 15px; bottom: 20px; height: 10px; line-height: 10px;}
.SlideBox .owl-dots .owl-dot{width: 10px; height: 10px; margin: 0px 3px; background-image: url(../images/dotpic2.png); background-position: left top;}
.SlideBox .owl-dots .owl-dot.active{background-position: left bottom;}
.NewsTop{margin-bottom: 3%;}
.NewsTop .list{width: 58.75%; float: left;}
.NewsTop .list li{padding: 16px 4%; margin-bottom: 13px;}
.NewsTop .list li:last-child{margin-bottom: 0;}
.NewsTop .list li .title,.NewsTop .list li .info{line-height: 26px; height: 26px; overflow: hidden;}
.NewsTop .list li .title a{font-size: 16px; color: #313131; font-weight: bold;}
.NewsTop .list li .title .date{float: right; font-size: 14px; color: #a8a8a8;}
.NewsTop .list li .info{font-size: 14px; color: #a5a5a5; margin-top: 10px;}
.NewsTop .list li:hover{background: #f3f3f3;}

.NewsList ul{padding-bottom: 2%;}
.NewsList li{padding: 25px; background-color: #f7f7f7; margin-bottom: 16px;}
.NewsList li .con{position: relative; padding: 0px 45px 0px 120px; min-height: 74px;}
.NewsList li .con .date{position: absolute; left: 0px; top: 0px; padding: 5px 14px 8px; width: 54px; text-align: center; font-family: Arial; color: #fff; background: #cbcbcb;}
.NewsList li .con .date span{display: block; font-size: 36px; line-height: 42px; border-bottom: 1px solid #fff;}
.NewsList li .con .date em{display: block; font-size: 14px; line-height: 18px;}
.NewsList li .con .txt .name{font-size: 16px; line-height: 25px; height: 25px; overflow: hidden; color: #313131;}
.NewsList li .con .txt .info{font-size: 14px; color: #888888; line-height: 18px; height: 36px; overflow: hidden; margin-top: 10px;}
.NewsList li:hover{background-color: #fff; box-shadow: 0px 0px 20px #e5e5e5;}
.NewsList li:hover .con .txt .name{color: #005658;}
.NewsList li:hover .con .date{background: #005658;}
.NewsList li:hover .con .date span{border-bottom: 1px solid rgba(255,255,255,0.3);}
.NewsList li:hover .con .date em{color: rgba(255,255,255,0.3);}

@media ( max-width:768px){
    .SlideBox{width: 100%; float: none;}
    .SlideBox .item img{height: auto;}
    .NewsTop .list{width: 100%; float: none;}
    .NewsTop .list li{margin-bottom: 0; border-bottom: 1px solid #f3f3f3;}
    .NewsList li{padding: 10px;}
    .NewsList li .con{padding: 0px 0px 0px 100px;}
    .SlideBox .item .date span,.NewsList li .con .date span{font-size: 24px;}
}

@media ( max-width:480px){
    .SlideBox .item .name span{padding: 0px 10px;}
    .NewsTop .list li .title .date{float: none; display: block;}
    .NewsTop .list li .title{height: auto;}
    .NewsTop .list li .title a{display: block; height: 26px; overflow: hidden;}
    .NewsList li .con{padding-left: 85px;}
    .SlideBox .item .date,.NewsList li .con .date{padding: 5px 8px;}
    .SlideBox .item .date em,.NewsList li .con .date em{font-size: 12px;}
}

/*新闻详情*/
.Atit{text-align:center; padding-bottom: 20px; border-bottom: 1px dashed #c9c9c9;}
.Atit h2{font-size:28px; color:#333; line-height: 36px; margin-bottom: 10px;}
.Atit em{display:block; font-size:14px; color:#666; line-height: 26px;}
.Atit em i{padding:0px 8px;}
.bdsharebuttonbox{display: inline-block; vertical-align: middle;}
.ContentAbout{padding:3% 0; border-bottom:1px solid #e7e7e7; font-size: 16px; line-height: 36px; color: #666;}
.ContentAbout p{text-indent: 2em;}
.PrevNextBox{padding:4% 0 0;}
.PrevNextBox dl{font-size:14px; line-height:24px; margin-bottom: 2%;}
.PrevNextBox dl:last-child{margin-bottom: 0;}
.PrevNextBox dl b{color:#000; font-weight:normal;}
.PrevNextBox dl a{color:#666;}
.PrevNextBox dl:hover a{color: #005658;}

@media ( max-width:1024px){
    .Atit h2{font-size: 20px;}
}

@media ( max-width:480px){
    .Atit h2{font-size: 18px; line-height: 26px;}
    .ContentAbout{font-size: 14px; line-height: 30px;}
}

/* 联系我们 */
.ContactBox{text-align: center;}
.ContactBox .title h2{font-size: 48px; line-height: 49px; color: #005658;}
.ContactBox .title p{font-size: 16px; line-height: 29px; color: #4a4a4a;}
.ContactBox .list li{width: 21%; margin: 0 1.2%; display: inline-block; background: url(../images/greenbg.png) repeat;}
.ContactBox .list li .con{padding: 24px 15px 20px; line-height: 26px; color: #fff; font-size: 14px;}
.ContactBox .list li .con .icon{display: block; width: 38px; margin: 0 auto 10px;}
.ContactBox .list li .con .name{display: block; font-size: 16px;}

.Map{border: 1px solid #005658;}

@media ( max-width:1024px){
    .ContactBox .title h2{font-size: 30px; line-height: 40px;}
    .ContactBox .list li{width: 46%; margin-bottom: 3%;}
}

@media ( max-width:480px){
    .ContactBox .list li{width: auto; margin: 2% 0; display: block;}
}

/* 招聘列表 */
.JobList ul{padding-bottom: 3.5%;}
.JobList li{margin-bottom:1px; overflow:hidden; font-family: "微软雅黑"; font-weight: normal;}
.JobList li.First{border:none;}
.JobList li.First .Titname{color:#fff; overflow:hidden; font-weight:bold; background:#005658;}
.JobList li .Titname{display:block; float:left; width:16.666666666%; text-align:center; color:#494949; font-size:16px; overflow:hidden; line-height:60px; height:60px; background:#f2f2f2;}
.JobList li .Titname .detail{ background-repeat: no-repeat; background-position: center center; width: 30px; height: 30px; display: inline-block; vertical-align: middle; background-image: url(../images/jia2.png);}
.JobList li.lion .Titname .detail{background-image: url(../images/jian2.png);}
.JobList li.lion{box-shadow:0px 0px 25px #f3f3f3;}
.JobList li .Con{ display:none; padding:2.5% 5%; position:relative; background: #fffcfc;}
.JobList li .Con .list{display: none; font-size: 16px; color: #494949; line-height: 30px; margin-bottom: 3%;}
.JobList li .Con .list p{width: 48%; float: left;}
.JobList li .Con .list p:nth-child(2n){float: right;}
.JobList li .Con dl{line-height:36px; font-size:14px; color:#494949;}
.JobList li .Con dl dt{font-size:16px; color:#494949;}
.JobList li .Con .apply{display:block; margin:2.5% 0 0; width:130px; line-height: 40px; background:#005658; box-shadow: 3px 3px 20px rgba(4,161,82,.15); color:#fff; text-align:center; font-size:16px;}

@media ( max-width:1024px){
    .JobList li .Titname:nth-child(2),.JobList li .Titname:nth-child(3),.JobList li .Titname:nth-child(4),.JobList li .Titname:nth-child(5){display:none;}
    .JobList li .Titname:nth-child(1){width: 80%;}
    .JobList li .Titname:nth-child(6){width: 20%;}
    .JobList li .Titname:first-child{text-align: left; text-indent: 2em;}
    .JobList li .Con .list{display: block;}
}

@media ( max-width:640px){
    .JobList ul{padding: 3% 0 5%;}
    .JobList li .Titname{height: 50px; line-height: 50px;}
    .JobList li .Con .list{font-size: 14px; line-height: 24px;}
    .JobList li .Con .list p,.JobList li .Con .list p:nth-child(2n){width: auto; float: none;}
}

@media ( max-width:480px){
    .JobList li .Titname:first-child{text-indent: 1em;}
}

/*应聘表单*/
.recruitform{margin:0 auto; width:580px;}
.recruitform dl{margin-bottom:20px; position: relative; padding-left: 66px;}
.recruitform dl dt{position: absolute; left: 0px; top: 0px; text-align: right; line-height:40px; width: 50px; color:#4d4d4d; font-size:16px;}
.recruitform dl dd{border:1px solid #e6e6e6; padding: 0px 10px; line-height: 38px; background: #fff;}
.recruitform dl.noborder dd{border: none; padding: 0; background: none;}
.recruitform dl dd .input{height:38px; line-height:38px; font-size:14px; width:100%;}
.recruitform dl dd label{ float:left; line-height:40px; margin-right:20px; font-size:16px; color:#4d4d4d;}
.recruitform dl dd label input.radio{ margin-right:8px; }
.recruitform dl dd textarea{height:148px; font-size:14px; width:100%;}
.recruitform dl.btn{ text-align:center; width:100%; float:none; clear:both; margin-bottom:0; padding: 0;}
.recruitform dl.btn input{ width:120px; color:#fff; height:36px; line-height:36px; font-size:16px; cursor:pointer; border-radius:18px; -webkit-border-radius:18px;  -moz-border-radius:18px; margin:0 8px;}
.recruitform dl.btn input.submit{background: #005658;}
.recruitform dl.btn input.reset{background:#ccc;}

@media ( max-width:480px){
    .recruitform{width:100%;}
}

.Messagetab dl dd{width: 32%; float: left; margin: 0 2% 30px 0px;}
.Messagetab dl dd:nth-child(3n){margin-right: 0;}
.Messagetab dl dd.nof{width: auto; float: none; margin-right: 0;}
.Messagetab dl dd .line{border: 1px solid #eee; padding: 0px 15px 0px 37px; background-color: #f2f7fc; background-repeat: no-repeat; background-position: 0px 3px; position: relative;}
.Messagetab dl dd .input{width: 100%; color: #333;}
.Messagetab dl dd .input::placeholder{color: #a3a3a3;}
.Messagetab dl dd.m1 .line{background-image: url(../images/m1.png);}
.Messagetab dl dd.m2 .line{background-image: url(../images/m2.png);}
.Messagetab dl dd.m3 .line{background-image: url(../images/m3.png);}
.Messagetab dl dd.m4 .line{background-image: url(../images/m4.png);}
.Messagetab dl dd .code{width: 90px; position: absolute; right: 10px; top: 50%; margin-top: -19px;}
.Messagetab dl dd select,.Messagetab dl dd .input{height: 43px; font-size: 16px;}
.Messagetab dl dd select{width: 31%; color: #a3a3a3; padding-right: 20px; margin-right: 3%; background: url(../images/line2.png) no-repeat right center; appearance:none; -moz-appearance:none; -webkit-appearance:none;}
.Messagetab dl dd select:last-child{background: none; margin-right: 0; padding-right: 0;}
.Messagetab dl dd.m5 .line{padding: 0px 15px;}
.Messagetab dl dd textarea{color: #a3a3a3; width: 100%; height: 188px; line-height: 38px; font-size: 16px; color: #333;}
.Messagetab dl dd textarea::placeholder{color: #a3a3a3;}
.Messagetab .btn{display: block; width: 190px; height: 53px; color: #fff; background: #005658; font-size: 16px; margin: 3% auto 0; border-radius: 5px;}

.AdviceBox{background-image: url(../images/boxbg5.jpg);}
.AdviceBox .Messagetab dl dd .line{background-color: #fff;}

.FwStepBox .list{background-image: url(../images/stepbg.png); background-repeat: no-repeat; background-position: right top;}
.FwStepBox .list ul{margin: 0px 82px; position: relative; height: 478px;}
.FwStepBox .list li{position: absolute; width: 222px;}
.FwStepBox .list li .con{padding: 0px 30px;}
.FwStepBox .list li .con .icon{width: 134px; position: relative; margin: 0 auto 35px;}
.FwStepBox .list li .con .icon img{display: block; width: 100%;}
.FwStepBox .list li .con .icon i{position: absolute; width: 16px; height: 10px; bottom: -8px; left: 50%; margin-left: -8px; z-index: 3; background: url(../images/arr2.png) no-repeat;}
.FwStepBox .list li .con .info{text-align: center; font-size: 14px; color: #474747; line-height: 24px; min-height: 48px;}
.FwStepBox .list li.s1,.FwStepBox .list li.s2,.FwStepBox .list li.s3,.FwStepBox .list li.s4,.FwStepBox .list li.s5{top: 0px;}
.FwStepBox .list li.s6,.FwStepBox .list li.s7,.FwStepBox .list li.s8,.FwStepBox .list li.s9{bottom: 0px;}
.FwStepBox .list li.s1{left: 0px;}
.FwStepBox .list li.s2{left: 231px;}
.FwStepBox .list li.s3{left: 455px;}
.FwStepBox .list li.s4{left: 682px;}
.FwStepBox .list li.s5{right: -5px;}
.FwStepBox .list li.s6{right: 113px;}
.FwStepBox .list li.s7{right: 363px;}
.FwStepBox .list li.s8{left: 325px;}
.FwStepBox .list li.s9{left: 100px;}


@media ( max-width:1200px){
    .FwStepBox .list{text-align: center; background: none;}
    .FwStepBox .list ul{margin: 0; height: auto;}
    .FwStepBox .list li{position: static; display: inline-block; width: 18%; vertical-align: top; margin-bottom: 3%;}
    .FwStepBox .list li .con{padding: 0px 10px;}
}

@media ( max-width:768px){
    .Messagetab dl dd{margin-bottom: 15px;}
    .FwStepBox .list li{width: 32%;}
    .FwStepBox .list li .con .icon{width: 80px; margin-bottom: 15px;}
}

@media ( max-width:640px){
    .FwStepBox .list li{width: 48%;}
}

@media ( max-width:480px){
    .Messagetab dl dd{width: auto; float: none; margin-right: 0;}
    .Messagetab .btn{width: 150px; height: 45px;}
}