.laz, .swiper-lazy-preloader img{background: url('../images/loding.svg') no-repeat center #f9f9f9 !important;width: 100%;}

.swiper-lazy-preloader::after{display: none;}

/* ------------------------------------ 放大镜样式 ----------------------------- */



.cloudzoom-lens{border:3px solid #888;width:100px;height:100px;-webkit-box-shadow:0 0 10px rgba(0,0,0,.4);box-shadow:0 0 10px rgba(0,0,0,.4);cursor:crosshair;background:#fff;z-index:10}.cloudzoom-zoom{border:1px solid #888;width:500px;height:200px;-webkit-box-shadow:0 0 10px rgba(0,0,0,.4);box-shadow:0 0 10px rgba(0,0,0,.4)}.cloudzoom-zoom-inside{border:none;-webkit-box-shadow:none;box-shadow:none}.cloudzoom-caption{display:none;text-align:left;background-color:#000;color:#fff;font-weight:700;padding:10px;font-family:sans-serif;font-size:11px}.cloudzoom-blank{background-image:url(../images/blank.png)}.cloudzoom-ajax-loader{background:url('../images/loding.svg') no-repeat center;width:32px;height:32px}





.swiper-lazy-preloader{width: 100%;height: 100%;left: 0;top: 0;margin: 0;-webkit-animation:none;animation:none;}



body{background-color: #fff;}



/* --------------------------------   客服代码样式 --------------------------- */

/* #kefu{position: fixed;height: 286px;z-index: 9999;right: 10px;top: 0;bottom: 0;margin:auto;}

#kefu .box{background-color: #0079c3;border-radius: 5px;height: 100%;padding:0 5px 5px;position: relative;}

#kefu .kf-title{height: 43px;line-height: 43px;text-align: center;font-size: 16px;color: #fff;}

#kefu ul{}

#kefu ul li{line-height: 30px;width: 70px;height: 70px;background-color: #0079c3;margin-bottom: 2px;border-radius: 3px;text-align: center;font-size: 25px;position: relative;}

#kefu ul li a{color: #fff;display: block;vertical-align: middle;line-height: 50px;}

#kefu ul li a p{font-size: 12px;line-height: 100%;}

#kefu ul li a .sub{position: absolute;display: none}

#kefu ul li a .sub.wx{right: 70px;top: 0;background-color: #fff;border:solid 1px #eee;padding: 7px;}

#kefu ul li a .sub.wx img{max-width: 110px;width: 110px;}

#kefu ul li a .sub.wx p{color: #555;text-align: center;font-size: 15px;line-height: 100%;padding: 5px 0;}

#kefu ul li a .sub.tel{top: 0;background-color: #0079c3;color: #fff;font-size: 18px;right: 100%;white-space:nowrap;padding: 0 20px;font-weight: bold;margin-right: -3px;border-radius: 3px;line-height: 70px;}

#kefu .kf-foot{text-align: center;color: #fff;padding-top: 10px;}

#kefu .kf-foot .h4{font-size: 13px;margin-top: 5px;}

#kefu .box .close{position: absolute;width: 24px;height: 24px;border-radius: 90px;background-color: #fff;text-align: center;line-height: 20px;right: -12px;top: -12px;font-size: 13px;cursor: pointer;border:solid 1px #00ac94;}

 */



.kefu{position: fixed;right: 10px;top: 0;bottom: 0;z-index: 999;}

.kefu .kefu-box{}

.kefu .kefu-box > div{text-align: center;width: 50px;height: 50px;background-color: rgba(0, 121, 195, .8);position: relative;margin-bottom: 1px;transition: .5s;}

.kefu .kefu-box > div:hover{background-color: #0079c3}

.kefu .kefu-box > div a{width: 100%;height: 100%;color: #fff;}

.kefu .kefu-box > div .diog{position: absolute;right: 100%;top: 0;transition: .5s;visibility: hidden;opacity: 0;}

.kefu .kefu-box .qq{text-align: center;}

.kefu .kefu-box > div a i{font-size: 26px;}

.kefu .kefu-box .rx {}

.kefu .kefu-box .rx .diog{background-color: #0079c3;white-space: nowrap;height: 100%;line-height: 50px;color: #fff;font-size: 20px;padding: 0 15px;font-family: Anton;}



.kefu .kefu-box > div.active .diog{opacity: 1;visibility: visible;}





.kefu .kefu-box .watch .diog{width: 110px;background-color: #fff;padding: 10px;color: #666;border:solid 1px #ddd;}

.kefu .kefu-box .watch .diog p{margin-bottom: 5px;}









/* ------------------------- 头部样式 ------------------------------------------------ */





header{padding: 0;z-index: 99999;-webkit-transition: .5s;transition: .5s;position: fixed;width: 100%;left: 0;top: 0;}

header .wrapper{position: relative;z-index: 40;margin: 0 2%;height: 110px;}

header .logo{}

header .logo .logo-img{width: 100px;height: auto;}

header .logo .logo-img path, header .logo .logo-img polygon{height: 100%;fill: #fff;transition: .5s;}



/* ------------------------- 头部右边样式 ------------------------------------------------ */



header .navbar-toggler{color: #fff;cursor: pointer;z-index: 10;-webkit-transition: .5s;transition: .5s;display: none;}

header .navbar-toggler button{background: none;border:none;cursor: pointer;}

header .navbar-toggler button p{width: 35px;height: 3px;background-color: #fff;margin-bottom:8px;-webkit-transition: .4s;transition: .4s;border-radius: 2px;}

header .navbar-toggler button p:last-child{margin-bottom: 0;}





body.active header{background-color: #fff;box-shadow: 0 0 10px rgba(0, 0, 0, .05);}

body.active header .logo .logo-img path, body.active header .logo .logo-img polygon{height: 100%;fill: #006ab6;}



body.bodyshow header .navbar-toggler button p{margin: 0;}

body.bodyshow header .navbar-toggler button p:nth-child(1){ -webkit-transform: matrix(1,0,0,1,0,3) rotate(45deg);

    transform: matrix(1,0,0,1,0,3) rotate(45deg);}

body.bodyshow header .navbar-toggler button p:nth-child(2){width: 0;opacity: 0;}

body.bodyshow header .navbar-toggler button p:nth-child(3){-webkit-transform: matrix(1,0,0,1,0,-3) rotate(-45deg);

    transform: matrix(1,0,0,1,0,-3) rotate(-45deg);}













header .tel{text-align: right;color: #fff;font-size: 20px;font-family: Anton;text-overflow: ellipsis;white-space:nowrap;margin-left: 80px;}

header .tel i{font-size: 24px;margin-right: 5px;vertical-align: middle;width: 27px;height: 27px;background-color: #e89900;color: #fff;border-radius: 90px;font-size: 15px;display: inline-block;text-align: center;line-height: 27px;}





body.active header .tel{color: #0079c3;}







@media (max-width:767px){

header .wrapper{height: 70px;}

    header .logo .logo-img{width: 60px;}

    header .navbar-toggler{display: block;}



    body.bodyshow header {background-color: #fff;}

    body.bodyshow header .logo .logo-img path, body.bodyshow header .logo .logo-img polygon{height: 100%;fill: #006ab6;}

    body.bodyshow header .navbar-toggler button p{background-color: #333;}



    body.active header .navbar-toggler button p{background-color: #333;}



    .search-box{padding: 10px;}

    .search-box .search-wrapper{width: 80%;}

    .search-box .search-wrapper input[type="text"]{height: 40px;}

    .search-box .search-wrapper button{height: 40px;}

    header .tel{margin-left: 30px;}



}





@media (min-width:768px) and (max-width: 991px){

    header .navbar-toggler{display: block;}



    body.bodyshow header {background-color: #fff;}

    body.bodyshow header .logo .logo-img path, body.bodyshow header .logo .logo-img polygon{height: 100%;fill: #006ab6;}

    body.bodyshow header .navbar-toggler button p{background-color: #333;}



    body.active header .navbar-toggler button p{background-color: #333;}

        header .tel{margin-left: 30px;}

}



@media (min-width:992px) and (max-width:1199px){

    body.bodyshow header {background-color: #fff;}

    body.bodyshow header .logo .logo-img path, body.bodyshow header .logo .logo-img polygon{height: 100%;fill: #006ab6;}

    body.bodyshow header .navbar-toggler button p{background-color: #333;}



    body.active header .navbar-toggler button p{background-color: #333;}



    header .navbar-toggler{display: block;}



    header .tel{margin-left: 30px;}

}



@media (min-width:1200px) and (max-width:1335px){



    header .tel{margin-left: 20px; }

}



@media (min-width:1336px) and (max-width:1500px){



    header .wrapper{margin: 0 2%;}



    header .tel{margin-left: 20px;}

}





@media (min-width:1501px) and (max-width: 1599px){

    header .wrapper{margin: 0 1%;}

}









/* ------------------------- 导航样式 -------------------------------------- */



.navtaion{position: relative;z-index: 40;}

.navtaion .box{}

.navtaion ul{}

.navtaion ul{width: 100%;}

.navtaion ul li{position: relative;z-index: 10;margin: 0 20px;}

.navtaion ul li:last-child{margin-right: 0;}

.navtaion ul li:first-child a i{margin-right: 5px;}

.navtaion ul li a{color: #fff;text-transform: uppercase;display: block;font-size:16px;position: relative;-webkit-transition: .5s;transition: .5s;line-height: 35px;height: 35px;}

.navtaion ul li a span{position: relative;z-index: 10;line-height: 100%;}

.navtaion ul li a:hover{color: #fff;}



.navtaion ul li.active a{color: #fff;}





body.active .navtaion ul li a{color: #333;}



body.active .navtaion ul li.active a{color: #0079c3;}



body.active .navtaion ul li a:hover{color: #fff;}



body.active .navtaion ul li a:hover{color: #0079c3;}



@keyframes tbdh

{

0% {transform: translateY(0)}

50% {transform: translateY(-10px)}

100%{transform: translateY(0)}

}





@-moz-keyframes tbdh /* Firefox */

{

0% {transform: translateY(0)}

50% {transform: translateY(-10px)}

100%{transform: translateY(0)}

}



@-webkit-keyframes tbdh /* Safari 和 Chrome */

{

0% {transform: translateY(0)}

50% {transform: translateY(-10px)}

100%{transform: translateY(0)}

}







.navtaion ul li .ul{position: absolute;left: 0;top: 150%;opacity: 0;z-index: 0; background-color: #0079c3;border-radius: 5px;padding: 10px;-webkit-transform: translateY(50px);transform: translateY(50px);visibility: hidden;}

.navtaion ul li .ul::before{content: '';display: block;width: 0;height: 0;top: -20px;left: 0;right: 0;margin:auto;position: absolute; border: 10px solid;border-color: transparent transparent #0079c3;}

.navtaion ul li .ul a::before{display: none;}

.navtaion ul li .ul .li{-ms-text-overflow: ellipsis;

text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}

.navtaion ul li .ul .li a{padding:0 2rem;font-size: 15px;z-index: 5;background: none;color: #fff;border-radius: 0;}

.navtaion ul li .ul .li a:hover{color: #fff;background-color: #0090e8;}





.navtaion ul li .ul.open{opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);visibility: visible;}





@media (max-width:767px){

    #header .logo{margin-left: 2%;}

    #header .logo img{height: 55px;}

    #header .wrapper{height: 70px;}



    #header .header-right .close{width: 70px;height: 70px;}

    .navtaion{position: absolute;top: 100%;background-color: #fff;right: -200px;left: -200px;opacity: 0;visibility: hidden;-webkit-transition: .5s;transition: .5s;}

    .navtaion ul{display: block;}

    .navtaion ul li{border-top: solid 1px #ddd;padding: 0 200px;}

    .navtaion ul li a{border-radius: 0;line-height: 45px;height: 45px;color: #333;font-size: 15px;}



    body.bodyshow header .navtaion{opacity: 1;visibility: visible;}



    .navtaion ul li .ul{position: static;border-radius: 0;opacity: 1;visibility: visible;-webkit-transform: translateY(0);transform: translateY(0);display: none}

    .navtaion ul li .ul::before{display: none;}



    #header .header-right .weixin{margin-right: 10px;}

    #header .header-right .weixin img{width: 60px;}



}





@media (min-width:768px) and (max-width: 991px){

    #header .logo{margin-left: 2%;}

    #header .logo img{height: 55px;}

    #header .wrapper{height: 90px;}



    header .header-right .close{width: 90px;height: 90px;}

    .navtaion{position: absolute;top: 100%;background-color: #fff;right: -200px;left: -200px;opacity: 0;visibility: hidden;-webkit-transition: .5s;transition: .5s;}

    .navtaion ul{display: block;}

    .navtaion ul li{border-top: solid 1px #ddd;padding: 0 200px;}

    .navtaion ul li a{border-radius: 0;line-height: 55px;height: 55px;color: #333;}



    body.bodyshow header .navtaion{opacity: 1;visibility: visible;}



    .navtaion ul li .ul{position: static;border-radius: 0;opacity: 1;visibility: visible;-webkit-transform: translateY(0);transform: translateY(0);display: none}

    .navtaion ul li .ul::before{display: none;}



    #header .header-right .weixin img{width: 70px;}



}







@media (min-width:992px) and (max-width:1199px){

    #header .logo{margin-left: 2%;}

    #header .logo img{height: 55px;}

    #header .wrapper{height: 90px;}







    #header .header-right .close{width: 90px;height: 90px;}



    .navtaion{position: absolute;top: 100%;background-color: #fff;opacity: 0;visibility: hidden;-webkit-transition: .5s;transition: .5s;right: -200px;left: -200px;}

    .navtaion ul{display: block;}

    .navtaion ul li{border-top: solid 1px #ddd;padding: 0 200px;}

    .navtaion ul li a{border-radius: 0;line-height: 55px;height: 55px;color: #333;}









    body.bodyshow header .navtaion{opacity: 1;visibility: visible;}



    .navtaion ul li .ul{position: static;border-radius: 0;opacity: 1;visibility: visible;-webkit-transform: translateY(0);transform: translateY(0);display: none}

    .navtaion ul li .ul::before{display: none;}



    #header .header-right .weixin img{width: 70px;}

}





@media (min-width:1200px) and (max-width:1335px){

    #header .logo{margin-left: 2%;}

    #header .logo img{height: 55px;}

    #header .wrapper{height: 90px;}







    #header .header-right .close{width: 90px;height: 90px;}





    .navtaion ul{}

    .navtaion ul li{}

    .navtaion ul li{min-width: auto;font-size: 1rem;margin: 0 0.7rem;}







    .navtaion ul li .ul{position: static;border-radius: 0;opacity: 1;visibility: visible;-webkit-transform: translateY(0);transform: translateY(0);display: none}

    .navtaion ul li .ul::before{display: none;}



    #header .header-right .weixin img{width: 70px;}

}





@media (min-width:1336px) and (max-width:1500px){



     .navtaion ul li{min-width: auto;font-size: 1rem;margin: 0 1rem;}



 }



@media (min-width:1501px) and (max-width: 1599px){

    .navtaion ul li{font-size: 1rem;margin: 0 1rem;min-width: auto;}

}









#banner{position: relative;overflow: hidden;height: 100%;}

#banner .container{z-index: 30;}

#banner .swiper-slide .text{position: absolute;left: 0;top: 0;height: 100%;width: 100%;}

#banner .swiper-slide{width: 100%;overflow: hidden;}

#banner .swiper-slide .swiper-slide-bg{overflow: hidden;}



#banner .swiper-slide .box{width: 100%;text-align: center;}

#banner .swiper-slide h1{color: #fff;font-size: 50px;text-shadow: 1px 1px 2px rgba(0, 0, 0, .5);margin-bottom: 40px;line-height: 100%;}

#banner .swiper-slide p{font-size: 30px;color: #fff;text-shadow: 1px 1px 2px rgba(0, 0, 0, .5);font-weight: normal;margin-bottom: 150px;line-height: 2;}

#banner .swiper-slide em{color: #fff000;font-style: normal;}

#banner .swiper-slide a{color: #fff;font-size: 16px;display: inline-block;border-bottom: solid 2px #fff;padding-bottom: 15px;}



















#banner .swiper-pagination{bottom: 30px;}

#banner .swiper-pagination .swiper-pagination-bullet{width: 20px;height: 20px;border-radius: 90px;background:none;opacity: 1;margin: 0 10px ;border:solid 1px #fff;-webkit-transition: .5s;transition: .5s;position: relative;border-color: transparent;}

#banner .swiper-pagination .swiper-pagination-bullet::after{content: '';display: block;width: 6px;height: 6px;background-color: #fff;position: absolute;top: 0;bottom: 0;right: 0;left: 0;margin: auto;border-radius: 90px;}

#banner .swiper-pagination .swiper-pagination-bullet-active{opacity: 1;border-color: #fff;}

#banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after{opacity: 1;}



@media (max-width:767px){

    #banner .swiper-pagination{bottom: 10px;}



    #banner .swiper-pagination .swiper-pagination-bullet{width: 12px;height: 12px;margin: 0 5px;}

    #banner .swiper-slide .text{display: none!important;}

    #banner .swiper-slide h1{font-size: 20px;margin-bottom: 10px;}

    #banner .swiper-slide p{font-size: 13px;margin-bottom: 20px;line-height: 20px;}

    #banner .swiper-slide a{font-size: 13px;padding-bottom: 5px;}

}



@media (min-width:768px) and (max-width: 991px){



    #banner .swiper-pagination{bottom: 20px;}



    #banner .swiper-slide h1{font-size: 30px;margin-bottom: 10px;}

    #banner .swiper-slide p{font-size: 18px;margin-bottom: 30px;line-height: 30px;}

    #banner .swiper-slide a{font-size: 13px;padding-bottom: 5px;}

}

@media (min-width:992px) and (max-width:1199px){

    #banner .swiper-pagination{bottom: 20px;}



    #banner .swiper-slide h1{font-size: 36px}

    #banner .swiper-slide p{font-size: 18px;}

}



@media (min-width:1200px) and (max-width:1335px){

    #banner .swiper-pagination{bottom: 20px;}



    #banner .swiper-slide h1{font-size: 36px}

    #banner .swiper-slide p{font-size: 18px;margin-bottom: 40px;}

}





@media (min-width:1336px) and (max-width:1500px){



     #banner .swiper-slide h1{font-size: 40px;margin-bottom: 20px;}

    #banner .swiper-slide p{font-size: 24px;margin-bottom: 30px;line-height: 36px;}

    #banner .swiper-slide a{font-size: 13px;padding-bottom: 5px;}



 }



@media (min-width:1501px) and (max-width: 1599px){

    #banner .swiper-slide h1{font-size: 30px;margin-bottom: 10px;}

    #banner .swiper-slide p{font-size: 18px;margin-bottom: 30px;line-height: 30px;}

    #banner .swiper-slide a{font-size: 13px;padding-bottom: 5px;}

}







.nav-mask{position: fixed;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .5);visibility: hidden;opacity: 0;-webkit-transition: .5s;transition: .5s;z-index: 50;}



body.bodyshow .nav-mask{visibility: visible;opacity: 1;}





.nav-mask.active{visibility: visible;opacity: 1;}

















.slide{height: 550px;position: relative;background-size: cover !important;z-index: 20;}

.slide::before{content:'';position:absolute;background:rgba(0,0,0,0.2) url(../images/mbl.png);width:100%;height:100%;position:absolute;top:0;left:0;right:0;bottom:0;}

.slide .container{height: 100%;position: relative;z-index: 2;}



.slide .container .text{padding-top: 90px;text-align: center;}

.slide .container h1{font-size: 45px;line-height: 100%;color: #fff;font-weight: bold;text-transform: uppercase;margin-bottom: 15px;}

/*.slide .container h1::after{content: '';display: block;width: 40px;background-color: #fff;height: 3px;margin:20px 0;}

*/

.slide .container p{font-size: 20px;color: #fff;}





@media (max-width: 768px){

    .slide{height: 350px;}



}



@media (min-width:768px) and (max-width: 991px){



    .slide{height: 400px;}

}







@media (min-width:992px) and (max-width:1199px){



    .slide{height: 400px;}

}







@media (min-width:1200px) and (max-width:1335px){



}





@media (min-width:1336px) and (max-width:1500px){





 }



@media (min-width:1501px) and (max-width: 1599px){



}









.tit{margin-bottom: 45px;}

.tit h1{font-size: 50px;color: #1b1b1b;text-align: center;line-height: 100%;margin-bottom: 20px;}

.tit p{font-size: 18px;color: #666;text-align: center;line-height: 28px;}

.tit em{color: #0077d0;font-style: normal;}



.ptb90{padding: 90px 0;}

.pt90{padding-top: 90px;}

.pb90{padding-bottom: 90px;}



.ptb80{padding: 80px 0;}

.pt80{padding-top: 80px;}

.pb80{padding-bottom: 80px;}



.ptb70{padding: 70px 0;}

.pt70{padding-top: 70px;}

.pb70{padding-bottom: 70px;}



.ptb60{padding: 60px 0;}

.pt60{padding-top: 60px;}

.pb60{padding-bottom: 60px;}



.ptb50{padding: 50px 0;}

.pt50{padding-top: 50px;}

.pb50{padding-bottom: 50px;}



.ptb40{padding: 40px 0;}

.pt40{padding-top: 40px;}

.pb40{padding-bottom: 40px;}





.ptb30{padding: 30px 0;}

.pt30{padding-top: 30px;}

.pb30{padding-bottom: 30px;}



.ptb20{padding: 20px 0;}

.pt20{padding-top: 20px;}

.pb20{padding-bottom: 20px;}



.ptb10{padding: 10px 0;}

.pt10{padding-top: 10px;}

.pb10{padding-bottom: 10px;}









.mtb90{margin: 90px 0;}

.mt90{margin-top: 90px;}

.mb90{margin-bottom: 90px;}



.mtb80{margin: 80px 0;}

.mt80{margin-top: 80px;}

.mb80{margin-bottom: 80px;}



.mtb70{margin: 70px 0;}

.mt70{margin-top: 70px;}

.mb70{margin-bottom: 70px;}



.mtb60{margin: 60px 0;}

.mt60{margin-top: 60px;}

.mb60{margin-bottom: 60px;}



.mtb50{margin: 50px 0;}

.mt50{margin-top: 50px;}

.mb50{margin-bottom: 50px;}



.mtb40{margin: 40px 0;}

.mt40{margin-top: 40px;}

.mb40{margin-bottom: 40px;}





.mtb30{margin: 30px 0;}

.mt30{margin-top: 30px;}

.mb30{margin-bottom: 30px;}



.mtb20{margin: 20px 0;}

.mt20{margin-top: 20px;}

.mb20{margin-bottom: 20px;}



.mtb10{margin: 10px 0;}

.mt10{margin-top: 10px;}

.mb10{margin-bottom: 10px;}



















.ptb55{padding: 55px 0;}

.pt55{padding-top: 55px;}

.pb55{padding-bottom: 55px;}







@media (max-width:767px){

    .tit{margin-bottom: 25px;}

    .tit h1{font-size: 24px;margin-bottom: 10px;}

    .tit p{font-size: 12px;line-height: 20px;}



    .ptb90{padding: 30px 0;}

    .pt90{padding-top: 30px;}

    .pb90{padding-bottom: 30px;}



    .ptb80{padding: 30px 0;}

    .pt80{padding-top: 30px;}

    .pb80{padding-bottom: 30px;}



    .ptb55{padding: 30px 0;}

    .pt55{padding-top: 30px;}

    .pb55{padding-bottom: 30px;}

}



@media (min-width:768px) and (max-width: 991px){



    .tit{margin-bottom: 25px;}

    .tit h1{font-size: 30px;margin-bottom: 10px;}

    .tit p{font-size: 15px;line-height: 20px;}



    .ptb90{padding: 60px 0;}

    .pt90{padding-top: 60px;}

    .pb90{padding-bottom: 60px;}



    .ptb80{padding: 40px 0;}

    .pt80{padding-top: 40px;}

    .pb80{padding-bottom: 40px;}



    .ptb55{padding: 30px 0;}

    .pt55{padding-top: 30px;}

    .pb55{padding-bottom: 30px;}

}



@media (min-width:992px) and (max-width:1199px){

    .tit{margin-bottom: 25px;}

    .tit h1{font-size: 36px;margin-bottom: 10px;}

    .tit p{font-size: 15px;}



    .ptb90{padding: 60px 0;}

    .pt90{padding-top: 60px;}

    .pb90{padding-bottom: 60px;}



    .ptb80{padding: 40px 0;}

    .pt80{padding-top: 40px;}

    .pb80{padding-bottom: 40px;}



    .ptb55{padding: 30px 0;}

    .pt55{padding-top: 30px;}

    .pb55{padding-bottom: 30px;}

}



@media (min-width:1200px) and (max-width:1335px){

    .ptb90{padding: 65px 0;}

    .pt90{padding-top: 65px;}

    .pb90{padding-bottom: 65px;}



    .tit{margin-bottom: 25px;}

    .tit h1{font-size: 35px;margin-bottom: 10px;}

    .tit p{font-size: 15px;}

}



@media (min-width:1501px) and (max-width: 1599px){



    .tit h1{font-size: 40px;margin-bottom: 10px;}

}





/* ====================================   底部   ==================================== */



#footer{background-color: #0077d0;}



.foot-top {height: 100px;border-bottom: solid 1px rgba(255, 255, 255, .1);}

.foot-top .f-logo-img{width: 280px;height: auto;}

.foot-top .f-logo-img path, .foot-top .f-logo-img polygon{fill: rgba(255, 255, 255, .7);}

.foot-top .share > a{width: 37px;height: 37px;line-height: 35px;border-radius: 90px;color: #fff;text-align: center;margin-left: 10px;}

.foot-top .share > a.qq{background-color: #109a02;}

.foot-top .share > a.sina{background-color: #ff7e00;}

.foot-top .share > a.wx{background-color: #00abdc;}



.bottom-nav{font-size: 13px;color: rgba(255,255,255,.6);padding: 90px 0;}

.bottom-nav .admin_piao{display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: flex}

.bottom-nav dl{position: relative;}

.bottom-nav .admin_piao dl{padding-right: 70px;}

.bottom-nav dl dt{font-size: 22px;color: #fff;margin-bottom: 20px;}

.bottom-nav dl dd p{}

.bottom-nav dl dd a{color: rgba(255, 255, 255, .5);font-size: 15px;line-height: 40px;}



.bottom-nav .conlist{ }

.bottom-nav .conlist dt i{background-color: #fff;border-radius: 3px;color: #333;text-align: center;margin-right: 15px;font-size: 15px;padding: 3px;}

.bottom-nav .conlist  p{width: 100%;line-height: 24px;font-size: 15px;line-height: 100%;}

.bottom-nav .conlist  h1{font-size: 36px;color: #fff;margin-bottom: 15px;font-family: Anton;}

.bottom-nav .conlist .tit{font-family: Anton;color: #fff;}

.bottom-nav .conlist p.add{line-height: 24px;margin-bottom: 10px;width: 200px;padding-left: 25px;position: relative;}

.bottom-nav .conlist hr{border:none;border-bottom: solid 1px rgba(255,255,255,.3);margin-bottom: 20px;}

.bottom-nav .conlist p{line-height: 35px;}

.bottom-nav .conlist p i{margin-right: 10px;}



.bottom-nav .watch{margin-right: 30px;}

.bottom-nav .watch dd img{margin-bottom: 20px;}

.bottom-nav .watch dd p{text-align: center;}





#links{padding-bottom: 30px;}

#links #links_top{font-size: 18px;color: #fff;margin-bottom: 10px;}

#links a{color: rgba(255,255,255,.8);font-size: 15px;line-height: 30px;}



.foot-bottom{line-height: 70px;border-top: solid 1px rgba(255, 255, 255, .1);font-size: 15px;color: rgba(255, 255, 255, .7);}

.foot-bottom div{overflow: hidden;-ms-text-overflow: ellipsis;

text-overflow: ellipsis;white-space: nowrap;}

.foot-bottom a{color: rgba(255, 255, 255, .7);}

.foot-bottom a:hover{color: #fff;}

.foot-bottom em{font-style: normal;}









.video-model{position: fixed;top: 0;bottom: 0;left: 0;right: 0;z-index: 100000;background-color: rgba(0,0,0,.7);visibility: hidden;opacity: 0;-webkit-transition: .5s;

-o-transition: .5s;

transition: .5s;}



.video-model .box{width: 60%;height: 70%;}





.video-model.active{visibility: visible;opacity: 1;}





@media (max-width:767px){

    .bottom-nav{padding: 30px 0;}

    .bottom-nav dl{display: none}

    .bottom-nav{display: block;text-align: center;}



    .bottom-nav .con{width: 100%;}



    .bottom-nav .conlist{width: 100%;margin-bottom: 15px;}



    .bottom-nav .watch{width: 100%;}



    .foot-bottom{font-size: 12px;text-align: center;display: block!important;}

    .bottom-nav dl dt{display: none;}

    .foot-bottom .container{-webkit-box-pack : center;-ms-flex-pack : center;-moz-box-pack : center;justify-content : center;}

    .foot-bottom .container .left{overflow: hidden;white-space: nowrap;}

    .foot-bottom .right{display: none;}



    .foot-bottom em{display: none;}





    #links a{font-size: 13px;line-height: 20px;}



}

@media (min-width:768px) and (max-width: 991px){

    .bottom-nav{padding: 30px 0;}

    .bottom-nav dl{display: none;}

    .bottom-nav{display: none;}



    .bottom-nav .con{width: 100%;padding-top: 30px;text-align: center;}



    .bottom-nav .conlist{width: 100%;margin-bottom: 15px;}



    .bottom-nav .watch{width: 100%;}



    .foot-bottom{font-size: 12px;text-align: center;display: block!important;}

    .foot-bottom .container{-webkit-box-pack : center;-ms-flex-pack : center;-moz-box-pack : center;justify-content : center;}

    .foot-bottom .container .left{overflow: hidden;white-space: nowrap;}

    .foot-bottom em{display: none;}



}









@media (min-width:992px) and (max-width:1199px){

    .bottom-nav{padding: 50px 0;}

    .bottom-nav dl dt{font-size: 18px;}

    .bottom-nav dl dd a{font-size: 13px;line-height: 30px;}



    .bottom-nav dl.con dd h1{font-size: 20px;}



    .bottom-nav dl.con dd p{font-size: 13px;line-height: 30px;}



    .bottom-nav dl.watch dd img{width: 110px;}



    .foot-bottom{font-size: 13px;}

}













.prodes{line-height: 28px;color: #777;margin-bottom: 30px;font-size: 14px;}









.crumbs{line-height: 80px;font-size: 17px;color: #666;border-bottom: solid 1px #ddd;}

.crumbs .catpos i{margin-right: 10px;}



.crumbs .curcatname{display: none;width: 100%;}

.crumbs .curcatname i{font-weight: bold;width: 35px;height: 35px;display: block;line-height: 35px;text-align: center;}



.crumbs .subnav li{margin: 0 15px;}

.crumbs .subnav li a{color: #333;}

.crumbs .subnav li a:hover{color: #0089e0;}

.crumbs .subnav li.on {}

.crumbs .subnav li.on a{color: #0089e0}





@media (max-width:767px){

    .crumbs{line-height: 60px;}

}



@media (max-width:1200px){

    .crumbs .container{position: relative;}

    .crumbs .catpos{display: none;}

    .crumbs .curcatname{display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: flex;}

    .crumbs .subnav{position: absolute;background-color: #fff;z-index: 60;opacity: 0;visibility: hidden;-webkit-transition: .5s;transition: .5s;left: -200px;right: -200px;top: 100%;margin-top: 1px;}

    .crumbs .subnav.active{opacity: 1;visibility: visible;}

     .crumbs .subnav ul{display: block;}

    .crumbs .subnav ul li{width: 100%;border-bottom: solid 1px #ddd;line-height: 60px;margin: 0;padding: 0 200px;}

    .crumbs .subnav ul li a{display: block;}



}







@media (min-width:1200px) and (max-width:1400px){



    .crumbs .subnav{}



}



/**

 * ============================== 搜索 ===================================

 */

#search-wrap{}

#search-wrap .container{height: 96px;}

#search-wrap .l {font-size: 14px;color: #7d7d7d;display: none;}

#search-wrap .l b{color: #222;}



#search-wrap .search{}

#search-wrap .search input[type='text']{border:none;padding: 5px;border-left: solid 1px #ccc;padding-left: 30px;width: 200px;}

#search-wrap .search button{border:none;background: none;cursor: pointer;font-size: 22px;}

#search-wrap .search button i{font-size: 22px;color: #222;}





@media (max-width:767px){

    #search-wrap .container{height: 70px;}

    #search-wrap .search {width: 90%;text-align: center;}

    #search-wrap .search input[type='text']{width: 90%;border:none;padding-left: 5px;}

}





@media (min-width:768px) and (max-width: 991px){

    #search-wrap .container{height: 70px;}

    #search-wrap .search {width: 90%;text-align: center;}

    #search-wrap .search input[type='text']{width: 90%;border:none;padding-left: 5px;}

}







@media (min-width:992px) and (max-width:1199px){

    #search-wrap .container{height: 70px;}

    #search-wrap .search {width: 90%;text-align: center;}

    #search-wrap .search input[type='text']{width: 90%;border:none;padding-left: 5px;}

}





@media (min-width:1200px) and (max-width:1335px){



}





@media (min-width:1336px) and (max-width:1500px){





 }



@media (min-width:1501px) and (max-width: 1599px){



}



/**

 * ============================== 方案 ===================================

 */



#solution{background-color: #f9f9f9;padding-bottom: 120px;}

#solution .list{}

#solution .list dl{text-align: center;width: 33.333%;position: relative;}

#solution .list dl::after{content: ''; position: absolute;right: 0;top: 0;bottom: 0;width: 1px;height: 100%;display: block;background-color: #dfdfdf;}

#solution .list dl:last-child::after{display: none;}

#solution .list dl dt{margin-bottom: 30px;}

#solution .list dl i{font-size: 50px;width: 100px;height: 100px;border-radius: 90px;border:solid 2px #d0d0d0;display: inline-block;line-height: 96px;-webkit-transition: .5s;

-o-transition: .5s;

transition: .5s;}

#solution .list dl:hover i{background-color: #0077d0;color: #fff;border-color: #0077d0;}

#solution .list dl dd h1{font-size: 30px;color: #131313;margin-bottom: 15px;}

#solution .list dl dd p{color: #5d5d5d;font-size: 15px;margin-bottom: 50px;}

#solution .list dl dd a.view{display: inline-block;width: 127px;height: 35px;line-height: 35px;background-color: #333;color: #fff;border-radius: 90px;font-size: 16px;-webkit-transition: .5s;

-o-transition: .5s;

transition: .5s;}

#solution .list dl:hover dd a.view{background-color: #0077d0;}









@media (max-width:767px){

    #solution{padding-bottom: 60px;}

    #solution .list dl dt{margin-bottom: 10px;}

    #solution .list dl i{width: 70px;height: 70px;line-height: 66px;font-size: 30px;}



    #solution .list dl dd h1{font-size: 16px;margin-bottom: 30px;}



    #solution .list dl dd{padding: 0 10px;}



    #solution .list dl dd p{font-size: 13px;margin-bottom: 30px;display: none;}



    #solution .list dl dd a.view{font-size: 13px;width: auto;line-height: 30px;height: 30px;padding: 0 10px;}

}





@media (min-width:768px) and (max-width: 991px){

    #solution{padding-bottom: 60px;}

    #solution .list dl dt{margin-bottom: 10px;}

    #solution .list dl i{width: 70px;height: 70px;line-height: 66px;font-size: 30px;}



    #solution .list dl dd h1{font-size: 20px;margin-bottom: 10px;}



    #solution .list dl dd{padding: 0 20px;}

    #solution .list dl dd p{font-size: 13px;margin-bottom: 30px;}

}







@media (min-width:992px) and (max-width:1199px){



}





@media (min-width:1200px) and (max-width:1335px){



}





@media (min-width:1336px) and (max-width:1500px){





 }



@media (min-width:1501px) and (max-width: 1599px){



}









/**

 * ============================== 产品 ===================================

 */

#product{overflow: hidden;}

#product .navbar{margin-bottom: 40px;}

#product .navbar ul{margin: 0 -5px;}

#product .navbar ul li{position: relative;width: 12.5%;padding: 0 5px;}

#product .navbar ul li a{font-size: 16px;text-align: center;color: #4a4949;line-height: 50px;border:solid 1px #ddd; background-color: #fff;display: block;-webkit-transition: .5s;transition: .5s;white-space: nowrap;-ms-text-overflow: ellipsis;

text-overflow: ellipsis;overflow: hidden;}

#product .navbar ul li a i{display: block;font-size: 90px;line-height: 100%;}

#product .navbar ul li.active a{color: #fff;background-color: #0077d0;border-color: #0077d0;}



#product .list{overflow: hidden;}

.probox {padding-bottom: 50px;}

#product .list ul{margin: 0 -2px;padding-bottom: 15px;}

#product .list ul li{padding: 0 2px;width: 33.333%;margin-bottom: 4px;}

#product .list ul li a{box-shadow: 0 0 20px rgba(0,0,0,.05);display: block;}

#product .list ul li .img{overflow: hidden;}

#product .list ul li .img img{width: 100%;-webkit-transition: .5s;

-o-transition: .5s;

transition: .5s;}

#product .list ul li a:hover .img img{transform: scale(1.1);}

#product .list ul li .text{padding: 25px;-webkit-transition: .5s;

-o-transition: .5s;

transition: .5s;}

#product .list ul li h3{font-size: 20px;margin-bottom: 10px;line-height: 100%;}

#product .list ul li h3 em{font-style: normal;-ms-text-overflow: ellipsis;

text-overflow: ellipsis;overflow: hidden;white-space: nowrap;width: 80%;}

#product .list ul li h3 i{width: 25px;height: 25px;display: inline-block;text-align: center;line-height: 23px;border:solid 1px #ccc;border-radius: 90px;color: #999;}

#product .list ul li p{color: #6e6c6c;font-size: 18px;-ms-text-overflow: ellipsis;

text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}





#product .list ul li a:hover .text{background-color: #0077d0;}

#product .list ul li a:hover .text h3{color: #fff;}

#product .list ul li a:hover .text p{color: #fff;}

#product .list ul li a:hover h3 i{border:solid 1px #fff;border-radius: 90px;color: #fff;}



#product .list .swiper-pagination{bottom: 0;}









@media (max-width:767px){

    #product .navbar{margin-bottom: 15px;}

    #product .navbar ul li{width: 25%;margin-bottom: 10px;}

    #product .navbar ul li a{font-size: 14px;line-height: 40px;}



    #product .list ul li{width: 50%;}

    #product .list ul li .text{padding: 15px;}

    #product .list ul li h3{margin-bottom: 5px;font-size: 15px;}

    #product .list ul li h3 em{}



    #product .list ul li h3 i{width: 18px;height: 18px;line-height: 16px;font-size: 13px;}

}





@media (min-width:768px) and (max-width: 991px){

    #product .navbar{margin-bottom: 15px;}

    #product .navbar ul li{width: 25%;margin-bottom: 10px;}



    #product .list ul li{width: 50%;}



    #product .list ul li .text{padding: 15px;}

    #product .list ul li h3{margin-bottom: 5px;font-size: 15px;}

    #product .list ul li h3 em{}

}







@media (min-width:992px) and (max-width:1199px){



    #product .list ul li .text{padding: 15px;}

    #product .list ul li h3{margin-bottom: 5px;font-size: 15px;}

    #product .list ul li h3 em{}

}





@media (min-width:1200px) and (max-width:1335px){

    #product .list ul li .text{padding: 15px;}

    #product .list ul li h3{margin-bottom: 5px;font-size: 18px;}

    #product .list ul li h3 em{}

    #product .list ul li h3 i{width: 22px;height: 22px;line-height: 20px;font-size: 14px;}

}





@media (min-width:1336px) and (max-width:1500px){





 }



@media (min-width:1501px) and (max-width: 1599px){



}













#contrast{padding: 70px 0;overflow: hidden;}



#contrast .navbar{margin-bottom: 60px;}

#contrast .navbar li{width: 180px;line-height: 50px;font-size: 18px;text-align: center;color: #505050;border:solid 1px #ddd;margin:0 10px;}

#contrast .navbar li em{font-family: Montserrat;font-style: normal;margin-right: 5px;}

#contrast .navbar li.active{background-color: #0077d0;color: #fff;border-color: #0077d0;}



#contrast .list {position: relative;padding-bottom: 60px;}

#contrast .list .swiper-slide{box-shadow: 0 0 15px rgba(0,0,0,.05);opacity: .2;-webkit-transition: .5s;

-o-transition: .5s;

transition: .5s;}

#contrast .list .swiper-slide.swiper-slide-active{opacity: 1;}

#contrast .list > div{background: #fff;}

#contrast .list .text{background-color: #fff;padding: 30px;text-align: center;}

#contrast .list .text h3{font-size: 26px;color: #1b1b1b;margin-bottom: 15px;}

#contrast .list .text p{font-size: 16px;color: #777;line-height: 24px;}



#contrast .list .c{width: 216px;background-color: #0077d0;text-align: center;position: relative;}

#contrast .list .c::before{content: '';width: 80px;height: 1px;background-color: rgba(255,255,255,.3);position: absolute;left: 0;top: 0;transform: rotate(55deg);transform-origin: left top}

#contrast .list .c::after{content: '';width: 80px;height: 1px;background-color: rgba(255,255,255,.3);position: absolute;right: 0;bottom: 0;transform: rotate(55deg);transform-origin: right bottom}

#contrast .list .c b{font-size: 30px;color: #fff;font-family: Montserrat;}

#contrast .list .c .pk{margin: 10px 0;}

#contrast .list .c .pk i{display: block;width: 110px;height: 110px;border-radius: 90px;border:solid 1px rgba(255,255,255,.3);line-height: 108px;font-size: 60px;color: #fff;}

#contrast .list .c p{font-size: 18px;color: #fff;}





#contrast .list .swiper-pagination{bottom: 0;}

#contrast .list .swiper-pagination .swiper-pagination-bullet{width: 16px;height: 16px;}











@media (max-width:767px){

    #contrast{padding: 40px 0;}

    #contrast .navbar{margin-bottom: 30px;

    }

    #contrast .navbar ul{}

    #contrast .navbar li{font-size: 14px;margin: 0 5px;line-height: 40px;}



    #contrast .list {padding-bottom: 30px;}

    #contrast .list .c{width: 100%;padding: 20px 0;}



    #contrast .list .text{padding: 10px;}

    #contrast .list .text h3{font-size: 18px;margin-bottom: 5px;}

    #contrast .list .text p{font-size: 13px;}



    #contrast .list .c .pk i{width: 70px;height: 70px;line-height: 68px;font-size: 40px;}



    #contrast .list .swiper-pagination .swiper-pagination-bullet{width: 10px;height: 10px;}

}





@media (min-width:768px) and (max-width: 991px){

    #contrast{padding: 40px 0;}

    #contrast .navbar{margin-bottom: 30px;

    }

    #contrast .list .l{width: 100%;}

    #contrast .list .l img{width: 100%;}

    #contrast .list .c{width: 100%;padding: 20px 0;}

    #contrast .list .r{width: 100%;}

    #contrast .list .r img{width: 100%;}

}







@media (min-width:992px) and (max-width:1199px){





}





@media (min-width:1200px) and (max-width:1335px){

    #contrast{padding: 40px 0;}

    #contrast .navbar{margin-bottom: 40px;}

}





@media (min-width:1336px) and (max-width:1500px){





 }



@media (min-width:1501px) and (max-width: 1599px){



}









#case{background-color: #f9f9f9;}



#case .list .big{width: 930px;position: relative;}

#case .list .big .img{overflow: hidden;}

#case .list .big img{width: 100%;transition: .5s;}

#case .list .big a:hover .img img{transform: scale(1.1);}

#case .list .big .text{position: absolute;background-color: rgb(0,0,0,.6);padding: 20px;bottom: 0;left: 0;width: 100%;z-index: 10;}

#case .list .big .text h1{color: #fff;font-size: 24px;margin-bottom: 10px;}

#case .list .big .text p{color: rgba(255,255,255,.6);font-size: 16px;}



#case .list .head{margin-bottom: 30px;}

#case .list .head ul{width: 450px;}

#case .list .head ul li{position: relative;}

#case .list .head ul li a{display: block;position: relative;}

#case .list .head ul li:first-child{margin-bottom: 15px;}

#case .list .head ul li .img{overflow: hidden;}

#case .list .head ul li img{width: 100%;transition: .5s;}

#case .list .head ul li a:hover .img img{transform: scale(1.1);}

#case .list .head ul li span{position: absolute;bottom: 0;left: 0;width: 100%;padding: 10px;background-color: rgb(0,0,0,.6);color: #fff;font-size: 16px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}



#case .cust{}

#case .cust ul{margin: 0 -10px;width: auto;}

#case .cust ul li{width: 16.666%;padding: 0 10px;}

#case .cust ul li .img{border:solid 1px #ddd;margin-bottom: 10px;text-align: center;background-color: #fff;}



#case .cust ul li p{text-align: center;font-size: 16px;}









@media (max-width:767px){

    #case .list .big{width: 100%;margin-bottom: 10px;}

     #case .list .big .text{padding: 13px;}

    #case .list .big .text h1{font-size: 15px;margin-bottom: 5px;-ms-text-overflow: ellipsis;

    text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}

    #case .list .big .text p{font-size: 13px;}

    #case .list .head{margin-bottom: 10px;}

    #case .list .head ul{margin: 0 -5px;width: auto;}

    #case .list .head ul li{width: 50%;padding: 0 5px;}

    #case .list .head ul li:first-child{margin-bottom: 0;}



    #case .cust ul{margin: 0 -5px;}

    #case .cust ul li{width: 33.333%;margin-bottom: 10px;padding: 0 5px;}

    #case .list .head ul li span{font-size: 13px;}



    #case .cust ul li p{font-size: 13px;}

}





@media (min-width:768px) and (max-width: 991px){



    #case .list .big{width: 100%;margin-bottom: 20px;}

    #case .list .head{margin-bottom: 10px;}

    #case .list .head ul{margin: 0 -10px;width: auto;}

    #case .list .head ul li{width: 50%;padding: 0 10px;}



    #case .cust ul{}

    #case .cust ul li{width: 33.333%;margin-bottom: 10px;}

}







@media (min-width:992px) and (max-width:1199px){

    #case .list .big{width: 100%;margin-bottom: 20px;}

    #case .list .head{margin-bottom: 10px;}

    #case .list .head ul{margin: 0 -10px;width: auto;}

    #case .list .head ul li{width: 50%;padding: 0 10px;}



    #case .cust ul{}

    #case .cust ul li{width: 33.333%;margin-bottom: 10px;}



}





@media (min-width:1200px) and (max-width:1335px){

    #case .list .big{width: 66%;}



    #case .list .head ul{width: 32%;}



    #case .list .head ul li:first-child{margin-bottom: 13px;}

}





@media (min-width:1336px) and (max-width:1500px){

    #case .list .big{width: 66%;}



    #case .list .head ul{width: 32%;}

    #case .list .head ul li:first-child{margin-bottom: 13px;}



 }



@media (min-width:1501px) and (max-width: 1599px){

    #case .list .big{width: 66%;}



    #case .list .head ul{width: 32%;}

    #case .list .head ul li:first-child{margin-bottom: 13px;}



}









#youshi{overflow: hidden;}



#youshi .tit{margin-bottom: 0;}



#youshi .list ul li {height: 624px;width: 20%;background-size: cover!important;}

#youshi .list ul li.active{width: 60%;}

#youshi .list ul li a{position: relative;display: block;width: 100%;height: 100%;}

#youshi .list ul li a::before{content: '';display: block;position: absolute;left: 0;top: 0;background-color: rgba(0,0,0,.7);width: 100%;height: 100%;transition: .5s;}



#youshi .list ul li a .img{display: none;overflow: hidden;width: 100%;}

#youshi .list ul li a .img img{-webkit-transition: .5s;width: 100%;

-o-transition: .5s;

transition: .5s;}

#youshi .list ul li a:hover .img img{transform: scale(1.1);}



#youshi .list ul li a .diog{position: absolute;width: 100%;height: 100%;top: 0;left: 0;transition: .5s;}

#youshi .list ul li a .diog .b{text-align: center;border-top: solid 1px rgba(255,255,255,.3);border-bottom: solid 1px rgba(255,255,255,.3);padding: 30px 0;}

#youshi .list ul li a .diog h1{color: #fff;font-size: 36px;line-height: 100%;margin-bottom: 20px;}

#youshi .list ul li a .diog p{color: #fff;font-size: 14px;}





#youshi .list ul li.active a::before{opacity: 0;}

#youshi .list ul li.active a .diog{opacity: 0;transform: translateY(-80px);}



#youshi .list ul li a .text{position: absolute;bottom: -50px;left: 10%;right: 10%;background-color: rgba(0,109,208,.9);padding: 30px;opacity: 0;transition: .5s;}

#youshi .list ul li a .text h1{color: #fff;font-size: 36px;}

#youshi .list ul li a .text h1 i{font-size: 25px;}

#youshi .list ul li a .text p::before{content: '';display: block;margin: 15px 0;background-color: #fff;height: 3px;width: 30px;}

#youshi .list ul li a .text p{color: #fff;font-size: 15px;line-height: 30px;}



#youshi .list ul li.active a .text{bottom: 0;opacity: 1;}







@media (max-width:767px){

    #youshi .list ul li a::before{content: '';display: block;position: absolute;left: 0;top: 0;background-color: rgba(0,0,0,.7);width: 100%;height: 100%;transition: .5s;display: none;}



    #youshi .list ul li a .diog{display: none!important;}



    #youshi .list ul li a .img{display: block;}



    #youshi .list ul li{width: 100%!important;height: auto;}



    #youshi .list ul li a .text{position: static;opacity: 1;background-color: #fff;padding: 20px;}

    #youshi .list ul li a .text h1{color: #222;font-size: 20px;}

    #youshi .list ul li a .text p::before{background-color: #999;}

    #youshi .list ul li a .text p{color: #666;font-size: 13px;line-height: 24px;}

}





@media (min-width:768px) and (max-width: 991px){

    #youshi .list ul li a::before{content: '';display: block;position: absolute;left: 0;top: 0;background-color: rgba(0,0,0,.7);width: 100%;height: 100%;transition: .5s;display: none;}



    #youshi .list ul li a .diog{display: none!important;}



    #youshi .list ul li a .img{display: block;}



    #youshi .list ul li{width: 100%!important;height: auto;}



    #youshi .list ul li a .text{position: static;opacity: 1;background-color: #fff;}

    #youshi .list ul li a .text h1{color: #222;font-size: 30px;}

    #youshi .list ul li a .text p::before{background-color: #999;}

    #youshi .list ul li a .text p{color: #666;}

}







@media (min-width:992px) and (max-width:1199px){

    #youshi .list ul li a::before{content: '';display: block;position: absolute;left: 0;top: 0;background-color: rgba(0,0,0,.7);width: 100%;height: 100%;transition: .5s;display: none;}



    #youshi .list ul li a .diog{display: none!important;}



    #youshi .list ul li a .img{display: block;}



    #youshi .list ul li{width: 100%!important;height: auto;}



    #youshi .list ul li a .text{position: static;opacity: 1;background-color: #fff;}

    #youshi .list ul li a .text h1{color: #222;font-size: 30px;}

    #youshi .list ul li a .text p::before{background-color: #999;}

    #youshi .list ul li a .text p{color: #666;}



}





@media (min-width:1200px) and (max-width:1335px){

    #youshi .list ul li{height: 500px;}



    #youshi .list ul li a .diog .b{padding: 10px 0;}

    #youshi .list ul li a .diog h1{font-size: 26px;margin-bottom: 10px;}



    #youshi .list ul li a .text h1{font-size: 30px;}

    #youshi .list ul li a .text p::before{}

    #youshi .list ul li a .text p{}

}





@media (min-width:1336px) and (max-width:1500px){





 }



@media (min-width:1501px) and (max-width: 1599px){

    #youshi .list ul li a .diog h1{font-size: 30px;}

    #youshi .list ul li a .text h1{font-size: 30px;}

    #youshi .list ul li a .text p{line-height: 24px;}

}





.otherny{}

.otherny ul{margin: 0 -15px;}

.otherny ul li{width: 33.333%;padding: 0 15px;}

.otherny ul li .img{border:solid 1px #ddd;text-align: center;padding: 5px;}

.otherny ul li p{text-align: center;font-size: 16px;line-height: 2;margin-bottom: 20px;background-color: #f7f7f7;padding: 7px 0;}











.pcase{}

.pcase ul{margin: 0 -15px;}

.pcase ul li{width: 33.333%;padding: 0 15px;}

.pcase ul li .img{text-align: center;}

.pcase ul li p{text-align: center;font-size: 16px;line-height: 2;margin-bottom: 20px;padding: 7px 0;}







.hzhb{}

.hzhb ul{margin: 0 -15px;}

.hzhb ul li{width: 25%;padding: 0 15px;}

.hzhb ul li .img{border:solid 1px #ddd;text-align: center;margin-bottom: 10px;}

.hzhb ul li p{text-align: center;font-size: 16px;line-height: 2;margin-bottom: 20px;}







@media (max-width:767px){

    .otherny ul{margin: 0 -5px;}

    .otherny ul li{width: 50%;padding: 0 5px;}



    .hzhb ul{margin: 0 -5px;}

    .hzhb ul li{width: 33.333%;padding: 0 5px;}



}





@media (min-width:768px) and (max-width: 991px){



}







@media (min-width:992px) and (max-width:1199px){





}





@media (min-width:1200px) and (max-width:1335px){

    #youshi .list ul li{height: 500px;}



    #youshi .list ul li a .diog .b{padding: 10px 0;}

    #youshi .list ul li a .diog h1{font-size: 26px;margin-bottom: 10px;}



    #youshi .list ul li a .text h1{font-size: 26px;}

    #youshi .list ul li a .text p::before{}

    #youshi .list ul li a .text p{}

}





@media (min-width:1336px) and (max-width:1500px){





 }



@media (min-width:1501px) and (max-width: 1599px){



}





.swiper-pagination{bottom: 0;}

.swiper-pagination-bullet{width: 12px;height: 12px;}











#ks{}

#ks .list > div{position: relative;overflow: hidden;}

#ks .list > div img{transition: .5s;}

#ks .list > div a:hover img{transform: scale(1.1)}

#ks .list .left .text{position: absolute;top: 0;width: 100%;text-align: center;padding-top: 70px;color: #fff;}

#ks .list .left .text h3{font-size: 36px;line-height: 100%;margin-bottom: 20px;}

#ks .list .left .text p{font-size: 18px;}



#ks .list .right .text{position: absolute;top: 0;width: 100%;text-align: center;padding-top: 70px;color: #fff;}

#ks .list .right .text h3{font-size: 36px;line-height: 100%;margin-bottom: 20px;text-shadow: 2px 2px 2px rgba(0, 0, 0, .2)}

#ks .list .right .text p{font-size: 18px;text-shadow: 2px 2px 2px rgba(0, 0, 0, .2)}









@media (max-width:767px){

    #video .container{height: 350px;}

    #video .container h4{font-size: 20px;margin-bottom: 20px;}

    #video .container h1{font-size: 30px;margin-bottom: 30px;}



     #video-diog .video-box{height: 30%;width: 80%;padding: 2px;}



}



@media (min-width:768px) and (max-width: 991px){



    #video .container{height: 400px;}

    #video .container h4{font-size: 30px;}

    #video .container h1{font-size: 45px;margin-bottom: 30px;}



     #video-diog .video-box{height: 50%;width: 80%;}

}





@media (min-width:992px) and (max-width:1199px){

    #video .container{height: 450px;}

    #video-diog .video-box{height: 50%;width: 80%;}

}



@media (min-width:1336px) and (max-width:1500px){



     #video .container{height: 550px;}



}









#fangan{}

#fangan .list{position: relative;padding-bottom: 50px;overflow: hidden;}

#fangan .list .li{}

#fangan .list .li a{display: block;position: relative;}

#fangan .list .li a .img{overflow: hidden;}

#fangan .list .li a .img img{-webkit-transition: .5s;transition: .5s;}

#fangan .list .li a:hover .img img{-webkit-transform: scale(1.1);transform: scale(1.1)}





#fangan .list .li a::before{content: '';display: block;width: 100%;height: 100%;position: absolute;z-index: 5;background-color: rgba(0, 0, 0, .6);}

#fangan .list .li a::after{content: '';display: block;right: 15px;top: 15px;left: 15px;bottom: 15px;border:solid 1px rgba(255, 255, 255, .1);position: absolute;z-index: 7;}

#fangan .list .li a .text{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 10;text-align: center;-webkit-transition: .5s;transition: .5s;}

#fangan .list .li a .text .box{padding: 0 20%;width: 100%;height: 120px;overflow: hidden;-webkit-transition: .5s;transition: .5s;}

#fangan .list .li a .text .icon::after{content: '';display: block;width: 21px;height: 2px;background-color: #fff;margin:15px auto;}

#fangan .list .li a .text .icon i{color: #fff;font-size: 60px;line-height: 100%;}

#fangan .list .li a .text h1{font-size: 30px;color: #fff;line-height: 100%;margin-bottom: 20px;}

#fangan .list .li a .text p{color: #fff;font-size: 15px;line-height: 24px;margin-bottom: 60px;}

#fangan .list .li a .text em{font-size: 16px;color: #fff;border-top: solid 1px #fff;border-bottom: solid 1px #fff;padding: 8px 0}





#fangan .list .li a:hover .text .box{height: 290px;}











#liucheng{overflow: hidden;}



#liucheng .tit{margin-bottom: 90px;}

#liucheng ul{margin-bottom: 100px;}

#liucheng li{text-align: center;}

#liucheng li em{font-style: normal;font-size: 18px;margin-bottom: 20px;display: block;font-family: Montserrat;color: #0077d0;}

#liucheng li .img{height: 50px;margin-bottom: 10px;}

#liucheng li img{}

#liucheng li p{font-size: 18px;color: #666;}

#liucheng span{margin: 0 40px;}

#liucheng a.view{width: 160px;line-height: 50px;background-color: #0077d0;color: #fff;border-radius: 5px;display: block;margin: 0 auto;text-align: center;font-size: 16px;-webkit-transition: .5s;

-o-transition: .5s;

transition: .5s;}

#liucheng a.view i{margin-right: 10px;}

#liucheng a.view:hover{background-color: #333;}









@media (max-width:767px){

    #liucheng{display: none;}

}





@media (min-width:768px) and (max-width: 991px){

     #liucheng{display: none;}

}







@media (min-width:992px) and (max-width:1199px){



    #liucheng{display: none;}

}





@media (min-width:1200px) and (max-width:1335px){

    #liucheng span{margin: 0 20px;}

}





@media (min-width:1336px) and (max-width:1500px){





 }



@media (min-width:1501px) and (max-width: 1599px){

    #liucheng span{margin: 0 20px;}

}











#news {padding-bottom: 120px;background-color: #fbfbfb;overflow: hidden;}

#news .navbar{margin-bottom: 50px;}

#news .navbar ul{}

#news .navbar ul li {text-align: center;padding: 0 35px;position: relative;}

#news .navbar ul li::after{content: '';display: block;width: 1px;height: 100%;position: absolute;right: 0;top: 0;bottom: 0;background-color: #ddd}

#news .navbar ul li:last-child::after{display: none;}

#news .navbar ul li a{font-size: 20px;color: #666;display: block;}

#news .navbar ul li a i{font-size: 40px;margin-right: 15px;vertical-align: middle;-webkit-transition: .5s;transition: .5s;}

#news .navbar ul li.active a{color: #0079c3;}

#news .navbar ul li.active a i{color: #fff;}



#news .list {overflow: hidden;}



#news .list .left{width: 620px;background-color: #fff;box-shadow: 0 0 15px rgba(0,0,0,.03)}

#news .list .left .img{overflow: hidden;}

#news .list .left img{width: 100%;transition: .5s;}

#news .list .left a:hover img{transform: scale(1.1);}

#news .list .left .text{padding: 30px;padding-bottom: 20px;border-bottom: solid 1px #ddd;}

#news .list .left .text h1{font-size: 20px;margin-bottom: 15px;}

#news .list .left .text h1 div{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 80%;}

#news .list .left .text h1 .tag{background-color: #0077d0;color: #fff;width: 65px;line-height: 26px;border-radius: 90px;display: inline-block;text-align: center;font-size: 16px;margin-right: 10px;}

#news .list .left .text h1 em{font-size: 14px;color: #888;}

#news .list .left .text p{font-size: 15px;color: #666;}

#news .list .left ul{padding: 30px;padding-top: 15px;}

#news .list .left ul li{font-size: 16px;line-height: 36px;}

#news .list .left ul li a::before{content: '';display: inline-block;border:solid 2px #888;border-radius: 90px;width: 4px;height: 4px;vertical-align: middle;margin-right: 15px;}



#news .list .right{width: 730px;}

#news .list .right ul{height: 100%;}

#news .list .right ul li {background-color: #fff;box-shadow: 0 0 15px rgba(0,0,0,.03)}

#news .list .right ul li .img{width: 266px;}

#news .list .right ul li .img{overflow: hidden;}

#news .list .right ul li img{width: 100%;transition: .5s;}

#news .list .right ul li a:hover img{transform: scale(1.1);}

#news .list .right ul li .text{width: 470px;padding: 20px;}

#news .list .right ul li .text h1{font-size: 20px;color: #222;margin-bottom: 5px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

#news .list .right ul li .text .date{margin-bottom: 5px;font-size: 16px;color: #999;}

#news .list .right ul li .text p{color: #888;font-size: 15px;}



#news .list .right ul li  a:hover .text h1{color: #0077d0;}









@media (max-width:767px){

    #news{padding-bottom: 30px;}

    #news .navbar{margin-bottom: 20px;}

    #news .navbar ul{margin: 0 -2px;}

    #news .navbar ul li{margin: 0;padding: 0 2px;}

    #news .navbar ul li a{padding: 0 20px;font-size: 14px;}



    #news .list .left{width: 100%;margin-bottom: 20px;}

    #news .list .left ul li{line-height: 30px;-ms-text-overflow: ellipsis;

    text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}

    #news .list .left .text h1 em{display: none;}



    #news .list .right{width: 100%;}

    #news .list .right ul li {margin-bottom: 10px;}

    #news .list .right ul li .img{width: 40%;}

    #news .list .right ul li img{height: 100%;}

    #news .list .right ul li .text{width: 60%;padding: 14px;}

    #news .list .right ul li .text .date{display: none;}

    #news .list .right ul li .text h1{font-size: 16px;}

    #news .list .right ul li .text p{font-size: 13px;}

}





@media (min-width:768px) and (max-width: 991px){

    #news{padding-bottom: 30px;}

    #news .navbar{margin-bottom: 20px;}

    #news .navbar ul{margin: 0 -2px;}

    #news .navbar ul li{margin: 0;padding: 0 2px;}

    #news .navbar ul li a{line-height: 40px;padding: 0 20px;font-size: 14px;}



    #news .list .left{width: 100%;margin-bottom: 20px;}

    #news .list .left ul li{line-height: 30px;}

    #news .list .right{width: 100%;}

    #news .list .right ul li {margin-bottom: 10px;width: 100%;}

    #news .list .right ul li .img{width: 40%;}

    #news .list .right ul li .text{width: 60%;padding: 20px;}



    #news .list .right ul li .text h1{font-size: 20px;}

    #news .list .right ul li .text p{font-size: 13px;}

}









@media (min-width:992px) and (max-width:1199px){

    #news{padding-bottom: 30px;}

    #news .navbar{margin-bottom: 20px;}

    #news .navbar ul{margin: 0 -2px;}

    #news .navbar ul li{margin: 0;padding: 0 2px;}

    #news .navbar ul li a{line-height: 40px;padding: 0 20px;font-size: 14px;}



    #news .list .left{width: 100%;margin-bottom: 20px;}

    #news .list .left ul li{line-height: 30px;}



    #news .list .right{width: 100%;}

    #news .list .right ul li {margin-bottom: 10px;width: 100%;}

    #news .list .right ul li .img{width: 30%;}

    #news .list .right ul li .text{width: 70%;padding: 20px;}



    #news .list .right ul li .text h1{font-size: 20px;}

    #news .list .right ul li .text p{font-size: 13px;}

}





@media (min-width:1200px) and (max-width:1335px){

    #news .list .left{width: 50%;}

    #news .list .right{width: 48%;}

    #news .list .right ul li {width: 100%;}

    #news .list .right ul li .text{width: 50%;}

    #news .list .right ul li .text h1{font-size: 15px;}

    #news .list .right ul li .text p{font-size: 13px;}

}





@media (min-width:1336px) and (max-width:1500px){

    #news .list .left{width: 50%;}

    #news .list .right{width: 48%;}

    #news .list .right ul li {width: 100%;}

    #news .list .right ul li .text{width: 50%;}



 }



@media (min-width:1501px) and (max-width: 1599px){

    #news .list .left{width: 50%;}

    #news .list .right{width: 48%;}

    #news .list .right ul li {width: 100%;}

    #news .list .right ul li .text{width: 50%;}

}















#about{background: url(../images/aboutbg.jpg) no-repeat center bottom;padding-bottom: 120px;overflow: hidden;}



#about .video-img{position: relative;overflow: hidden;margin-bottom: 67px;}

#about .video-img::before{content: '';display: block;position: absolute;top: 0;left: 0;background-color: rgba(0,0,0,.2);width: 100%;height: 100%;z-index: 10;}

#about .video-img img{transition: .5s;}

#about .video-img:hover img{transform: scale(1.1);}

#about .video-img .control{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 20;}

#about .video-img .control i{color: #fff;font-size: 50px;}



#about .text{text-align: center;margin-bottom: 100px;}

#about .text h1{font-size: 40px;margin-bottom: 20px;}

#about .text p{font-size: 16px;color: #666;line-height: 36px;}

#about .shuju{margin-bottom: 80px;}

#about .shuju dl {padding: 0 60px;position: relative;}

#about .shuju dl::after{content: '';display: block;width: 1px;height: 100%;background-color: #d7d7d7;position: absolute;top: 0;right: 0;}

#about .shuju dl:last-child::after{display: none;}

#about .shuju dl dt em{font-size: 50px;font-family: Montserrat;font-style: normal;line-height: 100%;}

#about .shuju dl dt span{background-color: #0077d0;color: #fff;width: 23px;height: 23px;border-radius: 90px;text-align: center;line-height: 23px;margin-left: 5px;}

#about .shuju dl dd{font-size: 16px;color: #747474;}



#about a.view{display: block;width: 180px;line-height: 50px;background-color: #0077d0;text-align: center;color: #fff;border-radius: 3px;margin: 0 auto;font-size: 18px;-webkit-transition: .5s;

-o-transition: .5s;

transition: .5s;}

#about a.view:hover{background-color: #333;}











@media (max-width:767px){

    #about{padding-bottom: 40px;}

    #about .video-img{margin-bottom: 20px;}

    #about .text{margin-bottom: 30px;}

    #about .text h1{font-size: 30px;margin-bottom: 10px;}

    #about .text p{font-size: 13px;line-height: 26px;}



    #about .shuju{margin-bottom: 40px;}

    #about .shuju dl{padding: 0 15px;width: 33.333%;margin-bottom: 20px;}

    #about .shuju dl dt{margin-bottom: 5px;}

    #about .shuju dl dt em{font-size: 22px;}

    #about .shuju dl dt span{font-size: 12px;}

    #about .shuju dl dd{font-size: 13px;}



    #about a.view{width: 120px;line-height: 40px;}

}





@media (min-width:768px) and (max-width: 991px){



    #about{padding-bottom: 40px;}

    #about .video-img{margin-bottom: 20px;}

    #about .text{margin-bottom: 30px;}

    #about .text h1{font-size: 30px;margin-bottom: 10px;}

    #about .text p{font-size: 13px;line-height: 26px;}



    #about .shuju{margin-bottom: 40px;}

    #about .shuju dl{padding: 0 15px;}

    #about .shuju dl dt{margin-bottom: 5px;}

    #about .shuju dl dt em{font-size: 45px;}

    #about .shuju dl dt span{font-size: 12px;}

    #about .shuju dl dd{font-size: 13px;}



    #about a.view{width: 120px;line-height: 40px;}

}









@media (min-width:992px) and (max-width:1199px){



}





@media (min-width:1200px) and (max-width:1335px){



}





@media (min-width:1336px) and (max-width:1500px){





 }



@media (min-width:1501px) and (max-width: 1599px){

    #about .shuju dl{padding: 0 30px;}

    #about .shuju dl dt em{font-size: 40px;}

}







.m-mask{background: rgba(0,0,0,.3);position: fixed;left: 0;top: 0;width: 100%;height: 100%;opacity: 0;visibility: hidden;transition: .5s;z-index: 10;}

.m-mask.active{opacity: 1;visibility: visible;}



.m-slide-nav{position: relative;margin-bottom: 30px;z-index: 20;background-color: #fff;}

.m-slide-nav .title {font-size: 18px;color: #222;line-height: 60px;border-bottom: solid 1px #eee;}

.m-slide-nav .title .down{display: block;width: 20px;height: 20px;text-align: center;line-height: 20px;}



.m-slide-nav .list{position: absolute;top: 100%;left: 0;right: 0;background-color: #fff;margin-top: -1px;opacity: 0;visibility: hidden;-webkit-transition: .5s;

-o-transition: .5s;

transition: .5s;z-index: 30;}

.m-slide-nav .list.active{opacity: 1;visibility: visible;}

.m-slide-nav ul li h4 a{text-indent: 10px;}

.m-slide-nav ul li.active h4 a{background-color: #0077d0;color: #fff;}

.m-slide-nav .list li{line-height: 40px;border-top: solid 1px #eee;}

.m-slide-nav .list li a{font-size: 15px;display: block;}



.m-slide-nav .list li.active .sub{display: block;}

.m-slide-nav .list li .sub{padding: 3px 0;display: none;}

.m-slide-nav .list li .sub p a{text-indent: 40px;position: relative;display: block;background-color: #f9f9f9;margin-bottom: 2px;font-size: 16px;-webkit-transition: .5s;

-o-transition: .5s;

transition: .5s;}

.m-slide-nav .list li .sub p.active a{color: #0077d0;background-color: #ececeb;}

.m-slide-nav .list li .sub p a:hover{color: #0077d0;background: #ececeb;}

.m-slide-nav .list li .sub p a:hover:after{border-color: #0077d0;}

.m-slide-nav .list li .sub p a:after {

    content: "";

    width: 8px;

    height: 8px;

    border: 2px solid #b8b8b8;

    border-style: solid solid none none;

    position: absolute;

    top: 50%;

    right: 32px;

    margin-top: -4px;

    -webkit-transform: rotate(45deg);

    -moz-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    -o-transform: rotate(45deg);

    transform: rotate(45deg);

}



.m-slide-nav .list li .sub p.active a:after{border-color: #0077d0;}









.page-search{border-bottom: solid 1px #eee;margin-bottom: 50px;display: none;}



.slide-nav{width: 18%;display: none;}

.slide-nav .title{background-color: #0077d0;color: #fff;text-align: center;padding: 20px 0;font-size: 27px;line-height: 100%;margin-bottom: 1px;}

.slide-nav ul{border-top: solid 3px #0077d0;padding-top: 1px;}

.slide-nav ul li{line-height: 50px;}

.slide-nav ul li h4 a{display: block;background-color: #ececeb;margin-bottom: 2px;font-size: 18px;text-indent: 40px;position: relative;-webkit-transition: .5s;

-o-transition: .5s;

transition: .5s;}

.slide-nav ul li.active h4 a{background-color: #0077d0;color: #fff;}

.slide-nav ul li h4 a::after{content: '+';position: absolute;right: 20px;top: 0;bottom: 0;margin:auto;width: 20px;height: 20px;text-indent: 0;line-height: 20px;text-align: center;font-size: 20px;}

.slide-nav ul li.active h4 a::after{content: '-';}

.slide-nav ul li h4 a:hover{background-color: #0077d0;color: #fff;}



.slide-nav ul li.active .sub{display: block;}

.slide-nav ul li .sub{padding: 3px 0;display: none;}

.slide-nav ul li .sub p a{text-indent: 60px;position: relative;display: block;background-color: #f9f9f9;margin-bottom: 2px;font-size: 16px;-webkit-transition: .5s;

-o-transition: .5s;

transition: .5s;}

.slide-nav ul li .sub p.active a{color: #0077d0;background-color: #ececeb;}

.slide-nav ul li .sub p a:hover{color: #0077d0;background: #ececeb;}

.slide-nav ul li .sub p a:hover:after{border-color: #0077d0;}

.slide-nav ul li .sub p a:after {

    content: "";

    width: 8px;

    height: 8px;

    border: 2px solid #b8b8b8;

    border-style: solid solid none none;

    position: absolute;

    top: 50%;

    right: 32px;

    margin-top: -4px;

    -webkit-transform: rotate(45deg);

    -moz-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    -o-transform: rotate(45deg);

    transform: rotate(45deg);

}



.slide-nav ul li .sub p.active a:after{border-color: #0077d0;}



.slide-nav .left-contact{}

.slide-nav .left-contact h1{background-color: #0077d0;color: #fff;text-align: center;padding: 15px 0;font-size: 27px;line-height: 100%;margin-bottom: 1px;}

.slide-nav .left-contact .list{border:solid 1px #ddd;padding: 20px;line-height: 2;font-size: 15px;border-top: solid 3px #0077d0;}

.slide-nav .left-contact .list img{width: 100%;}





.slide-nav .left_mewstop{background-color: #0077d0;color: #fff;text-align: center;padding: 15px 0;font-size: 27px;line-height: 100%;margin-bottom: 1px;}



.slide-nav .left_mewsnr{padding: 1px 0;margin-bottom: 10px;border-top: solid 3px #0077d0;}

.slide-nav .left_mewsnr dl{border-bottom: solid 1px #ddd;padding-bottom: 10px;margin-bottom: 10px;}

.slide-nav .left_mewsnr dl:last-child{border-bottom: none;margin: 0;padding: 0;}

.slide-nav .left_mewsnr dl dt{overflow: hidden;}

.slide-nav .left_mewsnr dl dt img{-webkit-transition: .5s;

-o-transition: .5s;

transition: .5s;}

.slide-nav .left_mewsnr dl a:hover dt img{transform: scale(1.1);}

.slide-nav .left_mewsnr dl dd h4{font-size: 17px;color: #222;-ms-text-overflow: ellipsis;

text-overflow: ellipsis;overflow: hidden;white-space: nowrap;padding: 5px 0px;}

.slide-nav .left_mewsnr dl dd p{color: #666;font-size: 13px;}

.slide-nav .left_mewsnr dl a:hover dd h4{color: #0077d0}



#pages .content{width: 80%}



#pages .content .catpos{font-size: 15px;color: #666;border-bottom: double 4px #ddd;padding-bottom: 20px;}

#pages .content .catpos i{margin-right: 10px;}



#pages .content .list{padding: 30px 0 0;font-size: 15px;color: #444;line-height: 2;overflow: hidden;}





@media (max-width:767px){

    #pages .content{width: 100%}

    #pages .content .catpos{display: none;}



    #pages .content .list{padding: 0;}

}





@media (min-width:768px) and (max-width: 991px){

    #pages .content{width: 100%}

}







@media (min-width:992px) and (max-width:1199px){

    #pages .content{width: 100%}

}





@media (min-width:1200px) and (max-width:1335px){



}





@media (min-width:1336px) and (max-width:1500px){





 }



@media (min-width:1501px) and (max-width: 1599px){



}













.pages .about-top h1{font-size: 40px;color: #222;margin-bottom: 30px;line-height: 100%;}

.pages .about-top h4{font-size: 24px;color: #f58203;margin-bottom: 20px;line-height: 100%;}

.pages .about-top h5{font-size: 20px;color: #0089e0;margin-bottom: 10px;line-height: 100%;}

.pages .about-top h6{font-size: 18px;color: #333;margin-bottom: 10px;line-height: 100%;}

.pages .about-top .sub{padding-left: 30px;}

.pages .about-top .list{font-size: 17px;color: #444;line-height: 2;}

.pages table{border-collapse:collapse;width: 100%;}

.pages table,.pages tbody td{border: 1px solid #ccc;}

.pages table thead{text-align: center;background: -webkit-gradient(linear, right top, left top, from(#77cabe), to(#42c7f2));background: linear-gradient(to left, #77cabe 0%, #42c7f2 100%);}

.pages table thead td{font-size: 20px;white-space: nowrap;color: #fff;padding: 20px 0}

.pages table tbody td{font-size: 15px;color: #666;}

.pages table td{padding: 10px;line-height: 1.8;}

.pages table tbody tr td:first-child{text-align: center;}

.pages table tbody tr:nth-child(2n) td{background-color: #f7f7f7}



.pages .ys{padding: 70px 0;background-color: #f8f8f8;margin-bottom: 70px;width: 1920px;left: 50%;margin-left: -960px;position: relative;}

.pages .td em{background: #0089e0;color: #fff;padding: 4px 10px;margin-right: 10px;}



.pages-about{line-height: 2;font-size: 16px;color: #555;overflow: hidden;}

.pages-about .about-top{margin-bottom: 60px;}

.pages-about .about-top .left{}

.pages-about .about-top h1{font-size: 36px;color: #222;margin-bottom: 10px;line-height: 100%;}

.pages-about .about-top p{font-size: 20px;margin-bottom: 30px;}

.pages-about .about-top h4{font-size: 24px;color: #0089e0;padding-top: 20px;}

.pages-about .about-top .list{font-size: 17px;color: #444;}



.pages-about .about-top .right .img{position: relative;}

.pages-about .about-top .right .img img{position: relative;z-index: 20;}







.sxp{padding-top: 20px;text-align: center;border-top: double 4px #ddd;margin-top: 30px;}





.pages-about .number{margin-bottom: 30px;}

.pages-about .number dl{text-align: center;padding: 0 60px;position: relative;}



.pages-about .number dl dt i{font-size: 60px;color: #777;line-height: 100%;}

.pages-about .number dl dd h1{font-size: 60px;font-family: Montserrat;color: #0079c3;line-height: 100%;position: relative;}

.pages-about .number dl dd h1 span{position: absolute;top: 0;left: 100%;font-size: 15px;line-height: 100%;white-space: nowrap;text-overflow: ellipsis;color: #333;}

.pages-about .number dl dd h1 em{font-style: normal;font-family: Montserrat;}

.pages-about .number dl dd p{font-size: 18px;color: #666666;}

.pages-about .more{text-align: center;}

.pages-about a.more{font-size: 20px;color: #666;-webkit-transition: .5s;transition: .5s;}.

.pages-about a.more i{display: block;width: 30px;height: 30px;text-align: center;background-color: #585656;border-radius: 90px;line-height: 30px;color: #fff;font-size: 25px;margin-right: 10px;-webkit-transition: .5s;transition: .5s;}

.pages-about a.more:hover{color: #0079c3;}

.pages-about a.more:hover i{background-color: #0079c3;}



.pages{font-size: 15px;color: #666;line-height: 1.8;}

.pages hr{height: 1px;border:none;background-color: #ddd;}



.about-fc{overflow: hidden;margin-bottom: 60px;}

.about-fc p{text-align: center;font-size: 20px;margin-top: 10px;}



.sjs{background: url(../images/about-bg2.jpg) no-repeat center;height: 700px;position: relative;}

.sjs::before{content: '';display: block;position: absolute;width: 100%;height: 100%;background-color: rgba(0,0,0,0.2);}

.sjs .container{position: relative;z-index: 20;padding-top: 90px;}

.sjs .tit h1{color: #fff;}

.sjs .tit h1::after{display: none;}

.sjs .list{color: #fff;text-align: center;}



.glbz{margin-bottom: 30px;}

.glbz ul li {width: 20%;}

.glbz ul li .toptit{background-color: #0079c3;text-align: center;font-size: 20px;color: #fff;padding: 15px 0;margin-bottom: 30px;position: relative;}

.glbz ul li .toptit::after{content: '';background: url(../images/ajt.png) no-repeat left center;position: absolute;top: 0;bottom: 0;margin: auto;right: 0;width: 30px;height: 16px;display: block;background-size: cover;}

.glbz ul li:last-child .toptit::after{display: none;}

.glbz ul li .text{padding: 0 40px;}



.linian{}

.linian li{border: solid 1px #eee;width: 31%;padding: 35px;}

.linian li .t i{font-size: 40px;color: #0079c3;}

.linian li .t .n{line-height: 100%;}

.linian li .t .n::after{content: '';display: block;height: 3px;background-color: #0079c3;margin-top: -4px;}

.linian li h3{font-size: 26px;color: #222;}

.linian li p{color: #666;}



.jiance h2{font-size: 36px;margin-bottom: 30px;color: #222;}

.jiance-shebei{margin-bottom: 30px;}

.jiance-shebei li{width: 23%;text-align: center;font-size: 20px;color: #333;padding: 15px 0;border:dotted 1px #ccc}

.jiance-shebei li i{display: block;font-size: 50px;}



.jiance .tit-inline{display: inline-block;background-color: #0079c3;padding:10px 15px;color: #fff;}







.jctable > div{width: 48%;}







.zazhi li{width: 31%;text-align: center;}

.zazhi li h4{width: 66px;height: 120px;margin:0 auto;background-color: #80caec;position: relative;color: #fff;line-height: 120px;font-size: 30px;text-shadow: 1px 2px 0 rgba(0,0,0,.2)}

.zazhi li h4::before{content:"";width: 0;height: 0;position:absolute;left:-35px;top:0;border-right:35px solid #80caec;border-top:60px solid transparent;border-bottom:60px solid transparent;}

.zazhi li h4::after{content:"";width: 0;height: 0;position:absolute;right:-35px;top:0;border-left:35px solid #80caec;border-top:60px solid transparent;border-bottom:60px solid transparent;}



.zazhi li p{font-size: 24px;color: #222;}

.zazhi li .t{padding: 0 2rem;}





@media (max-width:768px) {

    .pages-about{padding-top: 50px;}

    .pages-about .about-top{display: block;margin-bottom: 30px;}

    .pages-about .about-top>div{width: 100%;}

    .pages-about .about-top .left{padding: 0;margin-bottom: 30px;}



    .pages-about .about-top p{margin-bottom: 20px;}



    .pages-about .about-top .list{font-size: 15px;}

    .pages-about .about-top .right .img{width: 100%;padding: 0;}

    .pages-about .about-top .right .img img{width: 100%;}



    .pages-about .about-top .right .img::after{display: none;}



    .pages-about .number{margin-bottom: 50px;}

    .pages-about .number dl{padding: 0 20px;}

    .pages-about .number dl dt i{font-size: 30px;}

    .pages-about .number dl dd h1{font-size: 20px;}

    .pages-about .number dl dd p{font-size: 13px;}

}





@media (min-width:768px) and (max-width: 991px){

    .pages-about{padding-top: 50px;}

    .pages-about .about-top{display: block;margin-bottom: 30px;}

    .pages-about .about-top>div{width: 100%;}

    .pages-about .about-top .left{padding: 0;margin-bottom: 30px;}



    .pages-about .about-top .right .img{width: 100%;padding: 0;}

    .pages-about .about-top .right .img img{width: 100%;}



    .pages-about .number dl{padding: 0 20px;}

    .pages-about .number dl dt i{font-size: 40px;}

    .pages-about .number dl dd h1{font-size: 50px;}



}





@media (min-width:992px) and (max-width:1199px){

    .pages-about{padding-top: 50px;}

    .pages-about .about-top{display: block;margin-bottom: 30px;}

    .pages-about .about-top>div{width: 100%;}

    .pages-about .about-top .left{padding: 0;margin-bottom: 30px;}



    .pages-about .about-top .right .img{width: 100%;padding: 0;}

    .pages-about .about-top .right .img img{width: 100%;}



    .pages-about .number dl{padding: 0 20px;}

    .pages-about .number dl dt i{font-size: 40px;}

    .pages-about .number dl dd h1{font-size: 50px;}



}







.rests{font-size: 20px;line-height: 50px;border-bottom: solid 1px #ddd;margin-bottom: 30px;}

.rests b{display: block;width: 120px;line-height: 50px;background-color: #0079c3;color: #fff;text-align: center;}

.rests span{float: right;color: #666;}







.tedian{background: url('http://www.shxdgc.com/uploadfile/2020/0725/20200725061208979.jpg') no-repeat; padding:95px  0 95px;position: relative;background-size: cover;}

/* .tedian::before{content: '';display: block;width: 100%;height: 100%;background-color: rgba(0, 137, 224, .8);position: absolute;top: 0;left: 0;} */

.tedian .container{position: relative;z-index: 10;color: #333;}

.tedian .container .tit h1{color: #fff;font-size: 36px;line-height: 100%;margin-bottom: 10px;}

.tedian .tit p{text-align: center;margin-bottom: 50px;font-size: 18px;color: #fff;}

.tedian .container .list{overflow: hidden;padding-bottom: 60px;}

.tedian .container dl{width: 33.333%;background-color: #fff;height: 100%;}

.tedian .container dl dt{font-size: 30px;}

.tedian .container .list .swiper-pagination{bottom: 0;}

.tedian .container .list .swiper-pagination .swiper-pagination-bullet{background-color: #fff;}



.tedian .container dl dd{padding: 30px;height: 160px;}



.main{overflow: hidden;}



@media (max-width: 991px){

    .tedian{padding: 60px 0;}

    .tedian .tit p{margin-bottom: 30px;}

    .tedian .container dl dt img{width: 100%;}

    .tedian .container dl dd{padding: 15px;}



}



@media (min-width:992px) and (max-width:1199px){



    .tedian{padding: 60px 0;}

    .tedian .tit p{margin-bottom: 30px;}

    .tedian .container dl dt img{width: 100%;}

    .tedian .container dl dd{padding: 15px;}

}





.pages-about .wenhua{padding: 60px 0 0; overflow: hidden;}

.pages-about .wenhua .tit h1{font-size: 36px;color: #222;margin-bottom: 20px;text-align: left;}

.pages-about .wenhua .tit p{font-size: 24px;margin-bottom: 20px;color: #0089e0;text-align: left;}

.pages-about .wenhua .list{font-size: 17px;color: #444;margin-bottom: 50px;}

.pages-about .wenhua ul{margin: 0 -30px;}

.pages-about .wenhua ul li{padding: 0 30px;width: 50%;margin-bottom: 40px;}

.pages-about .wenhua ul li h3{display: inline-block;border-width: 0 30px 50px 0;  border-style: solid; border-color: transparent transparent #0089e0 #0089e0;height: 50px; line-height: 50px; padding: 0 15px;color: #fff;margin-bottom: 20px;}



@media (max-width: 767px){

    .pages-about .wenhua ul{display: block;}

    .pages-about .wenhua ul li{width: 100%;}

}



@media (min-width: 768px) and (max-width: 991px){

    .pages-about .wenhua{padding: 40px 0 0;}

    .pages-about .wenhua{font-size: 14px;line-height: 1.7;}

    .pages-about .wenhua ul li{margin-bottom: 20px;}



}











.licheng{}

.licheng .ul{position: relative;overflow: hidden;}



.licheng .li .text{width: 50%;padding-right: 50px;position: relative;}

.licheng .li{text-align: right;overflow: hidden;padding-bottom: 80px;position: relative;}

.licheng .ul::before{content: '';display: block;width: 1px;height: 100%;background-color: #ccc;position: absolute;left: 0;right: 0;margin:auto;top: 10px;}





.licheng .li h3{font-size: 35px;color: #0089e0;line-height: 100%;margin-bottom: 15px;position: relative;}

.licheng .li h3::before{position: absolute;content: '';display: block;height: 1px;width: 35px;right: -50px;top: 0;bottom: 0;margin:auto;background-color: #ccc;}

.licheng .li .text::after{content: '';display: block;width: 15px;height: 15px;position: absolute;top: 10px;right: -7.5px;margin:auto;background-color: #0089e0;border-radius: 90px;}

.licheng .li .text p{font-size: 17px;color: #555;line-height: 2;}





.licheng .li:nth-child(2n){text-align: left;}

.licheng .li:nth-child(2n) .text{float: right;padding: 0;padding-left: 50px;}

.licheng .li:nth-child(2n) .text::after{content: '';display: block;width: 15px;height: 15px;position: absolute;top: 10px;right: auto; left: -7.5px;margin:auto;background-color: #0089e0;border-radius: 90px;}



.licheng .li:nth-child(2n) h3::before{position: absolute;content: '';display: block;height: 1px;width: 35px;left: -50px;top: 0;bottom: 0;margin:auto;right: auto; background-color: #ccc;}





.licheng .li:last-child {text-align: center;background-color: #fff;font-size: 20px;padding-top: 20px;}











@media (max-width: 767px){

    .licheng .ul::before{right: auto;left: 7.5px;}

    .licheng .li{text-align: left;}

    .licheng .li h3{padding-left: 60px;}

    .licheng .li h3::before{right: auto;left: 0;}

    .licheng .li .text{width: 100%;}

    .licheng .li .text::after{right: auto;left: 0;}

    .licheng .li .text p{padding-left: 60px;}



    .licheng .li:nth-child(2n) .text{padding: 0;}



    .licheng .li:nth-child(2n) .text::after{left: 0;}



    .licheng .li:nth-child(2n) h3::before{left: 0;}



    .licheng .li:last-child{text-align: left;padding-left: 60px;}



}















/* ====================================   网站地图   ==================================== */

.pages-sitemap{padding: 55px 0;}

.sitemap{padding: 0 0;overflow: hidden;}

.sitemap h2{font-size: 22px;padding: 10px 15px;background-color: #0089e0;display: inline-block;}

.sitemap h2 a{color: #fff;}

.sitemap h2 a:hover{color: #fff;text-decoration: underline;}

.sitemap ul{overflow: hidden;display: block;font-size: 15px;margin-bottom: 30px;border: solid 1px #ddd;font-size: 0;padding: 10px;}

.sitemap ul li{width:25%;line-height: 25px;display: inline-block;vertical-align: top;text-align: center;font-size: 18px;line-height: 35px;position: relative;top: 1px;}

.sitemap ul li a{color: #333;}

.sitemap ul li a:hover{color: #0089e0;text-decoration: underline;}

.sitemap ul li p a{font-weight: normal;}

.sitemap ul li p:last-child{margin-bottom: 30px;}

.sitemap ul div{margin-bottom: 15px;border:solid 1px #eee;padding: 15px;}

.sitemap ul h3{font-size: 15px;margin-bottom: 10px;}

.sitemap ul h3 a{color: #333;}



















.pages-picture{padding: 40px 0;}

.pages-picture li{margin-bottom: 30px;}

.pages-picture li img{width: 100%;padding: 10px;border:solid 1px #ddd;}

.pages-picture li .h3{font-size: 16px;line-height: 50px;text-align: center;background-color: #f2f2f2;}

.pages-picture li a:hover .h3{color: #fff;background-color: #0079c3;}





.pages-work{padding: 3% 0;overflow: hidden;}

.pages-work ul{}

.pages-work li{margin-bottom: 10px;margin-bottom: 40px;}

.pages-work li img{width: 100%;padding: 8px;border:solid 1px #ddd;}

.pages-work li a:hover img{border:solid 1px #0079c3;}

.pages-work li .text{background-color: #f5f5f5;padding: 30px;-webkit-transition: all .5s ease;transition: all .5s ease;}

.pages-work li .h3{font-size: 16px;line-height: 100%;text-align: center;padding: 20px 0;border:solid 1px #ddd;border-top: none;}

.pages-work li a:hover .h3{border:solid 1px #0079c3;border-top: none;background-color: #0079c3;color: #fff;}



.pages-work li a .contents{display: none;}

.pages-work .contentsShow{margin-bottom: 10px;padding: 0 10px;font-size: 15px;line-height: 2;clear: both;display: none;}

.pages-work .contentsShow .box{background-color: #e6212a;padding: 30px;color: #fff;}



.pages-parent{padding: 3% 0;overflow: hidden;}

.pages-parent ul{}

.pages-parent li{margin-bottom: 10px;margin-bottom: 10px;}

.pages-parent li img{width: 100%;padding: 8px;border:solid 1px #ddd;}

.pages-parent li a:hover img{border:solid 1px #0079c3;}

.pages-parent li .text{background-color: #f5f5f5;padding: 30px;-webkit-transition: all .5s ease;transition: all .5s ease;}

.pages-parent li .h3{font-size: 16px;line-height: 100%;text-align: center;padding: 20px 0;border-top: none;}

.pages-parent li a:hover .h3{color: #0079c3;}





.p-factory ul{margin: 0 -20px;}

.p-factory ul li{width: 33.333%;padding: 0 20px;margin-bottom: 20px;}

.p-factory ul li .img{overflow: hidden;}

.p-factory ul li .img img{-webkit-transition: .5s;transition: .5s;}

.p-factory ul li a:hover .img img{-webkit-transform: scale(1.1);transform: scale(1.1)}

.p-factory ul li .h3{font-size: 20px;text-align: center;padding: 15px 0;text-overflow: ellipsis;white-space: normal;overflow: hidden;}





@media (max-width: 767px){

    .p-factory ul{margin: 0 -5px;}

    .p-factory ul li{width: 50%;padding: 0 5px;margin-bottom: 10px;}



}







@media (min-width: 768px) and (max-width: 991px){



    .p-factory ul{margin: 0 -10px;}

    .p-factory ul li{padding: 0 10px;}

}







@media (min-width:992px) and (max-width:1199px){



     .p-factory ul{margin: 0 -10px;}

    .p-factory ul li{padding: 0 10px;}



}





.p-honor ul{margin: 0 -20px;}

.p-honor ul li{width: 20%;padding: 0 20px;margin-bottom: 20px;}

.p-honor ul li .img{overflow: hidden;}

.p-honor ul li .img img{-webkit-transition: .5s;transition: .5s;}

.p-honor ul li a:hover .img img{-webkit-transform: scale(1.1);transform: scale(1.1)}

.p-honor ul li .h3{font-size: 20px;text-align: center;padding: 15px 0;text-overflow: ellipsis;white-space: normal;overflow: hidden;}







/**

 * 分页

 */





#page{text-align: center;font-size: 15px;padding-top: 20px;}

#page span, #page a{margin:0 2px;padding: 7px 13px;color: #666;border-radius: 90px;background-color: #efefef;-webkit-transition: .5s;transition: .5s;}

#page span{background-color: #0089e0;color: #fff;}

#page a:hover{background-color: #0089e0;color: #fff;}





@media (max-width: 767px){

    #page .total, #page .first, #page .last{display: none;}



    #page span, #page a{padding: 0 10px;}



}







@media (min-width: 768px) and (max-width: 991px){



}







@media (min-width:992px) and (max-width:1199px){







}





@media (min-width:1200px) and (max-width:1400px){



}









.pages .about-top {margin-bottom: 80px;}

.pages .about-top .left{}

.pages .about-top .list{margin-bottom: 20px;}

.pages .about-top img{width: 100%;}







.pages .about-top ul li{width: 33.333%;background-color: #f2f2f2;}

.pages .about-top ul li .text{padding: 50px 25px;}

.pages .about-top ul li .text p{color: #666;font-size: 16px;line-height: 28px;}

.pages .about-top ul li:nth-child(2){background-color: #e6e6e6;}







@media (max-width: 767px){

    .pages .about-top{margin-bottom: 30px;}

    .pages .about-top ul {display: block;}

    .pages .about-top ul li{width: 100%;margin-bottom: 20px;}





}







@media (min-width: 768px) and (max-width: 991px){

    .pages-news ul{margin: 0 -10px;}

     .pages-news ul li{width: 50%;padding: 0 10px;margin-bottom: 20px;}

}







@media (min-width:992px) and (max-width:1199px){

    .pages-news ul {margin: 0 -15px;}

    .pages-news ul li{width: 50%;padding: 0 15px;margin-bottom: 40px;}



}





@media (min-width:1200px) and (max-width:1400px){



}





.shop-head{margin-bottom: 30px;}

.shop-head .box{width: 50%;}

.shop-head .box .bigImg{border:solid 1px #ddd;margin-bottom: 20px;}

.shop-head .box .picbig li{width: 24%;}



.shop-head .rcp{width: 46%;}

.shop-head .rcp .rcpbt{font-size: 25px;color: #222;line-height: 100%;margin-bottom: 30px;}

.shop-head .rcp .rcptime{margin-bottom: 30px;}

.shop-head .rcp .rcptime li{padding-left: 10px;line-height: 36px;}

.shop-head .rcp .rcptime li:nth-child(2n){background-color: #f4f4f4;}







.shop-show-tit{background-color: #f7f7f7;}

.shop-show-tit em{display: inline-block;background-color: #0079c3;color: #fff;font-size: 20px;padding: 5px 15px;font-style: normal;}



#rcpxangr{padding: 20px 0;}





#progywmnr{padding: 25px 0;}



#cpcg{font-size: 16px;padding: 10px;background-color: #f7f7f7;}

#cpcgnr {padding: 30px 0;}

#cpcgnr table tr td{padding: 5px;}

#cpcgnr input[type="text"]{border:solid 1px #ccc;padding: 5px;}

#cpcgnr textarea{border:solid 1px #ccc;padding: 5px;}

#cpcgnr input[type="submit"]{border:none;background-color: #0089e0;font-size: 18px;color: #fff;padding: 6px 15px;cursor: pointer;}

#cpcgnr input[type="reset"]{border:none;background-color: #333;font-size: 18px;color: #fff;padding: 6px 15px;cursor: pointer;}





@media (max-width: 767px){

    .shop-head .box{width: 100%;margin-bottom: 20px;}



    .shop-head .rcp{width: 100%;}

    .shop-head .rcp .rcpbt{margin-bottom: 10px;}



    #rcpxang img{width: auto!important;height: auto!important;}

}











#xgtjnr {margin:0 -20px;padding-top: 30px;overflow: hidden;}

#xgtjnr li{width: 33.33%;padding: 0 20px;margin-bottom: 40px;}

#xgtjnr li a{height: 100%;display: block;border-bottom: solid 1px #ddd;position: relative;}

#xgtjnr li a::after{content: '';display: block;height: 1px;position: absolute;bottom: -1px;left: 0;background-color: #0079c3;width: 0;transition: .5s;}

#xgtjnr li a:hover::after{width: 100%;}

#xgtjnr li .img{position: relative;border:solid 1px #eee;}

#xgtjnr li .text{padding: 20px 0;}

#xgtjnr li h3{font-size: 18px;margin-bottom: 15px;line-height: 100%;}

#xgtjnr li h3 em{font-style: normal;-ms-text-overflow: ellipsis;

text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}

#xgtjnr li p{color: #6e6c6c;font-size: 16px;-ms-text-overflow: ellipsis;

text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}



@media (max-width: 767px){



    #xgtjnr {margin:0 -5px;}

    #xgtjnr li{width: 33.33%;padding: 0 5px;margin-bottom: 40px;}



    #xgtjnr li h3 {font-size: 15px;}

}



.blue{color: #0089e0;}



.page-contact{padding-bottom: 70px;padding-top: 70px;}

.page-contact h1,.page-contact h2,.page-contact h3,.page-contact h4,.page-contact h5,.page-contact h6{}



.tiptit{font-size: 20px;color: #333;padding-bottom: 30px;}

.page-contact .tiptit {text-align: center;}

.page-contact .tiptit h1{margin-bottom: 20px;line-height: 100%;}

.page-contact .tiptit p{line-height: 35px;margin-bottom: 20px;}

.page-contact .list{margin-bottom: 50px;}

.page-contact .con-top {width: 50%;border: solid 1px #ddd;border-left: none;padding: 40px;}

.page-contact .con-top h1{font-size: 30px;line-height: 100%;margin-bottom: 30px;}

.page-contact .con-top h3{font-size: 20px;margin-bottom: 30px;}

.page-contact .con-top p{line-height: 30px;font-size: 14px;color: #666;}



.page-contact .r {width: 30%;}

.page-contact .r p{text-align: center;}

.page-contact .r img{border:solid 1px #ddd;}



.page-contact .allmap{width: 50%;height: 500px;border:solid 1px #ddd;}

.page-contact #allmap{height: 500px;}







/* 在线留言*/

.feedbackL{width:27%;height:380px;float:left;}

.feedbackR{width:67.5%;float:right;}

.feedbackR p{width:49%;float: left;height: 60px;line-height: 60px;position: relative;padding:0 15px 0 60px;margin-bottom: 10px;position: relative;border: 1px solid #ccc;background:#fff;}

.feedbackR p:nth-child(2n){float:right;}

.feedbackR p input{width: 100%;height: 100%;border:none;vertical-align: top;}

.feedbackR .tarea{width: 100%;height: 160px;padding-top: 15px;padding-bottom:15px;line-height: 1.6;}

.feedbackR i{content: "";font-family: "iconfont";color: #a0a0a0;font-style: normal;float: left;margin-left: -30px;font-size: 1rem;}

.feedbackR textarea{width: 100%;height: 100%;border:none;vertical-align: top;}

.feedbackR .code{clear: both;}

.feedbackR .code input{height: 60px;line-height: 60px;border: 1px solid #ddd;background:#fff;}

.feedbackR .code .c{width: 20%;padding: 0 15px;}

.feedbackR .code img{padding:19px;background:#fff;}

.feedbackR .code .sub {background: #006ab6;width: 30%;cursor: pointer;transition: all .3s;color: #fff;border:1px solid #006ab6;}

.feedbackR .sub:hover{background:#121464;}







@media (max-width: 767px){

    .page-contact .tiptit{padding: 0;}

    .page-contact{padding: 40px 0; }

    .page-contact .tiptit h1{font-size: 30px;margin-bottom: 10px;}

    .page-contact .tiptit p{font-size: 15px;line-height: 26px;}

    .tiptit{padding-bottom: 20px;}

    .page-contact .list{display: block;}

    .page-contact .con-top{width: 100%;margin-bottom: 20px;}

    .page-contact .con-top dl{width: 100%;padding: 20px;}

    .page-contact .con-top dl dd p{font-size: 14px;line-height: 24px;}



    .page-contact .allmap{width: 100%;}



    .page-contact .con-top dl:nth-child(4){border-bottom: none;}



}







@media (min-width: 768px) and (max-width: 991px){



    .page-contact{padding: 40px 0; }

    .page-contact .tiptit{padding: 0;}

    .page-contact .tiptit h1{font-size: 30px;margin-bottom: 10px;}

    .page-contact .tiptit p{font-size: 15px;line-height: 26px;}

    .tiptit{padding-bottom: 20px;}

    .page-contact .list{display: block;}

    .page-contact .con-top{width: 100%;margin-bottom: 20px;}

    .page-contact .con-top dl{width: 50%;padding: 20px;}

    .page-contact .allmap{width: 100%;}



    .page-contact .con-top dl:nth-child(n+3){border-bottom: none;}

}







@media (min-width:992px) and (max-width:1199px){



    .page-contact{padding: 50px 0; }

    .page-contact .tiptit h1{margin-bottom: 10px;}

    .page-contact .tiptit p{font-size: 17px;margin-bottom: 10px;line-height: 30px;}



}





@media (min-width:1200px) and (max-width:1400px){

    .page-contact{padding: 50px 0; }

    .page-contact .tiptit h1{margin-bottom: 10px;}

    .page-contact .tiptit p{font-size: 17px;margin-bottom: 10px;}

}







.page-outlets{padding: 75px 0;}

.page-outlets .container{position: relative;overflow: hidden;}

.page-outlets .allmap{width: 50%;height: 500px;border:solid 1px #ddd;}

.page-outlets #allmap{height: 600px;}



.outlets{position: absolute;width: 400px;background-color: #fff;height: 80%;right: 100px;top: 0;z-index: 50;bottom: 0;margin: auto;-webkit-transition: .5s;transition: .5s;}

.outlets .title{line-height: 70px;padding: 0 20px;background-color: #0079c3;color: #fff;font-size: 22px;}

.outlets .list{}

.outlets .show{display: none;position: absolute;right: 100%;background-color: #0079c3;color: #fff;top: 0;bottom: 0;margin:auto;width: 30px;height: 120px;padding: 10px 0;text-align: center;font-size: 18px;cursor: pointer;}









.serve_list_container {padding: 30px;}

.serve_list_container .item{border-bottom: solid 1px #ddd;position: relative;padding: 10px 0 10px 30px;}

.serve_list_container .item .num{width: 20px;height: 20px;background-color: #0079c3;color: #fff;text-align: center;line-height: 20px;border-radius: 90px;font-size: 15px;margin-right: 10px;position: absolute;top: 10px;left: 0;}

.serve_list_container .item .information {width: 100%;}

.serve_list_container .item h3{font-size: 18px;margin-bottom: 10px;}

.serve_list_container .item p{font-size: 15px;color: #666;line-height: 26px;}







@media (max-width:767px){

    .page-outlets{padding: 40px 0;}

    .outlets .show{display: block}

    .outlets{right: auto;left: 100%;width: 60%;}

    .serve_list_container{padding: 10px;}

    .serve_list_container .item{}

    .serve_list_container .item h3{font-size: 15px;overflow: hidden;-ms-text-overflow: ellipsis;

    text-overflow: ellipsis;white-space: nowrap;margin-bottom: 5px;}

    .serve_list_container .item p{font-size: 13px;line-height: 20px;}

    .outlets .title{line-height: 50px;font-size: 18px;}



    .page-outlets #allmap{height: 400px;}

    .outlets.active{left: auto;right: 0;}

}



@media (min-width:768px) and (max-width: 991px){

    .page-outlets{padding: 50px 0;}

    .outlets .show{display: block}

    .outlets{right: auto;left: 100%;}



    .outlets.active{left: auto;right: 0;}



}





@media (min-width:992px) and (max-width:1199px){

    .outlets{right: 5%;}



}







@media (min-width:1200px) and (max-width:1400px){





}











.xwzxnr ul{}

.xwzxnr ul li{margin-bottom: 30px;border-bottom: solid 1px #ddd;padding-bottom: 30px;}

.xwzxnr ul li:hover{}

.xwzxnr ul li a{position: relative;}

.xwzxnr ul li .img{overflow: hidden;width: 26%;}

.xwzxnr ul li .img img{width: 100%;-webkit-transition: all .5s;transition: all .5s;}

.xwzxnr ul li a:hover .img img{-webkit-transform: scale(1.1);transform: scale(1.1);}





.xwzxnr ul li .text{width: 71%;}

.xwzxnr ul li .text .h1{font-size: 24px;-ms-text-overflow: ellipsis;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;line-height: 100%;margin-bottom: 15px;}

.xwzxnr ul li a:hover .text .h1{color: #0089e0}

.xwzxnr ul li .text .des{font-size: 16px;color: #666;line-height: 1.8;}

.xwzxnr ul li .clicks{color: #666;font-size: 14px;margin-bottom: 10px;font-weight: 100;}

.xwzxnr ul li .clicks i{margin-right: 10px;font-weight: bold;}



.xwzxnr ul li .text span.fa-plus{display:block;width:40px;height:40px;background-color:#f6ac1d;color:#fff;text-align:center;line-height:40px;font-size:16px;}









@media (max-width:767px){

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

    .xwzxnr ul li .img{width: 33%;}

    .xwzxnr ul li .text{width: 65%;}

    .xwzxnr ul li .text .h1{font-size: 18px;margin-bottom: 5px;}

    .xwzxnr ul li .clicks{margin-bottom: 5px;}

    .xwzxnr ul li .text .des{font-size: 13px;line-height: 20px;}







}





.faq ul{}

.faq ul li{margin-bottom: 30px;border-bottom: solid 1px #ddd;padding-bottom: 30px;}

.faq ul li:hover{}

.faq ul li a{position: relative;}

.faq ul li .img{overflow: hidden;width: 26%;}

.faq ul li .img img{width: 100%;-webkit-transition: all .5s;transition: all .5s;}

.faq ul li a:hover .img img{-webkit-transform: scale(1.1);transform: scale(1.1);}



.faq ul li .text{}

.faq ul li .text .h1{font-size: 24px;-ms-text-overflow: ellipsis;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;line-height: 100%;margin-bottom: 15px;}

.faq ul li a:hover .text .h1{color: #0089e0}

.faq ul li .text .des{font-size: 16px;color: #666;line-height: 1.8;}

.faq ul li .clicks{color: #666;font-size: 14px;margin-bottom: 10px;font-weight: 100;}

.faq ul li .clicks i{margin-right: 10px;font-weight: bold;}



.faq ul li .text span.fa-plus{display:block;width:40px;height:40px;background-color:#f6ac1d;color:#fff;text-align:center;line-height:40px;font-size:16px;}





.newsnybt{font-size: 30px;color: #222;line-height: 100%;margin-bottom: 20px;}

.copyfrom{font-size: 14px;color: #666;border-bottom: double 4px #ddd;padding-bottom: 15px;}









.pages-news .right{width: 18%;}

.pages-news .right h2{font-size: 30px;line-height: 100%;color: #222;margin-bottom: 20px;}

.pages-news .right h1{font-size: 30px;margin-bottom: 20px;}

.pages-news .right ul li{margin-bottom: 20px;}

.pages-news .right ul li .text{padding: 0 0 10px;}

.pages-news .right ul li h5{font-size: 18px;margin: 5px 0;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}

.pages-news .right ul li .text p{font-size: 15px;color: #666;line-height: 24px;}



@media (max-width: 767px){

    .newsnybt{font-size: 20px;}



    .pages-news ul{margin: 0 -5px;}

    .pages-news ul li{width: 50%;padding: 0 5px;margin-bottom: 10px;}



    .pages-news ul li .text .h1{font-size: 16px;padding: 5px 0;}

    .pages-news ul li .text .des{font-size: 14px;line-height: 1.5;}



    #news-show{padding: 20px 0;}

    #news-show img{max-width: 100%;width: auto!important;height: auto!important;}



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

    .faq ul li .text .h1{font-size: 18px;margin-bottom: 5px;}

    .faq ul li .clicks{margin-bottom: 5px;}

    .faq ul li .text .des{font-size: 13px;}

}







@media (min-width: 768px) and (max-width: 991px){

    .pages-news ul{margin: 0 -10px;}

     .pages-news ul li{width: 50%;padding: 0 10px;margin-bottom: 20px;}

}







@media (min-width:992px) and (max-width:1199px){

    .pages-news ul {margin: 0 -15px;}

    .pages-news ul li{width: 50%;padding: 0 15px;margin-bottom: 40px;}



}





@media (min-width:1200px) and (max-width:1400px){



}





.pages-service{}

.pages-service .li .l{width: 50%;}

.pages-service .li .r .text{width: 700px;padding: 40px;}



.pages-service .li .r .text h2{font-size: 36px;margin-bottom: 30px;}



.pages-service .li .r .text p{font-size: 15px;color: #666;line-height: 25px;margin-bottom: 10px;}







.newshow{padding-bottom: 90px;}

.newshow .left{width: 76%;}

.newshow .t{font-size: 30px;margin-bottom: 15px;}

.newshow .time{font-size: 15px;border-bottom: dotted 1px #ccc;padding-bottom: 20px;color: #666;}

.newshow .time .tl{}

.newshow .content{font-size: 16px;color: #444;line-height: 1.9;padding: 30px 0;}

.newshow .content img{display: block;margin:0 auto;}

.newshow .right{width: 20%;}

.newshow .right h1{font-size: 30px;margin-bottom: 20px;}

.newshow .right ul li{margin-bottom: 20px;}

.newshow .right ul li .text{padding: 0 0 10px;}

.newshow .right ul li h5{font-size: 18px;margin: 10px 0;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}

.newshow .right ul li .text p{font-size: 15px;color: #666;}



.pages-case-show{padding: 0 0 50px;width: 910px;}

.pages-case-show .intro{padding-top: 30px;}

.pages-case-show .intro .title{font-size: 20px;color: #222;margin-bottom: 30px;font-weight: bold;line-height: 100%;text-align: center;}

.pages-case-show .intro .source{font-size: 15px;color: #666;border-bottom: solid 1px #ddd;}

.pages-case-show .intro .source .back{padding: 5px 10px;background-color: #666;color: #fff;}

.pages-case-show .intro .contents{color: #666;line-height: 2;font-size: 15px;padding: 3% 0;}







@media (max-width: 767px){

    .newshow{padding-bottom: 30px;}

    .newshow .container{display: block;}

    .newshow .left{width: 100%;}



    .casepagelinks a{padding: 10px 0;}



    .newshow .right{width: 100%;}

    .newshow .right ul{display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin:0 -10px;}

    .newshow .right ul li{width: 50%;padding: 0 10px;}



    .newshow .time .tl{margin-bottom: 10px;}

    .newshow .time{-ms-flex-wrap: wrap;flex-wrap: wrap;}

    .social-share a{margin: 0;margin-right: 10px;}



    .newshow .right ul li h5{font-size: 15px;margin: 5px 0;}

    .newshow .right ul li .text p{font-size: 13px;}





}







@media (min-width: 768px) and (max-width: 991px){

    .newshow .container{display: block;}



    .newshow .left{width: 100%;}

    .newshow .right{width: 100%;}



    .newshow .right ul{display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin:0 -10px;}

    .newshow .right ul li{width: 50%;padding: 0 10px;}

}







@media (min-width:992px) and (max-width:1199px){



    .pcase ul li{width: 50%;}



}





@media (min-width:1200px) and (max-width:1400px){



}









.pcase ul{margin:0 -20px;}

.pcase ul li{width: 33.333%;padding: 0 20px;margin-bottom: 20px;}

.pcase ul li .img{overflow: hidden;}

.pcase ul li .img img{-webkit-transition: .5s;transition: .5s;}

.pcase ul li a:hover .img img{-webkit-transform: scale(1.2);transform: scale(1.2)}

.pcase ul li p{font-size: 18px;text-align: center;padding: 15px 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}





@media (max-width: 767px){

    .pcase ul{margin: 0 -5px;}

     .pcase ul li{width: 50%;padding: 0 5px;margin-bottom: 10px;}

     .pcase ul li p{font-size: 13px;padding: 5px 0;margin-bottom: 0;}





}







@media (min-width: 768px) and (max-width: 991px){

    .pcase ul{margin: 0 -10px;}

     .pcase ul li{width: 50%;padding: 0 10px;margin-bottom: 20px;}

}







@media (min-width:992px) and (max-width:1199px){



    .pcase ul li{width: 50%;}



}





@media (min-width:1200px) and (max-width:1400px){



}









.pagelinks{line-height: 100%;margin-bottom: 30px;line-height: 30px;font-size: 16px;}

.pagelinks > div{width: 50%;background-color: #f5f5f5;padding: 20px;}

.pagelinks > div:hover{background-color: #0089e0;color: #fff;}

.pagelinks a{text-overflow: ellipsis;white-space: nowrap;overflow: hidden; display: block;font-size: 15px;line-height: 30px;text-align: left;}

.pagelinks > div:nth-child(3) a{text-align: right;}

.pagelinks > div:hover a{color: #fff;}

.pagelinks > div.list{width: 70px;text-align: center;}

.pagelinks > div.list a{text-align: center;}

.pagelinks > div.list a i{font-size: 25px;}



@media (max-width: 767px){

    .pagelinks{font-size: 13px;}

    .pagelinks > div{padding: 5px;}

}







.newshow .pagelinks{border-bottom: none;}





.casepagelinks{border-top: solid 1px #ddd;padding: 50px 0 0;}

.casepagelinks a{width: 30%;padding: 18px 0;text-align: center;-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .05);box-shadow: 0 0 20px rgba(0, 0, 0, .05);border-radius: 90px;font-size: 18px;border:solid 1px #eee;}

.casepagelinks a i{font-size: 22px;vertical-align: middle;margin-right:10px;line-height: 100%;}

.casepagelinks a:last-child i{margin-right: 0;margin-left: 10px;}





.ptitle{font-size: 22px;font-weight: bold;color: #222;margin-bottom: 10px;}









@media (max-width: 767px){

    .casepagelinks{margin-bottom: 30px;}

    .casepagelinks a{padding: 10px 0;font-size: 13px;}

    .casepagelinks a i{margin-right: 4px;}

    .casepagelinks a:last-child i{margin-left: 4px;}



}







@media (min-width: 768px) and (max-width: 991px){

    .pcase ul{margin: 0 -10px;}

     .pcase ul li{width: 50%;padding: 0 10px;margin-bottom: 20px;}

}







@media (min-width:992px) and (max-width:1199px){



    .pcase ul li{width: 50%;}



}





@media (min-width:1200px) and (max-width:1400px){



}













.pagemain{padding-top: 40px;}





#pages{margin-bottom: 70px;}





.pshop {}

.pshop ul{margin:0 -20px;}

.pshop ul li{width: 33.33%;padding: 0 20px;margin-bottom: 40px;}

.pshop ul li a{height: 100%;display: block;border-bottom: solid 1px #ddd;position: relative;}

.pshop ul li a::after{content: '';display: block;height: 1px;position: absolute;bottom: -1px;left: 0;background-color: #0079c3;width: 0;transition: .5s;}

.pshop ul li a:hover::after{width: 100%;}

.pshop ul li .img{position: relative;border:solid 1px #eee;}

.pshop ul li .text{padding: 20px 0;}

.pshop ul li h3{font-size: 18px;-ms-text-overflow: ellipsis;

text-overflow: ellipsis;overflow: hidden;white-space: nowrap;margin-bottom: 15px;line-height: 100%;}

.pshop ul li h3 em{font-style: normal;-ms-text-overflow: ellipsis;

text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}

.pshop ul li p{color: #6e6c6c;font-size: 16px;-ms-text-overflow: ellipsis;

text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}







@media (max-width: 767px){

    .pshop ul{margin: 0 -5px;}

    .pshop ul li{width: 50%;padding: 0 5px;margin-bottom: 10px;}



    .pshop ul li .text{padding: 10px 0;}

    .pshop ul li h3{margin-bottom: 5px;font-size: 15px;}

    .pshop ul li p{font-size: 13px;}

}







@media (min-width: 768px) and (max-width: 991px){

    .shop ul{margin: 0 -10px;}

     .shop ul li{width: 50%;padding: 0 10px;margin-bottom: 20px;}

}







@media (min-width:992px) and (max-width:1199px){



    .shop ul li{width: 50%;}



}





@media (min-width:1200px) and (max-width:1400px){



}







#shopshow{overflow: hidden;width: 100%;}

.shoptop{margin-bottom: 50px;}

.shoptop .left{width: 50%;}

.shoptop .left .thumb{width: 18.4%;}

.shoptop .left .thumb ul li{margin-bottom: 10px;}

.shoptop .left .thumb ul li:last-child{margin-bottom: 0;}

.shoptop .left .thumb ul li a{border:solid 1px #ddd;display: block;}

.shoptop .left .thumb ul li a.cloudzoom-gallery-active{border:solid 1px #0089e0;}

.shoptop .left .bigImg{width: 79.6%;border:solid 1px #ddd}

.shoptop .info{width: 48%;position: relative;}

.shoptop .info h1{font-size: 30px;line-height: 100%;margin-bottom: 30px;}

.shoptop .info .addthis_sharing_toolbox{margin-bottom: 20px;}

.shoptop .info  .text{font-size: 16px;line-height: 1.8;color: #666;}

.shoptop .info .text table{width: 100%;}

.shoptop .info .text table tr td{padding: 8px;}

.shoptop .info .text table tr:nth-child(2n) td{background-color: #eee}

.shoptop .info  .text ul li{line-height: 2;padding: 0 10px;}

.shoptop .info  .text ul li:nth-child(2n){background-color: #f5f5f5;}

.shoptop .info  .text h2{color: #0089e0;margin-bottom: 10px;display: inline-block;background-color: #edf2fc;padding:  0 15px;border-radius: 3px;font-size: 20px;margin-bottom: 15px;}

.shoptop .info  .text strong{color: #222;}

.shoptop .info .shoplx{position: absolute;width: 100%;bottom: 0;left: 0;}

.shoptop .info .tel{font-family: Anton;font-size: 30px;color: #f58203}

.shoptop .info .tel i{font-size: 20px;width: 30px;height: 30px;background-color: #f58203;color: #fff;border-radius: 90px;display: inline-block;line-height: 30px;text-align: center;margin-right: 15px;}

.shoptop .info  .Inquiry{background-color: #0089e0;color: #fff;text-align: center;font-size: 20px;padding: 10px 25px;display: inline-block;border-radius: 3px;}

.shoptop .info  .Inquiry i{margin-right: 15px;}







.detail_shop{padding-top: 60px;position: relative;}

.detail_shop .tabstit{background-color: #f2f2f2;width: 1920px;position: absolute;left: 50%;margin-left: -960px;top: 0;}

.detail_shop .tabstit li{font-size: 24px;display: inline-block;}

.detail_shop .tabstit li a{padding: 10px 25px;display: block;background-color: #0089e0;color: #fff;}

.detail_shop .tabstit li i{font-size: 24px;margin-right: 10px;}

.detail_shop .content{font-size: 16px;line-height: 1.8;padding: 25px 0;color: #444;}







.tablebox{overflow-x: auto;width: 100%;}

.detail_shop .content table{border-collapse:collapse;width: 100%;}



.detail_shop .content table,.detail_shop .content tr,.detail_shop .content td{border: 1px solid #ccc;}

.detail_shop .content tbody td{}

.detail_shop .content table thead{text-align: center;background: -webkit-gradient(linear, right top, left top, from(#77cabe), to(#42c7f2));background: linear-gradient(to left, #77cabe 0%, #42c7f2 100%);}

.detail_shop .content table thead td{font-size: 18px;color: #fff;padding: 5px 15px;white-space: nowrap;}

.detail_shop .content table tbody td{font-size: 16px;color: #666;}

.detail_shop .content table td{line-height: 1.8;padding: 5px 15px;text-align: center;}

.detail_shop .content table tbody tr td:first-child{text-align: center;}

.detail_shop .content table tbody tr:nth-child(2n) td{background-color: #f5f5f5;}







@media (max-width: 767px){

    .shoptop{display: block;}

    .shoptop .left{width: 100%;margin-bottom: 20px;}



    .shoptop .left .thumb{display: none;}

    .shoptop .left .bigImg{width: 100%;}



    .shoptop .info{width: 100%;}

    .shoptop .info h1{margin-bottom: 20px;line-height: 100%;font-size: 20px;}

    .shoptop .info .text{height: auto;}







    .shoptop .info .shoplx{position: static;-ms-flex-wrap: wrap;flex-wrap: wrap;}

    .shoptop .info .tel{margin-bottom: 15px;font-size: 20px;width: 100%;}

    .shoptop .info .tel i{font-size: 16px;width: 25px;height: 25px;line-height: 25px;}



    .shoptop .info .Inquiry{padding: 5px 15px;size: 15px;}



    .detail_shop .tabstit{width: auto;left: 0;margin-left: 0;left: -200px;right: -200px;}

    .detail_shop .tabstit .box{margin: 0 200px;}

    .detail_shop .tabstit .box .container{width: 100%;}



    .detail_shop .tabstit li{font-size: 18px;}

    .detail_shop .tabstit li i{vertical-align: middle;}



    .detail_shop .content{font-size: 14px;}

}







@media (min-width: 768px) and (max-width: 991px){

    .shop ul{margin: 0 -10px;}

     .shop ul li{width: 50%;padding: 0 10px;margin-bottom: 20px;}

}







@media (min-width:992px) and (max-width:1199px){



    .shop ul li{width: 50%;}



}





@media (min-width:1200px) and (max-width:1400px){



}

















.p-jobs-list {padding: 60px 0;}

.h_zp{height: 60px;line-height: 60px;background-color: #8b8c91;}

.p-jobs-list li.wow{overflow: hidden;border:none;}

.p-jobs-list .h_zp div{width: 16.6666%;float: left;text-align: center;color: #fff;font-size: 15px;font-weight: bold;}

.p-jobs-list li.wow .deta{background-color: #fbfbfb;padding: 0 50px;}



.job-title{background-color: #f5f5f5;margin-top: 10px;cursor: pointer;}





.job-title.active{background-color: #0089e0;}

.p-jobs-list .h_zp.job-title div{color: #666;font-weight: normal;}

.p-jobs-list .job-title.active div{color: #fff;}



.p-jobs-list .tdata .box{padding: 30px;font-size: 15px;color: #666;line-height: 2;}

.p-jobs-list .tdata .box span{font-size: 18px;color: #333;margin-bottom: 20px;display: block;}

.p-jobs-list .tdata .box a.a_134{display: block;width: 100px;line-height: 40px;color: #fff;background-color: #0079c3;text-align: center;}

.p-jobs-list .tdata .box a.a_134:hover{background-color: #ff574a;}



.p-jobs-list li{display: none;}

.p-jobs-list .job-title #lermore1{background: url(../images/jrwm1.png) no-repeat center center;height: 100%;}

.p-jobs-list .job-title.active #lermore1{background: url(../images/jrwm1_h.png) no-repeat center center;}



.pages .job-top{margin-bottom: 50px;}

.pages .job-top h1{font-size: 40px;color: #222;margin-bottom: 30px;line-height: 100%;}

.pages .job-top h4{font-size: 24px;color: #fff;margin-bottom: 20px;line-height: 100%;display: inline-block;background-color: #f58203;padding: 10px;}

.pages .job-top h5{font-size: 20px;color: #0089e0;margin-bottom: 10px;line-height: 100%;}

.pages .job-top h6{font-size: 18px;color: #333;margin-bottom: 10px;line-height: 100%;}

.pages .job-top .sub{padding-left: 30px;}

.pages .job-top .list{font-size: 17px;color: #444;line-height: 2;}

.job-bottom{}

.job-bottom h3{display: inline-block;font-size: 30px;color: #fff;border-width: 0 30px 50px 0;

    border-style: solid;

    border-color: transparent transparent #0089e0 #0089e0;display: inline-block;height: 50px;line-height: 50px;padding: 0 15px;}

.job-bottom .list{background-color: #f8f8f8;padding: 40px 0;}

.job-bottom .list dl{width: 33.333%;padding: 0 40px;}

.job-bottom .list dl dt{margin-bottom: 20px;}

.job-bottom .list dl h5{font-size: 25px;color: #222;}

.job-bottom .list dl dd{font-size: 15px;color: #666;line-height: 2;}







.pages .ser-after h1{font-size: 40px;color: #222;margin-bottom: 30px;line-height: 100%;}

.pages .ser-after h4{font-size: 20px;color: #fff;margin-bottom: 20px;line-height: 100%;display: inline-block;background-color: #f58203;padding: 10px;}

.pages .ser-after h5{font-size: 20px;color: #0089e0;margin-bottom: 10px;line-height: 100%;}

.pages .ser-after h6{font-size: 18px;color: #333;margin-bottom: 10px;line-height: 100%;}

.pages .ser-after .sub{padding-left: 30px;}

.pages .ser-after .list{font-size: 17px;color: #444;line-height: 2;}







.p-faq-list{padding: 45px 0;}

.p-faq-list ul li{padding: 30px 0;-webkit-transition: .5s;transition: .5s;}

.p-faq-list ul li:nth-child(2n){background-color: #f8f8f8;}

.p-faq-list ul li .h1{font-size: 23px;line-height: 100%;margin-bottom: 15px;position: relative;-webkit-transition: .5s;transition: .5s;padding-left: 35px;}

.p-faq-list ul li .h1 span{white-space: nowrap;-ms-text-overflow: ellipsis;

    text-overflow: ellipsis;overflow: hidden;}

.p-faq-list ul li .h1::before{content: 'Q';display: block;border-radius: 90px;background-color: #0089e0;color: #fff;width: 24px;height: 24px;text-align: center;line-height: 24px;margin-right: 15px;-webkit-transition: .5s;transition: .5s;font-size: 16px;position: absolute;top: 0;left: 0;}

.p-faq-list ul li .des{font-size: 15px;color: #666;line-height: 2;position: relative;padding-left: 35px;-webkit-transition: .5s;transition: .5s;}

.p-faq-list ul li .des::before{content: 'A';display: block;border-radius: 90px;background-color: #444;color: #fff;width: 24px;height: 24px;text-align: center;line-height: 24px;position: absolute;left: 0;top: 5px;font-size: 16px}





.p-faq-list ul li:hover{background-color: #0089e0;}

.p-faq-list ul li:hover .h1{color: #fff;}

.p-faq-list ul li:hover .des{color: #fff;}



.p-faq-list ul li:hover .h1::before{background-color: #f58203;}







@media (max-width: 767px){

    .p-faq-list{padding: 25px 0;}

    .p-faq-list ul li{padding: 15px 0;}

    .p-faq-list ul li .h1{font-size: 18px;}

    .p-faq-list ul li .des{font-size: 13px;line-height: 1.5;}

}









.pages-case{width: 930px;min-height: 400px;}

.pages-case .h3{font-size: 24px;color: #535353;margin-bottom: 30px;line-height: 100%;border-bottom: solid 1px #d7d7d7;padding-bottom: 13px;}

.pages-case .h3 span{position: relative;}

.pages-case .h3 span::after{content: '';display: block;height: 3px;bottom: -13px;position: absolute;background-color: #333;width: 100%;}



.pages-case ul{}

.pages-case ul li{padding: 20px;border:solid 1px #ddd;margin-bottom: 20px;}

.pages-case ul li:hover{border-color: #0079c3}

.pages-case ul li a{}

.pages-case ul li .img{overflow: hidden;width: 250px;}

.pages-case ul li .img img{width: 100%;}

.pages-case ul li a .tbox{width: 610px;}

.pages-case ul li .text{}

.pages-case ul li .text .h3{font-size: 20px;line-height: 100%;margin-bottom: 15px;}

.pages-case ul li a:hover .text .h3{color: #0079c3}

.pages-case ul li .text .introl{font-size: 13px;color: #666;line-height: 24px;margin-bottom: 30px;}

.pages-case ul li .text .date{font-size: 15px;font-weight: bold;color: #999;position: absolute;top: 0;right: 0;bottom: 0;margin:auto;text-align: center;height: 65px;}

.pages-case ul li .text .date::before{content: '';display: block;height: 80px;width: 1px;background-color: #ddd;position: absolute;left: -40px;top: 0;bottom: 0;margin:auto;}

.pages-case ul li .text .date h5{font-size: 40px;font-weight: bold;}

.pages-case ul li .text .more{font-weight: normal;display: block;width: 100px;line-height: 32px;background-color: #888;color: #fff;text-align: center;float: right;}

.pages-case ul li a:hover .text .more{background-color: #0079c3;}







.hot-product h1{font-size: 30px;margin-bottom: 30px;}



.hot-product ul li{margin-bottom: 20px;}

.hot-product ul{margin:0 -20px;}

.hot-product ul li{padding: 0 20px;width: 33.333%;}

.hot-product ul li:hover{border-color: #0079c3;}

.hot-product ul li a{display: block;position: relative;}

.hot-product ul li .img{overflow: hidden;border:solid 1px #ddd;}

.hot-product ul li img{width: 100%;-webkit-transition: all .5s;transition: all .5s;}

.hot-product ul li a:hover img{-webkit-transform: scale(1.1);transform: scale(1.1);}

.hot-product ul li .text{padding: 20px 0;line-height: 24px;font-size: 14px;color: #666;text-align: center;}

.hot-product ul li p{font-size: 22px;color: #303030;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-bottom: 15px;}

.hot-product ul li a:hover p{color: #0089e0;}

.hot-product ul li a .desc{font-size: 16px;}

.hot-product ul li a span.more{display: block;width: 100px;text-align: center;line-height:32px;border:solid 1px #ddd;}

.hot-product ul li a:hover span.more{border:solid 1px #0079c3;background-color: #0079c3;color: #fff;}







@media (max-width: 767px){

    .hot-product ul{margin: 0 -5px;-ms-flex-wrap: wrap;flex-wrap: wrap;}

     .hot-product ul li{width: 50%;padding: 0 5px;margin-bottom: 10px;}



    .hot-product ul li .text{padding: 5px 0;}

     .hot-product ul li p{font-size: 18px;margin-bottom: 5px;}



    .hot-product ul li a .desc{font-size: 13px;line-height: 20px;}



}







@media (min-width: 768px) and (max-width: 991px){

    .hot-product ul{margin: 0 -10px;}

     .hot-product ul li{width: 50%;padding: 0 10px;margin-bottom: 20px;}

}







@media (min-width:992px) and (max-width:1199px){



    .hot-product ul li{width: 50%;}



}





@media (min-width:1200px) and (max-width:1400px){



}

.pagelist1 ul{text-align:center;margin:20px 0;}
.pagelist1 li{display:inline-block;margin:0 2px;text-align: center;}
.pagelist1 li a{color:#666;display:inline-block;border:1px solid #ddd;padding:6px 15px;}
.pagelist1 li a:hover{border-color:#1184DA;background:#1184DA;color:#fff;}
.pagelist1 li.active a{border-color:#1184DA;background:#1184DA;color:#fff;}