body{font-size:10px !Important;}
*{margin:0px;padding:0px;}

.tit{width:100%;height:auto;float:left;text-align: center;}
.tit h2{width:100%;height:auto;clear:both;text-align: left;font-size:2.4rem;line-height:2.2; color: #fff;}
.tit h1{width:100%;height:auto;clear:both;text-align: left;font-family:"Impact";font-size:4.7rem; color: #fff;}
.tit h1 span{color:#cd1717;font-size:4.7rem;}



@media (max-width:990px){
.tit{width:100%;height:auto;float:left;text-align: center;}
.tit h2{width:100%;height:auto;clear:both;text-align: left;font-size:2.4rem;line-height:2.2}
.tit h1{width:100%;height:auto;clear:both;text-align: left;font-family:"Impact";font-size:4.7rem; color: #fff;}
.tit h1 span{color:#cd1717;font-size:4.7rem;}



}


.public{width:100%;margin:0 auto;}
.public2{width:100%;height:auto;position:relative;margin: auto;overflow:hidden;}




.col-md-2 {font-size:1.4rem;color:#fff;margin-top: 30px;letter-spacing:1px;}
.col-md-2 .img{width:25px;height:25px;}
.col-md-2 span{font-size:2.2rem;color:#fff;margin-left:10px;font-weight:bold;}






.public3 {width:92%;margin:0 auto;}

.header{width:100%;position:fixed;top:0;left:0;z-index:999;height:auto;border-bottom:solid #ccc 1px;background: rgba(0,0,0,0.5);}
.header .left{width:26%}
@media screen and (max-width:990px){.header .left{width:70%}
}
.header .left a img{max-width:100%;width:auto;height:auto;margin-top:6px}
.header .left .img2{display:none}
#navToggle{display:block}
@media (max-width:990px){
.m_nav{display:block !important}
}.m_nav{position:fixed;top:0px;background:url(../image/nav.jpg) no-repeat top center;width:100%;height:100%;transition:all ease 0.5s;-webkit-transition:all ease 0.5s;z-index:1000;opacity:1;visibility:visible;margin-top:0;overflow-y:auto;transition:all .6s cubic-bezier(.77,0,.175,1) 0ms;top:0;transform:translateX(100%);display:none}
.m_nav.open{transform:translateX(0)}
.m_nav .top{height:60px;padding:20px;box-sizing:border-box}
.m_nav .top .closed{width:30px;height:30px;vertical-align:middle;float:right;cursor:pointer}
.m_nav .logo{width:100%;margin:0 auto}
.m_nav .logo img{height:50px;display:block;margin:30px auto}
.m_nav .ul{margin-top:30px}
.m_nav .ul li{padding:0 20px;transform:translateY(0);-webkit-transform:translateY(100%);transform:translateY(100%);-webkit-transition:all .6s cubic-bezier(.77,0,.175,1) 0ms;transition:all .6s cubic-bezier(.77,0,.175,1) 0ms;opacity:0}
.m_nav.open .ul li{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
.m_nav .ul li:nth-child(1){-webkit-transition:all .2s cubic-bezier(.77,0,.175,1) 0ms;transition:all .2s cubic-bezier(.77,0,.175,1) 0ms}
.m_nav .ul li:nth-child(2){-webkit-transition:all .4s cubic-bezier(.77,0,.175,1) 0ms;transition:all .4s cubic-bezier(.77,0,.175,1) 0ms}
.m_nav .ul li:nth-child(3){-webkit-transition:all .6s cubic-bezier(.77,0,.175,1) 0ms;transition:all .6s cubic-bezier(.77,0,.175,1) 0ms}
.m_nav .ul li:nth-child(4){-webkit-transition:all .8s cubic-bezier(.77,0,.175,1) 0ms;transition:all .8s cubic-bezier(.77,0,.175,1) 0ms}
.m_nav .ul li:nth-child(5){-webkit-transition:all 1.0s cubic-bezier(.77,0,.175,1) 0ms;transition:all 1.0s cubic-bezier(.77,0,.175,1) 0ms}
.m_nav .ul li:nth-child(6){-webkit-transition:all 1.2s cubic-bezier(.77,0,.175,1) 0ms;transition:all 1.2s cubic-bezier(.77,0,.175,1) 0ms}
.m_nav .ul li a{display:block;text-decoration:none;color:#fff;font-size:16px;height:50px;line-height:50px;width:100%;text-align:center}
.m_nav .ul li .dropdown_menu{display:none}
.m_nav .ul li.dropdown.active .dropdown_menu{display:block}
.m_nav .ul li .dropdown_menu a{display:block;height:50px;line-height:50px;padding:0 40px;box-sizing:border-box;border-bottom:1px solid #f5f5f5}
.m_nav .ul li .dropdown_menu a:last-child{border:none}
.banner{width:100%}
.banner img{width:100%}
.banner img{height:600px;object-fit:cover}

.header .nav{width:50%;float:none;position:relative;-webkit-transition:all .7s ease;transition:all .7s ease;float:left;text-align: center;}
.header .navbar_nav li{margin: 0 20px;display:inline;position:relative;text-align:center;min-width: 10%;max-width:15%;}
.header .navbar_nav .logo{float:left;position:relative;width:22%;text-align:center}
.header .navbar_nav .logo img{max-width:100%;height:auto;width:auto;}
.header .navbar_nav li:after{content:"";width:0;height:2px;position:absolute;bottom:0;left:0;transition:all 0.5s ease 0s}
.header .navbar_nav li:hover:after{width:100%}
.header .navbar_nav li a{margin:0 auto;display:inline-block;line-height:7.5rem;text-align:left;font-size:1.6rem;color:#fff;}
.header .navbar_nav li a font{font-size:14px;letter-spacing:0px}
.header .navbar_nav li:hover{background:url(404.png) no-repeat center bottom;-webkit-transition:all .7s ease;transition:all .7s ease}
.header .navbar_nav li:hover a{color:#fff}
.header .navbar_nav li.dropdown{position:relative}
.header .navbar_nav li.dropdown .jt{width:20px;height:20px;background:url(404.png) no-repeat;background-size:100% 100%;display:block}
.header .navbar_nav li.dropdown .dropdown_menu{display:none;position:absolute;top:125px;width:100%;background:#fff;box-shadow:0 15px 27px 0 rgba(167,165,165,0.38);width:100%;left:5%;z-index:9999}
.header .navbar_nav li.dropdown .dropdown_menu a{font-size:14px;color:#666;padding:0 10px;line-height:40px;text-align:center;background:#fff;margin-bottom:2px}
.header .navbar_nav li.dropdown:hover .dropdown_menu{display:block;background:#f3f3f3;-webkit-transition:0.5s;-moz-transition:0.5s;-o-transition:0.5s;transition:0.5s}
.header .navbar_nav li.dropdown:hover .dropdown_menu a{color:#333}
.header .navbar_nav li.dropdown:hover .dropdown_menu a:hover{color:#333;background:#e9eaeb}
.header.on{}
.header.on .left .img1{display:block}
.header.on .left .img2{display:block}
.header.on .navbar_nav li a{color:#fff}
.header.on .navbar_nav li:hover a{color:orangered}
#navToggle{}
.banner{width:100%;position:relative}
.banner .img img{height:auto;max-width:100%}


.fl{float:left;width: 20%;}
.fr{float:right;width: 30%;color:#fff;font-size:1.4rem;line-height:7rem;text-align: right;}
.fr span{color:#fff;font-size:3rem;}

@media screen and (max-width:992px)
{
.fr{display:none;}
.fl {display: block;width: 50%;float: left;}
.public3{width:95%;margin:0 auto;}
.header{position: absolute;top:0;z-index:999999;left:0;right:0;height:auto;width:100%;border:none;}
.header .left{width:40%;display:block}
.header .left a img{width:auto;height:40px;position:absolute;top:10px}
.header #navToggle{height:100%;padding:9px 15px;margin-right:-15px;display:inline-block;float:right}
.header #navToggle span{position:relative;width:25px;height:1px;margin-top:19px}
.header #navToggle span:before,.header #navToggle span:after{content:'';position:relative;width:100%;height:1px;left:0}
.header #navToggle span,.header #navToggle span:before,.header #navToggle span:after{-webkit-transition:0.3s;-moz-transition:0.3s;-o-transition:0.3s;transition:0.3s;display:block;background:#fff}
.header #navToggle span:before{top:8px}
.header #navToggle span:after{bottom:10px}
.header #navToggle.open span:before{top:10px;-webkit-transform:translateY(-11px) rotate(-45deg);-moz-transform:translateY(-11px) rotate(-45deg);-ms-transform:translateY(-11px) rotate(-45deg);-o-transform:translateY(-11px) rotate(-45deg);transform:translateY(-11px) rotate(-45deg)}
.header #navToggle.open span:after{bottom:12px;-webkit-transform:translateY(10px) rotate(45deg);-moz-transform:translateY(10px) rotate(45deg);-ms-transform:translateY(10px) rotate(45deg);-o-transform:translateY(10px) rotate(45deg);transform:translateY(10px) rotate(45deg)}
.header #navToggle.open span{background:none}
.header #navToggle.open span:before,.header #navToggle.open span:after{background:#4f4f4f}
.header .nav{display:none}
.header .navbar_nav li a font{font-size:12px;letter-spacing:0px;margin-left:10px}
}



@media (max-width:990px) {
.fr{display:none;}
.fl{float:left;width: 20%;}
.fl img{max-width:100%;height:auto;}
}

@media (min-width:991px) and (max-width:1320px) {
.fr{display:none;}
.fl{float:left;width: 30%;}
.header .nav{width: 70% !important;}
.header .navbar_nav li { width: 16% !important;max-width: 16% !important;}
}
@media (min-width:1321px) and (max-width:1600px) {
.fr{width: 30%;}
.fl{float:left;width: 20%;}
.header .nav{width: 50% !important;}
.header .navbar_nav li { width: 16% !important;max-width: 16% !important;}
}





@font-face {
  font-family: "aa";
  src: url("../font/aa.woff2") format("woff2"),
       url("../font/aa.woff") format("woff"),
       url("") format("truetype"),
       url("") format("embedded-opentype"),
       url("../font/aa.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "bb";
  src: url("../font/bb.woff2") format("woff2"),
       url("../font/bb.woff") format("woff"),
       url("") format("truetype"),
       url("") format("embedded-opentype"),
       url("../font/bb.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "cc";
  src: url("../font/cc.woff2") format("woff2"),
       url("../font/cc.woff") format("woff"),
       url("") format("truetype"),
       url("") format("embedded-opentype"),
       url("../font/cc.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}






.lic{width:100%;height:auto;background:rgba(0,0,0,0.2);height:50px;float:right;}
.xypg-right-mbx{border:none;font-size:14px;color:#fff;line-height: 5rem;padding-left: 5px;}
.xypg-right-mbx .cur-pos{display:inline-block;color:#fff}
.xypg-right-mbx .cur-pos .iconfont{font-size:25px;display:inline-block;height:25px;color:#fff;margin-right:5px}
.xypg-right-mbx a{color:#fff}
.xypg-right-mbx a:hover{color:#c00a0d;text-decoration:underline}


@media (max-width:992px){
.xypg-right-mbx{padding-top:0}
}


.xypg-right-content{font-size:14px;color:#333;line-height:1.7;padding:5%;background:#fff}
.xypg-right-content p img{max-width:100%}


.phseach{display:none;}
#toggle-menu{float:left;background-position:0 0;background-color:#e70608}
#toggle-search{float:right;width:35px !important;height:35px;background:url(../image/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{z-index: 9999;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;}
#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;}
#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;}


.neibanner{width:100%;height:auot;overflow:hidden;position:relative;}
.neibanner .img{width:100%;height:100%;}
.neibanner .text{position:absolute;top:35%;left: 15%;}
.neibanner .text h1{font-size:5rem;color:#fff;letter-spacing:1px;}
.neibanner .text h2{font-size:4rem;color:#fff;font-weight:normal;letter-spacing:1px;line-height:2;}


@media (max-width:468px){
.neibanner{width:100%;height:50vh;overflow:hidden;position:relative;}
.neibanner .img{width:auto !important;height:100%;}
.neibanner .text h1{font-size:4rem;}
.neibanner .text h2{font-size:2rem;}
.neibanner .text{left:5%;}
}
@media (min-width:469px) and (max-width:768px){
.neibanner{width:100%;height:30vh;overflow:hidden;position:relative;}
.neibanner .img{width:auto !important;height:100%;}
.neibanner .text h1{font-size:4rem;}
.neibanner .text h2{font-size:2rem;}
.neibanner .text{left:5%;}
}
@media (min-width:768px) and (max-width:990px){

.neibanner{width:100%;height:35vh;overflow:hidden;position:relative;}
.neibanner .img{width:auto !important;height:100%;}
.neibanner .text h1{font-size:4rem;}
.neibanner .text h2{font-size:2rem;}
.neibanner .text{left:5%;}
}
@media (min-width:991px) and (max-width:1080px){

.neibanner{width:100%;height:40vh;overflow:hidden;position:relative;}
.neibanner .img{width:auto !important;height:100%;}
.neibanner .text h1{font-size:5rem;}
.neibanner .text h2{font-size:2.4rem;}
.neibanner .text{left:5%;}
}
@media (min-width:1081px) and (max-width:1200px){

.neibanner{width:100%;height:45vh;overflow:hidden;position:relative;}
.neibanner .img{width:auto !important;height:100%;}
.neibanner .text h1{font-size:5rem;}
.neibanner .text h2{font-size:2.4rem;}
.neibanner .text{left:5%;}
}
@media (min-width:1201px) and (max-width:1320px){

.neibanner{width:100%;height:50vh;overflow:hidden;position:relative;}
.neibanner .img{width:auto !important;height:100%;}
.neibanner .text h1{font-size:5.5rem;}
.neibanner .text h2{font-size:2.8rem;}
.neibanner .text{left:5%;}
}
@media (min-width:1321px) and (max-width:1440px){

.neibanner{width:100%;height:55vh;overflow:hidden;position:relative;}
.neibanner .img{width:auto !important;height:100%;}
.neibanner .text h1{font-size:5rem;}
.neibanner .text h2{font-size:3.2rem;}
.neibanner .text{left:5%;}
}
@media (min-width:1441px) and (max-width:1600px){

.neibanner{width:100%;height:60vh;overflow:hidden;position:relative;}
.neibanner .img{width:auto !important;height:100%;}
.neibanner .text h1{font-size:5rem;}
.neibanner .text h2{font-size:3.6rem;}
.neibanner .text{left:5%;}
}




.con1{width:100%;height:auto;paddding:20px 0px;clear:both;padding-top: 5rem;z-index: 888;position: absolute;left: 0%;bottom: 0%;}
.neititle{width:100%;height:auto;paddding:20px 0px;clear:both;padding: 3rem 0rem;z-index: 888;background:#fcfcfc;}
.neititle ul{width:100%;height:auto;float:right;text-align:center}
.neititle ul li{min-width: 130px;padding: 10px;margin-right: 10px;display: inline-table;border: solid #333 1px;margin-top:1rem;}
.neititle ul li a{font-size:1.6rem;color:#444;text-align: center;display: block;width: 100%;}
.neititle ul li:first-child{background: #1d2088;border: solid #1d2088 1px;}
.neititle ul li:first-child a{color:#fff;margin: 0 auto;display: block;}
.neititle ul li:hover{background: #1d2088;border: solid #1d2088 1px;}
.neititle ul li:hover a{color:#fff;}
@media (max-width:468px){
.neititle ul li{padding:5px;margin-top:1rem;min-width: 100px;}
.neititle ul{text-align:left}
}
@media (min-width:469px) and (max-width:990px){
.neititle ul li{padding:5px;margin-top:1rem;min-width: 100px;}
.neititle ul{text-align:left}
}




.con2{width:100%;height:auto;clear:both;margin:4rem 0rem;float:left;}

.con2 .right{width:100%;height:auto;padding: 0% 3%;overflow:hidden;}
.con2 .right .atext{height:auto;width:100%;}
.con2 .right p{width:100%;line-height:2.6;color:#222;font-size:1.4rem;text-align:left;}
.con2 .right a{font-size:1.4rem;}
.con2 .right h1,h2,h2,h4,h5,span,font{color:#222;font-size:1.4rem;}
@media (max-width:468px){
.con2{width:100%;height:auto;clear:both;padding:4rem 0rem 0rem 0rem;}
.con2 .left{width:100%;}
.con2 .right{width:100%;position:static;padding-top:5vh;}

}
@media (min-width:469px) and (max-width:768px){
.con2{width:100%;height:auto;clear:both;padding:4rem 0rem 0rem 0rem;}
.con2 .left{width:100%;}
.con2 .right{width:100%;position:static;padding-top:5vh;}

}
@media (min-width:769px) and (max-width:990px){

.con2 .left{width:100%;}
.con2 .right{width:100%;position:static;padding-top:5vh;}

}







.con44{width:100%;height:auto;clear:both;padding:10rem 0rem;background:url(../image/con3.jpg) no-repeat;background-size:cover;}
.no-spacing,.spacing.no-spacing{padding:0}
.spacing{float:left;padding:90px 0;position:relative;width:100%}
.stats-wrap{float:left;width:100%}
.stats-wrap{float:left;width:100%}
.join-wrap::before,.stats-list-wrap::before{content:"";position:absolute;left:0;top:0;right:0;bottom:0;opacity:.7;z-index:-1}
.join-wrap,.stats-list-wrap{float:left;padding:5% 0%;position:relative;width:100%;background-size:cover;background-position:center;z-index:1;}
.text-center{text-align:center !important}
.join-inner{display:inline-block;text-align:left;width:100%;margin-top:20px}
.join-inner > h3{color:#fff;font-size:30px;font-weight:600;width:80%;float:left;display:block;letter-spacing: 1px;line-height: 1.6;}
.join-inner > p{color:#d8d8d8;margin:20px 0;font-size: 1.6rem;line-height: 2;width:80%;float:left;}
.join-inner > a{-webkit-box-shadow:0 4px 5px rgba(0,0,0,.2);-ms-box-shadow:0 4px 5px rgba(0,0,0,.2);-o-box-shadow:0 4px 5px rgba(0,0,0,.2);box-shadow:0 4px 5px rgba(0,0,0,.2);margin-top:27px;padding-left:55px;padding-right:55px}
.theme-brd-clr,.social-btns-wrap2 > i,.theme-btn,.theme-btn:hover,.theme-btn:focus{border-color:#dc3b1d}
.stats-list{display:inline-block;width:100%;float:none}
.remove-ext3 .stat-box{margin-bottom:30px}
.stat-box{border:2px solid #e1e1e1;float:left;width:100%;padding:20px 20px 15px}
.brd-rd5,.insta-gal a,.page-link,.page-item.prev .page-link,.page-item.next .page-link{-webkit-border-radius:5px;border-radius:5px}
.stat-box > span{color:#fff;display:inline-block;font-family:poppins;font-size:14px;margin-bottom:2px;max-width:80%;font-weight:500;line-height:18px}
.stat-box > strong{color:#fff;display:block;font-weight:800;font-size:30px}




.product-num-box{width:100%;height:auto;}
.product-num-content{width:100%;height:auto;margin:0 auto;text-align:center;font-size:0}
.product-num-title{padding-top:110px;margin-bottom:30px;font-size:42px;color:#fff;line-height:45px;font-family:-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,Helvetica,PingFangSC-Medium,Hiragino Sans GB,Microsoft YaHei,SimSun,sans-serif}
.product-num-text{font-size:16px;color:#fff;line-height:28px}
.product-num-head{font-size:0}
.product-num-item{    padding: 3rem 0rem;text-align:center;position:relative;display:inline-block;width:31.33333%;margin-left:1%;margin-right:1%;color:#fff;border: 2px solid #e1e1e1;background-color: rgba(255,255,255,.15);border-radius: 5px;margin-bottom:2%;}
.product-num-nub{display:inline-block;width: 100%;color: #fff;display: block;font-weight: 800;font-size: 30px;}
.product-num-add{font-size:2.3rem;color:#cd1717;width:30%;float:left;text-align:left;line-height:4;}
.product-num-item .xian{margin-top:3rem;clear:both;width:40px;height:2px;background:#fff;display: inherit;}
.product-num-inf{color: #fff;display: inline-block;font-family: poppins;font-size: 14px;margin-bottom: 2px;max-width: 80%;font-weight: 500;line-height: 18px}
.product-num-jus:hover{background-color:#fff;color:#3e88f1}
.product-num-wan{position:absolute;right:55px;top:0px}

@media (max-width:468px){
.product-num-nub{font-size:2rem;}
.product-num-add{font-size:1.4rem;line-height: 6;}
.product-num-item .xian {margin-top: 3rem;background: #fff;display: block;margin: 0 auto;}
.join-inner > h3{width:100%;}
.join-inner > p{width:100%;}
}
@media (min-width:469px) and (max-width:768px){
.product-num-nub{font-size:2rem;}
.product-num-add{font-size:1.4rem;line-height: 6;}
.product-num-item .xian {margin-top: 3rem;background: #fff;display: block;margin: 0 auto;}
.join-inner > h3{width:100%;}
.join-inner > p{width:100%;}
}
@media (min-width:769px) and (max-width:990px){
.product-num-nub{font-size:2rem;}
.product-num-add{font-size:1.6rem;line-height: 6;}
.product-num-item .xian {margin-top: 3rem;background: #fff;display: block;margin: 0 auto;}
}
@media (min-width:991px) and (max-width:1200px){

.product-num-nub{font-size:2.4rem;}
.product-num-add{font-size:2rem;line-height: 6;}
.product-num-item .xian {margin-top: 3rem;background: #fff;display: block;margin: 0 auto;}
}




.con4{width:100%;height:auto;margin:0 auto;padding: 8rem 0rem;position:relative;clear:both;background-color: #eeeded;}
.con4_mm{width:100%;height:auto;position:relative;padding:40px 10px;overflow:hidden}
.remove-ext3{margin-bottom:-30px}
.remove-ext3 .camp-box,.remove-ext3 .member-box{margin-bottom:30px}
.camp-box,.member-box{float:left;overflow:hidden;width:100%;}
.brd-rd5,.insta-gal a,.page-link,.page-item.prev .page-link,.page-item.next .page-link{-webkit-border-radius:5px;border-radius:5px}
.camp-thumb,.member-thumb{float:left;width:100%;overflow:hidden}
a,img,input,button,textarea,::before,::after,.owl-nav > div,.owl-dots > div,nav ul ul,nav ul li,label,.logo,.logo > a img,.res-menu-btn,.res-menu,.res-menu-close{-webkit-transition:all .3s linear;-ms-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear}
.camp-thumb > a,.member-thumb > a{float:left;width:100%;position:relative}
.camp-thumb > a::before,.member-thumb > a::before{content:"";position:absolute;left:0;top:0;bottom:;bottom:0;right:0;background-color:#000;-webkit-transform:scaleX(0);-ms-transform:scaleX(0);-o-transform:scaleX(0);transform:scaleX(0);opacity:0;z-index:1}
.camp-thumb > a::before,.member-thumb > a::before{content:"";position:absolute;left:0;top:0;bottom:;bottom:0;right:0;background-color:#000;-webkit-transform:scaleX(0);-ms-transform:scaleX(0);-o-transform:scaleX(0);transform:scaleX(0);opacity:0;z-index:1}
.camp-thumb > a img,.member-thumb > a img{width:100%}
.gray-bg2 .member-info{background-color:#fff}
.member-info{float:left;padding:25px 30px;width:100%;background-color:#fff}
.member-info > h6{margin-bottom:5px;font-size:20px;font-weight:600}
.member-info > h6 a{color:#000;}
.member-info > span{font-size:15px;color: #cd1717;}
.camp-thumb > a:before,.member-thumb > a:before{content:"";position:absolute;left:0;top:0;bottom:;bottom:0;right:0;background-color:#000;-webkit-transform:scaleX(0);-ms-transform:scaleX(0);-o-transform:scaleX(0);transform:scaleX(0);opacity:0;z-index:1}
.camp-box:hover .camp-thumb > a::before,.member-box:hover .member-thumb > a::before{-webkit-transform:scaleX(1);-ms-transform:scaleX(1);-o-transform:scaleX(1);transform:scaleX(1);opacity:.5}
.camp-box:hover .camp-thumb > a img,.member-box:hover .member-thumb > a img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}
.view-all{float:left;margin-top:50px;width:100%}
.theme-brd-clr,.social-btns-wrap2 > i,.theme-btn,.theme-btn:hover,.theme-btn:focus{border-color:#dc3b1d;color: #dc3b1d;}
.theme-btn{display:inline-block;color:#fff;font-family:poppins;font-weight:600;font-size:14px;letter-spacing:0;padding:12px 40px;position:relative;overflow:hidden;z-index:1;border:2px solid;border-top-color:currentcolor;border-right-color:currentcolor;border-bottom-color:currentcolor;border-left-color:currentcolor}
.brd-rd40{-webkit-border-radius:40px;border-radius:40px}
.theme-bg,.theme-bg-layer::before,.theme-btn,.res-menu-btn:hover,.res-menu-close:hover,.social-btns-wrap2 > i,.social-btns-wrap2 .social-btns2 > a:hover,.social-btns-wrap2 .social-btns2 > a:focus,.social-btns1 > a::before,.social-share2 > a:hover,.social-share2 > a:focus,.comment-reply-link:hover,.comment-reply-link:focus,.page-link:hover::before,.page-link:focus::before,.page-item.active .page-link::before,.page-item.prev .page-link:hover::before,.page-item.next .page-link:hover::before,.page-item.prev .page-link:focus::before,.page-item.next .page-link:focus::before,.cat-wrap > a,.tags-wrap > a,.owl-carousel .owl-dots > div:hover,.owl-carousel .owl-dots > div.active,.owl-carousel .owl-nav > div:hover,.video-box2 > a:hover,.video-box2 > a:focus,.pageloader .finger-item,.pageloader .last-finger-item,.widget-title::before,.service-desc > ul li::before,.news-updates > h3::before,.recent-events > h3::before,.contact-form > h3::before,.video-posts > h5::before,.comment-details > h6:first-child::before,.volunteer-detail-inner > h5::before,.contact-info > h5::before,.widget-box > h6::before,.gallery-inner a::before{background-color:#dc3b1d}
.theme-btn:hover,.theme-btn:focus{background-color:transparent}


.con5{width:100%;height:auto;overflow:hidden;clear:both;background:url(../image/con5.jpg) no-repeat right top;margin-top: 10vh;padding:4% 0% 4% 0%;}
.con5 .mid{width:94%;height:auto;clear:both;padding-top:10vh;}
.con5 .mid ul{width:100%;height:auto;clear:both;}
.con5 .mid ul li{width:19%;margin-left:3%;margin-right:3%;position:relative;float:left;overflow:hidden;transition:all 0.6s ease 0s;padding:3%;}
.con5 .mid ul li span{margin:0 auto;;display:block;width:125px;height:105px;overflow:hidden;border:solid #fff 1px;}
.con5 .mid ul li span img{ display:block; margin:0 auto; position:relative; filter: drop-shadow(125px 0 #fff); -webkit-filter: drop-shadow(125px 0 #fff);transition:all 1s}
.con5 .mid ul li:hover span img{transform: translate(-125px, 0);-webkit-transform: translate(-125px, 0);-ms-transform: translate(-125px, 0);-o-transform: translate(-125px, 0);transition:all 1s}
.con5 .mid ul li h1{clear:both;width:100%;line-height:6;color:#fff;font-size:1.8rem;letter-spacing:1px;text-align:center;font-weight:normal;}
.con5 .mid ul li p{width:100%;margin:0 auto;text-align:center;display:block;color:#ceced0;line-height:2;font-size:1.4rem;z-index:9999;}
.con5 .mid ul li:hover{background:#cd1717;margin-top:-2rem;transition:all 0.6s ease 0s}
@media (max-width:468px){
.con5{margin-top: 5vh;}
.con5 .mid{padding-top:5vh;}
.con5 .mid ul li{width:44%;margin-bottom:1vh;}
.con5 .mid ul li h1{line-height:3;}
.con5 .mid ul li:hover{background:#cd1717;margin-top:0rem !important;transition:all 0.6s ease 0s}
}
@media (min-width:469px) and (max-width:768px){
.con5{margin-top: 5vh;}
.con5 .mid{padding-top:5vh;}
.con5 .mid ul li{width:44%;margin-top:1vh;}
.con5 .mid ul li h1{line-height:3;}
.con5 .mid ul li:hover{background:#cd1717;margin-top:0rem !important;transition:all 0.6s ease 0s}
}




.con6{width:100%;height:auto;clear:both;position:relative;background:url(../image/con6.png) #eeeeee no-repeat center bottom;padding:5rem 0rem;}
#certify .swiper-container{margin-top:60px}
#certify  .swiper-slide{width: 43%;height: auto;}
#certify  .swiper-slide img{display:block;margin: 0 auto}
#certify  .swiper-slide p{line-height:98px;padding-top:0;text-align:center;color:#000;font-size:1.8rem;margin:0 auto;display:none;}
#certify .swiper-button-prev{left:-30px;width:45px;height:45px;background:url(../image/wm_button_icon.png) no-repeat;background-position:0 0;background-size:100%}
#certify .swiper-button-prev:hover{background-position:0 -46px;background-size:100%}
#certify .swiper-button-next{right:-30px;width:45px;height:45px;background:url(../image/wm_button_icon.png) no-repeat;background-position:0 -93px;background-size:100%}
#certify .swiper-button-next:hover{background-position:0 -139px;background-size:100%}
.swiper-wrapper .swiper-slide-active p{display:block !important;}
.con6_hon ul{width:100%;height:auto;display:none}
.con6_hon ul li{width:29.333%;float:left;margin-left:2%;margin-right:2%;overflow:hidden;background:rgba(255,255,255,0.8);margin-top:2rem;}
.con6_hon ul li a {display:block;padding:5%;}
.con6_hon ul li a img{width:100%;height:auto;padding:5%;}
.con6_hon ul li a p{clear:both;line-height:3;color:#000;font-size:1.8rem;text-align:center;}

@media only screen and (max-width:368px){

#certify {display:none;}
.con6_hon ul{display:block}
.con6_hon ul li{width:46%;}

}
@media (min-width:341px) and (max-width:438px){

#certify {display:none;}
.con6_hon ul{display:block}
.con6_hon ul li{width:46%;}
.con6_hon ul li:nth-child(5){display:none}
.con6_hon ul li:nth-child(6){display:none}
}
@media (min-width:439px) and (max-width:570px){

#certify {display:none;}
.con6_hon ul{display:block}
.con6_hon ul li{width:46%;}
.con6_hon ul li:nth-child(5){display:none}
.con6_hon ul li:nth-child(6){display:none}
}
@media (min-width:571px) and (max-width:768px){
#certify {display:none;}
.con6_hon ul{display:block}
.con6_hon ul li{width:46%;}
.con6_hon ul li:nth-child(5){display:none}
.con6_hon ul li:nth-child(6){display:none}
}
@media (min-width:769px) and (max-width:990px){
#certify {display:none;}
.con6_hon ul{display:block}
}
@media (min-width:990px) and (max-width:1220px){
#certify {display:none;}
.con6_hon ul{display:block}
}


.con7{width:100%;height:auto;clear:both;position:relative;background:url(../image/con7.jpg) no-repeat center bottom;padding:13rem 0rem;background-attachment: fixed;background-size: 100% 100% !important;}
.con7 .idea{width:100%;height:auto;background:#fff;padding:2% 5% 5% 5%;}
.con7 .idea .info{width:100%;height:auto;padding-top:2rem;}
.con7 .idea .info img{max-width:100%;width:auto;height:auto;position:relative;}
.con7 .idea .info p{line-height:2;color:#222;font-size:1.4rem;}
.con7 .idea .info a{color:#222;font-size:1.4rem;}
.con7 .idea .infot h1,h2,h2,h4,h5,span,font{color:#222;font-size:1.4rem;}
@media (max-width:1200px){
.con7 .idea{width:95%;margin:0 auto;padding:2% 5% 5% 5%;background:rgba(255,255,255,0.9);}
}








.contact{width:100%;height:auto;clear:both;background:url(../image/b6.jpg)  center top;padding:30px 0px 0px 0px;}
.contact .left{width:30%;float:left;height:100%;z-index:100;border-right:solid #fff 1px;}
.contact .right{width:70%;float:left;overflow: hidden;position: relative;z-index: 80;}


.contact .left ul {width:100%;height:auto;clear:both;margin-top:5vh;}
.contact .left ul li{margin-top: 1rem;width:98%;margin-left:1%;margin-right:1%;float:left;opacity: 0;transform: translateY(40px);-webkit-transform: translateY(40px);-webkit-transition: all 500ms ease;transition: all 500ms ease;}
.contact .left ul li .img{ width:30px; float:left;position:relative; overflow:hidden;display:block;}
.contact .left ul li .img img{ display:block; margin:0 auto; position:relative; filter: drop-shadow(30px 0 #cd1717); -webkit-filter: drop-shadow(30px 0 #cd1717);transition:all 1s}
.contact .left ul li:hover .img img{transform: translate(-30px, 0);-webkit-transform: translate(-30px, 0);-ms-transform: translate(-30px, 0);-o-transform: translate(-30px, 0);transition:all 1s}

.contact .left .er{font-size:1.4rem;color:#fff;clear:both;margin-top:2rem;float:left;}
.contact .left .er img{max-width:140px;margin-right:2rem;}

.contact .left ul li .text{float:left;width:85%;overflow:hidden;text-align: left;}
.contact .left ul li .text p{color:#fff;line-height:1.8;font-size:1.6rem;}
.contact .left ul li:hover .img img{left:0px;transition: all 700ms;}
.contact .left ul li:hover .text p{color:#cd1717}
.contact .left h1{width:100%;text-align:center;color:#000;font-size:1.8rem;}
.contact .left h2{width:100%;text-align:center;color:#000;font-size:2.4rem;line-height:3}
.contact .left .xian{width:15%;border:solid #cd1717 1px;margin:0 auto;clear:both;}


.contact .right ul{width:100%;float:left;overflow: hidden;position: relative;z-index: 80;margin-top:5vh;}
.contact .right ul li{width:15%;margin:0% 5%;float:left}
.contact .right ul li h1 a {color:#fff;font-size:1.8rem;font-weight:bold;line-height:2;letter-spacing:1px;}
.contact .right ul li p a{color:#fff;font-size:1.4rem;line-height:2;}




.footer{width:100%;height:auto;border-top:solid #fff 1px;padding:15px 0px;clear:both;margin-top:2rem;}
.footer .f1{float:left;font-size:1.4rem;color:#fff;}
.footer .f2{float:left;font-size:1.4rem;color:#fff;}
.footer .f3{float:right;font-size:1.4rem;color:#fff;}
.footer .f3 a{font-size:1.4rem;color:#fff;}
.footer a{margin:0px 5px;}


@media screen and (max-width:468px){
.index_main .section7 .tit{padding-top:1vh;}
.contact .left{width:80%;margin:0 auto;border:none;float:none;}
.contact .right{display:none;}
.contact{margin-top:3vh;}
.contact .left .er {text-align: center;width:100%;}
.contact .left .er img{clear:both;display:block;margin:0 auto;float:none;padding:10px;}
.footer .fl{width:100%;clear:both;}
}

@media (min-width:469px) and (max-width:768px){
.index_main .section7 .tit{padding-top:1vh;}
.contact .left{width:80%;margin:0 auto;border:none;float:none;}
.contact .right{display:none;}
.contact{margin-top:3vh;}
.contact .left .er {text-align: center;width:100%;}
.contact .left .er img{clear:both;display:block;margin:0 auto;float:none;padding:10px;}
.footer .fl{width:100%;clear:both;}
}
@media (min-width:769px) and (max-width:990px){
.index_main .section7 .tit{padding-top:1vh;}
.contact .left { width: 100%; border:none;}
.contact .left ul { width: 60%;clear:none;float:left;}
.contact .left .er { width: 40%;clear:none;float:left;}
.contact .right{ width: 100%; border:none;}
.contact .right ul li {  width: 23%; margin: 0% 1%;}
.contact .left .er img {max-width: 120px;}
}
@media (min-width:991px) and (max-width:1200px){
.contact .left { width: 100%; border:none;}
.contact .left ul { width: 70%;clear:none;float:left;}
.contact .left .er { width: 30%;clear:none;float:left;}
.contact .right{ width: 100%; border:none;}
.contact .right ul li {  width: 23%; margin: 0% 1%;}
.contact .left .er img {max-width: 120px;}
}




.productlist{width:100%;height:auto;clear:both;position:relative;padding:20px 0px;background-size:100% 100%; background-attachment:fixed;padding:5% 0%;}



.product3{width:100%;height:auto;clear:both;position:relative;}


.product3 .owl-item{float:left;padding: 1rem;overflow:hidden;width:23%;margin:1%;float:left;position: relative;border: solid #ccc 1px;}
.product3 .owl-item .item{overflow:hidden;}
.product3 .owl-item .item .img{display:block;width:100%;height:auto;overflow:hidden;background:#fff;padding:2%;}
.product3 .owl-item .text{width:100%;height:auto;padding:2rem 1rem;float: left;transition:all 1s;width:100%}
.product3 .owl-item .item .img p{position:absolute;left:10%;top:5%;color: #000;letter-spacing: 2px;font-size: 2rem;width:80%;font-weight:normal;transition:all 1s;}
.product3 .owl-item .text h1{width:100%;line-height:2;color:#000;float:left;display:block;font-size:1.6rem;transition:all 1s;clear:both;letter-spacing:1px;}
.product3 .owl-item .text p{width:100%;color:#222;float:left;display:block;font-size:1.4rem;transition:all 1s;clear:both;}
.product3 .owl-item .text span{width:100%;height:40px;line-height:40px;background:#ccc;color:#fff;display:block;text-align:center;clear:both;font-size:1.4rem;margin-top:1rem;transition:all 1s;display:block;}

.product3 .owl-item:hover .text{bottom:1rem;transition:all 1s;}
.product3 .owl-item:hover .text span{transition:all 1s;background:#1d2088;line-height:40px;height:40px;letter-spacing:1px;font-size:1.4rem;}
.product3 .owl-item:hover .img p{font-size:2.2rem;transition:all 1s;}
.product3 .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%;}
.product3 .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;}




@media (max-width:468px){
.product3 .owl-item{width:98%;}
}
@media (min-width:469px) and (max-width:768px){
.product3 .owl-item{width:48%;}
}
@media (min-width:769px) and (max-width:990px){
.product3 .owl-item{width:48%;}
}
@media (min-width:991px) and (max-width:1080px){
.product3 .owl-item{width:31.3333%;}
}

@media (min-width:1081px) and (max-width:1320px){
.product3 .owl-item{width:31.3333%;}
}








.hidden{ display: none;}
.moreload{width: 100%;height: auto;margin:0 auto;overflow: hidden;text-align: left;padding:5px;}
.moreload ul.list{overflow: hidden;padding-bottom: 7rem;}
.moreload ul.list p{text-align: center;padding: 10px;}
.moreload .more{overflow: hidden;padding:10px;text-align: center;}
.moreload .more a{display: block;width: 100%;margin:0 auto;text-align:center;color:#000;font-size:1.4rem;line-height:2;}
.moreload .more a img{max-width:100%;width:auto;height:auto;display:block;margin:0 auto;}
.moreload .more p{display: block;width: 100%;margin:0 auto;text-align:center;color:#cd1717;font-size:1.4rem;line-height:2;font-weight:bold;}
.moreload .more a:hover{color:#cd1717}






.caselist{width:100%;height:auto;clear:both;position:relative;margin: 2% 0%;float: left;min-height: 70vh}
.caselist li{padding: 0% 0% 2% 0%;width:21%;margin-left:2%;margin-right:2%;float:left;position:relative;z-index:10; transition:all 500ms;margin-top: 4rem;background:#fff;}
.caselist li .glightbox2{display:block;width:100%;color:#333;}
.caselist li .titc{width: 100%;display: block;margin: auto; margin-top: auto;z-index: 9999;position: relative;text-align:center;font-size:1.5rem;color:#33;line-height:3;transition:all 500ms;}
.caselist li:hover .titc{background:#cd1717;transition:all 500ms;}
.caselist li:hover .glightbox2{color:#fff;}
.caselist li .mask{width: 100%;height:auto;overflow:hidden;position:absolute;left:0;top:0px;z-index:20;transition:all 500ms;font-size: 0rem}
.caselist li .img{display:block;width: 100%;height:100%}
.caselist li img{width: 100%;height:90%;padding: 2%;}
.caselist li h3{font-size:12px;}
.caselist li .csbg{width:70%;height:auto;background:#ffffff;margin:0 auto;z-index:5;transition:all 500ms;margin-top: -10%;z-index: 9999;position: relative;box-shadow:1px 1px 1px #ccc;}
.caselist li .csbg h3{font-size:1.6rem;text-align:center;padding:2rem;display:block;width:100%;}
.caselist li .csbg h3 a{font-size:1.6rem;text-align:center;display:block;width:100%;color:#333;line-height:2;}
.caselist li:hover {color:#fff;}
.caselist li:hover .mask{top:0px;text-align:center;font-size:1.8rem;color:#ffffff;top:30%;text-shadow:1px 1px 1px #333;}
.caselist li:hover .csbg{background:#cd1717;color:#ffffff}
.caselist li:hover .csbg h3 a{text-align:center;display:block;width:100%;color:#ffffff}
.caselist li:vidited .csbg h3 a{color:#ffffff}
@media (max-width:468px){
.caselist li{width:90%;margin-left:5%;margin-right:5%;}
.caselist li:hover .mask{font-size:1.6rem;}
}
@media (min-width:469px) and (max-width:768px){
.caselist li{width:90%;margin-left:5%;margin-right:5%;}
.caselist li:hover .mask{font-size:1.6rem;}
}
@media (min-width:769px) and (max-width:990px){
.caselist li{width:46%;}
.caselist li .csbg h3 a{font-size:1.4rem;}
.caselist li:hover .mask{font-size:1.6rem;}
}
@media (min-width:991px) and (max-width:1080px){
.caselist li{width:46%;}
.caselist li .csbg h3 a{font-size:1.6rem;}
.caselist li:hover .mask{font-size:1.8rem;}
}
@media (min-width:1081px) and (max-width:1200px){
.caselist li{width: 29%;}
.caselist li .csbg h3 a{font-size:1.6rem;}
.caselist li:hover .mask{font-size:1.8rem;}
}







.glightbox-container{width:100%;height:100%;position:fixed;top:0;left:0;z-index:99999 !important;overflow:hidden;overflow-scrolling:touch}
.glightbox-container.inactive{display:none}
.glightbox-container .gcontainer{position:relative;width:100%;height:100%;z-index:9999}
.glightbox-container .gslider{-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;height:100%;left:0;top:0;width:100%;position:absolute}
.glightbox-container .gslide{height:100%;width:100%;position:absolute;display:block;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;opacity:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.glightbox-container .gslide.current{opacity:1;z-index:99999}
.glightbox-container .gslide.prev{opacity:1;z-index:9999}
.glightbox-container .gslide-inner-content{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.glightbox-container .ginner-container{width:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-width: 80% !important;}
.glightbox-container .ginner-container.desc-bottom,.glightbox-container .ginner-container.desc-top{display:inline-block}
.glightbox-container .ginner-container.desc-left,.glightbox-container .ginner-container.desc-right{max-width:100% !important}
.gslide iframe,.gslide video{width:100vw;max-width:100vw;min-width:100vw;outline:none !important;border:none;min-height:165px;-webkit-overflow-scrolling:touch;overflow-scrolling:touch;-ms-touch-action:auto;touch-action:auto}
.gslide-image img{max-height:93%;display:block;max-width:100%;margin:0;padding:0;float:none;outline:none;border:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.gslide-video{width:100%;height:auto;min-width:100%;max-width:100%;min-height:auto;max-height:auto;position:relative}
.gslide-video:before{content:'';display:block;position:absolute;width:100%;height:100%;background:rgba(255,0,0,.34);display:none}
.gslide-video.playing:before{display:none}
.gslide-video .jw-media,.gslide-video .jw-video{position:relative !important}
.gslide-video .jwplayer{max-width:100vw;width:100vh;height:auto !important}
.gslide-video .jwplayer,.gslide-video .box-emboss{outline:none !important;-webkit-box-shadow:none !important;box-shadow:none !important;border:none !important}
.gslide-video .jwplayer .btnd:active,.gslide-video .jwplayer .btnd:focus,.gslide-video .jwplayer .btnd.active,.gslide-video .box-emboss .btnd:active,.gslide-video .box-emboss .btnd:focus,.gslide-video .box-emboss .btnd.active{background-image:none;outline:0;-webkit-box-shadow:none;box-shadow:none}
.gslide-video object{position:absolute;top:0;left:0}
.gslide-inline{background:#fff;padding:20px;text-align:left;max-height:62vh;overflow:auto}
.ginlined-content{overflow:auto;display:block !important;opacity:1}
.gslide-external{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;min-width:100%;background:#fff;padding:0;overflow:auto;max-height:62vh}
.gslide-media{display:block;width:auto}
.gslide-description.left-position,.gslide-description.right-position{padding:30px;background:#fff;max-width:300px;min-width:190px}
.gslide-description .bottom-position,.gslide-description .top-position{padding:30px;background:#fff;width:100%;display:inline-block;min-width:190px}
.gslide-description.description-left,.gslide-description.description-right{max-width:100%}
.gslide-description p{margin-bottom:12px}
.gslide-description p::last-child{margin-bottom:0}
.glightbox-mobile .glightbox-container .gslide-description{background:transparent;position:absolute;bottom:15px;padding:19px 11px;max-width:100vw !important;-webkit-box-ordinal-group:3 !important;-ms-flex-order:2 !important;order:2 !important;max-height:78vh;overflow:auto !important;background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,.75)));background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,.75) 100%);-webkit-transition:opacity .3s linear;transition:opacity .3s linear}
.glightbox-mobile .glightbox-container .gslide-title{color:#fff;font-size:1em}
.glightbox-mobile .glightbox-container .gslide-desc{color:#a1a1a1}
.glightbox-mobile .glightbox-container .gslide-desc a{color:#fff;font-weight:bold}
.glightbox-mobile .glightbox-container .gslide-desc .desc-more{color:#fff;opacity:.4}
.gdesc-open .gslide-media{-webkit-transition:opacity .5s ease;transition:opacity .5s ease;opacity:.4}
.gdesc-open .gslide-description{padding-bottom:30px}
.gdesc-closed .gslide-media{-webkit-transition:opacity .5s ease;transition:opacity .5s ease;opacity:1}
.greset{-webkit-transition:all .5s ease;transition:all .5s ease}
.glightbox-desc{display:none}
.glightbox-open{overflow:hidden;-webkit-overflow-scrolling:touch;-ms-touch-action:auto;touch-action:auto}
.gloader{height:25px;width:25px;-webkit-animation:lightboxLoader .8s infinite linear;animation:lightboxLoader .8s infinite linear;border:2px solid #fff;border-right-color:transparent;border-radius:50%;position:absolute;display:block;z-index:9999;left:0;right:0;margin:0 auto;top:47%}
.goverlay{width:100%;height:100%;position:fixed;top:0;left:0;background:#000}
.gprev,.gnext,.gclose{background-repeat:no-repeat;z-index:99999;cursor:pointer;width:26px;height:44px;display:block;background-position:0 0}
.gprev.disabled,.gnext.disabled,.gclose.disabled{opacity:.1}
.gprev .garrow,.gnext .garrow,.gclose .garrow{stroke:#fff}
iframe.wait-autoplay{opacity:0}
.glightbox-closing .gnext,.glightbox-closing .gprev,.glightbox-closing .gclose{opacity:0 !important}
.glightbox-clean .gslide-description{background:#fff;padding:22px 20px}
.glightbox-clean .gslide-title{font-size:1.8rem;font-weight:normal;font-family:arial;color:#000;margin-bottom:19px;line-height:1.4em}
.glightbox-clean .gslide-desc{font-size:1.6rem;margin-bottom:0;font-family:arial;line-height:1.4em}
.glightbox-clean .gslide-video{background:#000}
.glightbox-clean .gprev,.glightbox-clean .gnext,.glightbox-clean .gclose{background:url(../image/cajt.png);}
.glightbox-clean .gprev{background-color:rgba(0,0,0,.08);background-position:4px 5px;position:absolute;top:-100%;left:30px;width:38px;height:56px}
.glightbox-clean .gnext{background-color:rgba(0,0,0,.08);background-position:-27px 5px;position:absolute;top:-100%;right:30px;width:38px;height:56px}
.glightbox-clean .gclose{background-color:rgba(0,0,0,.08);width:35px;height:35px;top:15px;right:10px;position:absolute;opacity:.7;background-position:-59px 2px}
.glightbox-clean .gclose:hover{opacity:1}
.gfadeIn{-webkit-animation:gfadeIn .5s ease;animation:gfadeIn .5s ease}
.gfadeOut{-webkit-animation:gfadeOut .5s ease;animation:gfadeOut .5s ease}
.gslideOutLeft{-webkit-animation:gslideOutLeft .3s ease;animation:gslideOutLeft .3s ease}
.gslideInLeft{-webkit-animation:gslideInLeft .3s ease;animation:gslideInLeft .3s ease}
.gslideOutRight{-webkit-animation:gslideOutRight .3s ease;animation:gslideOutRight .3s ease}
.gslideInRight{-webkit-animation:gslideInRight .3s ease;animation:gslideInRight .3s ease}
.gzoomIn{-webkit-animation:gzoomIn .5s ease;animation:gzoomIn .5s ease}
.gzoomOut{-webkit-animation:gzoomOut .5s ease;animation:gzoomOut .5s ease}
@-webkit-keyframes lightboxLoader{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}@keyframes lightboxLoader{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}@-webkit-keyframes gfadeIn{from{opacity:0}
to{opacity:1}
}@keyframes gfadeIn{from{opacity:0}
to{opacity:1}
}@-webkit-keyframes gfadeOut{from{opacity:1}
to{opacity:0}
}@keyframes gfadeOut{from{opacity:1}
to{opacity:0}
}@-webkit-keyframes gslideInLeft{from{opacity:0;-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0)}
to{visibility:visible;-webkit-transform:translate3d( 0,0,0);transform:translate3d( 0,0,0);opacity:1}
}@keyframes gslideInLeft{from{opacity:0;-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0)}
to{visibility:visible;-webkit-transform:translate3d( 0,0,0);transform:translate3d( 0,0,0);opacity:1}
}@-webkit-keyframes gslideOutLeft{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
to{-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0);opacity:0;visibility:hidden}
}@keyframes gslideOutLeft{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
to{-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0);opacity:0;visibility:hidden}
}@-webkit-keyframes gslideInRight{from{opacity:0;visibility:visible;-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0)}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
}@keyframes gslideInRight{from{opacity:0;visibility:visible;-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0)}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
}@-webkit-keyframes gslideOutRight{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
to{-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0);opacity:0}
}@keyframes gslideOutRight{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
to{-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0);opacity:0}
}@-webkit-keyframes gzoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
to{opacity:1}
}@keyframes gzoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
to{opacity:1}
}@-webkit-keyframes gzoomOut{from{opacity:1}
50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
to{opacity:0}
}@keyframes gzoomOut{from{opacity:1}
50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
to{opacity:0}
}@media (min-width:25em){.gslide iframe,.gslide video{min-width:0}
}@media (min-width:48em){.glightbox-container .ginner-container{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}
.glightbox-container .ginner-container.desc-left .gslide-description,.glightbox-container .ginner-container.desc-top .gslide-description{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}
.glightbox-container .ginner-container.desc-left .gslide-media,.glightbox-container .ginner-container.desc-top .gslide-media{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}
.gslide-image img{width:auto;width:initial;max-height:97vh}
.gslide-video{display:-webkit-box;display:-ms-flexbox;display:flex;min-height:100px;height:100%;max-height:95vh !important}
.gslide-inline{max-height:95vh}
.gslide-external{max-height:95vh}
.gslide-media{display:block;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.gslide-description.description-left,.gslide-description.description-right{max-width:275px}
.goverlay{background:rgba(0,0,0,.92)}
.glightbox-clean .ginner-container{-webkit-box-shadow:1px 2px 9px 0px rgba(0,0,0,.65);box-shadow:1px 2px 9px 0px rgba(0,0,0,.65)}
.glightbox-clean .gprev{top:45%}
.glightbox-clean .gnext{top:45%}
}@media (min-width:62em){.glightbox-clean .gclose{right:20px}
}




@media (max-width:468px){
.gslide-media {width:100%;background:#fff;}
.gslide-image img {margin: 0 auto;}
}
@media (min-width:469px) and (max-width:768px){
.gslide-media {width:100%;background:#fff;}
.gslide-image img {margin: 0 auto;}
}
@media (min-width:769px) and (max-width:990px){
.gslide-media {width:100%;background:#fff;}
.gslide-image img {margin: 0 auto;}
}
@media (min-width:991px) and (max-width:1080px){

}






.xypg-pagination{margin-top:20px;text-align:center;font-size:0;padding: 5rem 0rem;clear:both;}
.xypg-pagination .pagin-left,.xypg-pagination .pagin-mid,.xypg-pagination .pagin-right,.xypg-pagination .pagin-select{display:inline-block;vertical-align:middle}
.xypg-pagination a,.xypg-pagination #current{display:inline-block;font-size:14px;color:#333333;font-family:"Microsoft YaHei",Arial;line-height:26px;border:1px solid #cbcbcb;margin:0 5px;padding:0 8px}
.xypg-pagination #current,.xypg-pagination a:hover{color:#fff;border-color:#cd1717;background:#cd1717}
.xypg-pagination .pagin-mid{font-size:14px}
.xypg-pagination .pagin-mid .mob-pagin-mid{display:none}
.xypg-pagination .pagin-select{font-size:14px}
.xypg-pagination .pagin-select select{height:28px;padding:0 8px;margin:-1px 5px 0 5px}
@media (max-width:768px){.xypg-pagination .pagin-mid .pc-pagin-mid{display:none}
.xypg-pagination .pagin-mid .mob-pagin-mid{display:block}
.xypg-pagination .pagin-mid .mob-pagin-mid span{display:inline-block;padding:0 8px;line-height:28px;font-size:14px}
.xypg-pagination .pagin-select{display:none}
}
















.newslist{width:100%;height:auto;clear:both;position:relative;padding: 3rem 0px 3rem 0px;}
.newslist ul{width:100%;height:auto;clear:both;position:relative;margin-top:5rem;}
.newslist ul li{width:31%;height:25vh;margin-left:1%;margin-right:1%;float:left;border:solid #ccc 1px;overflow: hidden;position:relative;margin-top:2rem;}
.newslist ul li .first{position:relative;width:100%;height:100%;padding: 2% 2% 0% 2%;}
.newslist ul li .first h2{display:block;width:100%;float:left;transition:all 1s;}
.newslist ul li .first h2 a{color:rgba(0,0,0,0.8);font-size:1.4rem;font-weight:normal;letter-spacing:1px;}
.newslist ul li .first h1{display:block;width:100%;float:left;transition:all 1s;}
.newslist ul li .first h1 a{color:#000;font-size:1.4rem;letter-spacing:1px;font-weight:normal;letter-spacing:1px;line-height:4;}

.newslist ul li .first .nec{display:block;width:100%;float:left;lear:both;padding:2rem 0rem;}
.newslist ul li .first .nec p{display:block;width:100%;float:left;color:rgba(0,0,0,0.8);font-size:1.4rem;clear:both;line-height:2;}
.newslist ul li .first span{display:block;width:75%;float:left;margin:1rem 0rem 0rem 0rem;font-weight:bold;color:rgba(0,0,0,0.8);}



.newslist ul li .sec .cts{position:absolute;right:7%;top:12%;width:25%;}
.newslist ul li .sec .nmore{display:block;float:right;width:30px;height:30px;border:solid #fff 1px;marign-top:1rem;transition:all 1s;}
.newslist ul li .sec .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}


.newslist ul li .sec{width:100%;height:100%;position:absolute;left:0px;bottom:-40vh;transition:all 1s;}
.newslist ul li .sec .img{width:100%;height:100%;position:relative;}
.newslist ul li .sec .img img{width:100%;height:auto;}
.newslist ul li .sec .text{position:absolute;left:0px;bottom:0px;width:100%;height:10vh;background:rgba(0,0,0,0.8);padding:5%;}
.newslist ul li .sec h2{display:block;width:100%;float:left;transition:all 1s;}
.newslist ul li .sec h2 a{color:rgba(255,255,255,0.8);font-size:1.4rem;font-weight:normal;letter-spacing:1px;}
.newslist ul li .sec h1{display:block;width:100%;float:left;transition:all 1s;}
.newslist ul li .sec h1 a{color:#fff;font-size:1.4rem;letter-spacing:1px;font-weight:normal;letter-spacing:1px;line-height:4;}
.newslist ul li:hover .sec{bottom:0px;transition:all 1s;}

.newslist .more{margin-top:0rem;border:solid #fff 1px;display:none;}
.newslist .more p{color:#fff !important;}




@media (max-width:468px){
.newslist ul li{width:98%;height:auto;float:none;margin:0 auto;margin-top:2rem;}
.newslist ul li .nim{width:100% !important;float:left !important;}
.newslist ul li:nth-child(4),.newslist ul li:nth-child(5),.newslist ul li:nth-child(6){display:none;}
.newslist ul li .first{padding: 2% 2% 2% 2%;}
.newslist ul li .first span{margin:1rem 0rem 1rem 0rem;}
.newslist .more{display:block;}
}
@media (min-width:469px) and (max-width:768px){
.newslist ul li{width:98%;height:auto;float:none;margin:0 auto;margin-top:2rem;}
.newslist ul li .nim{width:100% !important;float:left !important;}
.newslist ul li:nth-child(4),.newslist ul li:nth-child(5),.newslist ul li:nth-child(6){display:none;}
.newslist ul li .first{padding: 2% 2% 2% 2%;}
.newslist ul li .first span{margin:1rem 0rem 1rem 0rem;}
.newslist .more{display:block;}
}



@media (min-width:769px) and (max-width:1080px){
.newslist ul li{width:48%;margin-left:1%;margin-right:1%;height:auto;float:left;;margin-top:2rem;}
.newslist ul li .nim{width:100% !important;float:left !important;}
.newslist ul li:nth-child(5),.newslist ul li:nth-child(6){display:none;}
.newslist ul li .first{padding: 2% 2% 2% 2%;}
.newslist ul li .first span{margin:1rem 0rem 1rem 0rem;}
.newslist .more{display:block;}
}
@media (min-width:1081px) and (max-width:1200px){
.newslist ul li{height:30vh;}
}






.product{width:100%;height:auto;clear:both;position:relative;background:#fff;padding: 0% 0% 5% 0%;}

#glass{position:absolute;border-radius:50%;box-shadow:0 0 0 7px rgba(255,255,255,0.85),0 0 7px 7px rgba(0,0,0,0.25),inset 0 0 40px 2px rgba(0,0,0,0.25);display:none;background-repeat:no-repeat;background-color:rgba(0,0,0,.6)}
.content img{display:block;margin:20px auto}
.center{text-align:center}

.product .first {width:100%;height:auto;padding: 3% 0%;background:#f8f8f8;}
.product .first .left{width:32%;float:left;background:#fff;padding:2%;overflow: hidden;}
.product .first .left img{width:100%;height:auto;}
.product .first .right{width:62%;float:right;margin-right:2%;padding:2%;}
.product .first .right h1{border-bottom:solid #bdbdbd 1px;margin-bottom: 2rem;}
.product .first .right h1 a{line-height:3;color:#000;font-size:2.6rem;font-weight:bold;letter-spacing:2px;}
.product .first .right h2{margin-bottom: 2rem;background:#1d2088;width:30%;display:block;float:left;text-align: center;border-radius: 5px;margin-top:2rem;}
.product .first .right h2 a{line-height:3;color:#fff;font-size:1.4rem;font-weight:bold;letter-spacing:2px;text-align:center;}

.product .first .right p{color:#333;font-size:1.6rem;line-height:2;}
.product .product_info a{color:#333;font-size:1.6rem;line-height:2;}

.product .product_info{width:100%;height:auto;clear:both;background:#fff;}
.product .product_info .product_info_tit{border-bottom:solid #c2c2c2 1px;width:100%;padding-top:4rem;margin-bottom:4rem;}
.product .product_info .product_info_tit h1{display:block;line-height:3;font-weight:bold;letter-spacing:2px;text-align:center;color:#000;width:100%;font-size:2rem;}

.product .product_info_mm{width:100%;height:auto;clear:both;background:#fff;}
.product .product_info_mm p{display:block;line-height:1.8;text-align:leftc;color:#333;width:100%;font-size:1.6rem;}

@media (max-width:468px){
.product .first .left{width:95%;margin:0 auto;float:none;}
.product .first .right{width:95%;margin:0 auto;float:none;}
.product .first .right h1 a{font-size:1.8rem;}
.product .product_info{width:95%;margin:0 auto;float:none;}
.product .product_info p{width:90%;margin:0 auto;}
.product .product_info .product_info_tit h1{line-height:3;}
}
@media (min-width:469px) and (max-width:768px){
.product .first .left{width:95%;margin:0 auto;float:none;}
.product .first .right{width:95%;margin:0 auto;float:none;}
.product .first .right h1 a{font-size:1.8rem;}
.product .product_info{width:95%;margin:0 auto;float:none;}
.product .product_info p{width:90%;margin:0 auto;}
.product .product_info .product_info_tit h1{line-height:3;}
}
@media (min-width:769px) and (max-width:990px){
.product .first .left{width:95%;margin:0 auto;float:none;}
.product .first .right{width:95%;margin:0 auto;float:none;}
.product .first .right h1 a{font-size:1.8rem;}
.product .product_info{width:95%;margin:0 auto;float:none;}
.product .product_info p{width:90%;margin:0 auto;}
.product .product_info .product_info_tit h1{line-height:3;}
}
@media (min-width:991px) and (max-width:1080px){
.product .first .right h1 a{font-size:1.8rem;}
}

@media (min-width:1081px) and (max-width:1320px){
.product .first .right h1 a{font-size:2rem;}
}
@media (min-width:1321px) and (max-width:1600px){
.product .first .right h1 a{font-size:2.2rem;}
}







.news{width:100%;height:auto;clear:both;position:relative;padding: 2% 0% 5% 0%;}
.news .news_info a{color:#333;font-size:1.6rem;line-height:2;}
.news .news_info{width:100%;height:auto;clear:both;background: rgba(255,2555,255,0.8);padding: 4% 2%;}
.news .news_info .news_info_tit{width:100%;padding-top:4rem;margin-bottom:4rem;}
.news .news_info .news_info_tit h1{font-size: 3rem;color: #363636;font-weight: bold;margin-bottom: 10px;line-height: 1.7;text-align:center;letter-spacing:1px;}
.news .news_info_mm{width:100%;height:auto;clear:both;}
.news .news_info_mm p{display:block;line-height:2.2;text-align:leftc;color:#333;width:100%;font-size:1.6rem;}

@media (max-width:468px){


.news .news_info{width:95%;margin:0 auto;float:none;}
.news .news_info .news_info_tit h1{font-size: 2rem;line-height: 1.7;}
}
@media (min-width:469px) and (max-width:768px){
.news .news_info{width:95%;margin:0 auto;float:none;}

.news .news_info .news_info_tit h1{line-height:3;}
}
@media (min-width:769px) and (max-width:990px){
.news .news_info{width:95%;margin:0 auto;float:none;}
.news .news_info p{width:90%;margin:0 auto;}
.news .news_info .news_info_tit h1{line-height:3;}
}










.xypg-detail-info-bar{font-size:14px;font-family:Arial;color:#9e9e9e;line-height:35px;border-bottom:1px dashed #cfcfcf;margin-bottom:20px}
.xypg-detail-info-bar .detail-info-time{line-height: 2;text-align: center;}
.xypg-detail-info-bar .detail-info-time p{display:inline-table;margin:0% 1%}




.contactlist{width:100%;height:auto;clear:both;position:relative;padding: 2% 0% 5% 0%;float: left;}
.contactlist .contact_tit{width:100%;text-align:left;margin: 1rem 0rem;clear:both;}
.contactlist .contact_tit h1{font-size:2.6rem;color:#000;line-height:3;font-weight:normal;}
.contactlist .contact_tit h2{font-size:1.4rem;color:#777;font-weight:normal;}





.contact-form{border:1px solid #eee;padding:30px;margin-top:50px;overflow:hidden;}
.map-area{margin-top:50px;overflow:hidden;text-align: right;}


input,textarea,select{background:#fff;width:100%;float:left;margin-left:1%;margin-right:1%;background:transparent;border:1px solid #ddd;padding: 10px;font-size:14px;font-weight:600;letter-spacing:1px;transition:.3s;margin-bottom:20px}
textarea{height:150px;resize:none}
input[type="submit"]{border:none;display:inline-block;background:#cd1717;color:#fff;padding:12px 30px;margin:20px 0;width:auto;text-transform:uppercase;transition:.3s;cursor:pointer;width: 100%;clear:both;}
input:focus::-webkit-input-placeholder,textarea:focus::-webkit-input-placeholder{color:transparent}








.contactlist .left{width:49%;height:auto;overflow:hidden;float:left;background: rgba(255,255,255,0.8);padding: 4% 2%;}

.contactlist .left p{color:#000;font-size:1.6rem;line-height:2;}
.contactlist .left .ma { overflow: hidden; margin: 4% 0;}
.contactlist .left .ma img{max-width:150px;height:auto;}

.contactlist .right{width:49%;height:auto;overflow:hidden;float:right;background: rgba(255,255,255,0.8);padding: 4% 2%;}
.contactlist .right h1{float:right;width:100%;text-align:right;color:#000;font-size:2.4rem;display:block;}
.contactlist .right ul{clear:both;width:100%;height:auto;}
.contactlist .right ul li{width:48%;margin-left:1%;margin-right:1%;float:left;text-align:center;margin-top:3rem;}
.contactlist .right ul li p{display:inline-table;color:#595959;font-size:1.6rem;clear:both;width: 100%;}

.contactlist .right ul li .img{ display:block;width:45px;height:45px;margin:0 auto; overflow:hidden;}
.contactlist .right ul li .img img{ display:block; width:45px;height:45px;margin:0 auto; position:relative; filter: drop-shadow(45px 0 #cd1717); -webkit-filter: drop-shadow(45px 0 #cd1717);transition:all 1s}
.contactlist .right ul li:hover .img img{transform: translate(-45px, 0);-webkit-transform: translate(-45px, 0);-ms-transform: translate(-45px, 0);-o-transform: translate(-45px, 0);transition:all 1s}
.contactlist .right ul li .ctitle{float:left;color: #444;font-size: 1.6rem;line-height: 30px;margin-top:3rem;}
.contactlist .right ul li .ctitle2{float:left;color: #444;font-size: 1.6rem;line-height: 30px;text-align: left;padding: 5%;}
.contactlist .right ul li font{float:left;width:50%;}
.contactlist .right ul li font img{width:130px;height:130px;}
.contactlist .right ul li:last-child{width:100%;}


@media (max-width:468px){
.contactlist .left{width:100%;margin:0 auto;float: none;margin-top:5rem;}
.contactlist .right{width:100%;margin:0 auto;float: none;margin-top:5rem;}
.contactlist .right ul li .img{width:30px;height:30px;}
.contactlist .right ul li .img img{  width:30px;height:30px;filter: drop-shadow(30px 0 #cd1717); -webkit-filter: drop-shadow(30px 0 #cd1717);}
.contactlist .right ul li:hover .img img{transform: translate(-30px, 0);-webkit-transform: translate(-30px, 0);-ms-transform: translate(-30px, 0);-o-transform: translate(-30px, 0);}
.contactlist .right ul li p{font-size:1.4rem;}
.contactlist .right h1{background:#cd1717;color:#fff;padding:2rem;}
.contactlist .right ul li:last-child{width:100%;}
.contactlist .right ul li .ctitle2{font-size: 1.4rem;}
}

@media (min-width:469px) and (max-width:768px){
.contactlist .left{width:100%;margin:0 auto;float: none;margin-top:5rem;}
.contactlist .right{width:100%;margin:0 auto;float: none;margin-top:5rem;}
.contactlist .right ul li .img{width:30px;height:30px;}
.contactlist .right ul li .img img{  width:30px;height:30px;filter: drop-shadow(30px 0 #cd1717); -webkit-filter: drop-shadow(30px 0 #cd1717);}
.contactlist .right ul li:hover .img img{transform: translate(-30px, 0);-webkit-transform: translate(-30px, 0);-ms-transform: translate(-30px, 0);-o-transform: translate(-30px, 0);}
.contactlist .right ul li p{font-size:1.4rem;}
.contactlist .right h1{background:#cd1717;color:#fff;padding:2rem;}
.contactlist .right ul li:last-child{width:100%;}
.contactlist .right ul li .ctitle2{font-size: 1.4rem;}
}
@media (min-width:769px) and (max-width:990px){
.contactlist .left{width:100%;margin:0 auto;float: none;margin-top:5rem;}
.contactlist .right{width:100%;margin:0 auto;float: none;margin-top:5rem;}
.contactlist .right ul li .img{width:30px;height:30px;}
.contactlist .right ul li .img img{  width:30px;height:30px;filter: drop-shadow(30px 0 #cd1717); -webkit-filter: drop-shadow(30px 0 #cd1717);}
.contactlist .right ul li:hover .img img{transform: translate(-30px, 0);-webkit-transform: translate(-30px, 0);-ms-transform: translate(-30px, 0);-o-transform: translate(-30px, 0);}
.contactlist .right ul li p{font-size:1.4rem;}
.contactlist .right h1{background:#cd1717;color:#fff;padding:2rem;}
.contactlist .right ul li:last-child{width:100%;}
.contactlist .right ul li .ctitle2{font-size: 1.4rem;}
}

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

.contactlist .right ul li .img{width:30px;height:30px;}
.contactlist .right ul li .img img{  width:30px;height:30px;filter: drop-shadow(30px 0 #cd1717); -webkit-filter: drop-shadow(30px 0 #cd1717);}
.contactlist .right ul li:hover .img img{transform: translate(-30px, 0);-webkit-transform: translate(-30px, 0);-ms-transform: translate(-30px, 0);-o-transform: translate(-30px, 0);}
.contactlist .right ul li p{font-size:1.4rem;}
.contactlist .right ul li:last-child{width:100%;}
.contactlist .right ul li .ctitle2{font-size: 1.4rem;}
}

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

.contactlist .right ul li .img{width:30px;height:30px;}
.contactlist .right ul li .img img{  width:30px;height:30px;filter: drop-shadow(30px 0 #cd1717); -webkit-filter: drop-shadow(30px 0 #cd1717);}
.contactlist .right ul li:hover .img img{transform: translate(-30px, 0);-webkit-transform: translate(-30px, 0);-ms-transform: translate(-30px, 0);-o-transform: translate(-30px, 0);}
.contactlist .right ul li p{font-size:1.4rem;}
.contactlist .right ul li:last-child{width:100%;}
.contactlist .right ul li .ctitle2{font-size: 1.4rem;}
}






.xypg-detail-tags{margin-top:40px}
.xypg-detail-tags .tags-title{border-bottom:1px solid #c3c3c3;position:relative}
.xypg-detail-tags .tags-title h3{display:inline-block;padding:0 30px;font-size:16px;color:#cd1717;line-height:40px;border-bottom:3px solid #cd1717;margin-bottom:-1px}
.xypg-detail-tags .tags-title .baidu-share{position:absolute;right:0;top:8px}
.xypg-detail-tags .tags-content{padding-top:10px}
.xypg-detail-tags .tags-content a{font-size:13px;color:#666666;display:inline-block}
.xypg-detail-tags .tags-content a:hover{color:#cd1717}


.xypg-detail-pn{margin-top:30px}
.xypg-detail-pn div{width:100%;clear:both;margin-bottom:10px;background:#ededed;line-height:35px;padding:0 20px;position:relative}
.xypg-detail-pn div b{font-size:16px;color:#333333;float:left;font-weight:normal}
.xypg-detail-pn div a{float:left;width:75%;font-size:14px;color:#565656}
.xypg-detail-pn div a:hover{color:#cd1717}
@media (max-width:600px){
.xypg-detail-pn div a{width:60%}
}
@media (max-width:600px){
.xypg-detail-pn div a{width:50%}
}
.xypg-detail-pn div span{position:absolute;right:20px;top:0;font-size:13px;color:#666666}









.about-p2{width:100%;margin:0 auto;background:#f1f1f1;padding-top:40px;padding-bottom:40px}
.about-p2 .about-p2-img{padding:20px;position:relative;margin-bottom:20px}
.about-p2 .about-p2-img img{width:100%;float:left}
.about-p2 .about-p2-img div{float:left;width:90%;height:230px;margin-left:5%;margin-top:-60px;background:#fff;padding:30px;position:relative}
.about-p2 .about-p2-img div p{font-size:20px;line-height:40px}
.about-p2 .about-p2-img div h4{position:absolute;bottom:10px;font-size:18px;font-weight:700;line-height:36px;display:block;border-top:2px solid #eccc68}


.about-page-title,.about-p2 .about-page-title{text-align:center;padding: 5rem 0rem;}
.about-page-title h2,.about-p2 .about-page-title h2{font-size:40px;line-height:60px;letter-spacing:10px}
.about-page-title p,.about-p2 .about-page-title p{font-size:18px;color:#747d8c}
.about-page-title span,.about-p2 .about-page-title span{display:block;height:2px;width:40px;background-color:#cd1717;margin:0 auto}


.about-page .about-p1 div{}
.about-page .about-p1 div p{font-size:16px;line-height:32px}
.about-p2{width:100%;margin:0 auto;background:#f1f1f1;padding-top:40px;padding-bottom:40px}
.about-p2 .about-p2-img{padding:20px;position:relative;margin-bottom:20px}
.about-p2 .about-p2-img img{width:100%;float:left}
.about-p2 .about-p2-img div{float:left;width:90%;height:230px;margin-left:5%;margin-top:-60px;background:#fff;padding:30px;position:relative}
.about-p2 .about-p2-img div p{font-size:20px;line-height:40px}
.about-p2 .about-p2-img div h4{position:absolute;bottom:10px;font-size:18px;font-weight:700;line-height:36px;display:block;border-top:2px solid #cd1717}





.m-prof {width:100%;margin:0 auto;   padding: 5rem 0rem 7rem 0rem;}
.m-prof .con{padding-bottom:0px;overflow:hidden}
.m-prof .pic{float:left;width:100%;}
.m-prof .pic a{display:block;position:relative;height:auto;width:100%;}
.m-prof .pic img{max-width: 100%;height: auto !important;display: block;margin: 0 auto;}
.m-prof .desc{text-align:center;z-index:5;position:relative;height:auto;float:right;width:100%}
.m-prof .desc .txt{padding:20px 37px 20px 60px;text-align:justify;line-height: 2;font-size: 16px;color:#333;background-color:#fff;}
.m-prof .desc .txt p{margin-top:1rem;}



@media only screen and (max-width:468px){
.m-prof .pic{width:100%}
.m-prof .desc{width:100%;height:auto;}
.m-prof .desc .txt { padding: 5%;font-size:14px;}

.about-page-title h2,.about-p2 .about-page-title h2{font-size:20px;line-height:30px;letter-spacing:10px}
.about-page-title p,.about-p2 .about-page-title p{font-size:12px;color:#747d8c}
.about-page-title, .about-p2 .about-page-title {padding: 0rem 0rem;}
.m-prof {padding: 2rem 0rem 2rem 0rem;}
.about-p2 .about-p2-img div p {font-size: 16px;}
}

@media (min-width:469px) and (max-width:768px){
.m-prof .pic{width:100%}
.m-prof .desc{width:100%;height:auto;}
.m-prof .desc .txt { padding: 5%;font-size:14px;}
.about-page-title h2,.about-p2 .about-page-title h2{font-size:20px;line-height:30px;letter-spacing:10px}
.about-page-title p,.about-p2 .about-page-title p{font-size:12px;color:#747d8c}
.about-page-title, .about-p2 .about-page-title {padding: 0rem 0rem;}
.m-prof {padding: 2rem 0rem 2rem 0rem;}
.about-p2 .about-p2-img div p {font-size: 16px;}

}


@media (min-width:769px) and (max-width:990px){
.m-prof .pic{width:100%}
.m-prof .desc{width:100%;height:auto;}
.m-prof .desc .txt { padding: 5%;}

.about-page-title h2,.about-p2 .about-page-title h2{font-size:30px;line-height:40px;letter-spacing:10px}
.about-page-title p,.about-p2 .about-page-title p{font-size:14px;color:#747d8c}
.about-page-title, .about-p2 .about-page-title {padding: 1rem 0rem;}

}





@media (min-width:990px) and (max-width:1080px){
.m-prof .pic{width:50%}
.m-prof .desc{width:50%;height:auto;}
}