@import url("currency.css");


/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>首页<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/

/*》》》》》》》》》导航栏《《《《《《《《*/
header{background:#fff;}
header .Mobile-bar{display:none;}
header .Navigation-bar .logo{width:30%;}
header .Navigation-bar .header-bar{width: 65%;margin-left: 3%;}
header .Navigation-bar .header-bar .Navigation-ul{width:100%;line-height:83px;}
header .Navigation-bar .header-bar .Navigation-ul .Navigation-li{width:14.285714%;padding:0px 10px;font-size: 16px}
header .Navigation-bar .header-bar .Navigation-ul .Navigation-li>a{position:relative;width:100%;height:83px;font-weight:bold;overflow:hidden;}
header .Navigation-bar .header-bar .Navigation-ul .Navigation-li>a::after{z-index:10;transition: 0.35s;-moz-transition: 0.35s;-webkit-transition: 0.35s;-o-transition: 0.35s;left:0;content:"";position:absolute;bottom:0;height:0;width:100%;
    background: -webkit-linear-gradient(#47bbfd,#007fcc);background: -o-linear-gradient(#47bbfd,#007fcc);background: -moz-linear-gradient(#47bbfd,#007fcc);background: linear-gradient(#47bbfd,#007fcc);}
header .Navigation-bar .header-bar .Navigation-ul .Navigation-li>a span{color:#fff;position:absolute;display:block;width:100%;height:100%;bottom:-110%;left:0;z-index:20;transition:all 0.8s;-moz-transition:all 0.8s;-webkit-transition:all 0.8s;-o-transition:all 0.8s}
header .Navigation-bar .header-bar .Navigation-ul .Navigation-li>a:hover::after{height:100%;}
header .Navigation-bar .header-bar .Navigation-ul .Navigation-li>a:hover{color:#fff;}
header .Navigation-bar .header-bar .Navigation-ul .Navigation-li>a:hover span{bottom:0}

header .Navigation-bar .header-bar .search{width:25%;position: relative;padding-left:50px;}
header .Navigation-bar .header-bar .search .search-i input{background:none;color:#666;padding-right:25px;width:100%;height:28px;margin-top:27.5px;border-top:none;border-left:none;border-right:none;}
header .Navigation-bar .header-bar .search .search-i button{position: absolute;right:0;top:27.5px;font-size:18px;}
header .Navigation-bar .header-bar .search .search-i button:hover i{color:#007FCC;}
header .Navigation-bar .header-bar .search .search-i button{border:none;background:none;}
@media only screen and (min-width:1200px){
    header .Navigation-bar{width:1190px;margin:0 auto;}
    header .Navigation-bar .logo{margin:10px 0px;}
    header .Mobile-ul{display:none;}
    header .Navigation-bar .logo img{height:63px;width:auto;display: block;}
}
@media only screen and (max-width:1200px){
    header .Navigation-bar .logo{width:100%;text-align: center;}
    header .Navigation-bar .header-bar{width:100%;padding-right:10px;}
    header .Navigation-bar .logo{margin:10px 0px;}
    header .Mobile-ul{display:none;}
    header .Navigation-bar .logo img {width:300px;margin:0 auto;display: block;}
}
@media only screen and (max-width:992px) and (min-width:768px){
    header .Navigation-bar .header-bar .search{display:none;}
    header .Navigation-bar .header-bar .Navigation-ul{width:100%;}
    header .Navigation-bar .logo{margin:10px 0px;}
    header .Mobile-ul{display:none;}
    header .Navigation-bar .header-bar{padding-right:0px;}
    header .Navigation-bar .logo img {width:260px;margin:0 auto;}
}
@media only screen and (max-width:768px){
    header{position:fixed;top:0;left:0;z-index:999;height:55px;}
    header .Navigation-bar .header-bar{display:none;}	
    header .Navigation-bar .logo{text-align:left;margin:0;width:50%;}
    header .Navigation-bar{padding:5px 15px;}
    header .Navigation-bar .logo img {height:46px;width:auto;}
    header .Mobile-bar{display:block;}
    header .Mobile-ul{display:block;background:rgba(255,255,255,0.9);}
    #banner{margin-top:55px;}
    header .Mobile-bar .Mobile-item button#item-button{width:30px;height:30px;margin-top:7px;}
}
header .Mobile-bar .Mobile-item button#item-button{border:none;background:none;}
header .Mobile-bar .Mobile-item button#item-button .Mobile-span1{transform:translateY(4px);-moz-transform:translateY(4px);-webkit-transform:translateY(4px);-o-transform:translateY(4px);-ms-transform:translateY(4px);}
header .Mobile-bar .Mobile-item button#item-button .Mobile-span3{transform:translateY(-4px);-moz-transform:translateY(-4px);-webkit-transform:translateY(-4px);-o-transform:translateY(-4px);-ms-transform:translateY(-4px);}
header .Mobile-bar .Mobile-item button#item-button.active .Mobile-span1{transform:rotate(45deg);
    -ms-transform:rotate(45deg) translateY(1px) ;
    -moz-transform:rotate(45deg) translateY(1px) ; 
    -webkit-transform:rotate(45deg) translateY(1px) ;
    -o-transform:rotate(45deg) translateY(1px) ; }
header .Mobile-bar .Mobile-item button#item-button.active .Mobile-span3{transform:rotate(-45deg);
    -ms-transform:rotate(-45deg) translateY(-1px);
    -moz-transform:rotate(-45deg) translateY(-1px); 
    -webkit-transform:rotate(-45deg) translateY(-1px);
    -o-transform:rotate(-45deg) translateY(-1px);}
header .Mobile-bar .Mobile-item button#item-button.active .Mobile-span2{display:none;}
header .Mobile-bar .Mobile-item button#item-button span{width:100%;height:2px;background:#007FCC;display:block;}
header .Mobile-ul{position:fixed;top:0;width:100%;height:0;overflow:hidden;margin-top:55px;}
header .Mobile-ul .Mobile-li{line-height:42px;margin-top:50px;}
header .Mobile-ul .Mobile-li a{font-weight:bold;}
header .Mobile-ul .Mobile-li a:active{background:rgba(0,127,204,0.3);}
header .Mobile-ul.active{height:314px;}
header .Mobile-ul.active .Mobile-li{margin-top:0;}


/*》》》》》》》》》banner《《《《《《《《*/
#banner .swiper-pagination{top:0px;left:0px;height:3px;background:#fff;}
#banner .swiper-pagination span{margin:0px;border-radius:0;height:3px;width:0px;position:absolute;top:0px;left:0px;background:#007FCC;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;visibility:visible;}
@keyframes swiperspan
{
    from {width:0px;}
    to {width:100%;}
}
@-moz-keyframes swiperspan
{
    from {width:0px;}
    to {width:100%;}
}
@-webkit-keyframes swiperspan 
{
    from {width:0px;}
    to {width:100%;}
}
@-o-keyframes swiperspan
{
    from {width:0px;}
    to {width:100%;}
}
#banner .swiper-button-prev{left:50px;background:url(../imgs/banner_arrow.png) left top;width:70px;height:70px;margin-top:-35px;}
#banner .swiper-button-next{right:50px;background:url(../imgs/banner_arrow.png) left bottom;width:70px;height:70px;margin-top:-35px;}
#banner .swiper-wrapper .swiper-slide{cursor:-webkit-grab;}
@media only screen and (min-width:1200px){
    #banner{height:600px;}
    #banner .swiper-pagination span.swiper-pagination-bullet-active{background:#007FCC;animation:swiperspan 10.8s;-moz-animation:swiperspan 10.8s;-webkit-animation:swiperspan 10.8s;-o-animation:swiperspan 10.8s;}
    #banner .swiper-wrapper .swiper-slide .banner-li .banner-list h3{line-height:450px;height:600px;font-size:30px;height:60px;}
}
@media only screen and (max-width:1200px){
    #banner{height:500px;}
    #banner .swiper-pagination span.swiper-pagination-bullet-active{background:#007FCC;animation:swiperspan 10.8s;-moz-animation:swiperspan 10.8s;-webkit-animation:swiperspan 10.8s;-o-animation:swiperspan 10.8s;}
    #banner .swiper-wrapper .swiper-slide .banner-li .banner-list h3{line-height:400px;height:500px;font-size:28px;height:55px;}
}
@media only screen and (max-width:992px) and (min-width:768px){
    #banner{height:400px;}
    #banner .swiper-pagination span.swiper-pagination-bullet-active{background:#007FCC;animation:swiperspan 10.6s;-moz-animation:swiperspan 10.6s;-webkit-animation:swiperspan 10.6s;-o-animation:swiperspan 10.6s;}
    #banner .swiper-button-prev,#banner .swiper-button-next{display:none;}
    #banner .swiper-wrapper .swiper-slide .banner-li .banner-list h3{line-height:360px;height:400px;font-size:26px;height:50px;}
}
@media only screen and (max-width:768px){
    #banner{height:300px;}
    #banner .swiper-pagination{height:2px;}
    #banner .swiper-pagination span{height:2px;}
    #banner .swiper-pagination span.swiper-pagination-bullet-active{background:#007FCC;animation:swiperspan 10.6s;-moz-animation:swiperspan 10.6s;-webkit-animation:swiperspan 10.6s;-o-animation:swiperspan 10.6s;}
    #banner .swiper-button-prev,#banner .swiper-button-next{display:none;}
    #banner .swiper-wrapper .swiper-slide .banner-li .banner-list h3{line-height:260px;height:300px;font-size:24px;height:45px;}
}
@media only screen and (max-width:640px){
    #banner{height:250px;} 
    #banner .swiper-wrapper .swiper-slide .banner-li .banner-list h3{line-height:200px;height:250px;font-size:22px;height:40px;}
}
@media only screen and (max-width:479px){
    #banner{height:160px;}
    #banner .swiper-pagination span.swiper-pagination-bullet-active{background:#007FCC;animation:swiperspan 8.4s;-moz-animation:swiperspan 10.4s;-webkit-animation:swiperspan 10.4s;-o-animation:swiperspan 10.4s;}
    #banner .swiper-wrapper .swiper-slide .banner-li .banner-list h3{line-height:130px;height:160px;font-size:20px;height:35px;}
}
@media only screen and (max-width:1430px){#banner .swiper-wrapper .swiper-slide .banner-li .banner-list{text-align: center;}}
#banner .swiper-wrapper .swiper-slide .banner-li{width:100%;height:100%;}
@media only screen and (min-width:1430px){
    #banner .swiper-wrapper .swiper-slide .banner-li .banner-list{width:1190px;margin:0 auto;}
}
/*》》》》》》》》》项目展示《《《《《《《《*/

.Exhibition-img{position:relative;overflow: hidden;}
.swiper-wrapper .swiper-slide{cursor:-webkit-grab;}
.swiper-wrapper .swiper-slide .Exhibition-img{position:relative;overflow: hidden;}
.swiper-wrapper .swiper-slide .Exhibition-img:hover img{transform:scale(1.2);-ms-transform:scale(1.2);-webkit-transform:scale(1.2);-o-transform:scale(1.2);-moz-transform:scale(1.2);}
.swiper-wrapper .swiper-slide .Exhibition-img img{display:block;}
.swiper-wrapper .swiper-slide .Exhibition-img:hover .Exhibition-a{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;visibility:visible;}
.swiper-wrapper .swiper-slide .Exhibition-img .Exhibition-a{filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;visibility: hidden;top:0;left:0;position:absolute;width:100%;height:100%;background:rgba(0,0,0,0.5);}
.swiper-wrapper .swiper-slide .Exhibition-img .Exhibition-a .Exhibition-div{width:100%;height:100%;position:relative;overflow:hidden;}
.swiper-wrapper .swiper-slide .Exhibition-img .Exhibition-a .Exhibition-div h2{position:absolute;top:-120%;font-weight:500;word-break: break-all;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 1;overflow: hidden; }
.swiper-wrapper .swiper-slide .Exhibition-img .Exhibition-a .Exhibition-div .Exhibition-p{position:absolute;top:120%;position:relative;}
.swiper-wrapper .swiper-slide .Exhibition-img .Exhibition-a .Exhibition-div .Exhibition-p::after{content:"";position:absolute;bottom:0;left:0;width:0px;border-bottom:2px solid #fff;transition:all 0.8s;-moz-transition:all 0.8s;-webkit-transition:all 0.8s;-o-transition:all 0.8s;transition-delay:0.8s;-moz-transition-delay:0.8s; -webkit-transition-delay:0.8s;-o-transition-delay:0.8s;}
.swiper-wrapper .swiper-slide .Exhibition-img .Exhibition-a:hover .Exhibition-div .Exhibition-p::after{width:100%;}
.swiper-button-prev{background:#ccc;font-size:22px;width:50px;height:50px;line-height:50px;}
.swiper-button-next{background:#ccc;font-size:22px;width:50px;height:50px;line-height:50px;}
 .swiper-button-prev:hover,.Exhibition #Exhibition-item .swiper-button-next:hover{background:#007FCC;}
.Exhibition{background:#f3f3f3;}
.Exhibition>h2::after{content:"";position:absolute;bottom:0;left:50%;margin-left:-30px;width:60px;border-bottom:2px solid #4a4a4a;}
.Exhibition #Exhibition-item{overflow:visible;}


@media only screen and (min-width:1200px){
    .Exhibition{padding:50px 20px;}
    .Exhibition .Exhibition-item{margin-top:40px;}
    .Exhibition .Exhibition-item .swiper-button-prev{left:-100px;font-size:20px;width:45px;height:45px;line-height:45px;}
    .Exhibition .Exhibition-item .swiper-button-next{right:-100px;font-size:20px;width:45px;height:45px;line-height:45px;}
    .Exhibition .Exhibition-item:hover .swiper-button-prev{left:-10px;}
    .Exhibition .Exhibition-item:hover .swiper-button-next{right:-10px;}
    .Exhibition>h2{position:relative;line-height:48px;font-weight:bold;font-size:24px;}
    .Exhibition>h5{width:1190px;margin:0 auto;line-height:26px;padding-top:15px;font-size:15px;}
    .Exhibition .Exhibition-item .swiper-wrapper .swiper-slide .Exhibition-img .Exhibition-a .Exhibition-div h2{font-size:24px;}
    .Exhibition .Exhibition-item .swiper-wrapper .swiper-slide .Exhibition-img .Exhibition-a .Exhibition-div .Exhibition-p{padding-bottom:20px;line-height:24px;font-size:14px;}
    .Exhibition .Exhibition-item .swiper-wrapper .swiper-slide .Exhibition-img .Exhibition-a:hover .Exhibition-div h2{top:30%;}
    .Exhibition .Exhibition-item .swiper-wrapper .swiper-slide .Exhibition-img .Exhibition-a:hover .Exhibition-div .Exhibition-p{top:43%;}
}
@media only screen and (max-width:1200px){
    .Exhibition{padding:45px 20px;}
    .Exhibition .Exhibition-item{margin-top:35px;}
    .Exhibition .Exhibition-item .swiper-button-prev{left:-80px;font-size:20px;width:40px;height:40px;line-height:40px;}
    .Exhibition .Exhibition-item .swiper-button-next{right:-80px;font-size:20px;width:40px;height:40px;line-height:40px;}
    .Exhibition .Exhibition-item:hover .swiper-button-prev{left:-8.5px;}
    .Exhibition #Exhibition-item:hover .swiper-button-next{right:-8.5px;}
    .Exhibition>h2{position:relative;line-height:44px;font-weight:bold;font-size:22px;}
    .Exhibition>h5{width:100%;margin:0 auto;line-height:24px;padding-top:14px;font-size:14px;}	
    .Exhibition #Exhibition-item .swiper-wrapper .swiper-slide .Exhibition-img .Exhibition-a .Exhibition-div h2{font-size:22px;}
    .Exhibition #Exhibition-item .swiper-wrapper .swiper-slide .Exhibition-img .Exhibition-a .Exhibition-div .Exhibition-p{padding-bottom:14px;line-height:22px;font-size:13px;}
    .Exhibition #Exhibition-item .swiper-wrapper .swiper-slide .Exhibition-img .Exhibition-a:hover .Exhibition-div h2{top:30%;}
    .Exhibition #Exhibition-item .swiper-wrapper .swiper-slide .Exhibition-img .Exhibition-a:hover .Exhibition-div .Exhibition-p{top:43%;}
}
@media only screen and (max-width:992px) and (min-width:768px){
    .Exhibition{padding:40px 15px;}
    .Exhibition #Exhibition-item{margin-top:30px;}
    .Exhibition #Exhibition-item .swiper-button-prev{left:-60px;font-size:18px;width:35px;height:35px;line-height:35px;}
    .Exhibition #Exhibition-item .swiper-button-next{right:-60px;font-size:18px;width:35px;height:35px;line-height:35px;}
    .Exhibition #Exhibition-item:hover .swiper-button-prev{left:-7px;}
    .Exhibition #Exhibition-item:hover .swiper-button-next{right:-7px;}
    .Exhibition>h2{line-height:38px;font-size:20px;}
    .Exhibition>h5{line-height:22px;padding-top:13px;font-size:13px;}		
    .Exhibition #Exhibition-item .swiper-wrapper .swiper-slide .Exhibition-img .Exhibition-a .Exhibition-div h2{font-size:20px;}
    .Exhibition .Exhibition-item .swiper-wrapper .swiper-slide .Exhibition-img .Exhibition-a .Exhibition-div .Exhibition-p{padding-bottom:16px;line-height:20px;font-size:12px;}
    .Exhibition .Exhibition-item .swiper-wrapper .swiper-slide .Exhibition-img .Exhibition-a:hover .Exhibition-div h2{top:28%;}
    .Exhibition .Exhibition-item .swiper-wrapper .swiper-slide .Exhibition-img .Exhibition-a:hover .Exhibition-div .Exhibition-p{top:42%;}
}
@media only screen and (max-width:768px){
    .Exhibition{padding:35px 15px;}
    .Exhibition .Exhibition-item{margin-top:20px;}
    .Exhibition .Exhibition-item .swiper-button-prev{left:-5.5px;font-size:16px;width:30px;height:30px;line-height:30px;}
    .Exhibition .Exhibition-item .swiper-button-next{right:-5.5px;font-size:16px;width:30px;height:30px;line-height:30px;}
    .Exhibition>h2{line-height:34px;font-size:16px;}
    .Exhibition>h5{line-height:20px;padding-top:12px;font-size:12px;}	
    .Exhibition .Exhibition-item .swiper-wrapper .swiper-slide .Exhibition-img .Exhibition-a{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;visibility:visible;}
    .Exhibition .Exhibition-item .swiper-wrapper .swiper-slide .Exhibition-img .Exhibition-a .Exhibition-div h2{font-size:19px;top:29%;}
    .Exhibition .Exhibition-item .swiper-wrapper .swiper-slide .Exhibition-img .Exhibition-a .Exhibition-div .Exhibition-p{padding-bottom:16px;line-height:18px;font-size:12px;top:44%;}
    .Exhibition .Exhibition-item .swiper-wrapper .swiper-slide .Exhibition-img .Exhibition-a .Exhibition-div .Exhibition-p::after{width:100%;}
}
@media only screen and (max-width:640px){
    .Exhibition{padding:30px 12px;}
    .Exhibition .Exhibition-item{margin-top:15px;}
    .Exhibition .Exhibition-item .swiper-button-prev{left:-5px;font-size:16px;width:30px;height:30px;line-height:30px;}
    .Exhibition .Exhibition-item .swiper-button-next{right:-5px;font-size:16px;width:30px;height:30px;line-height:30px;}
    .Exhibition .Exhibition-item .swiper-wrapper .swiper-slide .Exhibition-img .Exhibition-a .Exhibition-div h2{font-size:18px;top:30%;}
    .Exhibition .Exhibition-item .swiper-wrapper .swiper-slide .Exhibition-img .Exhibition-a .Exhibition-div .Exhibition-p{padding-bottom:15px;line-height:17px;font-size:12px;top:43%;}
    .Exhibition .Exhibition-item .swiper-wrapper .swiper-slide .Exhibition-img .Exhibition-a .Exhibition-div .Exhibition-p::after{width:100%;}
}
@media only screen and (max-width:479px){
    .Exhibition .Exhibition-item{margin-top:12px;}
    .Exhibition{padding:25px 10px;}
    .Exhibition .Exhibition-item.swiper-button-prev{left:-4px;font-size:14px;width:25px;height:25px;line-height:25px;}
    .Exhibition .Exhibition-item .swiper-button-next{right:-4px;font-size:14px;width:25px;height:25px;line-height:25px;}
    .Exhibition .Exhibition-item .swiper-wrapper .swiper-slide .Exhibition-img .Exhibition-a .Exhibition-div h2{font-size:17px;top:31%;}
    .Exhibition.Exhibition-item .swiper-wrapper .swiper-slide .Exhibition-img .Exhibition-a .Exhibition-div .Exhibition-p{padding-bottom:14px;line-height:18px;font-size:12px;top:42%;}
    .Exhibition .Exhibition-item .swiper-wrapper .swiper-slide .Exhibition-img .Exhibition-a .Exhibition-div .Exhibition-p::after{width:100%;}
}









/*》》》》》》》》》友情链接《《《《《《《《*/
@media only screen and (min-width:1200px){
    #Partner{width:1190px;margin:0 auto;padding:50px 80px;}
    #Partner .swiper-button-next,#Partner .swiper-button-prev{overflow:hidden;width:30px;height:30px;line-height:30px;font-size:12px;top:50%;margin-top:-15px;}
    #Partner .swiper-button-next .next-right{position:absolute;top:0;left:-30px;width:60px;}
    #Partner .swiper-button-next .next-right div{width:30px;height:30px;}
    #Partner .swiper-button-next .next-right .next-right1{background:#fff;}
    #Partner .swiper-button-next .next-right .next-right2{background:#007FCC;color:#fff;}
    #Partner .swiper-button-next:hover .next-right{left:0px;}
    #Partner .swiper-button-prev .prev-left{position:absolute;top:0;left:0px;width:60px;}
    #Partner .swiper-button-prev .prev-left div{width:30px;height:30px;}
    #Partner .swiper-button-prev .prev-left .prev-left1{background:#fff;}
    #Partner .swiper-button-prev .prev-left .prev-left2{background:#007FCC;color:#fff;}
    #Partner .swiper-button-prev:hover .prev-left{left:-30px;}
    #Partner .swiper-wrapper .swiper-slide a:hover{margin-top:-10px;}
}
@media only screen and (max-width:1200px){
    #Partner{width:100%;padding:30px 70px;}
    #Partner .swiper-button-next,#Partner .swiper-button-prev{overflow:hidden;width:30px;height:30px;line-height:30px;font-size:12px;top:50%;margin-top:-15px;}
    #Partner .swiper-button-next .next-right{position:absolute;top:0;left:-30px;width:60px;}
    #Partner .swiper-button-next .next-right div{width:30px;height:30px;}
    #Partner .swiper-button-next .next-right .next-right1{background:#fff;}
    #Partner .swiper-button-next .next-right .next-right2{background:#007FCC;color:#fff;}
    #Partner .swiper-button-next:hover .next-right{left:0px;}
    #Partner .swiper-button-prev .prev-left{position:absolute;top:0;left:0px;width:60px;}
    #Partner .swiper-button-prev .prev-left div{width:30px;height:30px;}
    #Partner .swiper-button-prev .prev-left .prev-left1{background:#fff;}
    #Partner .swiper-button-prev .prev-left .prev-left2{background:#007FCC;color:#fff;}
    #Partner .swiper-button-prev:hover .prev-left{left:-30px;}
    #Partner .swiper-wrapper .swiper-slide a:hover{margin-top:-10px;}

}
@media only screen and (max-width:992px) and (min-width:768px){
    #Partner{padding:30px 60px;}
}
@media only screen and (max-width:768px){
    #Partner{padding:20px 15px;}
    #Partner .swiper-button-next,#Partner .swiper-button-prev{display:none;}
    #Partner .swiper-wrapper .swiper-slide a:hover{margin-top:0px;}
}
@media only screen and (max-width:640px){
    #Partner{padding:15px 12px;}
}
@media only screen and (max-width:479px){
    #Partner{padding:10px 10px;}
}

/*》》》》》》》》》底部《《《《《《《《*/
footer .footer-not .footer-bottom span i{display:none;font-style:normal;}
@media only screen and (min-width:1200px){
    footer{border-top:2px solid #007FCC;padding:50px 0px;background:#F3F3F3;}
    footer .footer-not {width:1190px;margin:0 auto;}
    footer .footer-not .footer-top .footer-left{width:70%;}
    footer .footer-not .footer-top .footer-left p{line-height:26px;}
    footer .footer-not .footer-top .footer-left p a{padding:0px 5px;}
    footer .footer-not .footer-top .footer-left p a:hover{color:#007FCC;}
    footer .footer-not .footer-top .footer-left p span{height:10px;color:#999;}
    footer .footer-not .footer-top .footer-right{width:12%;}
    footer .footer-not .footer-bottom{margin-top:30px;padding:0px 5px;}
}
@media only screen and (max-width:1200px){
    footer{border-top:2px solid #007FCC;padding:30px 0px;background:#F3F3F3;}	
    footer .footer-not {width:100%;margin:0 auto;}
    footer .footer-not .footer-top .footer-left{width:70%;}
    footer .footer-not .footer-top .footer-left p{line-height:26px;}
    footer .footer-not .footer-top .footer-left p a{padding:0px 5px;}
    footer .footer-not .footer-top .footer-left p a:hover{color:#007FCC;}
    footer .footer-not .footer-top .footer-left p span{height:10px;color:#999;}
    footer .footer-not .footer-top .footer-right{width:12%;}
    footer .footer-not .footer-bottom{margin-top:15px;padding:0px 5px;}
}
@media only screen and (max-width:992px) and (min-width:768px){
    footer .footer-not .footer-top .footer-left p a:nth-child(4){display:none;}
    footer .footer-not .footer-top .footer-left p a:nth-child(5){display:none;}
    footer .footer-not .footer-top .footer-left p span:nth-child(4){display:none;}
    footer .footer-not .footer-top .footer-left p span:nth-child(5){display:none;}
}
@media only screen and (max-width:768px){
    footer{border-top:1px solid #007FCC;padding:15px 0px;}
    footer .footer-not .footer-top{display:none;}
    footer .footer-not .footer-bottom{margin-top:0;}
    footer .footer-not .footer-bottom span{width:100%;text-align:center;line-height:22px;}
    footer .footer-not .footer-bottom span i{display:inline-block;}
    footer .footer-not .footer-bottom span:nth-child(2){display:none;}
}
@media only screen and (max-width:640px){
    footer{padding:10px 0px;}
    footer .footer-not .footer-bottom{margin-top:0;}
    footer .footer-not .footer-bottom span{font-size:12px;line-height:18px;}
}


/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>党的建设<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/
/*》》》》》》》》》banner《《《《《《《《*/
@media only screen and (min-width:1200px){
    #banner-page .swiper-wrapper .swiper-slide{height:300px;}
    #banner-page .swiper-wrapper .swiper-slide .banner-page{margin-top:100px;}
    #banner-page .swiper-wrapper .swiper-slide .banner-page h2{font-size:28px;position:relative;line-height:56px;margin-bottom:5px;}
    #banner-page .swiper-wrapper .swiper-slide .banner-page h2::after{content:"";position:absolute;left:50%;bottom:0;margin-left:-30px;width:60px;border-bottom:3px solid #fff;}
    #banner-page .swiper-wrapper .swiper-slide .banner-page p{font-size:16px;}
}
@media only screen and (max-width:1200px){
    #banner-page .swiper-wrapper .swiper-slide{height:280px;}
    #banner-page .swiper-wrapper .swiper-slide .banner-page{margin-top:90px;}
    #banner-page .swiper-wrapper .swiper-slide .banner-page h2{font-size:27px;position:relative;line-height:54px;margin-bottom:5px;}
    #banner-page .swiper-wrapper .swiper-slide .banner-page h2::after{content:"";position:absolute;left:50%;bottom:0;margin-left:-28px;width:56px;border-bottom:3px solid #fff;}
    #banner-page .swiper-wrapper .swiper-slide .banner-page p{font-size:15px;}
    .news_slide_my{width: 100%};
    .news_list{width:100%;}
}
@media only screen and (max-width:992px) and (min-width:768px){
    #banner-page .swiper-wrapper .swiper-slide{height:260px;}
    #banner-page .swiper-wrapper .swiper-slide .banner-page{margin-top:80px;}
    #banner-page .swiper-wrapper .swiper-slide .banner-page h2{font-size:25px;position:relative;line-height:52px;margin-bottom:5px;}
    #banner-page .swiper-wrapper .swiper-slide .banner-page h2::after{margin-left:-26px;width:52px;}
    #banner-page .swiper-wrapper .swiper-slide .banner-page p{font-size:14px;}
}
@media only screen and (max-width:768px){
    #banner-page .swiper-wrapper .swiper-slide{height:240px;}
    #banner-page .swiper-wrapper .swiper-slide .banner-page{margin-top:100px;}
    #banner-page .swiper-wrapper .swiper-slide .banner-page h2{font-size:22px;position:relative;line-height:48px;margin-bottom:5px;}
    #banner-page .swiper-wrapper .swiper-slide .banner-page h2::after{margin-left:-19px;width:48px;}
}
@media only screen and (max-width:640px){
    #banner-page .swiper-wrapper .swiper-slide{height:220px;}
    #banner-page .swiper-wrapper .swiper-slide .banner-page{margin-top:90px;}
    #banner-page .swiper-wrapper .swiper-slide .banner-page h2{font-size:20px;position:relative;line-height:44px;margin-bottom:5px;}
    #banner-page .swiper-wrapper .swiper-slide .banner-page h2::after{margin-left:-22px;width:44px;border-bottom:2px solid #fff;}
    #banner-page .swiper-wrapper .swiper-slide .banner-page p{font-size:13px;}
}
@media only screen and (max-width:479px){
    #banner-page .swiper-wrapper .swiper-slide{height:180px;}
    #banner-page .swiper-wrapper .swiper-slide .banner-page{margin-top:80px;}
    #banner-page .swiper-wrapper .swiper-slide .banner-page h2{font-size:20px;position:relative;line-height:38px;margin-bottom:4px;}
    #banner-page .swiper-wrapper .swiper-slide .banner-page h2::after{margin-left:-22px;width:44px;border-bottom:2px solid #fff;}
    #banner-page .swiper-wrapper .swiper-slide .banner-page p{font-size:13px;}
}

/*》》》》》》》》》内容《《《《《《《《*/
@media only screen and (min-width:1200px){
    .container-box{width:1190px;margin:0 auto;padding:10px 0;}
    .container-box .seat-list .seat-left{padding:8px 0;}
    .container-box .seat-list .seat-left a:hover{color:#007FCC;}
    .container-box .seat-list{padding:10px 0;}
    .container-box .seat-list .seat-right ul li a{padding:8px 20px;}
    .container-box .seat-list .seat-right ul li span{padding:8px 0;display: block;}
    .container-box .seat-list .seat-right ul li a:hover{color:#fff;background:#007FCC;}
    .container-box .seat-list .seat-right ul li a.active{color:#fff;background:#007FCC;}
    .container-box .Block-box{width:111.9%;padding-right:7.8%;}
    .container-box .Block-box .Block-item{width:33.33333%;}
    .container-box .Block-box .Block-item .Block-div{margin: 25px 11.9% 0px 0px;line-height:32px;font-size:12px;}
    .container-box .Block-box .Block-item .Block-div .block-img a{overflow:hidden;}
    .container-box .Block-box .Block-item .Block-div .block-img a img{width:104%;display:block;}
    .container-box .Block-box .Block-item .Block-div .block-img a:hover img{margin-left:-4%;}
    .container-box .Block-box .Block-item .Block-div .block-Title{margin-bottom:15px;font-size:14px;}
    .container-box .Block-box .Block-item .Block-div .block-Title a:hover{color:#007FCC;}
    .container-box .Paging-device{padding:50px 0px 70px 0px;}
    .container-box .Paging-device #page a{display:inline-block;padding:5px 10px;border:1px solid #ccc;margin:0px 3px;color:#666;}
    .container-box .Paging-device #page a.active{color:#fff;background:#007FCC;}
    .container-box .Paging-device #page a.active:hover{color:#fff;background:#007FCC;}
    .container-box .Paging-device #page a:hover{background:#eee;}
}
@media only screen and (max-width:1200px){
    .container-box{width:100%;margin:0 auto;padding:10px;}
    .container-box .seat-list .seat-left{padding:8px 0;}
    .container-box .seat-list .seat-left a:hover{color:#007FCC;}
    .container-box .seat-list{padding:10px 0;}
    .container-box .seat-list .seat-right ul li a{padding:8px 20px;}
    .container-box .seat-list .seat-right ul li span{padding:8px 0;display: block;}
    .container-box .seat-list .seat-right ul li a:hover{color:#fff;background:#007FCC;}
    .container-box .seat-list .seat-right ul li a.active{color:#fff;background:#007FCC;}
    .container-box .Block-box{width:111.9%;padding-right:7.8%;}
    .container-box .Block-box .Block-item{width:33.33333%;}
    .container-box .Block-box .Block-item .Block-div{margin: 20px 11.9% 0px 0px;line-height:30px;font-size:12px;}
    .container-box .Block-box .Block-item .Block-div .block-img a{overflow:hidden;}
    .container-box .Block-box .Block-item .Block-div .block-img a img{width:104%;display: block;}
    .container-box .Block-box .Block-item .Block-div .block-img a:hover img{margin-left:-4%;}
    .container-box .Block-box .Block-item .Block-div .block-Title{margin-bottom:10px;font-size:14px;}
    .container-box .Block-box .Block-item .Block-div .block-Title a:hover{color:#007FCC;}
    .container-box .Paging-device{padding:40px 0px 60px 0px;}
    .container-box .Paging-device #page a{display:inline-block;padding:5px 10px;border:1px solid #ccc;margin:0px 3px;color:#666;}
    .container-box .Paging-device #page a.active{color:#fff;background:#007FCC;}
    .container-box .Paging-device #page a.active:hover{color:#fff;background:#007FCC;}
    .container-box .Paging-device #page a:hover{background:#eee;}
}
@media only screen and (max-width:992px) and (min-width:768px){
    .container-box .Block-box .Block-item{width:33.33333%;}
    .container-box .Block-box .Block-item .Block-div{margin: 20px 11.9% 0px 0px;line-height:28px;font-size:12px;}
    .container-box .Block-box .Block-item .Block-div .block-Title{margin-bottom:5px;font-size:14px;}
    .container-box .Block-box .Block-item .Block-div .block-Title a:hover{color:#007FCC;}
    .container-box .Paging-device{padding:40px 0px 60px 0px;}
}
@media only screen and (max-width:768px){
    .container-box .seat-list .seat-left{display:none;}
    .container-box .seat-list .seat-right{width:100%;}
    .container-box .Block-box .Block-item{width:50%;}
    .container-box .Block-box{width:111.9%;padding-right:5.79%;}
    .container-box .Block-box .Block-item .Block-div{margin: 15px 11.9% 0px 0px;line-height:26px;font-size:12px;}
    .container-box .Block-box .Block-item .Block-div .block-Title a:hover{color:#007FCC;}
    .container-box .Block-box .Block-item .Block-div .block-Title{margin-bottom:3px;}
    .container-box .Paging-device{padding:30px 0px 50px 0px;}
    .container-box .seat-list .seat-right ul li a{padding:5px 15px;}
    .container-box .seat-list .seat-right ul li span{padding:5px 0px;}
    .container-box .Paging-device #page a{padding:4px 9px;}
    .container-box .seat-list{padding:8px 0;}
}
@media only screen and (max-width:640px){
    .container-box .Block-box .Block-item .Block-div .block-Title a:hover{color:#007FCC;}
    .container-box .Paging-device{padding:30px 0px 50px 0px;}
}
@media only screen and (max-width:479px){
    .container-box .Paging-device{padding:25px 0px 40px 0px;}
    .container-box .Block-box .Block-item .Block-div{margin: 10px 11.9% 0px 0px;line-height:26px;}
    .container-box .Paging-device #page a{padding:3px 8px;}
}


/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>荣誉资质<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/
@media only screen and (min-width:1200px){
    .container-box .Qualifications{width:111.9%;padding-right:7.8%;}
    .container-box .Qualifications .Qualifications-item{width:33.33333%;}
    .container-box .Qualifications .Qualifications-item .Qualifications-div{margin: 25px 11.9% 0px 0px;}
    .container-box .Qualifications .Qualifications-item .Qualifications-div a{position:relative;}
    .container-box .Qualifications .Qualifications-item .Qualifications-div a img{display:block;}
    .container-box .Qualifications .Qualifications-item .Qualifications-div a .See{filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;visibility: hidden;overflow:hidden;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.4);}	
    .container-box .Qualifications .Qualifications-item .Qualifications-div a .See i{position:absolute;top:-100%;left:50%;font-size:32px;margin-left:-16px;margin-top:-16px;}
    .container-box .Qualifications .Qualifications-item .Qualifications-div a:hover .See i{top:50%;transform:rotate(1080deg);-ms-transform:rotate(1080deg);-moz-transform:rotate(1080deg);-webkit-transform:rotate(1080deg);-o-transform:rotate(1080deg);}}
.container-box .Qualifications .Qualifications-item .Qualifications-div a:hover .See{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;visibility:visible;}
@media only screen and (max-width:1200px){
    .container-box .Qualifications{width:111.9%;padding-right:7.8%;}
    .container-box .Qualifications .Qualifications-item{width:33.33333%;}
    .container-box .Qualifications .Qualifications-item .Qualifications-div{margin: 20px 11.9% 0px 0px;}
    .container-box .Qualifications .Qualifications-item .Qualifications-div a{position:relative;}
    .container-box .Qualifications .Qualifications-item .Qualifications-div a img{display:block;}
    .container-box .Qualifications .Qualifications-item .Qualifications-div a .See{filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;visibility: hidden;overflow:hidden;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.4);}	
    .container-box .Qualifications .Qualifications-item .Qualifications-div a .See i{position:absolute;top:-100%;left:50%;font-size:32px;margin-left:-16px;margin-top:-16px;}
    .container-box .Qualifications .Qualifications-item .Qualifications-div a:hover .See i{top:50%;transform:rotate(1080deg);-ms-transform:rotate(1080deg);-moz-transform:rotate(1080deg);-webkit-transform:rotate(1080deg);-o-transform:rotate(1080deg);}}
.container-box .Qualifications .Qualifications-item .Qualifications-div a:hover .See{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;visibility:visible;}	
}
@media only screen and (max-width:992px) and (min-width:768px){
    .container-box .Qualifications .Qualifications-item{width:33.33333%;}	
}
@media only screen and (max-width:768px){
    .container-box .Qualifications{width:111.9%;padding-right:5.79%;}
    .container-box .Qualifications .Qualifications-item{width:50%;}	
}
@media only screen and (max-width:640px){
    .container-box .Qualifications .Qualifications-item{width:50%;}
}
@media only screen and (max-width:479px){
    .container-box .Qualifications .Qualifications-item{width:50%;}
}
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>公司简介<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/
@media only screen and (min-width:1200px){
    .brief{width:1190px;margin:0 auto;padding:50px 0px 70px 0px;}
    .brief .brief-left{width:40%;}
    .brief .brief-right{width:60%;}
    .brief .brief-right .brief-p{position:relative;margin:20px 30px;padding:20px 0;line-height:24px;}
    .brief .brief-right .brief-p::after{content:"";position:absolute;width:75%;left:0;top:0;/*border-top:1px solid #999;*/}
    .brief .brief-right .brief-p::before{content:"";position:absolute;width:75%;right:0;bottom:0;/*border-top:1px solid #999;*/}
}
@media only screen and (max-width:1200px){
    .news_slide .swiper-container .swiper-slide>div:last-child{
        top:40%
    }
    .brief{width:100%;margin:0 auto;padding:40px 0px 60px 0px;}
    .brief .brief-left{width:100%;padding:0px 25%;}
    .brief .brief-right{width:100%;}
    .brief .brief-right .brief-p{position:relative;margin:20px 30px;padding:20px 0;line-height:24px;}
    .brief .brief-right .brief-p::after{content:"";position:absolute;width:75%;left:0;top:0;/*border-top:1px solid #999;*/}
    .brief .brief-right .brief-p::before{content:"";position:absolute;width:75%;right:0;bottom:0;/*border-top:1px solid #999;*/}
}
@media only screen and (max-width:992px) and (min-width:768px){
    .brief{width:100%;margin:0 auto;padding:30px 0px 50px 0px;}
    .brief .brief-right .brief-p{margin:15px 25px;padding:15px 0;}
}
@media only screen and (max-width:768px){
    .brief{width:100%;margin:0 auto;padding:25px 0px 45px 0px;}
    .brief .brief-right .brief-p{margin:10px 20px;padding:10px 0;}
}
@media only screen and (max-width:640px){
    .brief{width:100%;margin:0 auto;padding:20px 0px 40px 0px;}	
}
@media only screen and (max-width:479px){
    .brief{width:100%;margin:0 auto;padding:20px 0px 30px 0px;}
}
/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>项目展示<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/
@media only screen and (min-width:1200px){
    .Exhibitionv{width:111.9%;padding-right:7.8%;}	
    .Exhibitionv .Exhibitionv-item{width:33.333333%;}
    .Exhibitionv .Exhibitionv-item .Exhibitionv-div{float: left; margin: 25px 11.9% 0px 0px;position:relative;overflow: hidden;}
    .Exhibitionv .Exhibitionv-item .Exhibitionv-div img{display:block;}
    .Exhibitionv .Exhibitionv-item .Exhibitionv-div::after{z-index:5;content:"";position:absolute;top:0;left:0;background:rgba(0,0,0,0.2);width:100%;height:100%;}
    .Exhibitionv .Exhibitionv-item .Exhibitionv-div a{z-index:10;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;visibility:hidden;transform:scale(1.5);-ms-transform:scale(1.5);-webkit-transform:scale(1.5);-o-transform:scale(1.5);-moz-transform:scale(1.5);color:#fff;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,0.3);padding:20px;}
    .Exhibitionv .Exhibitionv-item .Exhibitionv-div .not-Exhibition{background:rgba(0,0,0,0.5);width:100%;height:100%;padding:100px 30px 30px 30px;}
    .Exhibitionv .Exhibitionv-item .Exhibitionv-div .not-Exhibition h4{font-size:18px;}
    .Exhibitionv .Exhibitionv-item .Exhibitionv-div .not-Exhibition p{border:2px solid #fff;margin-top:20px;font-size:12px;line-height:18px;}
    .Exhibitionv .Exhibitionv-item .Exhibitionv-div .not-Exhibition p span{margin:10px;height:58px;overflow: hidden;display: block;}
    .Exhibitionv .Exhibitionv-item .Exhibitionv-div:hover a{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;visibility:visible;transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);-o-transform:scale(1);-moz-transform:scale(1);}
}
@media only screen and (max-width:1200px){
    .Exhibitionv{width:111.9%;padding-right:7.8%;}	
    .Exhibitionv .Exhibitionv-item{width:33.333333%;}
    .Exhibitionv .Exhibitionv-item .Exhibitionv-div{margin: 25px 11.9% 0px 0px;position:relative;overflow: hidden;}
    .Exhibitionv .Exhibitionv-item .Exhibitionv-div img{display:block;}
    .Exhibitionv .Exhibitionv-item .Exhibitionv-div::after{z-index:5;content:"";position:absolute;top:0;left:0;background:rgba(0,0,0,0.2);width:100%;height:100%;}
    .Exhibitionv .Exhibitionv-item .Exhibitionv-div a{z-index:10;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;visibility:hidden;transform:scale(1.5);-ms-transform:scale(1.5);-webkit-transform:scale(1.5);-o-transform:scale(1.5);-moz-transform:scale(1.5);color:#fff;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,0.3);padding:20px;}
    .Exhibitionv .Exhibitionv-item .Exhibitionv-div .not-Exhibition{background:rgba(0,0,0,0.5);width:100%;height:100%;padding:100px 30px 30px 30px;}
    .Exhibitionv .Exhibitionv-item .Exhibitionv-div .not-Exhibition h4{font-size:18px;}
    .Exhibitionv .Exhibitionv-item .Exhibitionv-div .not-Exhibition p{border:2px solid #fff;margin-top:20px;font-size:12px;line-height:18px;}
    .Exhibitionv .Exhibitionv-item .Exhibitionv-div .not-Exhibition p span{margin:10px;height:58px;overflow: hidden;display: block;}
    .Exhibitionv .Exhibitionv-item .Exhibitionv-div:hover a{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;visibility:visible;transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);-o-transform:scale(1);-moz-transform:scale(1);}
}
@media only screen and (max-width:992px) and (min-width:768px){
    .Exhibitionv .Exhibitionv-item .Exhibitionv-div .not-Exhibition{padding:50px 30px 30px 30px;}
}
@media only screen and (max-width:768px){
    .Exhibitionv .Exhibitionv-item{width:50%;}
    .Exhibitionv .Exhibitionv-item .Exhibitionv-div{margin: 25px 7.8% 0px 0px;}
    .Exhibitionv .Exhibitionv-item .Exhibitionv-div .not-Exhibition{padding:40px 30px 30px 30px;}
    .Exhibitionv .Exhibitionv-item .Exhibitionv-div a{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;visibility:visible;transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);-o-transform:scale(1);-moz-transform:scale(1);}
}
@media only screen and (max-width:479px){
    .Exhibitionv .Exhibitionv-item{width:100%;}
    .Exhibitionv .Exhibitionv-item .Exhibitionv-div{margin: 25px 4.2% 0px 0px;}
    .Exhibitionv .Exhibitionv-item .Exhibitionv-div .not-Exhibition{padding:60px 30px 30px 30px;}
}

/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>联系我们<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/
@media only screen and (min-width:1200px){
    #map{width:100%;height:600px;}
    .Contact-content{width:1190px;margin:0 auto;position:relative;}
    .Contact-content .Contact-not{width:111.9%;padding-right:7.8%;margin-top:-45px;}	
    .Contact-content .Contact-not .Contact-item{width:33.333333%;}
    .Contact-content .Contact-not .Contact-item .Contact-div{min-height:130px;margin: 0px 11.9% 0px 0px;position:relative;border-bottom:2px solid #eee;padding-bottom:20px;}
    .Contact-content .Contact-not .Contact-item .Contact-div .Contact-span{z-index:50;position:absolute;top:-35px;left:50%;margin-left:-35px;display:block;width:70px;height:70px;font-size:26px;}
    .Contact-content .Contact-not .Contact-item .Contact-div .div-p{padding-top:60px;line-height:24px;}
    .Contact-content .Contact-not .Contact-item .Contact-div::after{transition: 0.35s;-moz-transition: 0.35s;-webkit-transition: 0.35s;-o-transition: 0.35s;content:"";position:absolute;border-bottom:2px solid #007FCC;width:0px;left:50%;bottom:-2px;}
    .Contact-content .Contact-not .Contact-item .Contact-div:hover::after{width:100%;left:0;}
    .Contact-content .Contact-not .Contact-item .Contact-div .Contact-span i{position:absolute;top:50%;margin-top:-13px;left:50%;margin-left:-13px;}
    .Contact-content .Contact-not .Contact-item .Contact-div:hover .Contact-span i{animation:cspan 0.8s infinite linear;-moz-animation:cspan 0.8s infinite linear;-webkit-animation:cspan 0.8s infinite linear; -o-animation:cspan 0.8s infinite linear;}
    @keyframes cspan{0% {top:50%;}50% {top:40%;}100% {top:50%;}}
    @-moz-keyframes cspan{0% {top:50%;}50% {top:40%;}100% {top:50%;}}
    @-webkit-keyframes cspan {0% {top:50%;}50% {top:40%;}100% {top:50%;}}
    @-o-keyframes cspan{0% {top:50%;}50% {top:40%;}100% {top:50%;}}

}
@media only screen and (max-width:1200px){
    #map{width:100%;height:550px;}
    .Contact-content{width:100%;margin:0 auto;position:relative; padding:10px;}
    .Contact-content .Contact-not{width:111.9%;padding-right:7.8%;margin-top:-45px;}	
    .Contact-content .Contact-not .Contact-item{width:33.333333%;}
    .Contact-content .Contact-not .Contact-item .Contact-div{min-height:140px;padding:10px;margin: 0px 11.9% 0px 0px;position:relative;border-bottom:2px solid #eee;padding-bottom:20px;}
    .Contact-content .Contact-not .Contact-item .Contact-div .Contact-span{z-index:50;position:absolute;top:-35px;left:50%;margin-left:-35px;display:block;width:70px;height:70px;font-size:26px;}
    .Contact-content .Contact-not .Contact-item .Contact-div .div-p{padding-top:60px;line-height:24px;}
    .Contact-content .Contact-not .Contact-item .Contact-div::after{transition: 0.35s;-moz-transition: 0.35s;-webkit-transition: 0.35s;-o-transition: 0.35s;content:"";position:absolute;border-bottom:2px solid #007FCC;width:0px;left:50%;bottom:-2px;}
    .Contact-content .Contact-not .Contact-item .Contact-div:hover::after{width:100%;left:0;}
    .Contact-content .Contact-not .Contact-item .Contact-div .Contact-span i{position:absolute;top:50%;margin-top:-13px;left:50%;margin-left:-13px;}
    .Contact-content .Contact-not .Contact-item .Contact-div:hover .Contact-span i{animation:cspan 0.8s infinite linear;-moz-animation:cspan 0.8s infinite linear;-webkit-animation:cspan 0.8s infinite linear; -o-animation:cspan 0.8s infinite linear;}
    @keyframes cspan{0% {top:50%;}50% {top:40%;}100% {top:50%;}}
    @-moz-keyframes cspan{0% {top:50%;}50% {top:40%;}100% {top:50%;}}
    @-webkit-keyframes cspan {0% {top:50%;}50% {top:40%;}100% {top:50%;}}
    @-o-keyframes cspan{0% {top:50%;}50% {top:40%;}100% {top:50%;}}
}
@media only screen and (max-width:992px) and (min-width:768px){
    #map{width:100%;height:400px;}
    .Contact-content{width:100%;margin:0 auto;position:relative; padding:10px;}
    .Contact-content .Contact-not{width:100%;padding-right:0;}	
    .Contact-content .Contact-not .Contact-item{width:100%;margin-top:105px;}
    .Contact-content .Contact-not .Contact-item .Contact-div{margin:0px;min-height: auto;}
    .Contact-content .Contact-not .Contact-item .Contact-div .div-p{padding-top:0px;}
    .Contact-content .Contact-not .Contact-item .Contact-div .Contact-span{width:50px;height:50px;margin-left:-25px;margin-top:-25px;font-size:20px;}
    .Contact-content .Contact-not .Contact-item .Contact-div .Contact-span i{margin-left:-10px;margin-top:-10px;}
}
@media only screen and (max-width:768px){
    #map{width:100%;height:350px;}
    .Contact-content{width:100%;margin:0 auto;position:relative; padding:10px;}
    .Contact-content .Contact-not{width:100%;padding-right:0;}	
    .Contact-content .Contact-not .Contact-item{width:100%;margin-top:75px;}
    .Contact-content .Contact-not .Contact-item .Contact-div{margin:0px;min-height: auto;}
    .Contact-content .Contact-not .Contact-item .Contact-div .div-p{padding-top:0px;}
    .Contact-content .Contact-not .Contact-item .Contact-div .Contact-span{width:40px;height:40px;margin-left:-20px;margin-top:-20px;font-size:17px;}
    .Contact-content .Contact-not .Contact-item .Contact-div .Contact-span i{margin-left:-9px;margin-top:-9px;}
}
@media only screen and (max-width:640px){
    #map{width:100%;height:300px;}
    .Contact-content{width:100%;margin:0 auto;position:relative; padding:10px;}
    .Contact-content .Contact-not{width:100%;padding-right:0;}	
    .Contact-content .Contact-not .Contact-item{width:100%;margin-top:75px;}
    .Contact-content .Contact-not .Contact-item .Contact-div{margin:0px;}
    .Contact-content .Contact-not .Contact-item .Contact-div .div-p{padding-top:0px;}
    .Contact-content .Contact-not .Contact-item .Contact-div .Contact-span{width:40px;height:40px;margin-left:-20px;margin-top:-20px;font-size:16px;}
    .Contact-content .Contact-not .Contact-item .Contact-div .Contact-span i{margin-left:-8px;margin-top:-8px;}
}
@media only screen and (max-width:479px){
    #map{width:100%;height:250px;}
}

@media only screen and (min-width:1200px){
    .Online{padding-top:50px;width:1190px;margin:0 auto;padding-bottom:70px;}
    .Online h2{font-size:26px;}
    .Online .Comments-Box{background:#eee;margin-top:30px;padding:40px 30px;}
    .Online .Comments-Box .Comments-input{width:100%;}
    .Online .Comments-Box .Comments-input input{color:#666;width:30%;margin:0px 1.5%;border:none;background:#fff;padding:0px 10px;line-height:38px;}
    .Online .Comments-Box .Comments-tex{margin-top:30px;padding:0px 1.5%;}
    .Online .Comments-Box .Comments-tex textarea{color:#666;width:100%;height:200px;border:none;padding:10px;}
    .Online .Comments-Box .Comments-Code{width:240px;margin:0 auto;padding-top:30px;}
    .Online .Comments-Box .Comments-Code input{padding:0px 10px;line-height:38px;border:none;background:#fff;width:130px;margin-right:10px;}
    .Online .Comments-Box .Comments-Code img{width:100px;height:38px;vertical-align: middle;}
    .Online .Comments-Box .Comments-button{width:160px;margin:0 auto;padding-top:30px;}
    .Online .Comments-Box .Comments-button button{background-color:#007fcc;box-shadow: 0px 5px 0px 0px #096daa;-webkit-box-shadow: 0px 5px 0px 0px #096daa;-moz-box-shadow: 0px 5px 0px 0px #096daa;border:none;border-radius: 5px;padding: 7px 0;font-size: 18px;color: #fff;width:100%;}
    .Online .Comments-Box .Comments-button button:active{transform: translate(0px, 5px);-webkit-transform: translate(0px, 5px);transform: translate(0px, 5px);-moz-transform: translate(0px, 5px);-webkit-box-shadow: 0px 1px 0px 0px;box-shadow: 0px 1px 0px 0px;-moz-box-shadow: 0px 1px 0px 0px;}
}
@media only screen and (max-width:1200px){
    .Online{padding-top:50px;width:100%;padding:10px;padding-bottom:70px;}
    .Online h2{font-size:26px;}
    .Online .Comments-Box{background:#eee;margin-top:30px;padding:40px 30px;}
    .Online .Comments-Box .Comments-input{width:100%;}
    .Online .Comments-Box .Comments-input input{color:#666;width:30%;margin:0px 1.3%;border:none;background:#fff;padding:0px 10px;line-height:38px;}
    .Online .Comments-Box .Comments-tex{margin-top:30px;padding:0px 1.3%;}
    .Online .Comments-Box .Comments-tex textarea{color:#666;width:100%;height:200px;border:none;padding:10px;}
    .Online .Comments-Box .Comments-Code{width:240px;margin:0 auto;padding-top:30px;}
    .Online .Comments-Box .Comments-Code input{padding:0px 10px;line-height:38px;border:none;background:#fff;width:130px;margin-right:10px;}
    .Online .Comments-Box .Comments-Code img{width:100px;height:38px;vertical-align: middle;}
    .Online .Comments-Box .Comments-button{width:160px;margin:0 auto;padding-top:30px;}
    .Online .Comments-Box .Comments-button button{background-color:#007fcc;box-shadow: 0px 5px 0px 0px #096daa;-webkit-box-shadow: 0px 5px 0px 0px #096daa;-moz-box-shadow: 0px 5px 0px 0px #096daa;border:none;border-radius: 5px;padding: 7px 0;font-size: 18px;color: #fff;width:100%;}
    .Online .Comments-Box .Comments-button button:active{transform: translate(0px, 5px);-webkit-transform: translate(0px, 5px);transform: translate(0px, 5px);-moz-transform: translate(0px, 5px);-webkit-box-shadow: 0px 1px 0px 0px;box-shadow: 0px 1px 0px 0px;-moz-box-shadow: 0px 1px 0px 0px;}
}
@media only screen and (max-width:992px) and (min-width:768px){
    .Online .Comments-Box .Comments-button{width:140px;}
    .Online h2{font-size:22px;}
    .Online .Comments-Box .Comments-button button{padding:5px 0;font-size:17px;}
}
@media only screen and (max-width:768px){
    .Online{padding-bottom:30px;}
    .Online .Comments-Box .Comments-input input{width:100%;margin:8px 0px;}
    .Online .Comments-Box .Comments-button{width:140px;}
    .Online .Comments-Box .Comments-tex{padding:0px;margin-top:20px;}
    .Online .Comments-Box .Comments-tex textarea{height:160px;}
    .Online h2{font-size:22px;}
    .Online .Comments-Box .Comments-button button{padding:5px 0;font-size:17px;}
}


/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>详情<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/
@media only screen and (min-width:1200px){
    .details{width:100%;background:#ccc;padding:50px 0px 30px 0px}
    .details .details-div{line-height:38px;}
    .details .details-div h2{font-size:26px;}
    .details-box{width:1190px;margin:0 auto;padding:50px 0px 70px 0px;line-height:24px;}
    .details-box img{width:auto;}
    .details-box p{/*text-indent:2em;*/margin-bottom:10px;}
}
@media only screen and (max-width:1200px){
    .details{width:100%;background:#ccc;padding:40px 0px 20px 0px}
    .details .details-div{line-height:38px;}
    .details .details-div h2{font-size:24px;}
    .details-box{width:100%;margin:0 auto;padding:40px 10px 60px 10px;line-height:24px;}
    .details-box img{width:auto;}
    .details-box p{/*text-indent:2em;*/margin-bottom:10px;}
}
@media only screen and (max-width:992px) and (min-width:768px){
    .details{width:100%;background:#ccc;padding:40px 0px 20px 0px;}
    .details .details-div{line-height:38px;}
    .details .details-div h2{font-size:24px;}
    .details-box{width:100%;margin:0 auto;padding:40px 10px 60px 10px;line-height:24px;}
    .details-box img{width:auto;}
    .details-box p{/*text-indent:2em;*/margin-bottom:10px;}
}
@media only screen and (max-width:768px){
    .details .details-div h2{font-size:20px;}
    .details .details-div p{font-size:12px;}
    .details{width:100%;background:#ccc;padding:20px 0px 10px 0px;margin-top:55px;}
    .details-box img{width:100%;}
    .details-box p{margin-bottom:5px;}
}




@media only screen and (min-width:1200px){
    .banner-button a{display:inline-block;padding:8px 22px;margin:0px 10px;margin-top:20px;color:#666;background:#fff;}
    .banner-button a:hover{color:#fff;background:#007FCC;}
    .banner-button a.active{color:#fff;background:#007FCC;}
    #cover-not{display:none;}
    .banner-button{display: block;}
}
@media only screen and (max-width:1200px){
    .banner-button a{display:inline-block;padding:8px 22px;margin:0px 10px;margin-top:20px;color:#666;background:#fff;}
    .banner-button a:hover{color:#fff;background:#007FCC;}
    .banner-button a.active{color:#fff;background:#007FCC;}	
    #cover-not{display:none;}
    .banner-button{display: block;}
}
@media only screen and (max-width:992px) and (min-width:768px){
    .banner-button a{padding:6px 18px;margin:0px 8px;margin-top:15px;}	
    .banner-button{display:block;}
    #cover-not{display:none;}
}
@media only screen and (max-width:768px){
    .banner-button{display:none;}
    #cover-not{display:block;}	
}



/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>视频<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/
.video{background:#212223;padding:0 10px;position:fixed;left:0px;bottom:0px;z-index:100000;}
.video .buttom-cm{position:absolute;top:10px;right:10px;width:35px;height:35px;background:#007FCC;color:#fff;line-height:35px;text-align:center;cursor:pointer;}
@media only screen and (max-width:768px){
    .video{display:none;}
}


/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>新增导航二级菜单<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/
header .Navigation-bar .header-bar .Navigation-ul .Navigation-li{position:relative;}
header .Navigation-bar .header-bar .Navigation-ul .Navigation-li:hover .brrdiv{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;visibility:visible;}
header .Navigation-bar .header-bar .Navigation-ul .Navigation-li .brrdiv{position:absolute;width:600px;top:83px;left:0;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;visibility:hidden;z-index:999;}
header .Navigation-bar .header-bar .Navigation-ul .Navigation-li .brrdiv .brrul{width:100%;margin:0 auto;height:50px;line-height:50px;}
header .Navigation-bar .header-bar .Navigation-ul .Navigation-li .brrdiv .brrul>li>a{color:#666;margin:0 10px;}
header .Navigation-bar .header-bar .Navigation-ul .Navigation-li .brrv{position:fixed;top:83px;left:0;background:rgba(255,255,255,0.7);display:none;width:100%;height:50px;z-index:888;}
header .Navigation-bar .header-bar .Navigation-ul .Navigation-li:hover .brrv{display:block;}





.news_slide{
    width: 100%;
    background: #f3f3f3;
    clear: both;
}
.news{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}
.news>div{
    width: 100px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 50px;
    background: #f3f3f3;
}
.news>div h2{
    /* margin-top: 50px; */
}
.news>div>div{
    width: 60px;
    height: 2px;
    background-color: #000;
    margin: 0 auto;
    margin-top: 10px
} 
.news{
    padding-bottom:30px
}


.news_div {
    width:63%;
    margin: 0 auto;
    padding-bottom: 30px;
    display: flex;
    flex-wrap: wrap;
}
.news_div>div{
    width: 50%;
    float: left;
    padding-bottom: 10px;
    height: 420px;
}
.news_div>div:last-child{
    margin-top: -20px

}
.swiper-button-prev, .swiper-button-next{
    background-image: none !important; 
}
.swiper-pagination{
    float: right;;
}
.news_list{
    width: 50%;
    float: right;
    height: 100%;;
}
.news_list>ul>li{
    list-style: none;
    height: 60px;
    border-bottom: 1px dashed gray;
    width: 90%;
    line-height: 60px;
    margin: 0 auto;
    color: gray;
}
.news_list>ul>li p{
    float: left;
    padding-left: 5px
}
.news_list>ul>li span{
    float: right;
    color: gray;
}


.shadow {
    text-align: center;
    /* 背景颜色线性渐变 */
        /* 老式写法 */
            /* linear为线性渐变，也可以用下面的那种写法。left top，right top指的是渐变方向，左上到右上 */
            /* color-stop函数，第一个表示渐变的位置，0为起点，0.5为中点，1为结束点；第二个表示该点的颜色。所以本次渐变为两边灰色，中间渐白色 */
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #4d4d4d), color-stop(.4, #4d4d4d), color-stop(.5, white), color-stop(.6, #4d4d4d), color-stop(1, #4d4d4d));
        /* 新式写法 */
    /* background: -webkit-linear-gradient(left top, right top, color-stop(0, #4d4d4d), color-stop(.4, #4d4d4d), color-stop(.5, white), color-stop(.6, #4d4d4d), color-stop(1, #4d4d4d)); */

    /* 设置为text，意思是把文本内容之外的背景给裁剪掉 */
    -webkit-background-clip: text;
    /* 设置对象中的文字填充颜色 这里设置为透明 */
    -webkit-text-fill-color: transparent;
    /* 每隔2秒调用下面的CSS3动画 infinite属性为循环执行animate */
    -webkit-animation: animate 2.5s infinite;
}
/* 兼容写法，要放在@keyframes前面 */
@-webkit-keyframes animate {
    /* 背景从-100px的水平位置，移动到+100px的水平位置。如果要移动Y轴的，设置第二个数值 */
    from {background-position: -100px;}
    to {background-position: 100px;}
}
@keyframes animate {
    from {background-position: -100px;}
    to {background-position: 100px;}
}


/* //新闻图片 */
.news_div img{
        height: 100%;;
}

/* xinwen标题 */

.news_title{
    position: absolute;bottom: 0%;
    text-align: left;
    padding-left: 15px;
    width: 100%;
    line-height: 2.5rem;
    background-color:rgba(0,0,0,0.3);
    color: #fff;
}