@font-face {
  font-family: "庞门正道标题体2.0增强版";
  src: url("../font/庞门正道标题体2.0增强版.woff2") format("woff2"),
       url("../font/庞门正道标题体2.0增强版.woff") format("woff"),
       url("../font/庞门正道标题体2.0增强版.ttf") format("truetype"),
       url("../font/庞门正道标题体2.0增强版.eot") format("embedded-opentype"),
       url("../font/庞门正道标题体2.0增强版.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}





.tit{width:100%;height:auto;clear:both;text-align: center;}
.tit h3{width:100%;height:auto;clear:both;}
.tit h3 a{display:block;width:100%;text-align:center;font-size:3rem;color:#dddddd;display:inline-table;transition:all 1s;}
.tit h1{width:100%;height:auto;clear:both;}
.tit h1 a{display:block;width:100%;text-align:center;font-size:2.4rem;color:#000;display:inline-table;letter-spacing:1px;transition:all 1s;}
.tit:hover h3 a{color:#53b4b3;letter-spacing:10px;transition:all 1s;}
.tit:hover h1 a{color:#333;transition:all 1s;letter-spacing:5px;}



.tit3{width:100%;height:auto;clear:both;text-align: center;}
.tit3 h3{width:100%;height:auto;clear:both;}
.tit3 h3 a{display:block;width:100%;text-align:center;font-size:3rem;color:#dddddd;display:inline-table;font-weight:normal;transition:all 1s;}
.tit3 h1{width:100%;height:auto;clear:both;}
.tit3 h1 a{display:block;width:100%;text-align:center;font-size:3.6rem;color:#000;display:inline-table;letter-spacing:1px;line-height:2;transition:all 1s;}

.tit3:hover h3 a{color:#53b4b3;letter-spacing:10px;transition:all 1s;}
.tit3:hover h1 a{color:#333;transition:all 1s;letter-spacing:2px;}


.tit2{width:50%;height:auto;clear:both;float:left;}
.tit2 h3{float:left;height:auto;margin-left:1rem;}
.tit2 h3 a{display:block;width:100%;font-size:3.6rem;color:#b7dbdb;font-weight:normal;float:right;text-align: right;font-family:"Arial";line-height:3rem;transition:all 1s;}
.tit2 h1{float:left;height:auto;}
.tit2 h1 a{display:block;width:100%;font-size:3.6rem;color:#fff;float:right;letter-spacing:1px;text-align: right;line-height:3rem;transition:all 1s;}
.tit2 p{width:90%;clear:both;color:#fff;font-size:1.4rem;line-height:2;margin-top:3rem;clear: both;float: left;letter-spacing:1px;}


.tit2:hover h3 a{letter-spacing:2px;transition:all 1s;}
.tit2:hover h1 a{transition:all 1s;letter-spacing:10px;}




@media (max-width:990px){
.tit{width:100%;height:auto;clear:both;text-align: center;}
.tit h3{width:100%;height:auto;clear:both;}
.tit h3 a{display:block;width:100%;text-align:center;font-size:4rem;font-family:"Arial";color:#000;font-weight:normal;display:inline-table;}
.tit h1{width:100%;height:auto;clear:both;}
.tit h1 a{display:block;width:100%;text-align:center;font-size:2.4rem;color:#000;display:inline-table;letter-spacing:1px;}
.tit span{display:block;margin-top:2rem;width:50px;height:5px;background:#b92022;clear:both;display:inline-table;transform: skew(-45deg,0deg);}
.tit p{width:100%;text-align:center;color:#999;font-size:1.4rem;line-height:2;margin-top:2rem;display:inline-table;}

.tit2{width:100%;height:auto;clear:both;float:left;}
.tit2 h1 {clear:both;width:100%}
.tit2 h1 a {text-align: left;line-height:2;}
.tit2 h3 {clear:both;width:100%}
.tit2 h3 a {text-align: left;margin-left:0rem;font-size:3rem;}
.tit2 p{clear:both;width:100%}


.tit3{width:100%;height:auto;clear:both;text-align: center;}
.tit3 h3{width:100%;height:auto;clear:both;}
.tit3 h3 a{display:block;width:100%;text-align:center;font-size:3rem;color:#dddddd;display:inline-table;}
.tit3 h1{width:100%;height:auto;clear:both;}
.tit3 h1 a{display:block;width:100%;text-align:center;font-size:2.4rem;color:#000;display:inline-table;letter-spacing:1px;}

}






.mm{width:100%;height:auto;clear:both;position:relative;padding: 5rem 0rem;}


#toggle-menu{float:left;background-position:0 0;background-color:#e70608}
#toggle-search{float:right;width:35px !important;height:35px;background:url(../images/search.png) no-repeat center top;border:none;margin-top:32px}
#toggle-search.open:after{top:40px}
#toggle-search:after{-moz-transition:top,0.5s;-o-transition:top,0.5s;-webkit-transition:top,0.5s;transition:top,0.5s;position:absolute;top:52px;left:40%}
#toggle-basket{position:relative;float:right}
#toggle-basket:before{position:absolute;top:5px;left:0;width:2px;height:40px;content:""}
#search-form{left:-120px;width:150%;-moz-transition:max-height,0.5s;-o-transition:max-height,0.5s;-webkit-transition:max-height,0.5s;transition:max-height,0.5s;position:absolute;top:80px;max-height:0;overflow:hidden;background-color:#fcfcfc;-webkit-box-shadow:0px 0px 10px rgba(0,0,0,.6);-moz-box-shadow:0px 0px 10px rgba(0,0,0,.6);box-shadow:0px 0px 10px rgba(0,0,0,.6)}
#search-form.open{max-height:40px}
#search-form fieldset{position:relative;margin:0 40px 0 0;padding:0;border:none}
#search-form input{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;display:block;height:40px;font-size:1.2rem;width:100%}
#search-form input[type="search"]{width:100%;padding:0 5px 0 22px;background:transparent;border:none}
#search-form input[type="submit"]{position:absolute;bottom:0;right:0;width:60px;margin:0;padding:0;font-weight:700;text-transform:uppercase;color:#fff;background:#e70608;border:none;cursor:pointer;font-size:1.4rem}

.col-md-2 {font-size:1.4rem;color:#000;margin-top: 30px;letter-spacing:1px;}
.col-md-2 .img{width:25px;height:25px;}
.col-md-2 span{font-size:2.2rem;color:#7ec3c3;margin-left:10px;font-weight:bold;}
@media (max-width:768px){
#container{width:100%;padding:10px}
.col-md-2{display:none !important;}
.col-md-3 {width: 40% !important;}
.col-md-9 {width: 60% !important;}

}
@media (min-width:990px) and (max-width:1600px){
.col-md-2{display:none !important;}
.col-md-3 {width: 40% !important;}
.col-md-9 {width: 60% !important;}
.logo img { max-width: 100%;}
}

@media (min-width:992px){
.c4 .col-md-3{width:29.1%}
.c4 .col-md-4{width:29.13%;padding:0}
.c4 .col-md-8{width:70.5%}
.c4 .col-md-9{width:70%}
}

.navbar-brand img{max-width:100%;height:auto}
.top{width:100%;color:#a1a1a1;line-height:35px;background:#dcdcdc}
.logo{display:block}
.k1{line-height:35px;font-size:12px;color:#a1a1a1}
.k1 a{color:#a1a1a1}
.k2{float:left;line-height:35px;font-size:12px;color:#a1a1a1;font-family:"微软雅黑"}
.k2 a{color:#a1a1a1}
.k3{float:right}
.k3 .k3a{display:block;background:url(../images/ss.png)no-repeat;width:18px;height:18px;margin-top:9px;outline:none;font-family:"微软雅黑"}
.k4{float:right}
.k4 .yya{background:url(../images/xiala.png) 90px center no-repeat;text-align:center;color:#a1a1a1;cursor:pointer}
.k4 .yya2{display:block;text-align:center}
.search{text-align:left;padding:30px;position:relative;height:300px}
.hotSearch{height:30px;line-height:30px;font-weight:normal;margin-top:20px;font-size:14px}
.hotSearch a{display:block;color:#a1a1a1}
#formsearch input{background:#fff;border:1px solid #c8c8c8;outline:none}
#formsearch input#keyword{height:28px;line-height:28px;padding-left:4px;color:#666;width:430px}
#formsearch input#s_btn{width:70px;height:30px;line-height:30px;text-align:center;background-color:#035cac;color:#fff;border:none;cursor:pointer}
.k4{float:right;text-align:right;position:relative;z-index:9999;width:115px}
.th-head{position:absolute;left:0;top:0;z-index:999999;right:0;height:auto}
.logo{display:block;width:100%;height:100px}
.logo img{width:auto;height:90px;margin-top:5px;max-width:100%;}
@media (max-width:468px){.logo img{height:70px;margin-top:15px}
.navBar2 .bignav h3 a{line-height:100px !important;font-size:1.6rem !important}
}@media (min-width:469px) and (max-width:768px){.logo img{height:70px;margin-top:15px}
.navBar2 .bignav h3 a{line-height:100px !important;font-size:1.6rem !important}
}@media (min-width:768px) and (max-width:990px){.logo img{height:70px;margin-top:15px}
.navBar2 .bignav h3 a{line-height:100px !important;font-size:1.6rem !important}
}@media (min-width:991px) and (max-width:1200px){.logo img{height:70px;margin-top:15px}
.navBar2 .bignav h3 a{line-height:100px !important;font-size:1.6rem !important}
}.navBar2{z-index:1}
.navBar2 .bignav{height:98px !important;margin:0;padding:0;text-align: center;}
.navBar2 .bignav h3{font-weight:normal;margin:0px}
.navBar2 .bignav .m{position:relative;display:inline-table;text-align:center;width:14%;}
.navBar2 .bignav .m:hover{background-size:100%}
.navBar2 .bignav .on h3 a{border-bottom:solid #53b4b3 3px;}
.navBar2 .bignav .m:hover h3 a{color:#53b4b3}
.navBar2 .bignav h3 a{line-height: 50px !important;display: block;color: #000;font-size: 1.8rem;margin-top: 25px;}
.navBar2 .bignav .on h3 a{color:#53b4b3}




.navBar2 .bignav #m1 .sub{z-index:9999;width:200px;padding-top:45px}
.navBar2 .bignav #m2 .sub{z-index:1;width:1920px;left:-718px;padding-top:25px}
.navBar2 .bignav #m2 .sub ul{width:80%;margin:0 auto}
.navBar2 .bignav #m2 .sub ul li{float:left;text-align:center;list-style:none}
.navBar2 .bignav #m2 .sub ul li h3{display:block;font-size:18px;color:#c91b1b;margin-bottom:30px}
.navBar2 .bignav #m2 .sub ul li img{width:91px;height:152px;margin-bottom:30px}
.navBar2 .bignav #m2 .sub ul li span{display:block;font-size:16px;color:#000000}
.navBar2 .bignav #m3 .sub{z-index:1;width:863px;left:-185px;padding-top:55px}
.navBar2 .bignav #m4 .sub{z-index:1;width:863px;left:-260px;padding-top:55px}
.navBar2 .bignav #m5 .sub{z-index:1;width:863px;left:-320px;padding-top:55px}
.navBar2 .bignav #m6 .sub{z-index:1;width:863px;left:-410px;padding-top:55px}
.navBar2 .bignav #m7 .sub{z-index:1;width:863px;left:-530px;padding-top:55px}
.navBar2 .bignav #m8 .sub{z-index:1;width:863px;left:-650px;padding-top:55px}
.navBar2 .bignav .sub{display:none;padding:10px 0;position:absolute;left:-10px;top:100px;float:left;line-height:30px;background:url(../images/navbj.png)top repeat-x #ffffff;height:auto}
.navBar2 .bignav .sub .subl{width:200px;float:left;text-align:left;margin-left:54px}
.navBar2 .bignav .sub .subl h3{display:block;font-size:24px;color:#2b2b2b}
.navBar2 .bignav .sub .subl span{display:block;padding-top:15px;font-size:14px;color:#777777;line-height:24px;height:140px;overflow:hidden}
.navBar2 .bignav .sub .subr{width:279px;height:144px;float:right;text-align:left;margin-right:59px;color:#565656;font-size:24px;font-family:Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif;line-height:24px}
.navBar2 .bignav .sub .subr img{width:279px;height:144px;margin-bottom:10px}
.navBar2 .bignav .sub dl{display:inline-block;*display:inline;zoom:1;vertical-align:top;width:165px;padding:0px 20px;height:230px}
.navBar2 .bignav .sub dl dt{border-bottom:1px solid #e5e5e5;font-size:16px;line-height:36px;text-align:left;text-indent:10px}
.navBar2 .bignav .sub dl dt a{display:block;color:#555555;font-weight:normal;font-family:"Microsoft YaHei"}
.navBar2 .bignav .sub dl dt a:hover{color:#c91b1b;background:url(../images/navh.png) 105px center no-repeat}
@media (max-width:468px){.navbar-brand{width:60%;display:block;text-align:center;overflow:hidden}
.navbar-brand > img{height:70px;width:auto;display:block}
#search-form{left:-0px !important;width:100% !important}
#toggle-search{margin-top:17px !important}
.navbar-toggle{margin-top:17px !important}
#search-form{max-height:72px}
}@media (min-width:469px) and (max-width:768px){.navbar-brand{width:80%;display:block;text-align:center;overflow:hidden}
.navbar-brand > img{height:90px;width:auto;display:block}
#search-form{left:-0px !important;width:100% !important}
}@media (min-width:768px) and (max-width:990px){.navbar-brand{width:80%;display:block;text-align:center;overflow:hidden}
.navbar-brand > img{height:90px;width:auto;display:block}
#search-form{left:-0px !important;width:100% !important}
}

















@media(max-width:768px){.slideBox{margin-top:20%}
}@media(max-width:425px){.slideBox{margin-top:12%}
}@media(max-width:375px){.slideBox{margin-top:14%}
}@media(max-width:320px){.slideBox{margin-top:17%}
}

.slideBox{width:100%;height:auto;overflow:hidden;position:relative;margin-top:0%}
.slideBox .bd{width:100%;height:100%;z-index:0}
.slideBox .bd ul{margin:0;padding:0}
.slideBox .bd ul li{zoom:1;vertical-align:middle;list-style:none;position:relative}
.slideBox .bd ul li .firtxt{position:absolute;top:0px;right:0px;max-width:50%;overflow:hidden;}
.slideBox .bd ul li .firtxt img{width:auto;height:100%;}
.slideBox .bd ul li .firtxt .sectxt{width:90%;position:absolute;top:0px;right:0px;height:100%;}
.slideBox .bd ul li .firtxt .sectxt h1{font-size:3.6rem;color:#fff;text-align:left;letter-spacing:5px;position:absolute;top:30%;left:10%;font-weight:normal;}
.slideBox .bd ul li .firtxt .sectxt h2{font-size:7.8rem;color:#fff;text-align:left;letter-spacing:1px;font-family:"庞门正道标题体2.0增强版";position:absolute;top:32%;left:10%;line-height:2;}
.slideBox .bd ul li .firtxt .sectxt h3{font-size:2.4rem;color:#fff;text-align:left;letter-spacing:1px;position:absolute;top:50%;left:10%;font-weight:normal;}


.slideBox .bd ul li .b5{height:220px;width:64px;position:absolute;bottom:5rem;left:10%;}

.slideBox .bd ul li .b5 img{max-width:100%;height:auto;display:block;margin:0 auto;animation:move 3s 0s infinite;-webkit-animation:move 3s 0s infinite;transform-origin:bottom;-webkit-transform-origin:bottom;}

.slideBox .bd ul img{width:100%;display:block}


@keyframes scaleDraw {  /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
            0%{
                transform: scale(1);  /*开始为原始大小*/
            }
            25%{
                transform: scale(1.3); /*放大1.1倍*/
            }
            50%{
                transform: scale(1);
            }
            75%{
                transform: scale(1.3);
            }
        }
    .ballon{
            -webkit-animation-name: scaleDraw; /*关键帧名称*/
            -webkit-animation-timing-function: ease-in-out; /*动画的速度曲线*/
            -webkit-animation-iteration-count: infinite;  /*动画播放的次数*/
            -webkit-animation-duration: 60s; /*动画所花费的时间*/
        }







.slideBox .bd ul .zi{max-width:100%;width:auto;height:auto;position:absolute;top:30%;right:10%}
.slideBox .prev{position:absolute;top:50%;left:0;display:block;width:50px;height:75px;background:url(../images/l.png)8px center no-repeat rgba(0,0,0,.4)}
.slideBox .next{position:absolute;top:50%;right:0;display:block;width:50px;height:75px;background:url(../images/r.png)15px center no-repeat rgba(0,0,0,.4)}
.slideBox .prev:hover{background:url(../images/l.png)8px center no-repeat rgba(0,0,0,.7)}
.slideBox .next:hover{background:url(../images/r.png)15px center no-repeat rgba(0,0,0,.7)}
@media (max-width:768px){.slideBox .prev,.slideBox .next{top:25%}
}.innbj{width:100%;height:55px;background:#e8e8e8}
.m_wnews{position:relative;zoom:1;overflow:hidden}
.m_wnews strong{display:block;float:left;overflow:hidden;text-align:center;font-weight:normal;font-size:16px;color:#333333;line-height:55px}
.m_wnews div{padding-left:5px;font-size:14px;color:#666666;line-height:55px;height:55px}
.m_wnews div a{float:left;background:url(../images/dhln.png)right center no-repeat;padding:0px 10px 0px 10px}
.m_wnews div span{font-size:14px;color:#c0c0c0;padding-left:15px;line-height:55px}
@media (max-width:768px){.m_wnews div span{display:none}
}.m_wnews .pagesize{position:absolute;right:0px;top:17px}
.m_wnews .pagesize a.prev{display:block;background:url(../images/up.png) center no-repeat;width:29px;height:17px;float:left}
.m_wnews .pagesize a.next{display:block;background:url(../images/down.png) center no-repeat;width:29px;height:17px;float:left;margin-left:4px}
.slideTxtBox{margin-top:18px;display:block}
.slideTxtBox .hd{}
.slideTxtBox .hd ul{margin:0;padding:0}
.slideTxtBox .hd ul li{list-style:none;font-size:16px;cursor:pointer;color:#666666;text-align:center;background:url(../images/tab2.png)left 25px no-repeat;line-height:80px;position:relative}
.slideTxtBox .hd ul li span{position:absolute;display:none;width:17px;height:10px;left:50%;margin-left:-8px;bottom:-9px;background:url(../images/san.png)center no-repeat}
.slideTxtBox .hd ul li:first-child{background:none}
@media (max-width:767px){.slideTxtBox .hd ul li:nth-child(4){background:none}
.slideTxtBox .hd ul li{line-height:50px;font-size:12px;text-align:left}
.col-xs-4{width:33.33333%}
}.slideTxtBox .hd ul li.on{background:url(../images/probac.png) no-repeat center center;color:#fff}
.slideTxtBox .hd ul li.on a{color:#fff}
.slideTxtBox .hd ul li.on span{display:block}
.slideTxtBox .bd{width:100%;background:#f1f1f1}
.slideTxtBox .bd .container{padding:45px 35px 40px 35px}
.slideTxtBox .bd .bdl{text-align:left}
.slideTxtBox .bd .bdl p{font-size:14px;color:#7b7b7b;line-height:24px}
.slideTxtBox .bd .bdl p:nth-child(1){font-size:28px;color:#035cac;line-height:28px;display:block}
.slideTxtBox .bd .bdl p:nth-child(2){font-size:28px;color:#7b7b7b;line-height:28px;display:block;margin-top:17px;margin-bottom:40px}
.slideTxtBox .bd .bdl a{display:block;width:167px;height:44px;border:1px solid #dcdcdc;text-align:center;line-height:44px;font-size:14px;color:#7b7b7b;margin-top:35px;margin-bottom:10px}
.slideTxtBox .bd .bdr{overflow:hidden;text-align:right}
.slideTxtBox .bd .bdr img{width:100%}
.injssl{margin-top:61px}
.injssl ul{margin:0;padding:0}
.injssl li{list-style:none;text-align:center;margin-bottom:10px}
.injssl li div{padding:59px 0px;background:url(../images/hui.png)repeat;transition:all 2s;cursor:pointer;height:374px}
.injssl li div .img{display:block;width:93px;height:93px;margin:0 auto;overflow:hidden;position:relative}
.injssl li div .img img{position:absolute;top:0;left:0}
.injssl li div h3{display:block;font-size:30px;font-weight:normal;margin-top:12px;color:#333333}
.injssl li div span{display:block;width:80%;margin:0 auto;font-size:14px;color:#333333;line-height:24px;margin-top:22px}
.injssl li:hover div{background:url(../images/lan.png)repeat}
.injssl li:hover div h3 a{color:#fff}
.injssl li:hover div span{color:#fff}
.injssl li:hover div img{position:absolute;top:-93px;left:0}
.c3{width:100%;background:url(../images/c3.jpg)no-repeat;background-size:cover;margin-top:93px;padding-bottom:140px}
.c3l h3{display:block;padding-top:120px;font-size:24px;color:#ffffff}
.c3l span{display:block;width:86%;font-size:16px;color:#ffffff;line-height:28px;margin-top:25px}
.c3l .c3more{display:block;width:176px;height:53px;text-align:center;line-height:53px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.27);font-size:14px;color:#ffffff;text-transform:uppercase;margin-top:60px}
.slideBox2{width:100%;height:100%;position:relative;margin-top:40px}
.slideBox2 .bd{z-index:0;width:100%;height:100%;overflow:hidden}
.slideBox2 .bd ul{margin:0;padding:0}
.slideBox2 .bd li{zoom:1;vertical-align:middle}
.slideBox2 .bd img{width:100%;height:100%;display:block;cursor:pointer;transition:all 2s}
.slideBox2 .bd img:hover{transform:scale(1.2)}
.slideBox2 .prev{display:block;width:65px;height:58px;background:url(../images/l2.png)center no-repeat;position:absolute;bottom:-30px;right:120px}
.slideBox2 .next{display:block;width:65px;height:58px;background:url(../images/r2.png)center no-repeat;position:absolute;bottom:-30px;right:52px}








.gs{text-align:center}
.th-head{position:relative;left:0;top:0;z-index:999999;right:0;height:auto}
.thHeadBox{position:relative;left:0;top:0;width:100%}
@media (max-width:990px){.th-head{position:relative !important}
}.atit{width:100%;height:230px;position:relative;padding:50px 10px}
.atit h1{color:#000;font-size:3.4rem;position:relative;text-align:center}
.atit h1 a{color:#000;font-size:3.4rem;position:relative;text-align:center}
.atit h3{font-size:2.4rem;color:#5c5959;font-weight:normal;text-align:center;line-height:3}
.atit h3 a{font-size:2.4rem;color:#5c5959;font-weight:normal;text-align:center;line-height:3}
.atit .t1{display:block;width:12px;height:12px;margin:0 auto;background:#53b4b3}
.atit span{display:block;line-height:100px;font-size:1.6rem;color:#000;font-weight:normal;position:relative;top:-10px;display:block;clear:both}
@media(max-width:469px){.th-head{position:relative !important}
.atit h1{font-size:4rem;position:relative;line-height:1}
.atit h3{font-size:3rem;width:100%;position:static;float:none;line-height:1.6}
.atit span{display:block;line-height:100px;font-size:1.6rem;position:static;float:none;line-height:2}
.atit  font{border-top:#53b4b3 4px solid}
}.ainfo{width:100%;clear:both;height:auto;margin:0 auto;padding-top:65px}
.ainfo p{width:85%;margin:0 auto;text-align:center;color:#fff;font-size:16px;line-height:2.2}
@media (max-width:1700px){.ft4 .pp2{display:none}
.ft4 li{width:100%}
.ft4 li .fsec{width:100%}
.ft4 li .fsec p{text-align:center;color:#fff;font-size:1.6rem;position:relative;top:0rem;float:left}
.ft4 li .fsec a{width:33.33333%;float:left}
.ft4 .f3{width:33.33333%;float:left}
.col-md-10{width:70%;float:left}
.ft5{height:auto;width:30%;margin:0 auto;float:left;padding-top:2rem}
.ft6 p{text-align:center}
}@media (max-width:1320px){.ft4 li .fsec p{text-align:center;color:#fff;font-size:1.6rem;position:relative;top:0rem;float:left}
.ft5{height:auto;width:30%;margin:0 auto;float:left;padding-top:2rem}
.ft6 p{text-align:center}
.ft5 p  img{float:none !important;margin:0 auto;margin-top:1rem}
.ftp5 p{text-align:center}
.ft4 .pp2{display:none}
}@media (max-width:1600px){.ft4 .pp2{display:none}
}.ab{min-height:60rem;background-size:100% !important}
.col-md-11{width:20%}
.col-md-11 .phone{display:block;padding-top:15px}
.col-md-11 .phone img{vertical-align:middle;max-width:100%}
.hovertreebottom{display:none}
@media (max-width:991px){.hovertreebottom{display:block}
}





/*关于我们PC选项卡*/
.about{width:100%;height:auto;clear:both;margin: 5rem 0rem;}
.about_info1{clear:both;width:100%;margin:5rem 0rem;}
.about_info1 .atext{width:100%;height:auto;position:relative;overflow:hidden;}
.about_info1 .atext p{width:80%;text-align:center;color:#333;font-size:1.6rem;line-height:2;margin: 0 auto;}

.about_info1 ul{width:100%;height:auto;position:relative;margin: 5rem 0rem;clear: both;}
.about_info1 ul li{width:23%;margin:0% 1%;float:left;position:relative;}
.about_info1 ul li .img{max-width:100%;width:auto;height:auto}
.about_info1 ul li .img img{width:100%;height:auto}
.about_info1 ul li .text{position:absolute;left:0px;top:0px;text-align:center;width: 100%;height: 100%;background:rgba(0,0,0,0.3);z-index: 999;}
.about_info1 ul li .text img{display:inline-table;vertical-align: middle;padding-top: 10%;}
.about_info1 ul li .text h1{width:100%;display:block;line-height:3;color:#fff;font-size:1.6rem;text-align:center;}
.about_info1 ul li .text h1 span{display:block;width:40px;height:2px;background:#fff;margin:0 auto;}


.hover_area_5:hover .text .img img{transform:scale(1.1)}
.hover_area_5:hover .hover_content_5{visibility:visible;opacity:1}
.hover_area_5:hover .hover_overlay_5{-webkit-transform:perspective(900px) rotateX(0deg);-ms-transform:perspective(900px) rotateX(0deg);-o-transform:perspective(900px) rotateX(0deg);transform:perspective(900px) rotateX(0deg);transform-style:preserve-3d;visibility:visible;opacity:.8}

.hover_overlay_5{position:absolute;width:100%;height:100%;top:0px;left:0px;opacity:0;background:rgba(84,167,166,0.8);-webkit-transform:perspective(500px) rotateX(90deg);-ms-transform:perspective(500px) rotateX(90deg);-o-transform:perspective(500px) rotateX(90deg);transform:perspective(500px) rotateX(90deg);transform-style:preserve-3d;transition:all .7s}

.hover_content_5{position:absolute;width:100%;bottom: -25px;left:50%;transform:translate(-50%,-50%);text-align:center;opacity:0;transition:all .7s;z-index: 999;}
.hover_content_5  h4{color:#54a7a6;width:75px;height:30px;background:#fff;box-shadow:1px 2px 3px #000;border-radius:20px;line-height:30px;margin:0 auto;}


@media (max-width:990px){
.about_info1 ul li{width:48%;margin-top:1rem;}
.about_info1 .atext p {  width: 100%;}
.about_info1 ul li .img img{height:25vh;}
}


/*产品中心*/
.product{width:100%;height:auto;clear:both;position:relative;padding:10rem 0rem 5rem 0rem;background:url(../images/product.jpg) no-repeat center top;background-size:cover;}
.product .mm{padding: 5rem 0rem;}
.product .pc{width: 160px;border: solid #fff 1px;line-height: 35px;text-align: center;color: #fff;font-size: 1.6rem;display: block;float: left;margin-right:10px;margin-top:3rem;}
.product .pc:hover {background:#fff;color:#53b4b3}


.owl-theme .owl-controls{margin-top:10px;text-align:center;position:absolute;top:-17rem;right:0px;}
.owl-theme .owl-controls .owl-buttons div{color:#FFF;display:inline-block;zoom:1;*display:inline;margin:5px;width:90px;height:30px;filter:Alpha(Opacity=100);opacity:1;font-size:0px;}
.owl-theme .owl-controls .owl-buttons .owl-prev{background:url(../images/l1.png) no-repeat center top;}
.owl-theme .owl-controls .owl-buttons .owl-next{background:url(../images/r1.png) no-repeat center top;}
.owl-theme .owl-controls  .owl-pagination{display:none}

.owl-theme .owl-controls.clickable .owl-buttons div:hover{filter:Alpha(Opacity=100);opacity:1;text-decoration:none}
.owl-theme .owl-controls .owl-page{display:inline-block;zoom:1;*display:inline}
.owl-theme .owl-controls .owl-page span{display:block;width:12px;height:12px;margin:5px 7px;filter:Alpha(Opacity=50);opacity:0.5;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;background:#869791}
.owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span{filter:Alpha(Opacity=100);opacity:1}
.owl-theme .owl-controls .owl-page span.owl-numbers{height:auto;width:auto;color:#FFF;padding:2px 10px;font-size:12px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}
.owl-item.loading{min-height:150px;background:url(../images/AjaxLoader.gif) no-repeat center center}

.owl-carousel .owl-wrapper:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.owl-carousel{display:none;position:relative;width:100%;-ms-touch-action:pan-y}
.owl-carousel .owl-wrapper{display:none;position:relative;-webkit-transform:translate3d(0px,0px,0px)}
.owl-carousel .owl-wrapper-outer{overflow:hidden;position:relative;width:100%}
.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out}
.owl-carousel .owl-item{float:left;padding: 1rem;overflow:hidden;}
.owl-carousel .owl-item .item{overflow:hidden;}
.owl-carousel .owl-item .item .img{display:block;width:100%;height:auto;overflow:hidden;}
.owl-carousel .owl-item .text{width:100%;height:auto;padding:2rem 1rem;background:#fff;float: left;transition:all 1s;}
.owl-carousel .owl-item .text h1{width:70%;float:left;line-height:3;color:#333;float:left;display:block;font-size:1.6rem;transition:all 1s;}
.owl-carousel .owl-item .text span{width: 10px;height: 10px;border-top: 2px solid #000;border-right: 2px solid #000;transform: rotate(45deg); display: block;float:right;margin:2rem;transition:all 1s;}
.owl-carousel .owl-item:hover .text{background:url(../images/p2.jpg) no-repeat center bottom;transition:all 1s;background-size:cover;}
.owl-carousel .owl-item:hover .text h1{color:#fff;transition:all 1s;}
.owl-carousel .owl-item:hover .text span{border-top: 2px solid #fff;border-right: 2px solid #fff;transition:all 1s;}
.owl-carousel .owl-item:hover .img img{transform: scale(1.1);-ms-transform: scale(1.1);transition: all 0.6s;-ms-transition: all 0.8s;max-height:100%;}
.owl-carousel .owl-item .img img{width:100%;height:auto;transform: scale(1.0);-ms-transform: scale(1.0);transition: all 0.6s;-ms-transition: all 0.8s;}




.owl-controls .owl-page,.owl-controls .owl-buttons div{cursor:pointer}
.owl-controls{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}
.grabbing{cursor:url(../images/grabbing.png) 8 8,move}
.owl-carousel .owl-wrapper,.owl-carousel .owl-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}

@media (max-width:468px){
.product{padding:2rem 0rem;}
.mm{padding:3rem 0rem;}

.owl-theme .owl-controls{position:static;}
.owl-theme .owl-controls .owl-buttons .owl-prev {  background: url(../images/l1.png) no-repeat center top #53b4b3;}
.owl-theme .owl-controls .owl-buttons .owl-next{background:url(../images/r1.png) no-repeat center top #53b4b3;}
.product .pc { min-width: 31.333%;marign-left:1%;margin-right:1%; float: left;    margin-top: 1rem;}
}
@media (min-width:469px) and (max-width:768px){
.product{padding:2rem 0rem;}
.mm{padding:3rem 0rem;}
.owl-theme .owl-controls{position:static;}
.owl-theme .owl-controls .owl-buttons .owl-prev {  background: url(../images/l1.png) no-repeat center top #53b4b3;}
.owl-theme .owl-controls .owl-buttons .owl-next{background:url(../images/r1.png) no-repeat center top #53b4b3;}

}
@media (min-width:769px) and (max-width:990px){
.product{padding:2rem 0rem;}
.mm{padding:3rem 0rem;}

.owl-theme .owl-controls{position:static;}
.owl-theme .owl-controls .owl-buttons .owl-prev {  background: url(../images/l1.png) no-repeat center top #53b4b3;}
.owl-theme .owl-controls .owl-buttons .owl-next{background:url(../images/r1.png) no-repeat center top #53b4b3;}
}

@media (min-width:991px) and (max-width:1400px){
.mm{padding:3rem 0rem;}

.owl-theme .owl-controls{position:static;}
.owl-theme .owl-controls .owl-buttons .owl-prev {  background: url(../images/l1.png) no-repeat center top #53b4b3;}
.owl-theme .owl-controls .owl-buttons .owl-next{background:url(../images/r1.png) no-repeat center top #53b4b3;}
}



/*中间*/
.mmid{width:100%;height:auto;clear:both;position:relative;}
.mmid .mid{width:100%;position:absolute;left:0px;top:25vh;text-align:center;}
.mmid .mid img{max-width:100%;height:auto;width:auto;display:block;margin:0 auto;animation:move 3s 0s infinite;-webkit-animation:move 3s 0s infinite;transform-origin:bottom;-webkit-transform-origin:bottom;}



@-webkit-keyframes move
{
	0%, 65%{ 
	  -webkit-transform:rotate(0deg);
	  transform:rotate(0deg);
	}
	70% {  
	  -webkit-transform:rotate(6deg);
	  transform:rotate(6deg);
	}
	75% {  
	  -webkit-transform:rotate(-6deg);
	  transform:rotate(-6deg);
	}
	80% {  
	  -webkit-transform:rotate(6deg);
	  transform:rotate(6deg);
	}
	85% {  
	  -webkit-transform:rotate(-6deg);
	  transform:rotate(-6deg);
	}
	90% {  
	  -webkit-transform:rotate(6deg);
	  transform:rotate(6deg);
	}
	95% {  
	  -webkit-transform:rotate(-6deg);
	  transform:rotate(-6deg);
	}
	100% {  
	  -webkit-transform:rotate(0deg);
	  transform:rotate(0deg);
	}
}
.mmid .left{width:50%;float:left;overflow:hidden;position:relative;}
.mmid .left img{width:100%;height:auto;}
.mmid .right{width:50%;float:left;overflow:hidden;position:relative;background:#041d38}

.mmid .right .info{position:absolute;left:10%;top:30%;width:80%}
.mmid .right .info h1{font-size:4.8rem;color:#fff;letter-spacing:4px;line-height:2;font-family:"庞门正道标题体2.0增强版"}
.mmid .right .info h2{font-size:1.8rem;color:#fff;letter-spacing:2px;font-weight:normal;}
.mmid .right .info p{font-size:1.8rem;color:#fff;letter-spacing:2px;line-height:2;padding-top:3%;}
.mmid .right .info p span{font-size:3.6rem;font-weight:bold;}


@media (max-width:468px){
.mmid .left{width:100%;}
.mmid .right{width:100%;}
.mmid .right .info{top:20%;}
.mmid .right .info h1{font-size:2.6rem;}
.mmid .right .info h2{font-size:1.4rem;line-height:1.8;}
.mmid .right .info p{font-size:1.4rem;}
.mmid .right .info p span{font-size:2rem;}
.mmid .mid{left:0px;top:7vh;}
.mmid .mid img{max-width:20%;}
}
@media (min-width:469px) and (max-width:768px){
.mmid .left{width:100%;}
.mmid .right{width:100%;}
.mmid .right .info{top:20%;}
.mmid .right .info h1{font-size:3.6rem;}
.mmid .right .info h2{font-size:1.8rem;line-height:1.8;}
.mmid .right .info p{font-size:2rem;}
.mmid .right .info p span{font-size:3rem;}
.mmid .mid{left:0px;top:13vh;}
.mmid .mid img{max-width:20%;}
}
@media (min-width:769px) and (max-width:990px){
.mmid .left{width:100%;}
.mmid .right{width:100%;}
.mmid .right .info{top:20%;}
.mmid .right .info h1{font-size:3.6rem;}
.mmid .right .info h2{font-size:1.8rem;line-height:1.8;}
.mmid .right .info p{font-size:2rem;}
.mmid .right .info p span{font-size:3rem;}
.mmid .mid{left:0px;top:16vh;}
.mmid .mid img{max-width:20%;}
}

@media (min-width:991px) and (max-width:1400px){
.mmid .right .info{top:20%;}
.mmid .right .info h1{font-size:3.6rem;}
.mmid .right .info h2{font-size:1.8rem;line-height:1.8;}
.mmid .right .info p{font-size:2rem;}
.mmid .right .info p span{font-size:3rem;}
}






/*案例*/
.case{width:100%;height:auto;clear:both;padding:5rem 0rem;position:relative;}
.case .tit3{display:none;}
.case .ctit{width:25%;height:auto;position:relative;float:left;}
.case .ctit .ctop{width:300px;height:140px;border:solid #cccccc 1px;background:#fff;float:right;}
.case .ctit .ctop2{width:300px;height:auto;background:#fff;float:left;position:relative;left:-10%;top:20%;}
.case .ctit .ctop h1{width:100%;height:auto;}

.case .ctit .ctop h1 a{color:#000000;font-size:3.6rem;display:block;width:100%;letter-spacing:2px;line-height:1.2;}
.case .ctit .ctop h1 a span{font-size:2rem;font-weight:normal;margin-left:10px;}
.case .ctit .ctop p{color:#ddd;font-size:2.6rem;width:100%;}

.case .ctit .more{display:block;width:145px;height:45px;background:#53b4b3;line-height:45px;color:#fff;text-align:center;float:left;margin-top:5rem;}
.case .ctit .more span { width: 10px;  height: 10px;  border-top: 2px solid #fff; border-right: 2px solid #fff;   display: block;  float: right;  margin: 1rem 1rem 0rem 2rem;  transition: all 1s;}



.case .mm2{width:70%;height:auto;position:relative;overflow:hidden;float:right;}


.demo{background:linear-gradient(to right,#ffcccc,#d3d3d3)}
.post-slide{margin:0 10px;border:solid #ccc 1px;}
.post-slide .post-img{overflow:hidden}
.post-slide .post-img img{width:100%;height:auto;transform:scale(1);transition:all 1s ease-in-out 0s}
.post-slide:hover .post-img img{transform:scale(1.08)}
.post-slide .post-content{background:#fff;padding: 2rem;}
.post-slide .post-title{font-size:17px;font-weight:600;margin-top:0;text-transform:capitalize}
.post-slide .post-title a{display:block;width:100%;color:#000;transition:all 0.3s ease 0s}
.post-slide .post-title a:hover{color:#53b4b3;text-decoration:none}
.post-slide .post-title a font{ float: right;width: 90%;}
.post-slide .post-title a span{position: relative; display:block;}
.post-slide .post-title a span:after { border: 10px solid transparent; border-left: 10px solid #54b5b4; width: 0; height: 0; position: absolute; content: ' '}


.post-slide .post-description{font-size:1.4rem;color:#000;line-height:24px;margin-top:3rem;clear:both;width:90%;margin-left:10%}
.post-slide .post-description img{float:right;}


@media (max-width:468px){
.case .tit3{display:block;}
.case .ctit{display:none;}
.case .mm2{width:100%;margin-top:2rem;}
}
@media (min-width:469px) and (max-width:768px){
.case .tit3{display:block;}
.case .ctit{display:none;}
.case .mm2{width:100%;margin-top:2rem;}
}
@media (min-width:769px) and (max-width:1320px){
.case .tit3{display:block;}
.case .ctit{display:none;}
.case .mm2{width:100%;margin-top:2rem;}
}





/*合作单位*/
.hz{width:100%;height:auto;clear:both;padding:5rem 0rem;position:relative;}
.hz ul{width:100%;height:auto;position:relative;}
.hz ul li{width:31.3333%;margin:1% 1% 1% 1%;float:left;position: relative;overflow:hidden;}
.hz ul li a{display:block;width:100%;height:auto;position:relative;}
.hz ul li img{max-width:100%;width:auto;height:auto;position:relative;}
.hz ul li .text{width:100%;height:0%;position:absolute;top:-25vh;right:0px;background: url(../images/hei.png) no-repeat center top;transition:all 1s;}
.hz ul li .text a{display:block;width:100%;text-align:center;color:#fff;font-size:1.6rem;}
.hz ul li .text h1{height:auto;position:absolute;top:40%;right:0px;display:block;width:100%;text-align:center;color:#fff;font-size:1.6rem;line-height:2;}
.hz ul li:hover .text{transition:all 1s;top:0px;height:100%;} 


@media (max-width:468px){
.hz ul li{width:98%;}
.hz ul li:nth-child(4),.hz ul li:nth-child(5){display:none}
}
@media (min-width:469px) and (max-width:768px){
.hz ul li{width:48%;}
}
@media (min-width:769px) and (max-width:1080px){
.hz ul li{width:48%;}
}


/*新闻*/
.news{width:100%;height:auto;clear:both;padding: 5rem 0rem 15rem 0rem;position:relative;background:url(../images/news.jpg) no-repeat center top;background-size:cover;}
.news ul{width:100%;height:auto;clear:both;position:relative;margin-top:5rem;}
.news ul li{width:33%;height:auto;float:left;border-right:solid #ccc 1px;}
.news ul li:nth-child(1) .nim{width:90%;float:left}
.news ul li:nth-child(2) .nim{width:80%;margin:0 auto;}
.news ul li:nth-child(3) .nim{width:90%;float:right}
.news ul li h1{display:block;width:100%;float:left;transition:all 1s;}
.news ul li h1 a{color:#000;font-size:2rem;letter-spacing:1px;}
.news ul li .nec{display:block;width:100%;float:left;color:#afafaf;font-size:1.4rem;clear:both;padding:3rem 0rem;border-bottom:solid #afafaf 1px;}}
.news ul li .nec p{display:block;width:100%;float:left;color:#afafaf;font-size:1.4rem;clear:both;line-height:2;}
.news ul li span{display:block;width:75%;float:left;margin:3rem 0rem;font-weight:bold;color:#afafaf;}
.news ul li .cts{width:25%;float:left;margin: 3rem 0rem}
.news ul li .nmore{display:block;float:right;width:30px;height:30px;border-radius: 30px;background:#afafaf;marign-top:1rem;transition:all 1s;}
.news ul li .nmore font{width: 10px;height: 10px;border-top: 2px solid #fff;border-right: 2px solid #fff;transform: rotate(45deg);display: block;float: right;margin: 1rem;transition: all 1s}
.news ul li:hover h1 a{color:#53b4b3;transition:all 1s;}
.news ul li:hover .nmore{background:#53b4b3;transition:all 1s;}

.news ul li:last-child(){border:none;}



.news .more{display:block;width:145px;height:45px;background:#53b4b3;line-height:45px;color:#fff;text-align:center;margin:0 auto;clear:both;margin-top:5rem;}
.news .more span { width: 10px;  height: 10px;  border-top: 2px solid #fff; border-right: 2px solid #fff;   display: block;  float: right;  margin: 1rem 1rem 0rem 2rem;  transition: all 1s;}


@media (max-width:468px){
.news ul li{width:98%;height:auto;float:none;margin:0 auto;border:none;margin-top:2rem;}
.news ul li .nim{width:100% !important;float:left !important;}

}
@media (min-width:469px) and (max-width:768px){
.news ul li{width:98%;height:auto;float:none;margin:0 auto;border:none;margin-top:2rem;}
.news ul li .nim{width:100% !important;float:left !important;}}
@media (min-width:769px) and (max-width:1080px){
.news ul li{width:48%;margin-left:1%;margin-right:1%;height:auto;float:left;border:none;margin-top:2rem;}
.news ul li .nim{width:100% !important;float:left !important;}
}
