.m_nav{ height:7rem;background: #009944;}
.m_nav li{ float:left;  color:#fff; width:33.33333333%; text-align:center; }
.m_nav li{height: 3.5rem;line-height: 3.5rem;font-size: 1.2rem;
	box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
border-top:1px solid #00893d;
border-right:1px solid #1aa357;
border-bottom:1px solid #1aa357;
border-left:1px solid #00893d;}
.m_nav a:nth-child(3n) li{ border-right: none;}
.m_nav a:nth-child(1) li,.m_nav a:nth-child(4) li{ border-left: none;}
.m_nav a:nth-child(5) li,.m_nav a:nth-child(6) li,.m_nav a:nth-child(4) li{ border-bottom: none;}

.g-adv { height:auto; }
.g-adv .sclwrap_box ,.g-adv .m-box,.g-adv .m-box img{overflow:hidden;height: 15rem;}
.g-adv .m-box li img{ width:100%;}
.g-adv .m-cnt{ background:#aaaaaa;}
.g-adv .m-cnt li{ float:left; width:33.3333%; }
.g-adv .m-cnt li.z-on{ background:#4a4a4a;}

.g_tel{position: relative; height: 3.2rem;line-height: 3.2rem;background: #ebebeb;padding-left: 28%;border-bottom: 1px solid #dedede; font-size: 1.2rem;color:#333;}
.g_tel b{font-size: 1.7rem;font-family: arial;color: #009944;}
.g_tel:before{content: "";position: absolute;background:url(../images/tel.jpg) no-repeat;background-size: 100%;width: 2.1rem;height: 2.1rem; left:18%;top:0.5rem;}
.g_tel:after{content: "";position: absolute;width: 100%;height: 1px;background: #fff;left:0;bottom: 1px;}


/* 箱博士精品展示 */
.g_pro {height:40rem;padding-top: 1.5rem; border-bottom: 0.35rem solid #009944;}
.g_pro .sclwrap_box,.g_pro .m-box {height: 27rem;}
.g_pro h2{position: relative; text-align: center; font-size: 1.5rem;color: #333333;font-weight: bold;height: 5rem;}
.g_pro h2:before{content: "";position: absolute;background:url(../images/cptit.jpg) no-repeat;background-size: 100%;width: 100%;height: 1.9rem; left:0;top:2.5rem;}

.g_pro .m-cnt {position: relative; margin: 0 0 0 3%; height: 7.5rem;}
.g_pro .m-cnt li { color: #fff; position: relative; text-align: center; overflow: hidden;background:#009944;
    display: inline;height: 2.8rem; line-height:2.8rem; border-radius: 0.2rem;
    float: left;
    font-size: 1.2rem; margin-bottom: 0.7rem;
    font-weight: normal;
    width: 31%; margin-right: 2%;}
.g_pro .m-cnt li:nth-child(3n){border-right: none;}
.g_pro .m-cnt li:nth-child(4),.g_pro .m-cnt li:nth-child(5),.g_pro .m-cnt li:nth-child(6){border-bottom: none;}
.g_pro .m-cnt li.z-on {
	color: #fff;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ffc500), to(#ff6e00)); 
	background-image: -webkit-linear-gradient(top, #ffc500, #ff6e00); 
	background-image: -moz-linear-gradient(top, #ffc500, #ff6e00); 
	background-image: -o-linear-gradient(top, #ffc500, #ff6e00); 
	background-image: -ms-linear-gradient(top, #ffc500, #ff6e00); 
	background-image: linear-gradient(top, #ffc500, #ff6e00);
}
.g_pro .m-cnt li a{color: #fff;}

.con{float: left; display: inline;}
.g_pro .u_lst8{padding:0 3% 0 3%; }
.g_pro .u_lst8 li{position: relative; float: left; width: 48.5%; margin-right: 3%; z-index: 2; position: relative;height: 13.7rem; }
.g_pro .u_lst8 li img{width: 100%;display: block;}
.g_pro .u_lst8 li:nth-child(2n){margin-right: 0;}
.g_pro .u_lst8 li em{font-size: 1.2rem; color: #333333; height: 2.3rem; line-height:2.3rem; text-align: center; display: block; font-weight: normal; overflow: hidden;width: 100%;  position: absolute; left:0;bottom:2.3rem;  }
.g_pro .u_lst8 li:before{content: "";position: absolute;background:url(../images/cpsha.jpg) no-repeat;background-size: 100%;width: 100%;height: 2rem; left:0;bottom:0;}


/* 箱博士保运输一路无忧 */
.g_wy {height:38.6rem;padding-top: 2rem; }
.g_wy .sclwrap_box,.g_wy .m-box {height: 20rem;}
.g_wy h2{position: relative; text-align: center; font-size: 1.5rem;color: #333333;font-weight: bold;height: 6rem;margin-bottom: 1.3rem;}
.g_wy h2:before{content: "";position: absolute;background:url(../images/wytit.jpg) no-repeat;background-size: 100%;width: 100%;height: 1.8rem; left:0;top:4rem;}
.g_wy h2 em{display: block;font-size: 1.2rem;color: #009944;font-weight: normal;}
.g_wy .m-cnt {position: relative; margin: 0 0 0 3%; height: 8rem;}
.g_wy .m-cnt li { color: #fff; position: relative; text-align: center; overflow: hidden;background:#009944;
    display: inline;height: 6rem; padding-top: 2rem; line-height: 2rem;  border-radius: 0.5rem;
    float: left;
    font-size: 1.4rem; 
    font-weight: normal;
    width: 28%; margin-right: 7%;}
.g_wy .m-cnt li:nth-child(3n){border-right: none; margin-right: 0;}
.g_wy .m-cnt li:nth-child(4),.g_wy .m-cnt li:nth-child(5),.g_wy .m-cnt li:nth-child(6){border-bottom: none;}
.g_wy .m-cnt li.z-on {
	color: #fff;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ffc500), to(#ff6e00)); 
	background-image: -webkit-linear-gradient(top, #ffc500, #ff6e00); 
	background-image: -moz-linear-gradient(top, #ffc500, #ff6e00); 
	background-image: -o-linear-gradient(top, #ffc500, #ff6e00); 
	background-image: -ms-linear-gradient(top, #ffc500, #ff6e00); 
	background-image: linear-gradient(top, #ffc500, #ff6e00);
}
.g_wy .m-cnt li a{color: #fff;}
.g_wy dl{margin: 0 3%;}
.g_wy dt,.g_wy dt img{width: 100%;display: block;}
.g_wy dd{margin-top: 1.5rem;font-size: 1.2rem;line-height: 2rem;color: #333333;}

.g_wt{background:url(../images/wtbg.jpg) no-repeat;background-size: 100%;height: 22.6rem; padding-top: 1rem;}
.g_wt h2{text-align:left;padding-left: 5%; font-size: 1.5rem;color: #009944;font-weight: bold; height: 7.9rem;}
.g_wt h2 em{display: block;font-size: 1.8rem;color: #333;font-weight: bold;}
.g_wt li{float: left; width: 50%;height: 2.2rem;margin-bottom: 1.8rem;line-height: 2.2rem;color: #fff;font-size: 1.2rem;}
.g_wt li:nth-child(odd){padding-left: 3%;width: 47%;}
.g_wt li:nth-child(even){padding-right: 3%;width: 47%;text-align: right;}

/* 服务流程 */
.g_lc{background:url(../images/lcbg.jpg) no-repeat;background-size: 100%;height: 49.3rem; padding-top: 1.5rem;}
.g_lc h2{text-align:center;font-size: 1.7rem;color: #333333;font-weight: bold; height: 7rem;}
.g_lc h2 em{display: block;font-size: 1.2rem;color: #009944;font-weight: normal;}
.m_lc dl{width: 33%;text-align: center;height: 14.5rem;float: left;}
.m_lc dt{width: 67.6%;margin: 0 auto; padding-top: 3.6rem;height: 3.6rem; text-align: center;font-size: 1.2rem;color: #fff;}
.m_lc dd{font-size: 1.2rem;color: #333333;line-height: 2rem;text-align: center;}
.m_lc dl:nth-child(1) dt{background:url(../images/lc1.jpg) no-repeat;background-size: 100%;}
.m_lc dl:nth-child(2) dt{background:url(../images/lc2.jpg) no-repeat;background-size: 100%;}
.m_lc dl:nth-child(3) dt{background:url(../images/lc3.jpg) no-repeat;background-size: 100%;}
.m_lc dl:nth-child(4) dt{background:url(../images/lc4.jpg) no-repeat;background-size: 100%;}
.m_lc dl:nth-child(5) dt{background:url(../images/lc5.jpg) no-repeat;background-size: 100%;}
.m_lc dl:nth-child(6) dt{background:url(../images/lc6.jpg) no-repeat;background-size: 100%;}
.m_lc dl:nth-child(7) dt{background:url(../images/lc7.jpg) no-repeat;background-size: 100%;}
.m_lc dl:nth-child(8) dt{background:url(../images/lc8.jpg) no-repeat;background-size: 100%;}
.m_lc dl:nth-child(9) dt{background:url(../images/lc9.jpg) no-repeat;background-size: 100%;}

/* 案例 */
.g_an {background:url(../images/anbg.jpg) no-repeat;background-size: 100%;height: 35.2rem;  padding-top: 1.3rem;}
.g_an .sclwrap_box,.g_an .m-box {height: 19rem;}
.g_an h2{ text-align: center; font-size: 1.8rem;color: #fff;font-weight: bold;height: 7.3rem;}
.g_an h2 em{display: block;font-size: 1.2rem;font-weight:normal;padding-top: 0.2rem;}


.g_an .m-cnt {position: relative; margin: 0 0 0 3%; height: 7.5rem;}
.g_an .m-cnt li { color: #000; position: relative; text-align: center; overflow: hidden;background:#fff;
    display: inline;height: 2.8rem; line-height:2.8rem; border-radius: 0.2rem;
    float: left;
    font-size: 1.2rem; margin-bottom: 0.7rem;
    font-weight: normal;
    width: 31%; margin-right: 2%;}
.g_an .m-cnt li:nth-child(3n){border-right: none;}
.g_an .m-cnt li:nth-child(4),.g_an .m-cnt li:nth-child(5),.g_an .m-cnt li:nth-child(6){border-bottom: none;}
.g_an .m-cnt li.z-on {
	color: #fff;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ffc500), to(#ff6e00)); 
	background-image: -webkit-linear-gradient(top, #ffc500, #ff6e00); 
	background-image: -moz-linear-gradient(top, #ffc500, #ff6e00); 
	background-image: -o-linear-gradient(top, #ffc500, #ff6e00); 
	background-image: -ms-linear-gradient(top, #ffc500, #ff6e00); 
	background-image: linear-gradient(top, #ffc500, #ff6e00);
}
.g_an .m-cnt li a{color: #fff;}
.g_an dl{margin: 0 3%;position: relative;}
.g_an dt,.g_an dt img{width: 100%;display: block;}
.g_an dd{position: absolute;right:0;top:0; width: 41%; padding: 0 3%; height: 13.5rem;background: rgba(255,255,255,.8);}
.g_an dd h3{height: 2.2rem;line-height: 2.2rem;font-size: 1.2rem;color: #333333;font-weight: bold;white-space:nowrap; text-overflow:ellipsis;overflow: hidden;}
.g_an dd h4{height: 2.2rem;line-height: 2.2rem;font-size: 1.3rem;color: #333333;font-weight: normal;overflow: hidden;margin-bottom: 0.3rem;}
.g_an dd p{font-size: 1rem;color: #666666;line-height: 1.5rem;height: 3rem;overflow: hidden;}
.g_an dd span{display: block;margin-top: 1.6rem;width: 8rem;height: 2rem;line-height: 2rem;font-size: 1.2rem;color: #fff;text-align: center;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ffc500), to(#ff6e00)); 
	background-image: -webkit-linear-gradient(top, #ffc500, #ff6e00); 
	background-image: -moz-linear-gradient(top, #ffc500, #ff6e00); 
	background-image: -o-linear-gradient(top, #ffc500, #ff6e00); 
	background-image: -ms-linear-gradient(top, #ffc500, #ff6e00); 
	background-image: linear-gradient(top, #ffc500, #ff6e00);
}

/* 优势 */
.g_ys{position: relative;height:53.3rem;}
.g_ys .sclwrap_box,.g_ys .m-box {height: 39.2rem;}
.g_ys h2,.g_ys h2 img{width: 100%;display: block;}

.g_ys .m-cnt{position: absolute; left:31%;top:53.4rem;z-index: 10;}
.g_ys .m-cnt li,.g_ys .m-cnt{height: 1.4rem; }
.g_ys .m-cnt li { width: 0.9rem;height: 0.9rem;display: block;float: left;border-radius: 85em;border:0.25rem solid #666; margin-right: 1rem; }
.g_ys .m-cnt li.z-on {border:0.25rem solid #06853d;}
.con{float: left; display: inline;}
.m_ys1{background:url(../images/ysbg1.jpg) no-repeat;background-size: 100%;height: 23.2rem; padding-top: 17rem;}
.m_ys2{background:url(../images/ysbg2.jpg) no-repeat;background-size: 100%;height: 23.2rem; padding-top: 17rem;}
.m_ys3{background:url(../images/ysbg3.jpg) no-repeat;background-size: 100%;height: 24.2rem; padding-top: 16rem;}
.m_ys4{background:url(../images/ysbg4.jpg) no-repeat;background-size: 100%;height: 23.2rem; padding-top: 17rem;}
.m_ys5{background:url(../images/ysbg5.jpg) no-repeat;background-size: 100%;height: 23.2rem; padding-top: 16rem;}



.g_ys h3{position: relative; padding-left: 19%;font-size: 1.6rem;color: #06853d;font-weight: bold;z-index: 10;margin-bottom: 1.5rem;}
.g_ys .m_ys1 h3:before{content: "";position: absolute;background:url(../images/ysno1.jpg) no-repeat;background-size: 100%;width:100%;height: 5rem; left:0;top:0;z-index: -1;}
.g_ys .m_ys2 h3:before{content: "";position: absolute;background:url(../images/ysno2.jpg) no-repeat;background-size: 100%;width:100%;height: 5rem; left:0;top:0;z-index: -1;}
.g_ys .m_ys3 h3:before{content: "";position: absolute;background:url(../images/ysno3.jpg) no-repeat;background-size: 100%;width:100%;height: 5rem; left:0;top:0;z-index: -1;}
.g_ys .m_ys4 h3:before{content: "";position: absolute;background:url(../images/ysno4.jpg) no-repeat;background-size: 100%;width:100%;height: 5rem; left:0;top:0;z-index: -1;}
.g_ys .m_ys5 h3:before{content: "";position: absolute;background:url(../images/ysno5.jpg) no-repeat;background-size: 100%;width:100%;height: 5rem; left:0;top:0;z-index: -1;}


.g_ys h3 em{display: block;font-weight: normal;font-size: 1.2rem;color: #333; padding-top: 0.4rem;}
.g_ys p{line-height: 2.5rem;color: #666666;font-size: 1.2rem;position: relative;padding-left: 17%;}
.g_ys p:before{content: "";position: absolute;background:url(../images/ysico.png) no-repeat;background-size: 100%;width: 0.9rem;height: 0.9rem; left:10%;top:0.8rem;}
.g_ys p b{font-weight: normal;color: #ff6600;}


/* 证书 */
.g_hz{height:21rem;padding-top: 2rem;background: #f1f1f1;}
.g_hz .sclwrap_box,.g_hz .m-box {height: 12rem;}
.g_hz h2{position: relative;height: 9rem;text-align: center; color: #333333;font-size: 1.8rem;font-weight: bold;z-index: 10;}
.g_hz h2 em{display: block;font-size: 1.2rem;color: #06853d;font-weight: normal;}
.g_hz h2:before{content: "";position: absolute;background:url(../images/hztit.jpg) no-repeat;background-size: 100%;width: 100%;height: 2.1rem; left:0;top:4.5rem;}


.m_hz{position: relative;}
.m_hz .prev, .m_hz .next {
    height: 2.5rem;
    position: absolute;
    text-align: center;
    top:1.8rem;
    width: 1rem;
    z-index: 99;
}
.m_hz .prev {left: 2%;}
.m_hz .next {right: 2%;}
.m_hz .prev img,.m_hz .next img{width: 100%;}
.m_hz .nowarp {
    margin: 0 9% 0 9%;
    overflow: hidden;
    position: relative;
    width: 82%;
}
.m_hz .u_lst2 {float: left; display: inline; width: 100%; }
.m_hz .u_lst2 li{width:46%;float: left; margin-right: 7%; position: relative;}
.m_hz .u_lst2 li:last-child{ margin-right: 0;}
.m_hz .u_lst2 li img{width: 100%;display: block;border: 1px solid #d7d7d7;box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box; }
.m_hz .u_lst2 li em{display: block; width: 100%;height: 4rem;line-height: 4rem;text-align: center; color: #333;font-size: 1.2rem; overflow: hidden;font-weight: normal; }

.g_xban,.g_xban img{width: 100%;display: block;}

/* 走进 */
.g_zj{height: 28.8rem;padding-top: 2.5rem;}
.g_zj dl{padding: 0 3% 0 3%;}
.g_zj dt{width: 100%;margin-bottom: 1rem;}
.g_zj dt img{display: block;width: 100%;}
.g_zj dd p{color: #333333;font-size: 1.2rem;height: 7.5rem; line-height: 2.5rem;overflow: hidden; margin-bottom: 1.5rem;}
.g_zj dd span{display: block;width:11rem;height: 2.6rem;line-height: 2.6rem; text-align: center;font-size: 1.2rem;color: #fff;display: block;margin: 0 auto;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ffc500), to(#ff6e00)); 
	background-image: -webkit-linear-gradient(top, #ffc500, #ff6e00); 
	background-image: -moz-linear-gradient(top, #ffc500, #ff6e00); 
	background-image: -o-linear-gradient(top, #ffc500, #ff6e00); 
	background-image: -ms-linear-gradient(top, #ffc500, #ff6e00); 
	background-image: linear-gradient(top, #ffc500, #ff6e00);

 }

/* 荣誉证书 */
.demo-box {height: 24.4rem; width: 100%;  overflow: hidden;}
.demo-box .box-style .sclwrap_box,.demo-box .box-style {height:19rem;overflow: hidden;}

.demo-box .column-list {position: relative;background: #06853d;overflow: hidden;height: 3.1rem;line-height: 3.1rem;}
.demo-box .column-list li{position: relative;  }
.demo-box .column-list li,.demo-box .column-list{height: 3.1rem;line-height: 3.1rem;}
.demo-box .column-list li { color: #fff; position: relative; text-align: center;
    display: inline;
    float: left;
    font-size: 1.2rem;
    font-weight: normal;
    text-align: center;
    width: 22%;}
.demo-box .column-list li.z-on { color: #fff;	
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ffc500), to(#ff6e00)); 
	background-image: -webkit-linear-gradient(top, #ffc500, #ff6e00); 
	background-image: -moz-linear-gradient(top, #ffc500, #ff6e00); 
	background-image: -o-linear-gradient(top, #ffc500, #ff6e00); 
	background-image: -ms-linear-gradient(top, #ffc500, #ff6e00); 
	background-image: linear-gradient(top, #ffc500, #ff6e00);}

.demo-box .column-list span{display: block;position: absolute;right:3%;top:0;text-transform: uppercase;font-size: 1.2rem;color: #fff;}
.demo-box .column-list span a{color: #fff;}

.box-style { padding: 2rem 9% 0 9%;position: relative; width: 82%; float: left; display: inline;}
.box-style .prev, .box-style .next {
    height: 2.5rem;
    position: absolute;
    text-align: center;
    top:8rem;
    width: 1rem;
    z-index: 99;
}
.box-style .prev { left: 2%;}
.box-style .next {right: 2%;}
.box-style .prev img,.box-style .next img{width: 100%;}

.page {float: left; display: inline; width: 100%; }
.page li{width:46%;float: left; margin-right: 7%; position: relative;}
.page li:last-child{ margin-right: 0;}
.page li img{width: 100%;display: block;border: 1px solid #d7d7d7;box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box; }
.page li em{display: block; white-space:nowrap; text-overflow:ellipsis; width: 100%;height: 4rem;line-height: 4rem;text-align: center; color: #333;font-size: 1.2rem; overflow: hidden;font-weight: normal; }

.page li .mrgtop{margin-top:22%;}

.demo-box .newlst{padding: 1rem 0 0 0;float: left; display: inline;width: 100%;}
.demo-box .newlst li{height: 3rem;line-height: 3rem;color: #333;font-size: 1.2rem; padding-left: 10%; position: relative; overflow: hidden;}
.demo-box .newlst li:before{content: "";position: absolute;background:url(../images/ysico.png) no-repeat;background-size: 100%;width:0.9rem;height: 0.9rem; left:6%;top:1rem;}










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;}}