@charset "utf-8";
/*~~~~框架布局~~~*/


.ProductShow{margin-bottom:-150px;}

/*==顶部↓==*/
/*.fixed-top{position:fixed;z-index:99;width:100%;padding:10px 0; background:#fff}
.fixed-top .logo{}*/
.header{position:fixed;z-index:9;padding:20px 0 20px 0; background: rgba(0,0,0,0.5);z-index:999;}
.fixed-top{padding:10px 0;background: rgba(0,0,0,0.7);box-shadow: 0 0 10px #666;z-index:999;}
.fixed-top .logo img{height:40px;}
div.fixed-top .nav{margin-top:5px;}
div.fixed-top .tel{margin-top:-6px;}
.header .container{width:1440px;}
.header .logo{/*! margin-left: 5%; *//*! height: 100%; */}
.header .tel{margin-top:5px;/*! margin-right:10%; */ margin-left:20px;padding-left:30px;color:#fff;font-size:13px;/*! height: 50px; */position: relative;}
.header .tel:before{ position: absolute;top:7px;left:0; font-size:25px;}
.header .tel font{ display: block;font-size:20px;/*! padding-left:20px; */ font-weight:bold}
.header .nav{margin:13px 50px 0 0px;}
.header .nav li{float: left; position: relative;margin:0 0px;/* position: relative; */}
.header .nav li a.navAone{display: block; color:#fff; font-size:14px; padding:5px 20px;}
.header .nav li a.navAone:hover{color:#fff; background:#eeb70a;}
.header .nav li.active a.navAone{color:#fff; background:#eeb70a;}
/*.header .nav li.drop-downHover a.navAone{background:#eeb70a;color:#fff}*/
.header .nav li .sub{ position: absolute;top:100%; width:100%; display:none;padding:20px 5px; background:rgba(0,0,0,0.4)}
.header .nav li .sub a{ display: block;color:#eee;padding:3px 0;font-size:13px;width: 100%; text-align:center;}
.header .nav li .sub a:hover{color:#eeb70a}
.header .nav li.on .sub{ display: block;} 


/*==标题↓==*/
.titleAx{/*! margin:30px 0; */text-align: center;margin: 30px auto;line-height: initial;}
.titleAx span{display: block; color:#777; font-size:40px;text-transform: uppercase;letter-spacing: 10px;font-weight: 100;/*! font-family: 宋体; */}
.titleAx b{margin:8px 0 15px 0;display: block; color:#5e5e5e; font-size:25px;}
.titleAx p{display: block; color:#959595; font-size:14px;line-height: 25px;}
.titleBox{color:#070707;font-size:30px; margin:50px 0 30px 0; text-align: center;display: block;}
.titleBox font{color:#9f9f9f;font-size:14px; display: block; margin-top:5px;}
.titleShow{}


/*==搜索↓==*/
.HomeKey{padding:10px 0;line-height:35px; background:#f0f0f0;}
.HomeKey .left{width:700px}
.HomeKey .left h3{float:left;margin-right:10px;color:#ff6363;font-size:14px; background: url(../images/time_ico.png) no-repeat left;padding-left: 20px;}
.HomeKey .left a{display: inline-block; color:#959595;font-size:12px; margin:0 10px}
.HomeKey .left a:hover{color:#eeb70a;}
.HomeKey .right{width:400px;}
.HomeKey .right form{position: relative;}
.HomeKey .right input{padding:10px 10px 10px 35px; background: #fff;line-height: 20px;width: 330px;color: #999;float: left;}
.HomeKey .right em{display: block;position: absolute;left:7px;top:1px; color:#ddd;font-size:20px;}
.HomeKey .right button{color:#fff;font-size:12px;padding:5px 15px;background:#2f2f2f;line-height: 30px; cursor: pointer}
.HomeKey .right button:hover{background:#eeb70a}


/*==下页==*/
.pagIng{float:left;width:100%; margin:15px 0;border-top: 1px #ddd solid;padding-top: 20px;}
.pagIng span{ display: block;width:100%; color:#666;font-size:13px;}
.pagIng span a{color:#999;font-size:13px;}
.pagIng span a:hover{color:#eeb70a}
.pagIng span font{color:#e41717;}

 

/*==列表↓==*/
.HomeCase{margin:30px 0 40px 0;}
.HomeCase .titleAx{width:500px;}
.HomeCase .tone{/*! margin:30px 0 20px 0; */text-align: center;display: table;margin: 40px auto 30px;}
.HomeCase .tone li{display: inline-block; margin:0 5px; border:1px #ddd solid; padding:5px 20px; color:#696969;font-size:14px; cursor: pointer}
.HomeCase .tone li.on{color:#fff;border:1px #eeb70a solid;background:#eeb70a}
.HomeCase .down{float:left; margin:10px 0 0 0;height: 725px;}
.list-case2{width:1220px; margin-left:-20px;float: left;}
.list-case2 li{float:left;width:380px;margin-left:20px;margin-bottom:20px;}
.list-case2 li h3{opacity: 0;position: absolute;left:40px;bottom:50px;z-index: 9;color:#fff;padding:10px;font-size:15px;}
.list-case2 li h3:before{content: ""; position: absolute;bottom:-20px;left:0;width:2px; height:0px; background: #fff;transition: all .5s ease-in-out;}
.list-case2 li h3:after{content: ""; position: absolute;bottom:0;right:40px;width:0px; height:2px; background: #fff;transition: all .5s ease-in-out;}
.list-case2 li h4{margin:10px 0 8px 0;color:#000; font-size:20px;}
.list-case2 li p{height:45px;line-height:20px;color:#9c9c9c; font-size:14px;}
.list-case2 li img{display: block;height:255px;}
.list-case2 li:hover h3:before{height:150px;}
.list-case2 li:hover h3:after{width:150px;}
.list-case2 li:hover h3{opacity: 1}
.list-case2 li:hover h4{color:#eeb70a}
.HomeCase .more{display: table; color:#6c6c6c;font-size:16px; text-align:center;margin: 20px auto 0; border:1px #ddd solid; padding:10px 70px;}
.HomeCase .more:hover{color:#fff; border:1px #eeb70a solid; background: #eeb70a}


/*==团队↓==*/
.list-team{}
.list-team{float:left;width:100%;margin-top:20px;}
.list-team .effect-one .effect-one-img{}
.list-team li{display: inline-block;width:280px;margin:0 10px 20px 10px;}
.list-team li .imgBox{height: 280px;background: #fff;}
.list-team img{max-width:100%;height: 362px;width: 100%;border:1px #ddd solid;}
.list-team h4{width:100%;text-align:center;color:#666;font-size: 15px;padding: 7px 0 10px 0;}
.list-team li:hover h4{color:#eeb70a}


/*==首页项目↓==*/
.HomeBusiness{}
.HomeBusiness .picScroll-left{position: relative;}
.HomeBusiness .picScroll-left .long{overflow: hidden;}
.HomeBusiness .picScroll-left .long .list{}
.HomeBusiness .picScroll-left .long .list li{position:relative;float:left; width:300px;}
.HomeBusiness .picScroll-left .long .list li a{margin:0 10px;display: block;padding:30px;border: 2px #ddd solid;height: 250px;}
.HomeBusiness .picScroll-left .long .list li h4{color:#000000;font-size:25px; width: 140px;line-height: 30px;}
.HomeBusiness .picScroll-left .long .list li p{color:#cccccc;font-size:12px;margin-top: 15px;line-height: 19px;}
.HomeBusiness .picScroll-left .long .list li hr{position: absolute;right:61px; bottom:101px; width: 116px;height: 1px;transform: rotate(-40deg);border: none;background: #d8d8d8;}
.HomeBusiness .picScroll-left .long .list li hr:before{content:"";position: absolute;left:0;top:0; width:0%;height:1px;background: #fff;transition: all .4s ease-in-out;}
.HomeBusiness .picScroll-left .long .list li em{position: absolute; right:45px;bottom:45px;width:59px;height:55px;}
.HomeBusiness .picScroll-left .long .list li.x1 em{background: url(../images/BusinessIco01.png) no-repeat 0 0;}
.HomeBusiness .picScroll-left .long .list li.x2 em{background: url(../images/BusinessIco02.png) no-repeat 0 0;}
.HomeBusiness .picScroll-left .long .list li.x3 em{background: url(../images/BusinessIco03.png) no-repeat 0 0;}
.HomeBusiness .picScroll-left .long .list li.x4 em{background: url(../images/BusinessIco04.png) no-repeat 0 0;}
.HomeBusiness .picScroll-left .long .list li.x1:hover em{background-position: 0px -55px ;}
.HomeBusiness .picScroll-left .long .list li.x2:hover em{background-position: 0 -55px ;}
.HomeBusiness .picScroll-left .long .list li.x3:hover em{background-position: 0 -55px ;}
.HomeBusiness .picScroll-left .long .list li.x4:hover em{background-position: 0 -55px ;}
.HomeBusiness .picScroll-left .long .list li a:hover{border: 2px #eeb70a solid; background: #eeb70a}
.HomeBusiness .picScroll-left .long .list li a:hover h4,.HomeBusiness .picScroll-left .long .list li a:hover p{color:#fff}
.HomeBusiness .picScroll-left .long .list li a:hover hr:before{width:100%;}
.HomeBusiness .picScroll-left .long .list li a:hover hr{background: none}
.HomeBusiness .picScroll-left .prev,.HomeBusiness .picScroll-left .next{position: absolute; top:90px;left:-50px;font-size:60px;color:#666;cursor: pointer;}
.HomeBusiness .picScroll-left .next{right:-50px; left:auto;}
.HomeBusiness .picScroll-left .prev:hover,.HomeBusiness .picScroll-left .next:hover{color:#eeb70a}


/*==首页关于↓==*/
.HomeAbout{padding:25px 0 50px 0; background: #f4f4f4;margin: 50px 0 20px 0;}
.HomeAbout .wx{margin:20px 0; color:#777; font-size:14px;line-height: 26px;}
.HomeAbout .character{margin-top:30px;float: left;width: 100%;height: 220px;margin: 60px 0 0 0;}
.HomeAbout .character li{float:left; /*! width:200px; */ margin:0 20px;}
.HomeAbout .character li img{opacity:0; position: absolute; left:0;top:0; display: block; width: 100%;z-index: -1;}
.HomeAbout .character li a{position: relative; display: block; background: #373632;width:185px;height:185px; border:10px #f4f4f4 solid;overflow: hidden;border-radius: 50%;z-index: 9;}
.HomeAbout .character li a h4{position: absolute; left:20px;top:40px; color:#fff;font-size:16px;}
.HomeAbout .character li a h3{opacity: 0; position: absolute; right:20px;top:110px; color:#fff;font-size:16px;transition: all .7s ease-in-out;}
.HomeAbout .character li a h3:before{opacity: 0; content: ""; position: absolute; right:20px;bottom:-10px;width:0px; height:1px; background: #fff;transition: all .7s ease-in-out;}
.HomeAbout .character li a hr{position: absolute; right:25px;bottom:70px;border:none;width:100px; height:1px; background:#fff;transform: rotate(-40deg)}
.HomeAbout .character li em{position: absolute;right:31px;bottom: 35px; display: block; width:38px;height:38px; background:url(../images/ico03.png) no-repeat center}
.HomeAbout .character li.selected a{}
.HomeAbout .character li.selected a{/*width:250px;height:250px;margin-top:-35px;*/border:10px #eeb70a solid}
.HomeAbout .character li.selected img{opacity: 1}
.HomeAbout .character li.selected em{opacity: 0}
.HomeAbout .character li.selected hr{opacity: 0;/*right:80px;bottom:40px;transform: rotate(0deg);*/}
.HomeAbout .character li.selected h4{opacity: 0;/*left:120px;top:135px;*/}
.HomeAbout .character li.selected h3{opacity: 1}
.HomeAbout .character li.selected h3:before{opacity: 1;width:70px;}


/*==首页新闻↓==*/
.HomeNews{margin: 40px 0 50px 0;}
.HomeNews .title{}
.HomeNews .title b{float:left;color:#777;/*! margin-top: 5px; */}
.HomeNews .title b font{font-size:25px;display: block;margin-top: 10px;}
.HomeNews .title .tone{float:right;}
.HomeNews .title .tone{margin-top:5px}
.HomeNews .title .tone li{display: inline-block; margin:0 5px; border:1px #ddd solid; padding:8px 25px; color:#696969;font-size:14px; cursor: pointer}
.HomeNews .tone li.on{color:#fff;border:1px #eeb70a solid;background:#eeb70a;}
.HomeNews .down{float: left;width: 100%;margin-top: 30px;}
.HomeNews .down .list{width: 1250px;margin-left: -50px;}
.HomeNews .down .list li{float:left;width:365px; margin-bottom: 15px;margin-left: 50px;}
.HomeNews .down .list li.one{}
.HomeNews .down .list li.one a{ display:block; position:relative;}
.HomeNews .down .list li.one a h4{ opacity: 0; position:absolute;bottom:0;width:100%; height:100%;color:#fff;font-size:14px;padding-top:33px; text-align: center; background:rgba(0,0,0,0.3)}
.HomeNews .down .list li.one img{max-width:100%;}
.HomeNews .down .list li.two{padding-left:10px; background: url(../images/arrow02.png) no-repeat left;}
.HomeNews .down .list li.two a{display: block;color:#2f2f2f;font-size: 14px;}
.HomeNews .down .list li.two a span{float:right; color:#a4a4a4;font-size:12px;}
.HomeNews .down .list li a:hover{color:#eeb70a}
.HomeNews .down .list li.one:hover a h4{ opacity: 1}

/*==底部===*/
.footer{padding: 80px 0 30px 0;background: #2c2c2c;}
.footer .left{width:1000px;}
.footer .left .nav h3,.footer .middle h3,.footer .right h3{color:#fff;font-size:16px;margin-bottom:10px;}
.footer .left .nav{}
.footer .left .nav li{display: table-cell;padding-right: 10px;}
.footer .left .nav li a{display: block;color:#929292; line-height:10px;font-size:12px;padding:3px 10px 0 3px;border-right: 1px #929292 solid;}
.footer .left .nav li a:hover{color:#fff}
.footer .left .nav li:last-child a{border:none}
.footer .left .logo{ margin-right:50px}
.footer .left .wx{color:#929292; font-size:12px; margin:30px 0 30px 0}
.footer .left .wx a{color:#929292; font-size:12px;}
.footer .left .wx a:hover{color:#fff;}
.footer .left .box{float:left; width:500px;margin-top: 20px;}
.footer .left .link{width:1100px;margin-left: 30px;}
.footer .left .box h3{color:#e3e3e3;font-size:14px;margin-bottom: 10px;}
.footer .left .box a{display: inline-block; padding:0 25px 5px 0;color:#8e8e8e;font-size:12px;}
.footer .left .box a:hover{color:#fff}
.footer .right{width:200px;}
.footer .ewm{margin-top:15px;}
.footer .right .block1{display: block;text-align: right}
.footer .right .block1 a{display: inline-block; color:#929292; font-size:12px; line-height: 10px; border-right:1px #999 solid;padding: 0 5px 0 5px;}
.footer .right .block1 a:hover{color:#fff}
.footer .right .block1 a:last-child{border:none}
.footer .right .block2{margin:10px 0 0 0; text-align: right;display: block}
/*.footer .right .block2 a{width:35px;line-height:35px; text-align: center; display: inline-block;margin:0 0 0 1px; color:#fff;font-size:18px; border-radius:50%;}
.footer .right .block2 a:hover{background:#f1be09;}
.footer .right .block2 .weixin{position: relative;}
.footer .right .block2 .ewm{position: absolute;left: 14px;top: -127px;width:120px;height:120px;border: 1px #ddd solid;padding:5px;z-index: 9;background: #fff;filter: alpha(opacity=0);transform-origin: 0px 120px;transform:scale(0.01);-moz-transform:scale(0.01);transition:all 1s;}
.footer .right .block2 .weixin:hover .ewm{opacity:1;transform: scale(1);}
*/
.footer .right .block2 img{ display: block; /*! margin:auto; */float: right;width: 105px;}
.footer .right .block2 b{ text-align:center;display: block;color: #ddd;float: right;clear: both;padding-right: 15px;padding-top: 5px;}
.footer .bottom{margin-top: 30px;padding-top:20px;border-top:1px #555 solid;}
.footer .keyword{}
.footer .keyword h3{float:left;color:#929292;font-size:14px;margin-right: 10px;}
.footer .keyword a{display:inline-block;color:#929292; line-height:6px;font-size:12px;padding:3px 10px 0 3px;border-right: 1px #929292 solid;margin-right: 10px;}
.footer .keyword a:last-child{ border:none}
.footer .keyword a:hover{color:#fff}
.footer .bottom .right{ text-align: right}
.footer .bottom .right a{display: inline-block; color:#929292; font-size:12px; line-height: 10px; border-right:1px #999 solid;padding: 0 5px 0 5px;}
.footer .bottom .right a:last-child{ border:none}
.footer .bottom .right a:hover{color:#fff}


@media (min-width:1200px){
  .header .container{width:1200px;}
   .header .nav{margin: 13px 10px 0 0px;}
  .header .nav li.active a.navAone{padding:5px 20px;}  
  
}


@media (min-width:1400px){
  .header .container{width:1300px;}
  .header .nav{margin: 13px 40px 0 0px;}
  .header .nav li.active a.navAone{padding:5px 35px;}  
  
}

@media (min-width:1920px){
  .header .container{width:1440px;}
  .header .nav{margin: 13px 100px 0 0px;}
  .header .nav li.active a.navAone{padding:5px 35px;}  
  
}




/*==响应↓==*/
/*
@media screen and (max-width:1199px){.header .container{width:1400px;}
.header .logo{margin-left: 1%;}.header .logo img{height:45px;}
.header .tel{margin-top:15px;margin-right:1%; margin-left:20px;font-size:14px;}
.header .tel font{font-size:20px;}
.header .nav{margin:10px 5px 0 5px; }
.header .nav li{margin:0 0px;}
.header .nav li a.navAone{font-size:14px; padding:5px 10px;}}
@media (min-width:1200px){.header .container{width:100%;}
.header .logo{margin-left: 0.7%;}.header .logo img{height:40px;}
.header .tel{margin-top:5px;margin-right:0.7%; margin-left:20px;font-size:14px;}
.header .tel font{font-size:20px;}
.header .nav{margin:6px 3px 0 3px;}
.header .nav li{margin:0 0px;}
.header .nav li a.navAone{font-size:14px; padding:1px 3px;}
div.fixed-top{padding:10px 0;background: rgba(0,0,0,0.7);box-shadow: 0 0 10px #666;z-index:999;}
div.fixed-top .logo img{height:40px;}
div.fixed-top .nav{margin-top:5px;}
div.fixed-top .tel{margin-top:8px;}}



@media (min-width:1440px){.header .container{width:100%;}
.header .logo{margin-left: 1.5%;}.header .logo img{height:56px;}
.header .tel{margin-top:15px;margin-right:1.5%; margin-left:20px;font-size:14px;}
.header .tel font{font-size:20px;}
.header .nav{margin:10px 5px 0 5px; }
.header .nav li{margin:0 0px;}
.header .nav li a.navAone{font-size:14px; padding:5px 8px;}
div.fixed-top{padding:10px 0;background: rgba(0,0,0,0.7);box-shadow: 0 0 10px #666;z-index:999;}
div.fixed-top .logo img{height:40px;}
div.fixed-top .nav{margin-top:5px;}
div.fixed-top .tel{margin-top:8px;}}


@media (min-width:1920px){.header .container{width:100%;}
.header .logo{margin-left: 5%;}.header .logo img{height:66px;}
.header .tel{margin-top:15px;margin-right:10%; margin-left:20px;font-size:14px;}
.header .tel font{font-size:20px;}
.header .nav{margin:10px 50px 0 50px; }
.header .nav li{margin:0 0px;}
.header .nav li a.navAone{font-size:14px; padding:5px 15px;}
div.fixed-top{padding:10px 0;background: rgba(0,0,0,0.7);box-shadow: 0 0 10px #666;z-index:999;}
div.fixed-top .logo img{height:40px;}
div.fixed-top .nav{margin-top:5px;}
div.fixed-top .tel{margin-top:8px;}}}*/