@charset "utf-8";
html {font-size: 10px; -webkit-text-size-adjust:none; -webkit-tap-highlight-color: rgba(0,0,0,0);}
@media screen and (min-width:320px){html{font-size:    10px;}}
@media screen and (min-width:360px){html{font-size: 11.25px;}}
@media screen and (min-width:375px){html{font-size: 11.7px;}}
@media screen and (min-width:480px){html{font-size:    15px;}}
@media screen and (min-width:414px){html{font-size:  13px;}}
@media screen and (min-width:560px){html{font-size:  17.5px;}}
@media screen and (min-width:640px){html{font-size:    20px;}}

.swiper-container{
	width: 100%;max-width: 640px;margin: 0 auto;
	min-width: 320px;
	overflow:hidden;
	position:relative;
}


.g-adv{width: 100%; position: relative;}
.g-adv img{width: 100%;display: block;}
.g-adv .swiper-pagination{bottom: -1.3rem;position: absolute;z-index: 0}
.g-adv .swiper-pagination-bullet{width: 0.6rem;height: 0.6rem;background: #ececec;opacity: 1}
.g-adv .swiper-pagination-bullet-active{background: #00c0ff;}

/*我们*/
.g-webox{font-size: 1.1rem;color: #000;line-height: 2rem;height: 34.1rem;padding: 2.3rem 3.125% 0;position: relative;z-index: 1;}
.g-webox:before{position: absolute;content: "";width: 100%;height:22.9rem;background: #f6f6f6;bottom: 0;left: 0;z-index:-1;}
.g-webox h2{font-size: 2.65rem;color: #c7161f;font-weight: bold;height: 3.9rem;line-height: 2.7rem;text-align: center;}
.g-webox h2 span{display: inline-block;padding-right:5.7rem;background: url(/Mobile/images/we_ico.gif) no-repeat right 0;background-size:5.7rem;}
.webox_p{width: 85.33%;margin: 0 auto;display: block;}
.webox_p img{display: block;background: #fff;padding: 0.5rem;}

.webox_w section{display: block;padding: 1.3rem 0;}
.webox_w span{display: block;width:11.85rem;height: 2.05rem;line-height: 2.05rem;color: #fff;background: #c7161f;margin: 0 auto;text-align: center;}

/*产品*/
.g-probox{padding: 3rem 0 0;height: }
.til01{text-align: center;font-size:1.2rem;color: #000;line-height: 1.5rem;height: 5.15rem;}
.til01 b{display: block;font-size: 1.8rem;color: #c7161f;color: #c7161f;line-height: 2.05rem;}
.pro_cla{width: 94%;height: 9.15rem;background: #35332e;color: #fff;margin: 0 auto;line-height: 2.35rem;padding: 1.05rem 0 0;}
.pro_cla li{width:26.58%;float: left;background: url(/Mobile/images/ico01.gif) no-repeat 0 0.85rem;background-size:0.6rem 0.7rem;padding: 0 0 0 3.48%;height: 2.35rem;color: #fff;font-size: 1.1rem;white-space: nowrap;}
.pro_cla ul a:nth-child(3n-2) li{margin-left:4.9%;}
.pro_list{padding: 2rem 0 0;height: 46.5rem;overflow: hidden;}
.pro_list li{width: 45%;float: left;height: 14.1rem;color: #000;background: #f6f6f6;margin: 0 0 1.7rem 3.33%;text-align: center;}
.pro_list li img{width:100%;display: block;}
.pro_list li span{display: block;font-size: 1.2rem; height: 3.3rem; line-height: 3.2rem;}

/*定制*/
.g-cust{padding: 5.6rem 0 0;height: 32.8rem;overflow: hidden;background: url(/Mobile/images/custbg.jpg) no-repeat 0 0;background-size:100%;}
.custil{height: 11.25rem;padding: 0 0 0 49.69%;color: #fff;line-height:1.6rem;font-size: 1.2rem;}
.custil b{display: block;font-size: 1.7rem;line-height: 3.65rem;}
.cust_c{position: relative;height: 13.6rem;}
.next1,.prev1{width: 0.6rem;height: 1.25rem;display: block;top: 4.7rem;background: url(/Mobile/images/next1.gif) no-repeat 0 0;background-size:100%;right:1.56%;z-index: 9;}
.prev1{left:1.56%;transform:rotate(180deg);
-ms-transform:rotate(180deg);
-moz-transform:rotate(180deg);
-webkit-transform:rotate(180deg);
-o-transform:rotate(180deg); }
.cust_c dl{width:88.28%;font-size: 1.1rem;color: #000;line-height: 1.85rem;padding: 1.1rem 0 0;height: 9.55rem;background:#f6f6f6;margin: 0 5.86%;display: block;overflow: hidden;}
.cust_c dt{width:21.32%;margin:1rem 3.9% 0 2.66%;display: block;float: left;}
.cust_c dt img{width:100%;display: block;}
.cust_c dd{width:63.17%;display: block;float: left;}
.cust_c dd h3{height: 2.7rem;line-height: 2.7rem;font-size: 1.2rem;font-weight: bold;}
.cust_c .swiper-pagination-bullet{width: 0.6rem;height: 0.6rem;background: #c9c9c9;opacity: 1;margin-left: 0.45rem;}
.cust_c .swiper-pagination-bullet-active{background: #c7161f;}

/*案例*/
.g-case{padding: 2.1rem 0 0;height:51.2rem;background: #f6f6f6;}
.g-case .til01{line-height: 2.3rem;height:8.2rem;}
.g-case .til01 b{line-height:3.95rem;}
.g-case .til01 p{border-bottom: solid 1px #c5c5c5;border-top: dashed 1px #c5c5c5;margin: 0 3.125%;}
.casetil{height: 11.85rem;text-align: center;font-size: 1.2rem;overflow: hidden;}
.casetil li{height:1.9rem; width: 23.9%;float: left;line-height: 2rem;border-radius: 0.95rem;margin: 0 0 0.75rem 8.125%;color: #35332e;background: #e0e0e0;}
.casetil li a{display: block;color: #35332e;}
.casetil li:nth-child(3n-2){margin-left: 5.625%;}
.casetil li.active,.casetil li.active a{color: #c7161f;}
.case_c1{position: relative;}
.next2,.prev2{width: 0.65rem;height: 2.1rem;display: block;top:7.8rem;background: url(/Mobile/images/next2.gif) no-repeat 0 0;background-size:100%;right:2.344%;z-index: 9;}
.prev2{left:2.344%;transform:rotate(180deg);
-ms-transform:rotate(180deg);
-moz-transform:rotate(180deg);
-webkit-transform:rotate(180deg);
-o-transform:rotate(180deg); }
.case_c1 dl{width: 93.75%;margin: 0 3.125%;height: 26.2rem;position: relative;z-index: 1;}
.case_c1 dl:before{content: "";position: absolute;width: 100%;height: 13.55rem;bottom: 0;left: 0;background: #fff;z-index: -1;}
.case_c1 dt{width: 92.833%;margin: 0 auto;display: block;}
.case_c1 dd{font-size: 1.2rem;color: #35332e;line-height: 1.75rem;padding: 0.9rem 1.4rem 0;}
.case_c1 dd h3{font-size: 1.4rem;line-height: 2.8rem;font-weight: bold;display: block;overflow: hidden;}


/*优势*/
.g-edge{padding:0 4.0625% 0;height:48.8rem;background: #f6f6f6;overflow: hidden;}
.edgetil{height: 7.2rem;text-align: center;font-size: 1.2rem;font-weight: bold;color: #807f7c;}
.edgetil li{width: 37.925%;height: 1.95rem;line-height: 2rem;border: solid 0.1rem #d2d2d2;border-radius: 1rem;margin: 0 0 1.15rem 7.653%;float: left;}
.edgetil li.active{color: #c7161f;border-color: #c7161f;}
.edge_c{overflow: hidden;}
.edge_c dl{height: 32.6rem;background: #fff;font-size: 1.1rem;color: #5d5c58;line-height: 1.8rem;}
.edge_c dt,.edge_c dt img{width: 100%;display: block;}
.edge_c dd{padding: 1.2rem 1.8rem 0;}
.edge_c dd h3{font-size: 1.3rem;color: #c7161f;font-weight: bold;height: 4.45rem;line-height: 1.4rem;}
.edge_c dd h3 b{float: left;width: 1.5rem;height:1.5rem;display: block;margin: 0 0.3rem 0 0;}
.edge_c dd h3 span{display: block;height: 2rem;}
.edge_c dd h3 p{display: block;font-size: 1.2rem;color: #35332e;line-height: 1.55rem;}
.edge_c dd li{display: block;clear: both;padding: 0 0 0.55rem;}

/*关于*/
.g-about{padding:2.4rem 3.125% 0;height:32.7rem;background: #35332e;font-size: 1.1rem;line-height: 2.1rem;color: #333;}
.g-about .til01{color: #bebebe;line-height:2rem;}
.g-about .til01 b{color: #fff;line-height:2.25rem;}
.g-about dl{color: #333;line-height:2.1rem;background: #fff;padding:0.85rem 0.8rem 0;height: 24.3rem;}
.g-about dt,.g-about dt img{display: block;}
.g-about dt {height: 14rem; overflow: hidden;}
.g-about dd{display: block;padding: 0.9rem 0 0;}

/*新闻*/
.g-news{height:17.1rem; margin:2.2rem 3.125% 0;}

.news_nav{height:3.4rem;line-height:3.4rem;background: #e3e3e3; font-size: 1.1rem;color: #333; margin-bottom: 1.2rem;}
.news_nav p{height:3.4rem; float: left; padding:0 1.88rem; font-size: 1.1rem; line-height:3.4rem; color: #c7161f; position: relative;font-weight: bold;}
.news_nav p.cur{ color: #fff; background: url(/Mobile/images/ico02.png) no-repeat 1.5rem 1.15rem #c7161f;background-size:1.3rem 1.2rem;padding-left: 3.4rem}
.news_nav a{display: none; float: right; font-size:1.1rem;color: #666666; text-transform: uppercase; line-height:3.2rem; padding-right: 1.2rem; }
.news_nav .ne_db{display: block;}
.news_con{margin: 1.5rem 0 0 0; }
.news_con li{position: relative; height:2.25rem;line-height:2.25rem;color: #666;  overflow: hidden;font-size: 1.1rem;}
.news_con li a{color: #666; }



/***********************************************************
*** CUSTOMIZE THE LOADING SCREEN BACKGROUND + ICON COLORS
************************************************************/
/* loading screen background color */
#bonfire-pageloader {
    background:#fff url(../Images/load.jpg) no-repeat center top; background-size: 100%;
	background-size:contain;
}
/* loading icon color */
#bonfire-pageloader svg {
    fill:#fff;
}

/* the pageloader */
#bonfire-pageloader {
    position:fixed;
    z-index:99999999999999;
    width:100%;
    height:100%;
    left:0;
    right:0;
    top:0;
    bottom:0;
}
.bonfire-pageloader-fade {
    opacity:0 !important;
    -webkit-transition: all .75s ease;
    -moz-transition: all .75s ease;
    -o-transition: all .75s ease;
    -ms-transition: all .75s ease;
    transition: all .75s ease;
}
.bonfire-pageloader-hide {
    display:none;
}

/* the loading icon */
.bonfire-pageloader-icon,.bonfire-pageloader-icon .load_txt {
    position:absolute;
    text-align:center;
    opacity:1;
    top:50%; width: 100%;
    left:50%;
    -webkit-transform: translate3D(-50%,-50%,0);
    -moz-transform: translate3D(-50%,-50%,0);
    -ms-transform: translate3D(-50%,-50%,0);
    -o-transform: translate3D(-50%,-50%,0);
    transform: translate3D(-50%,-50%,0);
}

.bonfire-pageloader-icon {}
.bonfire-pageloader-icon img{width:100%; margin:auto;}
.bonfire-pageloader-icon .load_txt{color:#fff; display:block; text-align:center; font-size:12px; width: 10rem; height: 10rem; border-radius: 50%; background-color: rgba(0,0,0,.4)}
.bonfire-pageloader-icon .load-txt {display: block;}

.bonfire-pageloader-icon-hide {
    opacity:0 !important;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -o-transition: all .25s ease;
    -ms-transition: all .25s ease;
    transition: all .25s ease;
}
#bonfire-pageloader svg {
    -webkit-animation:spin 2s linear infinite;
    -moz-animation:spin 2s linear infinite;
    animation:spin 2s linear infinite;
}
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(-360deg); } }
@-moz-keyframes spin { 100% { -moz-transform: rotate(-360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(-360deg); transform:rotate(-360deg); } }

html {
    height:100%;
    -webkit-backface-visibility: hidden;
    -webkit-transform-origin:top;
    -moz-transform-origin:top;
    -ms-transform-origin:top;
    -o-transform-origin:top;
    transform-origin:top;
}
.bonfire-html-onload {
    -webkit-transition: all 0s ease;
    -moz-transition: all 0s ease;
    -o-transition: all 0s ease;
    -ms-transition: all 0s ease;
    transition: all 0s ease;
}
.loading{
    width: 10rem;
    height: 3rem;
    margin: 2rem auto;
}
.loading span{
    display: inline-block;
    width: 5px;
    height: 100%;
    border-radius: 2px;
    background: #de4048;
    -webkit-animation: load 1s ease infinite;
}
@-webkit-keyframes load{
    0%,100%{
        height: 3rem;
        background: #de4048;
    }
    50%{
        height: 5rem;
        margin: -1rem 0;
        background: #c71620;
    }
}
.loading span:nth-child(2){
    -webkit-animation-delay:0.2s;
}
.loading span:nth-child(3){
    -webkit-animation-delay:0.4s;
}
.loading span:nth-child(4){
    -webkit-animation-delay:0.6s;
}
.loading span:nth-child(5){
    -webkit-animation-delay:0.8s;
}<!--耗时1775425777.081秒-->