@charset "utf-8";
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;}
.auto{margin: 0 8%;}
.w1440{max-width:1440px; min-width:320px; margin:0px auto;} 
.relative{position: relative;}
.f_red{color:#e60122;}
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:1440px){
    .auto,.w1440{margin: 0px 15px;}
}



/*公用样式*/
.effect-img{text-align: center;cursor: pointer; zoom:1; overflow:hidden;}
.effect-img img,.effect-img span{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,.effect-img:hover span,li:hover .effect-img span,dd:hover .effect-img span{opacity: 1;-webkit-transform: scale3d(1.1,1.1,1);transform:  scale3d(1.1,1.1,1);}

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

.section,.boxbg,.effect-img span{background-repeat: no-repeat; background-position: center center; background-size: cover;}

.Ban{padding: 190px 0px 220px;}
.Ban .title{text-align: center; color: #fff;}
.Ban .title i{display: block; width: 57px; height: 4px; background: #b58831; margin: 0 auto;}
.Ban .title .name{display: block; font-size: 40px; line-height: 78px; margin-top: 26px; font-weight: bold;}
.Ban .title p{font-size: 18px; line-height: 37px; font-family: Arial; text-transform: uppercase;}

.Menu{padding: 16px 0; border-bottom: 1px solid #bebebe;}
.Menu .title{padding: 0px 20px; line-height: 40px; background: #3268b6; color: #fff; font-size: 18px; display: none;}
.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: auto; line-height: 34px;}
.Menu .list li a{display: block; font-size: 16px; color: #333;padding: 0 20px;}
.Menu .list li.on a,.Menu .list li:hover a{background: #3268b6; color: #fff;}

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

/*pages*/
.Pages{width:100%; text-align:center;}
.Pages a{display:inline-block; padding: 0 12px; font-size: 14px; border:1px solid #d2d2d2; color:#666; margin: 2px; line-height: 34px;}
.Pages .num a{padding: 0; width: 34px;}
.Pages a:hover,.Pages a.a_cur{background:#346abc; border: 1px solid #346abc; color: #fff;}
/*pages end*/

@media ( max-width:1024px){
    .Ban{padding: 100px 0;}
    .Ban .title .name{font-size: 25px; margin-top: 10px; line-height: 40px;}
    .Ban .title i{width: 30px;}
}

@media ( max-width:768px){
    .Menu .title{display: block;}
    .Menu .list{border: 1px solid #3268b6; 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: #3268b6;}

}

@media ( max-width:480px){
    .Ban .title .name{font-size: 22px;}
    .Pages a{padding: 0 6px; line-height: 30px;}
    .Pages .num a{width: 30px;}
}

/*Top*/
.HomeBody .Header,.fixednav.Header{position: fixed; width: 100%; left: 0px; top: 0px; z-index: 99; background: #fff; box-shadow: 0px 3px 20px rgba(0,0,0,.3);}
.fixednav .Logo{padding: 10px 0px;}
.fixednav .Nav li .am{line-height: 87px;}
.Top{position:relative;}
.Logo{width:386px; float:left; padding: 20px 0px; transition: 500ms;}
.Logo img{display:block; width:100%;}
.Showbox{width: 72%; float: right;}
.Nav li{float:left; width: 12.5%; text-align: center; position:relative;}
.Nav li .am{display:block; font-size:16px; line-height:100px; color:#333; transition: 500ms;}
.Nav li:hover .am,.Nav li.active .am{color:#fff; background: #3268b6;}
.Nav li .SubNav{position:absolute; left:50%; top:100%; z-index:999; width:140px; margin-left:-70px; display:none; background:rgba(50,104,182,.6); padding:15px 0px; border-radius: 0px 0px 10px 10px;}
.Nav li .SubNav a{display:block; line-height:45px; font-size:14px; color:#fff; text-align:center;}
.Nav li .SubNav a:hover{background:#3268b6;}

.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: 5%; height: 12px; line-height: 12px;}
.Banner .owl-dots .owl-dot{width: 12px; height: 12px; margin: 0px 10px; background-image: url(../images/dotpic.png); background-repeat: no-repeat; background-position: left top;}
.Banner .owl-dots .owl-dot.active{background-position: left bottom;}

@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:1660px){
    .Showbox{width: 68%;}
}

@media ( max-width:1460px){
    .Logo{width: 260px;}
    .fixednav .Nav li .am{line-height: 68px;}
    .Nav li .am{line-height: 78px;}
}

@media ( max-width:998px){
    .HomeBody .Header{position: relative;}
    .Logo{padding: 10px 0px;}
    .header_menu{display:block; background-image:url(../images/navicon.png); position:absolute; top:50%; right:0px; margin-top:-12px; width:20px; height:24px;background-size:100%;background-position:center; background-repeat:no-repeat; z-index:9;}
    .Showbox{width:50%; float: none; height:100%; background:rgba(0,0,0,.8); overflow:auto;overflow-x:none; position:fixed;z-index:9990;top:0; right:-100%;}
    .Showbox .close_bar{height:70px;line-height:70px;overflow:hidden;position:absolute;top:0;left:0; width:100%;background:rgba(0,0,0,.95); border-bottom:1px solid #e8e8e8;text-align:right;}
    .Showbox .close_bar a{background:url(../images/menu_close_btn.png) no-repeat;width:25px;height:25px; background-size:cover;display:inline-block;vertical-align:middle;margin-right:20px;transition:transform ease-in 0.3s;}
    .Showbox .close_bar a:hover{transform:rotate(180deg);}
    .Nav{background:none; margin-top:80px; width:100%;}
    .Nav li{float:none; width:100%; text-align:left;}
    .Nav li i{position: absolute; display: none; width: 70px; height: 70px; right: 0px; top: 0px; background-position: center center; background-repeat: no-repeat; background-image: url(../images/jia.png); overflow: hidden;}
    .Nav li .am{color:#fff; line-height:50px; font-size:18px;}
    .fixednav .Nav li .am,.Nav li .am{padding: 0px 0px 0px 20px;}
    .Nav li:hover .am, .Nav li.active .am{background:none;}
    .Nav li i{display: block;}
    .Nav li .SubNav{position:static; background:none; padding:0px; width: 100%; margin-left: 0; box-shadow: none;}
    .Nav li .SubNav dd{display: block; margin: 0;}
    .Nav li .SubNav a{padding-left:60px; text-align: left; font-size: 18px; display: block; line-height: 40px;}
    .Nav li.on i{background-image: url(../images/jian.png);}
    .Nav li.on .SubNav{display: block;}
}


@media ( max-width:480px){
    .Showbox{width:70%;}
}

/*bottom*/
.Footer{background-image: url(../images/footbg.jpg);}
.bleft{float: left; width: 64.93%; padding: 44px 0px;}
.bleft .bmenu{margin: 3% 0 6%; font-size: 14px; line-height: 24px;}
.bleft .bmenu a{color: #fff; display: inline-block; margin-right: 4%;}
.bleft .txt{font-size: 14px; color: #b1b1b1;}
.bleft .txt a{color: #b1b1b1;}

.bright{float: right;}
.bright .con{padding: 30px 28px; width: 328px; background-image: url(../images/f_infobg.jpg); position: relative; top: -36px; z-index: 5;}
.bright .con .call{width: 178px; float: left; color: #fff;}
.bright .con .call img{display: block; margin-bottom: 15px;}
.bright .con .call .name{display: block; font-size: 16px; line-height: 27px;}
.bright .con .call .num{font-family: "bahns"; font-size: 30px; line-height: 33px;}
.bright .con .wx{width: 128px; float: right;}
.bright .con .wx img{display: block; width: 100%;}
.bright .info{width: 265px; float: right; font-size: 14px; line-height: 24px; color: #b1b1b1;}
.bright .info img{display: inline-block; vertical-align: middle; margin-right: 5px;}

.RightFixed{position: fixed; width: 80px; top: 30%; right: 0; z-index: 20;}
.RightFixed dl dd{background: rgba(0,0,0,.5); text-align: center; margin-bottom: 1px; padding: 18px 0px 12px; position: relative;}
.RightFixed dl dd .icon{position: relative; display: inline-block; width: 30px; height: 30px;}
.RightFixed dl dd .icon img{position: absolute; left: 0px; top: 0px; width: 100%;}
.RightFixed dl dd .name{display: block; line-height: 20px; color: #fff;}
.RightFixed dl dd .hide{ background:#fff; text-align:center; position: absolute; width: 120px; left: -120px; top: 0; z-index: 2; display: none;}
.RightFixed dl dd .hide img{display: block; width: 100%;}
.RightFixed dl dd .hide .tel{ height:87px;font-size:17px; color:#3268b6;display: flex; align-items: center;justify-content: center;}

.RightFixed dl dd:hover .hide{display: block;}

@media ( max-width:1200px){
    .Footer{padding: 20px 0px; text-align: center;}
    .bleft,.bright{width: auto; float: none;}
    .bleft{padding: 0;}
    .bleft .bmenu{margin: 15px 0px;}
    .bright .con{display: none;}
    .bright .info{float: none; margin: 0 auto;}

    .RightFixed{width: 60px;}
}

@media ( max-width:768px){
    .Footer{margin-bottom: 62px;}
    .bleft .blogo img{width: 250px;}
    .bleft .bmenu a{margin: 0 6px;}
    .RightFixed{width: 100%; top: auto; bottom: 0;}
    .RightFixed dl dd{width: 25%; float: left; margin-bottom: 0; padding: 15px 0px 10px;}
    .RightFixed dl dd a{display: block; border-right: 1px solid rgba(255,255,255,0.5);}
    .RightFixed dl dd .name{display: none;}
    .RightFixed dl dd .hide{left: 50%; margin-left: -60px; top: -120px;}
}

/*进入效果*/
.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 .4s ease both;
    -moz-animation:fadeInLeft 1s .4s ease both;}
.active .anl4{
    animation:fadeInLeft 1s 1.6s ease both;
    -webkit-animation:fadeInLeft 1s .8s ease both;
    -moz-animation:fadeInLeft 1s .8s ease both;}

/*首页*/
.section{padding-top: 100px; position: relative;}
.section-6{padding-top: 0;}
.ptb3{padding: 2% 0;}
.mb2{margin-bottom: 2%;}
.mb3{margin-bottom: 3%;}
.HomeTit{margin-bottom: 3%;}
.HomeTit .more{float: right; width: 152px; line-height: 46px; color: #fff; border: 1px solid #3268b6; background: #3268b6; text-align: center; font-size: 14px; margin-top: 2%;}
.HomeTit .more2{background: none; color: #3268b6;}

.HomeSector .list li{width: 50%; float: left;}
.HomeSector .list li a{display: block; border-right: 1px solid #fff; position: relative;}
.HomeSector .list li:nth-child(2n) a{border-right: none;}
.HomeSector .list li:nth-child(3) a,.HomeSector .list li:nth-child(4) a{border-top: 1px solid #fff;}
.HomeSector .list li .effect-img span{display: block; height: 324px;}
.HomeSector .list li .mask{position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; background: rgba(0,0,0,.3);}
.HomeSector .list li .mask i{display: block; width: 24px; height: 2px; background: #3268b6;}
.HomeSector .list li .mask .name{font-size: 24px; line-height: 30px; margin-top: 16px; color: #fff;}

.HomeAbout .pic{position: absolute; left: 0; top: 0; width: 50%; height: 100%;}
.HomeAbout .con{width: 44.444%; float: right; padding: 5% 0;}
.HomeAbout .con .info{font-size: 16px; line-height: 36px; color: #4b4b4b; max-height: 144px; overflow: hidden; margin: 5% 0;}
.HomeAbout .DataBox{margin-bottom: 7%;}
.DataBox dd{width: 22.75%; float: left; margin-right: 3%;}
.DataBox dd:last-child{margin-right: 0;}
.DataBox dd .num{font-size: 16px; color: #346abc;}
.DataBox dd .num span{display: inline-block; line-height: 60px; font-size: 60px; font-family: "bast";}
.DataBox dd p{font-size: 14px; color: #a7a7a7; line-height: 30px;}
.mores{display: block; width: 128px; line-height: 43px; border: 1px solid #dcdcdc; font-size: 14px; color: #939393; text-align: center;}
.mores i{display: inline-block; margin-left: 7px; width: 18px; height: 11px; background-image: url(../images/more1.png);}
.mores:hover{background: #346abc; border: 1px solid #346abc; color: #fff;}
.mores:hover i{background-image: url(../images/more2.png);}

.section-4 .HomeTit{position: absolute; z-index: 9; width: 100%; height: 100%; left: 0; top: 120px;}
.HomeProject .slides li{height: 100%; position: absolute !important;}
.HomeProject li .pic{width: 50%; position: absolute; right: 0; top: 0; height: 100%;}
.HomeProject li .con{width: 44%; margin-top: 18%;}
.HomeProject li .con .title{padding-bottom: 29px; border-bottom: 1px solid #ccc; font-size: 30px; color: #3268b6; font-weight: bold; margin-bottom: 15px;}
.HomeProject li .con .title span{display: block; height: 40px; line-height: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.HomeProject li .con .date{display: block; font-size: 16px; line-height: 24px; color: #777;}
.HomeProject li .con .info{font-size: 14px; line-height: 24px; color: #7c7c7c; max-height: 170px; overflow: hidden; margin: 10% 0 6%;}
.HomeProject li .con .more{display: block; width: 30px; height: 18px; background: url(../images/more.png) no-repeat center center;}
.HomeProject li .con .number{margin-top: 10%; font-size: 29px; color: #cbcbcb; font-family: Arial;}
.HomeProject li .con .number .cur{font-size: 48px; color: #b58831; font-weight: bold;}
.HomeProject li .con .number .count{font-weight: bold;}
.HomeProject li .con .number i{display: inline-block; width: 24px; height: 29px; background: url(../images/line2.png) no-repeat center center;}
.HomeProject .flex-direction-nav{width: 100%; position: absolute; left: 80px; text-align: center; height: 80px; bottom: 0; z-index: 99;}
.HomeProject .flex-direction-nav li{display: inline-block; height: 80px; line-height: 80px;}
.HomeProject .flex-direction-nav li a{position: static; display: block; width: 80px; height: 80px; margin: 0; overflow: hidden; line-height: 10000px;}
.HomeProject .flex-direction-nav li .flex-prev{background-image: url(../images/left.png);}
.HomeProject .flex-direction-nav li .flex-next{background-image: url(../images/right.png);}
.HomeProject .flex-direction-nav li:hover .flex-prev{background-image: url(../images/lefton.png);}
.HomeProject .flex-direction-nav li:hover .flex-next{background-image: url(../images/righton.png);}

.HomeNews{overflow: hidden; padding: 5% 0;}
.HomeNews .hd{margin-top: 2%;}
.HomeNews .hd li{width: 154px; line-height: 55px; display: inline-block; text-align: center; font-size: 20px; position: relative;}
.HomeNews .hd li i{width: 14px; height: 7px; position: absolute; left: 50%; margin-left: -7px; bottom: -7px; background: url(../images/arr1.png) no-repeat; display: none;}
.HomeNews .hd li a{display: block; color: #333;}
.HomeNews .hd li.on a{background: #3268b6; color: #fff;}
.HomeNews .hd li.on i{display: block;}

.NewsSlider{margin-left: -45px;}
.NewsSlider .item a{display: block; margin-left: 45px;}
.NewsSlider .item .effect-img span{display: block; height: 290px;}
.NewsSlider .item .con{margin: 8% 0; position: relative; padding-left: 88px;}
.NewsSlider .item .date{position: absolute; left: 0; top: 0; width: 56px; text-align: center; font-family: Arial;}
.NewsSlider .item .date span{display: block; font-size: 36px; color: #303030; line-height: 44px; border-bottom: 1px solid #e7e7e7;}
.NewsSlider .item .date em{display: block; font-size: 14px; line-height: 26px; color: #a5a5a5;}
.NewsSlider .item .txt .title{font-size: 16px; margin-bottom: 12px; line-height: 34px; height: 34px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #313131; font-weight: bold;}
.NewsSlider .item .txt .info{font-size: 14px; line-height: 24px; height: 48px; overflow: hidden; color: #666;}
.NewsSlider .owl-nav .owl-prev span,.NewsSlider .owl-nav .owl-next span{width: 47px; height: 47px; overflow: hidden; line-height: 1000px; background-size: cover; background-repeat: no-repeat; position: absolute; top: 50%; margin-top: -130px; z-index: 5;}
.NewsSlider .owl-nav .owl-prev span{left: 45px; background-image: url(../images/left2.png);}
.NewsSlider .owl-nav .owl-next span{right: 0px; background-image: url(../images/right2.png);}

.HomeCustomer{padding: 11% 0;}
.LinkBox li{width: 18.4%; float: left; margin: 0 2% 2% 0;}
.LinkBox li:nth-child(5n){margin-right: 0;}
.LinkBox li a{display: block; border: 1px solid #d2d2d2;}
.LinkBox li .effect-img img{display: block; width: 100%;}

@media ( max-width:1440px){
    .section{padding-top: 78px;}
    .HomeTit .tit{width: 250px;}
    .HomeTit .more{margin-top: 10px;}
    .HomeSector .list li .effect-img span{height: 250px;}
    .HomeProject li .con{margin-top: 12%;}
    .HomeProject li .con .title{font-size: 25px; padding-bottom: 15px;}
    .HomeNews .hd{margin-top: 0;}
    .NewsSlider .item .effect-img span{height: 240px;}
    .HomeCustomer{padding: 4% 0 2%;}
	.DataBox dd .num span{font-size:50px;}
	.LinkBox li a{border:none;}
	.Banner .owl-dots{bottom:9%;}
	.HomeSector .list li{height:210px;}
.HomeSector .list li .mask .name{font-size: 22px; line-height: 22px; margin-top: 5px; }
}

@media ( max-width:1200px){
    .section{padding-top: 0;}
    .HomeTit .more{width: 120px; line-height: 46px;}
    .DataBox dd .num span{font-size: 36px; line-height: 36px;}
}

@media ( max-width:1024px){
    .mores{width: 100px; line-height: 36px;}
    .HomeSector .list li .mask .name{font-size: 20px;}
    .HomeNews .hd li{width: 120px; line-height: 45px; font-size: 16px;}
    .NewsSlider{margin-left: -15px;}
    .NewsSlider .item a{margin-left: 15px;}
    .NewsSlider .item .date span{font-size: 25px;}
    .NewsSlider .item .effect-img span{height: 200px;}
    .NewsSlider .owl-nav .owl-prev span, .NewsSlider .owl-nav .owl-next span{margin-top: -112px; width: 30px; height: 30px;}
    .NewsSlider .owl-nav .owl-prev span{left: 15px;}
}

@media ( max-width:768px){
    .HomeAbout .con{width: auto; float: none; padding: 5% 0 0;}
    .HomeAbout .pic{position: static; height: 400px; width: 100%;}
    .DataBox dd .num{font-size: 14px;}
}

@media ( max-width:640px){
    .HomeTit .tit{width: 200px;}
    .HomeTit .more{margin-top: 0; line-height: 40px;}
    .HomeSector .list li .effect-img span{height: 180px;}
    .HomeAbout .pic{height: 300px;}
}

@media ( max-width:480px){
    .ptb3{padding: 6% 0;}
    .mb2,.mb3{margin-bottom: 5%;}
    .HomeTit .tit{width: 170px;}
    .HomeTit .more{width: 100px; line-height: 30px;}
    .HomeSector .list li .effect-img span{height: 120px;}
    .HomeSector .list li .mask .name{font-size: 16px; margin-top: 5px;}
    .HomeAbout .pic{height: 200px;}
    .HomeAbout .con .info{font-size: 14px; line-height: 26px; max-height: 78px;}
    .DataBox dd{width: 46%; margin-right: 0;}
    .DataBox dd:nth-child(2n){float: right;}
    .DataBox dd .num span{font-size: 25px; line-height: 25px;}
    .HomeNews .HomeTit,.HomeNews .hd{width: auto; float: none !important;}
    .HomeNews .hd{text-align: center; margin: 20px 0px;}
    .HomeNews .hd li{width: 100px;}
    .NewsSlider .item .con{padding-left: 72px;}
    .HomeCustomer .LinkBox li{width: 48%; margin-right: 0;}
    .HomeCustomer .LinkBox li:nth-child(2n){float: right;}
}

/* 集团概况 */
.Title01{font-size: 36px; position: relative; margin-bottom: 3%;}
.Title01 p{line-height: 40px; color: #f4f4f4; text-transform: uppercase; font-weight: bold; position: absolute; left: 0; top: 0; z-index: 1;}
.Title01 p em{display: block;}
.Title01 .name{display: block; color: #333; line-height:40px; margin-bottom: 40px; position: relative; z-index: 2;}
.Title01 i{display: block; width: 57px; height: 3px; background: #b58831;}

.Title01.tc{text-align: center;}
.Title01.tc p{width: 100%;}
.Title01.tc i{margin: 0 auto;}
.Title01.white1 p{color: #fff;}
.Title01.white .name{color: #fff;}
.Title01.white p{color: rgba(255,255,255,0.1);}

.AboutBox .Aleft{width: 36%; float: left;}
.AboutBox .Aleft .pic{margin-top: 15%; text-align: center;}
.AboutBox .con{width: 59%; float: right;}
.AboutBox .con .txt{font-size: 16px; line-height: 36px; color: #4b4b4b; margin-bottom: 3%;}

.HistoryBox{background-image: url(../images/hisbg.jpg);}
.HistorySlider{padding: 0px 86px; position: relative;}
.DateSlide{background: url(../images/line3.png) repeat-x center center; margin-bottom: 3%;}
.DateSlide .slides li a{display: block; margin: 0 auto; text-align: center; width: 128px; line-height: 128px; text-align: center; font-size: 24px; color: #3268b6; font-weight: bold; font-family: Arial; background-image: url(../images/his1.png); background-size: cover; background-repeat: no-repeat; background-position: center center;}
.DateSlide .slides li.flex-active-slide a{background-image: url(../images/his2.png); color: #fff;}
.HisCon .pic{width: 33.67%; float: left;}
.HisCon .pic img{display: block; width: 100%;}
.HisCon .con{width: 62%; float: right; margin-top: 4%; font-size: 18px;}
.HisCon .con i{display: block; width: 28px; height: 4px; background: #3268b6;}
.HisCon .con .info{margin: 15px 0px 8px; color: #4b4b4b; line-height: 33px;}
.HisCon .con .number{font-weight: bold; color: #333;}
.HisCon .flex-direction-nav a{line-height: 1000px; overflow: hidden; top: 43px; margin-top: 0; width: 38px; height: 38px; background-size: cover; background-repeat: no-repeat; background-position: center center;}
.HisCon .flex-direction-nav .flex-prev{left: 0; background-image: url(../images/left3.png);}
.HisCon .flex-direction-nav .flex-next{right: 0; background-image: url(../images/right3.png);}

.HonnorBox .hd{position: absolute; right: 0px; top: 10%; text-align: right; width: 60%; z-index: 5;}
.HonnorBox .hd li{display: inline-block; font-size: 16px; line-height: 30px; margin-left: 5%;}
.HonnorBox .hd li a{display: block; color: #666; border-bottom: 1px solid rgba(255,255,255,0);}
.HonnorBox .hd li.on a{border-bottom: 1px solid #247cfa; color: #247cfa;}
.HonnorBox .bd{width: 72%; float: right;}
.HonnorSlider{padding-bottom: 50px;}
.HonnorSlider .item a{display: block; margin: 0 7px; padding-top: 15px;}
.HonnorSlider .item .effect-img{box-shadow: 0px 0px 20px rgba(0,0,0,.3);}
.HonnorSlider .item .effect-img img{display: block; width: 100%;}
.HonnorSlider .item .title{line-height: 24px; height: 48px; overflow: hidden; text-align: center; color: #333; font-size: 16px; margin-top: 15px;}
.HonnorSlider .owl-dots{width: 100%; text-align: center; position: absolute; left: 0px; bottom: 0; height: 12px; line-height: 12px;}
.HonnorSlider .owl-dots .owl-dot{width: 12px; height: 12px; margin: 0px 6px; background-image: url(../images/dotpic2.png); background-repeat: no-repeat; background-position: left top;}
.HonnorSlider .owl-dots .owl-dot.active{background-position: left bottom;}
.Left_honnor{width: 25%; float: left;}
.Left_honnor li a{font-weight:bold;display: block; font-size: 18px; color: #333; line-height: 46px; height: 46px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; cursor: default;}
.Left_honnor li i{color: #3268b6; margin-right: 6px;}

.CumstorBox{background-image: url(../images/cusbg.jpg); overflow: hidden;}
.CumstorSlider .owl-nav{text-align: center; width: 100%; height: 30px;}
.CumstorSlider .owl-nav .owl-prev,.CumstorSlider .owl-nav .owl-next{width: 30px; height: 30px; margin: 0px 6px; display: inline-block;}
.CumstorSlider .owl-nav span{display: block; height: 30px; overflow: hidden; line-height: 1000px;}
.CumstorSlider .owl-nav .owl-prev span{background: url(../images/left4.jpg);}
.CumstorSlider .owl-nav .owl-next span{background: url(../images/right4.jpg);}
.CumstorSlider .owl-nav .owl-prev:hover span{background: url(../images/lefton4.jpg);}
.CumstorSlider .owl-nav .owl-next:hover span{background: url(../images/righton4.jpg);}

.VideoBox{position: relative; text-align: center;}
.VideoBox .img{position: relative; z-index: 3;}
.VideoBox .img img{width: 100%; display: block;}
.VideoBox .play{position: absolute; left: 50%; top: 50%; margin: -34px 0px 0px -34px; width: 68px; height: 68px; background-image: url(../images/play.png); background-repeat: no-repeat; background-position: center center;}
.VideoBox video{position: absolute; z-index: 2; left: 0px; top: 0px; width: 100%; height: 100%; background: #000;}

@media ( max-width:1024px){
    .Title01{font-size: 25px;}
    .Title01 p{line-height: 29px;}
    .Title01 .name{line-height: 58px; margin-bottom: 10px;}

    .AboutBox .Aleft,.AboutBox .con{width: auto; float: none;}
    .AboutBox .Aleft .pic{margin: 3% 0;}
    .HistorySlider{padding: 0;}
    .DateSlide .slides li a{width: 100px; line-height: 100px;}
    .HisCon .flex-direction-nav a{top: 30px; background-color: #f5f5f5; border-radius: 50%;}

    .HonnorBox .bd,.Left_honnor{width: auto; float: none;}
    .HonnorBox .hd{top: 3%;}
    .Left_honnor li{width: 48%; float: left;}
    .Left_honnor li:nth-child(2n){float: right;}
    .Left_honnor li a{font-size: 16px; height: 32px; line-height: 32px;}
}

@media ( max-width:768px){
    .Title01{font-size: 20px;}
    .HonnorSlider{padding-bottom: 30px; margin-bottom: 20px;}
    .HisCon .con{margin-top: 0;}
}

@media ( max-width:640px){
    .HisCon .pic,.HisCon .con{width: auto; float: none;}
    .HisCon .pic{margin-bottom: 20px;}
}

@media ( max-width:480px){
    .Title01{margin-bottom: 5%;}
    .DateSlide .slides li a{font-size: 20px; width: 80px; line-height: 80px;}
    .HisCon .con{font-size: 16px;}
    .HisCon .flex-direction-nav a{top: 20px;}
    .HonnorBox .hd{position: static; text-align: center; width: auto;}
    .CumstorBox .LinkBox li{width: 32%;}
    .CumstorBox .LinkBox li:nth-child(5n){margin-right: 2%;}
    .CumstorBox .LinkBox li:nth-child(3n){margin-right: 0;}
    .Left_honnor li,.Left_honnor li:nth-child(2n){width: auto; float: none;}
}

/* 业务板块 */
.BusinBox .Title01{position: absolute; left: 0; top: 0; z-index: 3; width: 50%;}
.BusinBox li .effect-img{width: 50%; float: right; position: relative;}
.BusinBox li .effect-img img{display: block; width: 100%;}
.BusinBox li .effect-img .mask{position: absolute; width: 100%; left: 0; top: 0; height: 100%; background: rgba(0,0,0,.4); z-index: 1;}
.BusinBox li .effect-img .name{position: absolute; left: 5%; right: 5%; bottom: 5%; color: #fff; text-align: left; z-index: 2;}
.BusinBox li .effect-img .name .tit{font-size: 28px; line-height: 32px;}
.BusinBox li .effect-img .name i{display: block; width: 54px; height: 2px; background: #3268b6; margin: 25px 0px 20px;}
.BusinBox li .effect-img .name p{font-size: 16px; line-height: 24px; font-family: Arial; text-transform: uppercase;}
.BusinBox li .con{width: 48%; float: left; padding-top: 6%;}
.BusinBox li .con .title{font-size:24px; color: #333; line-height:24px;}
.BusinBox li .con .info{font-size: 14px; line-height:28px; max-height:330px; overflow: hidden;}
.BusinBox li .con .info,.BusinBox li .con dl{margin-top: 4%;}
.BusinBox li .con dl dd{width: 25%; float: left; text-align: center;}
.BusinBox li .con dl dd .icon{position: relative; width: 106px; height: 106px; margin: 0 auto 16px; box-shadow: 0px 5px 20px rgba(0,0,0,.2); border-radius: 50%;}
.BusinBox li .con dl dd .icon img{position: absolute; width: 100%; left: 0; top: 0;}
.BusinBox li .con dl dd .name{display: block; font-size: 18px; color: #333;}
.BusinBox li:nth-child(2n) .effect-img{float: left;}
.BusinBox li:nth-child(2n) .con{float: right;}

@media ( max-width:1366px){
    .BusinBox li .con dl dd .icon{width: 86px; height: 86px;}
	.Title01 p{line-height:30px;}
    .Title01 .name{line-height:25px;}
}

@media ( max-width:1200px){
    .BusinBox .Title01{position: static; width: auto; text-align: center;}
    .BusinBox .Title01 p{width: 100%;}
    .BusinBox .Title01 i{margin: 0 auto;}
    .BusinBox li .con{padding-top: 4%;}
    .BusinBox li .con .title,.BusinBox li .effect-img .name .tit{font-size: 20px;}
    .BusinBox li .effect-img .name i{margin: 15px 0px;}
}

@media ( max-width:768px){
    .BusinBox li .effect-img,.BusinBox li .con,.BusinBox li:nth-child(2n) .effect-img,.BusinBox li:nth-child(2n) .con{width: auto; float: none;}
    .BusinBox li .con{padding: 3% 0;}
    .BusinBox li .con .info{line-height: 26px; max-height: 78px;}
    .BusinBox li .con .info,.BusinBox li .con dl{margin-top: 15px;}
}

@media ( max-width:480px){
    .BusinBox li .con dl dd{width: 50%; margin-bottom: 15px;}
    .BusinBox li .con dl dd .name{font-size: 16px;}
    .BusinBox li .effect-img .name p{font-size: 14px;}
}

/* 业务列表 */
.BusinList{overflow: hidden;}
.BusinList ul{margin-left: -2%;}
.BusinList li{width: 31.333%; padding-left: 2%; border-bottom: 1px solid #d9d9d9; float: left; margin-bottom: 3%;}
.BusinList li .box{position: relative;}
.BusinList li .effect-img span{display: block; height: 325px;}
.BusinList li .mask{opacity: 0; transition: 500ms; position: absolute; left: 5%; right: 5%; top: 5%; bottom: 5%; display: flex; align-items: center; justify-content: center; flex-direction: column; font-size: 14px; line-height: 24px; color: #fff; background-color: rgba(0,0,0,.5); background-image: url(../images/arr2.png); background-repeat: no-repeat; background-position: center bottom;}
.BusinList li .mask .info{width: 60%; max-height: 48px; overflow: hidden;}
.BusinList li .title{font-size: 16px; line-height: 57px; height: 57px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #333; text-align: center;}
.BusinList li .line{position: absolute; width: 100%; left: 0; bottom: -1px; z-index: 9; border-bottom: 1px solid #3268b6; opacity: 0;}
.BusinList li:hover .line{opacity: 1;}
.BusinList li:hover .mask{opacity: 1;}

@media ( max-width:1200px){
    .BusinList li:hover .mask{opacity: 0;}
    .BusinList li .effect-img span{height: 260px;}
}

@media ( max-width:768px){
    .BusinList li .effect-img span{height: 180px;}
    .BusinList li .title{font-size: 14px; height: 40px; line-height: 40px;}
}

@media ( max-width:480px){
    .BusinList li{width: auto; float: none; padding: 0; margin-bottom: 5%;}
}

/* 新工艺 */
.Xgybg{background: #f3f3f6 url(../images/xgybg.jpg) no-repeat center bottom;}
.Technology li{width: 32%; float: left; margin: 0 2% 2% 0; box-shadow: 0px 0px 20px rgba(0,0,0,.1); background: #fff;}
.Technology li:nth-child(3n){margin-right: 0;}
.Technology li .con{padding: 8%; color: #333; font-size: 14px; line-height: 25px;}
.Technology li .con .icon{position: relative; width: 58px; height: 58px; margin: 0 auto;}
.Technology li .con .icon img{position: absolute; width: 100%; left: 0; top: 0;}
.Technology li .con .title{line-height: 30px; margin: 16px 0px 10px; text-align: center; font-size: 20px;}
.Technology li .con .info{max-height: 100px; overflow: auto;}
.Technology li:hover{background: #3268b6;}
.Technology li:hover .con{color: #fff;}
.MoreList{display: block; width: 128px; line-height: 43px; border: 1px solid #a0a0a0; text-align: center; font-size: 14px; color: #333; margin: 3% auto; text-transform: uppercase;}

@media ( max-width:1024px){
    .Technology li .con .title{font-size: 16px; margin: 8px 0px;}
}

@media ( max-width:640px){
    .Technology li{width: auto; float: none; margin: 0 0 20px;}
    .Technology li .con{padding: 20px;}
}

/* 精品案例 */
.CaseMenu{width: 60%; position: absolute; right: 0; top: 4%; text-align: right; z-index: 3; display: none;}
.CaseMenu a{display: inline-block; font-size: 14px; line-height: 26px; color: #666; margin-left: 3%; border-bottom: 1px solid #fff;}
.CaseMenu a.on,.CaseMenu a:hover{border-bottom: 1px solid #3268b6; color: #3268b6}
.BigPic .slides li{position: relative;}
.BigPic .slides li .pic img{display: block; width: 100%;}
.BigPic .slides li .title{position: absolute; line-height: 88px; left: 15%; right: 15%; bottom: 0; background: rgba(50,104,182,0.9); text-align: center; font-size: 24px; color: #fff;}
.BigPic .flex-direction-nav a{line-height: 1000px; overflow: hidden; top: auto; bottom: 120px; margin-top: 0; margin-top: 0; width: 38px; height: 38px; background-size: cover; background-repeat: no-repeat; background-position: center center;}
.BigPic .flex-direction-nav .flex-prev{left: -80px; background-image: url(../images/left3.png);}
.BigPic .flex-direction-nav .flex-next{right: -80px; background-image: url(../images/right3.png);}
.BigPic .flex-direction-nav .flex-prev:hover{background-image: url(../images/lefton3.png);}
.BigPic .flex-direction-nav .flex-next:hover{background-image: url(../images/righton3.png);}
.SmallPic{margin: 34px 0px 0px -30px;}
.SmallPic li a{display: block; margin-left: 30px; position: relative;}
.SmallPic li .pic{height: 288px;}
.SmallPic li .mask{opacity: 0; transition: 500ms; position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; background: rgba(0,0,0,.5); display: flex; align-items: center; justify-content: center; font-size: 16px; color: #fff;}
.SmallPic li.flex-active-slide .mask{opacity: 1;}

@media ( max-width:1600px){
    .BigPic{position: relative;}
    .BigPic .flex-direction-nav a{top: 50%; margin-top: -19px; bottom: auto; background-color: #fff; border-radius: 50%;}
    .BigPic .flex-direction-nav .flex-prev{left: 20px;}
    .BigPic .flex-direction-nav .flex-next{right: 20px;}
}

@media ( max-width:1024px){
    .CaseMenu{text-align: center; width: auto; position: static; margin-bottom: 20px;}
    .CaseMenu a{margin: 0px 10px;}
    .CaseMain .Title01{position: static; width: auto; text-align: center;}
    .CaseMain .Title01 p{width: 100%;}
    .CaseMain .Title01 i{margin: 0 auto;}
    .BigPic .slides li .title{font-size: 18px; line-height: 60px;}
    .SmallPic li .pic{height: 180px;}
}

@media ( max-width:768px){
    .BigPic .slides li .title{font-size: 16px; line-height: 50px; left: 0; right: 0;}
    .SmallPic li .pic{height: 120px;}
    .SmallPic{margin: 15px 0px 0px -10px;}
    .SmallPic li a{margin-left: 15px;}
}

@media ( max-width:480px){
    .SmallPic li .pic{height: 80px;}
    .SmallPic li .mask{display: none;}
    .SmallPic li a{border: 2px solid #fff;}
    .SmallPic li.flex-active-slide a{border: 2px solid #3268b6;}
}

/* 案例详情 */
.DetailMain{padding-bottom: 3%;}
.DetailMain .title{padding-bottom: 18px; border-bottom: 1px solid #d2d2d2; text-align: center;}
.DetailMain .title .name{display: block; font-size: 28px; line-height: 36px; margin-bottom: 8px; color: #333;}
.DetailMain .title p{font-size: 14px; line-height: 24px; color: #666;}
.DetailMain .title p i{padding: 0px 20px;}
.PicSlider{margin-top: 3%;}
.PicSlider .item img{display: block; width: 100%;}
.PicSlider .owl-dots{width: 100%; text-align: center; position: absolute; left: 0px; bottom: 0; height: 2px; line-height: 2px;}
.PicSlider .owl-dots .owl-dot{width: 45px; height: 2px; margin: 0px 5px; background: #999;margin-top:20px;}
.PicSlider .owl-dots .owl-dot.active{background: #346abc;}

.Single{font-size: 16px; line-height: 36px; color: #4b4b4b;}

.PrevNextBox{border-top: 1px solid #a7a7a7; border-bottom: 1px solid #a7a7a7; padding: 24px 0px; position: relative;}
.PrevNextBox dl{font-size: 16px; line-height: 36px; color: #4b4b4b;}
.PrevNextBox dl a{color: #4b4b4b;}
.PrevNextBox dl b{font-weight: normal;}
.PrevNextBox dl:hover a{color: #3268b6;}
.PrevNextBox .toback{position: absolute; right: 4%; top: 50%; margin-top: -14px; line-height: 28px; font-size: 16px; color: #4b4b4b;}
.PrevNextBox .toback img{margin-left: 8px; display: inline-block; vertical-align: middle;}

@media ( max-width:1024px){
    .DetailMain .title .name{font-size: 24px;}
}

@media ( max-width:768px){
    .DetailMain .title .name{font-size: 20px;}
    .PrevNextBox{padding: 10px 0px;}
    .PrevNextBox dl{line-height: 30px;}
    .PrevNextBox .toback{display: none;}
}

@media ( max-width:480px){
    .PicSlider{margin-top: 5%;}
    .PicSlider .owl-dots .owl-dot{width: 25px;}
}

/* 资讯中心 */
.NewsList ul{padding-bottom: 1.5%;}
.NewsList li{margin-bottom: 2.5%;}
.NewsList li .effect-img{width: 22.5%; float: left;}
.NewsList li .effect-img span{display: block; height: 210px;}
.NewsList li .con{width: 77.5%; float: right; position: relative;}
.NewsList li .date{position: absolute; width: 112px; left: -37px; top: 12px; z-index: 2; text-align: right; font-family: Arial;}
.NewsList li .date span{display: block; font-size: 24px; line-height: 39px; color: #333; border-bottom: 1px solid #3268b6; margin-bottom: 7px;}
.NewsList li .date p{font-size: 14px; line-height: 20px; color: #b6b6b6;}
.NewsList li .txt{padding: 3% 30px 3% 126px;}
.NewsList li .txt .title{font-size: 18px; line-height: 26px; height: 26px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #333;}
.NewsList li .txt .info{font-size: 14px; line-height: 28px; height: 56px; overflow: hidden; color: #666; margin: 1.5% 0 3%;}
.NewsList li .txt .more{display: block; width: 18px; height: 11px; background: url(../images/more1.png);}
.NewsList li:hover{background: #f2f2f2;}
.NewsList li:hover .txt .more{background: url(../images/more3.png);}

@media ( max-width:1200px){
    .NewsList li .effect-img span{height: 180px;}
    .NewsList li .txt{padding: 3% 15px 3% 110px;}
}

@media ( max-width:768px){
    .NewsList li .effect-img span{height: 150px;}
    .NewsList li .txt .title{font-size: 16px;}
}

@media ( max-width:480px){
    .NewsList li .effect-img,.NewsList li .con{width: auto; float: none;}
    .NewsList li .effect-img span{height: 220px;}
    .NewsList li .date{left: 0; width: 60px; text-align: left;}
    .NewsList li .txt{padding-left: 80px;}
}

/* 党群之窗 */
.PartyTop{padding-bottom: 2%; border-bottom: 1px solid #ccc; margin-bottom: 1.5%;}
.PartyTop .pic{width: 39.5%; float: left; height: 377px;}
.PartyTop .con{width: 57%; float: right; padding: 2.5% 0 0;}
.PartyTop .con .title{font-size: 22px; color: #333; line-height: 36px; height: 36px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-bottom: 25px; border-bottom: 1px solid #ccc;}
.PartyTop .con .info{font-size: 16px; color: #666; line-height: 36px; height: 108px; overflow: hidden; margin: 3% 0 5%;}
.PartyTop .con .other{line-height: 43px;}
.PartyTop .con .other .date{float: right; font-size: 18px; color: #666;}
.PartyTop .con .other .more{display: inline-block; width: 128px; border: 1px solid #a0a0a0; color: #666; text-align: center; font-size: 14px;}

.PartyList ul{padding-bottom: 3%;}
.PartyList li{font-size: 18px; height: 49px; line-height: 49px; overflow: hidden;}
.PartyList li .box{position: relative; transition: 500ms;}
.PartyList li .box a{color: #333; display: block;}
.PartyList li .box .date{display: inline-block; font-size: 16px; color: #666; margin-right: 18px;}
.PartyList li .box i{position: absolute; width: 10px; height: 2px; background: #346abc; left: 0; top: 50%; margin-top: -1px; opacity: 0; transition: 500ms;} 
.PartyList li:hover{background: #f4f4f4;}
.PartyList li:hover .box{padding-left: 20px;}
.PartyList li:hover .box .date,.PartyList li:hover .box a{color: #346abc;}
.PartyList li:hover .box i{opacity: 1;}

@media ( max-width:1200px){
    .PartyTop .pic{height: 300px;}
    .PartyTop .con .title{font-size: 18px; padding-bottom: 10px;}
}

@media ( max-width:768px){
    .PartyTop .pic{height: 240px;}
    .PartyList li{font-size: 16px;}
    .PartyList li .box .date{font-size: 14px;}
    .PartyTop .con .title{font-size: 16px;}
    .PartyTop .con .info{font-size: 14px; line-height: 26px; height: 78px;}
    .PartyTop .con .other{line-height: 36px;}
    .PartyTop .con .other .more{width: 90px;}
}

@media ( max-width:480px){
    .PartyTop{padding-bottom: 20px; margin-bottom: 10px;}
    .PartyTop .pic,.PartyTop .con{width: auto; float: none;}
}

/* 企业文化 */
.CultureBox li{width: 32%; float: left; margin: 1% 2% 1% 0;}
.CultureBox li:nth-child(3n){margin-right: 0;}
.CultureBox li .effect-img span{display: block; height: 326px;}
.CultureBox li .mask{position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0,0,0,.3); z-index: 1;}
.CultureBox li .title{position: absolute; left: 5%; right: 5%; bottom: 7%; text-align: left; color: #fff; z-index: 2;}
.CultureBox li .title .name{font-size: 28px; line-height: 32px;}
.CultureBox li .title i{display: block; width: 54px; height: 2px; background: #3268b6; margin: 25px 0px 20px;}
.CultureBox li .title p{font-size: 16px; line-height: 24px; font-family: Arial; text-transform: uppercase;}
.CultureBox li .con{margin-top: 20px; text-align: center;}
.CultureBox li .con h3{font-size: 20px; color: #333; line-height: 30px;}
.CultureBox li .con p{font-size: 16px; line-height: 27px; color: #666;}

.TeamBox{background-image: url(../images/teambg.jpg);}
.TeamBox .hd{position: absolute; width: 60%; right: 0; top: 30px; text-align: right; z-index: 3;}
.TeamBox .hd li{display: inline-block; font-size: 18px; line-height: 30px; margin-left: 3%;}
.TeamBox .hd li a{display: block; color: #333;}
.TeamBox .hd li.on a{color: #3268b6;}
.TeamSlider{z-index: 3; padding-bottom: 30px;}
.TeamSlider .owl-nav .owl-prev span,.TeamSlider .owl-nav .owl-next span{width: 46px; height: 46px; overflow: hidden; line-height: 1000px; background-size: cover; background-repeat: no-repeat; position: absolute; top: -90px; margin-top: 0px; z-index: 5;}
.TeamSlider .owl-nav .owl-prev span{right: 68px; background-image: url(../images/left3.png);}
.TeamSlider .owl-nav .owl-next span{right: 0px; background-image: url(../images/right3.png);}
.TeamSlider .owl-nav .owl-prev span:hover{background-image: url(../images/lefton3.png);}
.TeamSlider .owl-nav .owl-next span:hover{background-image: url(../images/righton3.png);}
.TeamSlider .item dd,.PicList li{width: 23.5%; float: left; margin: 1% 2% 1% 0;}
.TeamSlider .item dd:nth-child(4n),.PicList li:nth-child(4n){margin-right: 0;}
.TeamSlider .item dd .effect-img img,.PicList li .effect-img{display: block; width: 100%; height: 225px;}
.TeamSlider .item dd .title{line-height: 30px; height: 30px; white-space: nowrap; text-overflow: ellipsis;}
.TeamSlider .item dd .title,.PicList li .title{margin: 10px 0px 0px; font-size: 16px; text-align: center;  overflow: hidden;}
.PicList li .title{line-height: 24px; height: 48px;}
.TeamSlider .owl-dots{width: 100%; text-align: center; position: absolute; left: 0px; bottom: -30px; height: 12px; line-height: 12px;}
.TeamSlider .owl-dots .owl-dot{width: 12px; height: 12px; margin: 0px 5px; border-radius: 50%; box-shadow: 0 0 20px rgba(0,0,0,.3); background-image: url(../images/dotpic.png); background-repeat: no-repeat; background-position: left top;}
.TeamSlider .owl-dots .owl-dot.active{background-position: left bottom;}


@media ( max-width:1200px){
    .CultureBox li .effect-img span{height: 260px;}
    .CultureBox li .title .name{font-size: 20px;}
    .CultureBox li .title i{margin: 15px 0px;}
    .CultureBox li .con{margin-top: 10px;}
}

@media ( max-width:1024px){
    .TeamSlider .owl-nav .owl-prev span, .TeamSlider .owl-nav .owl-next span{top: -80px;}
    .TeamSlider .item dd .effect-img img,.PicList li .effect-img{height: 155px;}
}

@media ( max-width:768px){
    .CultureBox li .effect-img span{height: 160px;}
    .CultureBox li .mask,.CultureBox li .title{display: none;}
    .CultureBox li .con h3{font-size: 16px;}
    .CultureBox li .con p{font-size: 14px; line-height: 20px; height: 40px;}
    .TeamBox .hd{position: static; width: auto; text-align: center; margin-bottom: 10px;}
    .TeamBox .hd li{font-size: 16px; margin: 0 15px;}
    .TeamSlider .item dd .title,.PicList li .title{font-size: 14px;}
    .TeamSlider .item dd .effect-img img,.PicList li .effect-img{height: 116px;}
    .TeamSlider .owl-nav .owl-prev span, .TeamSlider .owl-nav .owl-next span{width: 30px; height: 30px; top: -70px;}
    .TeamSlider .owl-nav .owl-prev span{right: 50px;}
}

@media ( max-width:640px){
    .TeamSlider .item dd .effect-img img,.PicList li .effect-img{height: 95px;}
}

@media ( max-width:480px){
    .CultureBox li,.TeamSlider .item dd,.PicList li{width: 48%; margin-right: 0;}
    .CultureBox li:nth-child(2n),.TeamSlider .item dd:nth-child(2n),.PicList li:nth-child(2n){float: right;}
    .CultureBox li .effect-img span{height: 120px;} 
    .TeamSlider .item dd .effect-img img,.PicList li .effect-img{height: 110px;}
}

/* 加入我们 */
.Jobcon{font-size: 16px; line-height: 36px; color: #4b4b4b;}
.JobList li{border-bottom: 1px solid #e4ebf5;}
.JobList li .box{background:#3268b6; height: 74px; line-height: 74px; font-size:18px; overflow: hidden; padding:0 3%; color:#fff;}
.JobList li .box .name{float: left; padding-left: 34px; background: url(../images/arr3.png) no-repeat left center;}
.JobList li .box .name em{font-family:Arial; font-weight: normal;}
.JobList li .box .date{float: right;}
.JobList li .Con{border: 1px solid #bfbfbf; border-bottom: none; font-size:16px; line-height: 34px; color: #333; padding:2% 3%; display:none;}
.JobList li .Con dl{margin-bottom: 3%;}
.JobList li .Con dt{font-weight:bold;}
.JobList li .Con .Apply a{display:block; width:114px; line-height:37px; text-align:center; font-size:14px; color: #fff; background: #3268b6;}

@media ( max-width:768px){
    .JobList li .box{height: 45px; line-height: 45px; font-size: 16px;}
}

@media ( max-width:480px){
    .Jobcon,.JobList li .Con{line-height: 30px; font-size: 15px;}
}

/*应聘表单*/
.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:#3268b6;}
.recruitform dl.btn input.reset{background:#ccc;}

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

/* 联系我们 */
.Map{width: 100%; border: 1px solid #cdcdcd;}
.Map img{width:100%;}
.ContactBox{background: #f2f2f2; padding: 42px 45px;}
.ContactBox .sign{width: 37%; float: left; text-align: center; padding: 48px 0px;}
.ContactBox .sign img{display: inline-block; max-width: 80%;}
.ContactBox .con{width: 57.5%; float: right; padding-left: 5%; border-left: 1px solid #b5b5b5;}
.ContactBox .con dd{padding-left: 35px; font-size: 16px; line-height: 36px; color: #333; background-repeat: no-repeat; background-position: left 5px;}
.ContactBox .con dd.c1{background-image: url(../images/ct1.png);}
.ContactBox .con dd.c2{background-image: url(../images/ct2.png);}
.ContactBox .con dd.c3{background-image: url(../images/ct3.png);}
.ContactBox .con dd.c4{background-image: url(../images/ct4.png);}

@media ( max-width:1024px){
    /* .Map{height: 450px;} */
    .ContactBox{padding: 20px;}
}

@media ( max-width:480px){
    /* .Map{height: 350px;} */
    .ContactBox .sign,.ContactBox .con{width: auto; float: none;}
    .ContactBox .sign{padding: 0; margin-bottom: 15px;}
    .ContactBox .con{padding-left: 0; border: none;}
    .ContactBox .con dd{padding-left: 30px; font-size: 15px;}
}

/* 在线留言 */
.MessageCon .con{width: 50.5%; float: left;}
.MessageCon .con dl dd{width: 48%; float: left; position: relative; margin: 2% 0;}
.MessageCon .con dl dd:nth-child(2n){float: right;}
.MessageCon .con dl dd img{position: absolute; left: 0; top: 50%; margin-top: -24px;}
.MessageCon .con dl dd .txt{padding-left: 68px; line-height: 24px;}
.MessageCon .con dl dd .txt span{display: block; font-size: 14px; color: #666;}
.MessageCon .con dl dd .txt p{font-size: 18px; color: #333;}
.MessageCon .pic{width: 44.7%; float: right;}
.MessageCon .pic img{display: block; width: 100%;}

.Message dl{float:left; width:49%;}
.Message dl:nth-child(2n){float:right;}
.Message dl.i5,.Message dl.i6{float:none; width:100%;}
.Message dl dd{padding:0px 10px 0px 67px; border:1px solid #ebebeb; background-repeat: no-repeat; background-position: left center; margin-bottom:30px;}
.Message dl dd .input,.Message dl dd textarea{line-height: 79px; width:100%; font-size: 18px; color: #000; font-family: "微软雅黑";}
.Message dl dd .input::placeholder,.Message dl dd textarea::placeholder{color: #666;}
.Message dl dd textarea{height:360px;}
.Message dl.i1 dd{background-image:url(../images/m1.png);}
.Message dl.i2 dd{background-image:url(../images/m2.png);}
.Message dl.i3 dd{background-image:url(../images/m4.png);}
.Message dl.i4 dd{background-image:url(../images/m3.png);}
.Message dl.i5 dd{background-image:url(../images/m5.png); background-position: left top;}
.Message dl.i6{text-align:center;}
.Message dl.i6 .btn{width:216px; height:68px; background:#3268b6; margin: 0px 23px; color:#fff; font-size:18px;}

@media ( max-width:1200px){
    .MessageCon .con,.MessageCon .pic{width: auto; float: none;}
    .MessageCon .pic{margin-top: 2%;}
    .Message dl.i5 dd{background-position: left -15px; margin-bottom: 15px;}
    .Message dl dd .input,.Message dl dd textarea{line-height: 50px;}
    .Message dl dd textarea{height: 200px;} 
    .Message dl.i6 .btn{width: 140px; height: 46px; margin: 0px 10px;}
}

@media ( max-width:768px){
    .Message dl dd .input,.Message dl dd textarea{font-size: 16px;}
}

@media ( max-width:640px){
    .MessageCon .con dl dd,.MessageCon .con dl dd:nth-child(2n){width: auto; float: none; margin: 20px 0px;}
    .Message dl,.Message dl:nth-child(2n){width:100%; float:none;}
    .Message dl.i6 .btn{width:120px; height:40px;}
}

/* 20-05-19 */
.BottomFix{position: fixed; width: 100%; left: 0; bottom: 0; display: none;}

@media ( max-width:1600px){
    .BottomFix .bleft{padding: 20px 0;}
    .BottomFix .bleft .bmenu{margin: 10px 0 15px;}
    .BottomFix .bright .info{width: auto;}
    .BottomFix .bright .con{padding: 15px; top: -16px;}
    .BottomFix .bright .con .wx{width: 100px;}
    .BottomFix .bright .con .call img{width: 30px;}
    .BottomFix .bright .con .call .num{font-size: 22px; line-height: 22px;}
}

@media ( max-width:1400px){
    .LinkBox li .effect-img {text-align: center;}
    .LinkBox li .effect-img img{width: auto; height:80px; display: inline-block;}
}

@media ( max-width:1200px){
    .BottomFix{position: static;}
}