/*==herder==*/
.header{display:block;width:100%;height:120px; line-height:120px; position: absolute;top: 0px;z-index:10;transition: background-color 0.5s linear;}
.header2{position:fixed;height: 120px; line-height:120px;top:0px;left:0px;margin-top:0px;z-index: 10;transition: background-color 0.5s linear;  filter:alpha(opacity=50); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9;}


.logo{width:320px; height: 40px; margin-top:20px;}
.logo img{width:100%;}
.logo a{padding: 0;height:40px}


.nav-list{display:none; position:fixed; top:0px; background:url(../images/nav-bgg.png) #fff; height: 100%; width: 100%; z-index:20}
.nav-list .menu{margin:0px auto;  padding:50px; text-align:right; }
.nav-list .menu a{display: block; font-size:46px; color: #333; border-bottom:0px solid #eee; line-height:56px; margin-top:10px;}
.nav-list .menu a:hover{color: #000}
/*.nav-list .menu a span{display: none;}*/
.nav-list .lx{padding: 20px; font-size: 14px; text-align:center;}

.menu-up{font-size: 18px; text-align: right; padding-right:35px}
.menu-up a{margin:0 15px; color: #333}
.menu-up a:hover{color: #ce000e}



.home-nav h6{color: #333}
/*.header .home-nav h6{color: #fff}
.header2 .home-nav h6{color: #444}
.menu-up a{color: #fff}
.header .home-nav .menu-up a:hover{color: #ce000e}
.header2 .home-nav .menu-up a{color: #444}
.header2 .home-nav .menu-up a:hover{color: #fff}*/


/*==mov-nav==*/
.head-bg{border-bottom: 1px solid #e0c714;background: #ce000e}
.custom-wrapper h6{line-height:120px}
.custom-wrapper{ width:100%;z-index: 9999;  -webkit-font-smoothing: antialiased;height:120px;line-height: 120px;overflow: hidden;-webkit-transition: height 0.5s;-moz-transition: height 0.5s;-ms-transition: height 0.5s;transition: height 0.5s;}
.custom-wrapper.nav-list{position:absolute;top:0px;width:100%;height:100%;background: #fff;}

.custom-toggle{width:50px;height:50px;position: absolute;top:35px;right: 30px; background: #fff; display: none;}
.custom-toggle .bar{background: #333;display: block;width:25px;height:3px;border-radius: 100px;position: absolute;top:25px; z-index: 9999; right:12px;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;transition: all 0.5s;}
.custom-toggle .bar:first-child{-webkit-transform: translateY(-6px);-moz-transform: translateY(-6px);-ms-transform: translateY(-6px);transform: translateY(-6px);}
.custom-toggle.x .bar{-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.custom-toggle.x .bar:first-child{-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);}  
 .pure-menu-disabled, .pure-menu-heading, .pure-menu-link {
    padding:20px 0 0 0;}   

.swiper-pagination-bullet{background: #fff}
.swiper-pagination-bullet-active{background: #ce000e;}
/*banner*/
.banner{position:relative;background:#ddd;}
.swiper-container {width: 100%; height:100%; margin-left: auto;margin-right: auto;}
.swiper-slide {text-align: center;font-size: 18px;
 /* Center slide text vertically */
    display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.swiper-slide .lunbo img{width: 100%; display:block;}
.swiper-button-next, .swiper-button-prev { position: absolute;top:51%;width:26px;height:46px;margin-top: -22px;z-index: 10;cursor: pointer;
    background-size: 26px 46px;
    background-position: center;
    background-repeat: no-repeat;}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {background-image: url(../images/a-left.png);left: 10px;right: auto;}
.swiper-button-prev:hover, .swiper-container-rtl .swiper-button-next:hover {background-image: url(../images/hover-left.png);left: 10px;right: auto;}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background-image: url(../images/a-right.png);right: 10px;left: auto;}
.swiper-button-next:hover, .swiper-container-rtl .swiper-button-prev:hover {
    background-image: url(../images/hover-right.png);right: 10px;left: auto;}

.anli-lunbo img{width: 100%; display:block;}


.news-list a h3 span, .news-list a span, .anli-nav a, .home-news a, .home-font h2 span, .home-font h5 span, .anli .mc .t span {
    background-image: linear-gradient(180deg,transparent 65%,#ce000e 0);
    background-size: 0 100%;
    background-repeat: no-repeat;
    text-decoration: none;
    -webkit-transition: background-size .4s ease;
    -moz-transition: background-size .4s ease;
    -ms-transition: background-size .4s ease;
    -o-transition: background-size .4s ease;
    transition: background-size .4s ease;
color: #000
}
.news-list a:hover h3 span, .news-list a:hover span, .anli-nav a:hover, .home-news a:hover, .home-font h2 span:hover,.home-font h5 span:hover, .anli a:hover .mc .t span {background-size:100% 100%;cursor:pointer}


.home-font h2{font-size: 60px; line-height:70px;}
.home-font h4{font-size: 20px; line-height:30px;}
.home-font h5{font-size: 24px; line-height:30px; margin-top: 20px;}
.home-font p{font-size: 14px;}
.home-font h6 a{border-bottom: 1px solid #333; }

.home-font .r-lx{border-left: 4px solid #ce000e}


.lanmu-biaoyu{position: absolute;vertical-align: middle; z-index:10;
    right:0; left:0; top:27%;
}
.lanmu-biaoyu .jian{height: 2px; width:45px; background: #333; margin:20px 0;}
.lanmu-biaoyu .by-bg{ float: right;right:0; width:400px; background: #fff}

.lanmu-biaoyu .lanmu-an{display:block; width:120px; height: 36px; line-height: 36px; border: 1px solid #333; text-align: center;}
.lanmu-biaoyu .lanmu-an:hover{ background: #fed100; border: 1px solid #fed100; }

.lanmu-biaoyu.zs{top:20%;}
.lanmu-biaoyu .by-bg.rz{float: left;left:0;width:600px;}
.lanmu-biaoyu .by-bg.rz h2{font-size: 46px;}





@media screen and (min-width: 320px) and (max-width:768px) {
.lanmu-biaoyu{ top:22%;}
.lanmu-biaoyu .by-bg{ float:inherit;right:0; left:0; max-width:300px;  margin-left:auto;margin-right:auto;}
.lanmu-biaoyu .lanmu-an{font-size: 12px; width:100px; height: 30px; line-height: 30px;}
.lanmu-biaoyu .jian{width:30px; margin:10px 0;}
}



/*==footer==*/
.footer{background:#333; color: #bbb; }
.footer .foot-logo{width:145px; padding-top: 5px}
.footer .foot-logo h2{font-size: 12px; line-height: 16px}
.footer .foot-menu a{font-size: 18px;font-weight: bold; line-height: 30px; display: block; padding-bottom:10px; color: #bbb;}
.footer .tel{font-size: 16px;border:1px solid #666; padding:5px 10px; max-width: 400px}
.footer .tel span{margin-right:25px}
.left-line{border-left: 1px solid #333}
.footer a{color: #bbb;}
.footer a:hover{color: #ce000e;}
.footer .ewm{width:80%;  text-align: center; color: #bbb;line-height:22px;}
.footer .ewm img{ width: 100%; display: block;}
.footer .banquan{font-size: 11px; line-height:20px; border-top: 1px solid #666}
.footer .ico-fx{margin-left: 20px; overflow: hidden;}
.footer .ico-fx a{display: block; float: left; margin: 0 5px; width: 22px; height: 22px;}
.footer .ico-fx a img{width: 100%}

.weixin:hover{cursor:pointer; }
.weixin:hover .up-ewm{opacity:1;}
.up-ewm{opacity:0; z-index:5; position: absolute;top:0px;left:22px;right:0; width:80px;padding:5px;background: #fff;}
.up-ewm img{display: block;}
/*==home==*/
.home-yewu{position: relative;z-index:1}
.home-yewu .yewu-list{margin-left: -25px}
.home-yewu .yewu-list .yewu-lb{ height: 100%;margin-left:25px;}
.home-yewu dl{border:0px solid #ddd;}
.home-yewu dl .ico-yw{display: block; width:30%; margin: 0 auto}
.home-yewu dl .j{height: 2px; background: #000; }

.bg{ position: relative;background-position:50% 50%; background-repeat: no-repeat; 
/*background-attachment:fixed;*/background-size:100%;}


.anli-nav a{margin-left:25px; font-size: 16px; line-height:28px;}
.anli-nav a:hover{color: #333; text-decoration: underline;}

.anli-lb{margin-left:-25px;}
.anli{position: relative; margin-left:25px;}
.anli .mc{position: relative;opacity:1; height: 100%; z-index:1;
background-color:1s linear;
-webkit-transition: all 1s;
-moz-transition: all 1s;
-ms-transition: all 1s;
-o-transition: all 1s;
transition: all 1s;

border-bottom: 3px solid #333;
}


.anli-title a{display:block; background: #ce000e; color: #fff; height: 50px; line-height: 50px; text-align: center;}
.anli-title a:hover{background: #333; color: #fff}
.anli-title a span{font-size: 24px}
.anli-title a span{float: right; display:block; height: 50px; width:50px; background: #333; color: #fff}
.anli-title a:hover span{background: #ce000e; color: #333}
/*.anli:hover .mc{opacity:1;z-index:5; width: 100%; height: 100%;border:0 solid #ce000e;}*/
.anli:hover{cursor: pointer; color: #888}
.anli .mc .t{position: relative; padding:10px 0 30px 0; height:100px; width:70%;}
.anli .mc h6{font-size: 12px;}.anli .mc h2{line-height: 40px}
.anli .mc h6 span{color: #999; margin-right:10px;}
.anli .tu{overflow: hidden;position: relative;border-bottom: 10px solid #ce000e;}
.anli .tu img{min-width:100.3%; display: block; transition:all 4s;}
.anli a:hover .tu img{transform:scale(1.1);
-webkit-transform: scale(1.1); /*Safari 和 Chrome*/
-moz-transform: scale(1.1); /*Firefox*/
-ms-transform: scale(1.1); /*IE9*/
-o-transform: scale(1.1); /*Opera*/
}
.anli .clear-bg{opacity: 0;position: absolute; width: 100%; height: 100%;transition:all 1s;
 background-image: url(../images/an-bg.png); }
.anli:hover .clear-bg{opacity:1; z-index:1;transition:all 1s;}
.anli .cover {opacity: 0;position: absolute;left: 0;top: 0;right: 0;bottom: 0;    border: 0 solid #ce000e;box-sizing: border-box;transition:all 0.5s; z-index:2}
.anli:hover .cover{opacity:1;border-width: 6px;}




.an-more a{color: #333;  padding:10px 30px; background: #fff; border:2px solid #333;}
.an-more a:hover{ background: #000; border:2px solid #000; color: #fff}

.an-more-1 a{height:42px;font-size:16px;font-weight:bold;color: #333; background: #ce000e; border:2px solid #000;}
.an-more-1 a:hover{ background: #000; border:2px solid #000; color: #fff}


.biaodan { margin-left: -25px; }
.biaodan .bd{ margin-left: 25px;}

.tijiao{background: #f4f6f7; color: #0062EF;transition:background-color 0.5s linear;}
.tijiao:hover{background:#0062EF; color: #fff;}
.tijiao-1{background: #fff; color: #0062EF;transition:background-color 0.5s linear;}
.tijiao-1:hover{background:#0062EF; color: #fff;}

.pure-button, input{border-top: 0; border-left: 0; border-right: 0}

.home-news li{margin-bottom:3px;}


.gg-biaot h1, .gg-biaot h3, .about h2{}
.about h2{font-size: 48px; line-height: 1; margin-bottom:10px;}

/*==about==*/
.about-banner{position: absolute; max-width: 1200px; left:0; right: 0; margin: 0 auto;  bottom:10%;z-index:1; color: #fff}
.bian{border:1px solid #0062EF;}

.licheng-bg{ position: relative;background-position:0 50%;background-repeat:  no-repeat;
background-attachment:fixed;background-size:center center;background-image:url(../images/about/lc-bg.png);background-color: #000}
.licheng{width:767px; margin:0 auto; padding-top: 30px;}
.licheng dl{overflow: hidden; margin-bottom:0px; color: #fff;
transition: all 1s;
}

.licheng dl dt{padding-left:50px; padding-bottom: 20px; width:350px;background:url(../images/about/ico-lc.png) no-repeat 0px 0;}
.licheng dl dd{padding-right:50px; padding-bottom:20px; width:350px;background:url(../images/about/ico-lc.png) no-repeat 367px top; text-align: right;}
.licheng dl dt{float:right; line-height:20px;}
.licheng dl dd{float:left; line-height:20px;}
.licheng dl dd h3, .licheng dl dt h3{font-weight: bold; line-height: 30px; margin-bottom: 5px;}
.licheng dl:hover dt{background-position:0 -155px; cursor: pointer;}
.licheng dl:hover dd{background-position:367px -155px; cursor: pointer;}
.licheng dl:hover{color: #0062ef;}

/*==service==*/
.fuwu-anli{padding:5px;transition: all 1s; }
.fuwu-anli:hover{background: #0062EF;}
.fuwu-anli:hover a{color: #fff}
.fuwu-anli-ml{margin-left: -20px}
.fuwu-anli{margin-left: 20px}
.fuwu-anli dd{padding:20px 10px 10px 10px}
.fuwu-anli dt{overflow: hidden;}
.fuwu-anli dt img{width: 100%; display: block; transition:all 3s;}
.fuwu-anli:hover dt img{transform:scale(1.1);}
.fuwu-anli dd .jt{width: 68px; height: 11px; background:url(../images/jt.png) no-repeat;}
.fuwu-anli:hover dd .jt{width: 68px; height: 11px; background:url(../images/jt-hover.png) no-repeat;}

.xuyao.bian-right{border-right: 1px solid #ddd}
.yewu-tit-bg h3{background: #000; color: #999}

.ggbanner{position: relative;}
.ggbanner .pho{position: relative;}
.ggbanner .pho img{width:100%;display:block;}
.ggbanner .pho h3{position:absolute; top:100px; right: 50px; line-height:26px; color: #fff;}
.ggbanner .biaoyu h1{font-size: 56px; line-height: 66px;}
.ggbanner .biaoyu h2{margin-bottom: 5px;}
.ggbanner .biaoyu h2 span{border-bottom: 1px solid #666;}

.case-xx-top-pho img{display:block; width: 100%}
.case-xx-neirong img{display:block; width:100%; margin-bottom: 10px;}
.case-title{line-height: 30px}

.case-xx-tit{font-size: 46px; line-height: 120%}

/*=news==*/
.news-list{border-bottom: 1px solid #ddd}

.news-list .tup{overflow: hidden;}
.news-list .tup img{width: 100%; display: block; transition:all 3s;}
.news-list:hover .tup img{transform:scale(1.2);}
.news-xg li{padding: 5px 0}
.news-nav a:hover{color: #000; }
.hr1{border:0;height: 1px; margin-top: 20px; margin-bottom:20px;  background: #ddd;}

/*sxt*/
.sxt a{margin: 0 15px}
.sxt{overflow: hidden; position: fixed; bottom:33%; right: 15px; z-index: 9999; width:35px;}
.sxt .ico-sxt{display: block; margin:5px 0; width:35px; height: 35px; text-align: center; line-height: 35px; color: #fff; border-radius: 35px; background:url(../images/bg.png);
transition: all 0.5s cubic-bezier(0.15, 0.65, 0.58, 0.99) 0s;vertical-align: middle;}
.sxt a:hover{color: #fff; background: #000;}
/*.sxt .syt{float: left;}.sxt .xyt{float:right;}.sxt .fh{margin: 0 auto;}*/
.sxt .fh i{font-size: 11px;}

#allmap{width: 100%;height:550px;}


.youshi dl dt, .youshi dl dd{float: left;}
.youshi dl dd{width:600px;}
.youshi dl dd{margin-left:40px; padding-top: 30px;}
.youshi dl dt .shuzi{ width:120px; height: 120px; background: #333; color: #fff; font-size:40px; text-align: center; line-height:120px; border-radius: 100% }
.youshi dl dt .shuzi sup{font-size: 20px;}
.youshi dl dd h5{display:table-cell; vertical-align:middle;}

.minglv ul li{margin-bottom:10px;}

/*==mov-nav end==*/
@media screen and (max-width:1440px){
.area{max-width:95%;}
.home-yewu .yewu-list .yewu-lb{ height: 100%;margin-left:20px;}
.home-yewu .yewu-list .yewu-lb .siu-p50{padding: 25px}
}

@media screen and (max-width:1024px){
.area{max-width:100%; margin:0 auto}


.home-yewu{margin-top:15px;}
.home-yewu .yewu-list{margin-left: -5px}
.home-yewu .yewu-list .yewu-lb{ height: 100%;margin-left:5px;}
}
.gg-biaoti>h1{margin-bottom: 20px;}
@media screen and (min-width: 320px) and (max-width:768px) {
.gg-biaoti>h1{font-size:66px; line-height: 76px;}
.about h2{font-size:56px; line-height: 56px}
/*------*/
.logo{height:60px;width:200px; margin-top: 10px}
.logo img{width:100%; margin-top: 15px}
.logo a{padding:0px 0 0 0;height:60px}

.custom-wrapper{height:60px;line-height:60px;}
.custom-wrapper h5{line-height:60px}
.custom-wrapper h5 span{ margin-right: 20px }
.pure-menu-disabled, .pure-menu-heading, .pure-menu-link {
    padding:16px 0 0 0;} 
.custom-toggle {width:60px;height:50px; top: 13px;right: 0px;display:block;}
.custom-toggle .bar{top:27px;}
.nav-list .menu{margin-top:0px;}
.nav-list .siu-text-middle{top:40%;}
/*swiper*/
.swiper-slide .lunbo{height:380px;}
.banner .lanmu-biaoyu{top:35%;}
.swiper-button-next, .swiper-button-prev {width:15px;height:26px;background-size:15px 26px;}
.footer .tel span{margin-right:15px}
.footer .foot-menu a span{display: none;}

.home-font h2{font-size:46px; line-height:56px;}
.home-font h5{font-size: 20px; line-height:26px; margin-top: 20px;}

.home-font p {font-size: 12px; line-height: 18px;}

.ggbanner{height: 360px; background-size:auto 100%; background-position:20% 100%;}

.youshi dl dd{width:100%;}
.youshi dl dd{margin-left:0px;}
.youshi dl dd h3{font-size:36px; line-height:40px;}

/*==home==*/
.home-about h1{font-size:24px; line-height: 26px;}
.home-about p{font-size:13px; line-height:20px; text-decoration: none;}
.left-line{border-left:0px solid #333}

.anli-nav a{margin-left:0px; margin-right:20px; font-size: 14px }
.anli-nav a span{display: none;}
.an-more:hover{color:#fff; background: #000}
.anli .mc .t{ padding:10px 0px;bottom:0px; height: 80px}
.anli .mc h2{line-height: 30px}
.anli .clear-bg{display: none;}
.anli .cover {display: none;}


.case-title li{line-height: 24px}
.case-xx-tit {
    font-size:36px;
    line-height: 120%;
}

#allmap{width: 100%;height:350px;}

}
@media screen and (max-width: 320px) {
.nav-list .siu-text-middle{top:20%;}
.anli .clear-bg{display: none;}
.anli .cover {display: none;}   
}