﻿.m_nav{ height:6.2rem;background: #a01123; margin-bottom:2rem;}
.m_nav li{position: relative; float:left;  color:#fff; width:33.333%; text-align:center; }
.m_nav li{height: 3.1rem;line-height: 3.1rem;
 font-size: 1.2rem;	
	box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
border-top:1px solid rgba(211, 211, 211, 0.28);
border-left:1px solid rgba(211, 211, 211, 0.28);}
.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;}
.m_nav li:before{content: "";position: absolute; width: 0.2rem;height: 2.9rem;right: 0;top:0;}
.m_nav a:nth-child(3n) li:before{ border-right: none;background: 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_cx{margin-top: 2.5rem;height:15rem;  }
.g_cx h2{background:url(/style/css/img/cxtit.jpg) no-repeat;background-size: 100%;text-align: center;height: 5rem;font-size: 1.5rem;color: #003e7e; letter-spacing: 0.3rem;}
.g_cx h2 em{display: block;font-size: 1.2rem;color: #04243b;padding-top: 1rem;}
.g_cx ul{position: relative; background:url(/style/css/img/serbg.jpg) no-repeat;background-size: 100%; position: relative;height: 7.5rem; padding: 2rem 8% 0;}
.g_cx ul li{width: 78%;}
.g_cx label,.g_cx input,.g_cx textarea,.g_cx img,.g_cx b{float:left;display:inline-block;}
.g_cx input{height: 2.8rem;line-height: 2.8rem;background: none;border: none; width: 100%; font-size: 0.9rem;color: #999999;float: left;border-radius:0; }
.g_cx .s_btn{width:16%; height: 5.4rem; position: absolute;right:9%;top:1.6rem; overflow:hidden;_display:inline;+display:inline; margin-top: 0.83em;}
.g_cx .s_btn input{border:none;width:33%;cursor:pointer; height: 2.75em;}
.g_cx .s_btn .t_i{display: inline-block; width: 100%; height:5.4rem; padding: 0;z-index:9;　}



/* 服务项目 */


.g_fw h2{background:url(/style/css/img/fwtit.jpg) no-repeat;background-size: 100%;text-align: center;height:6rem;font-size: 1.4rem;color: #000; letter-spacing: 0.1rem; padding-left: 3%; padding-top: 0.5rem;}
.g_fw h2 em{display: block;font-size: 1.3rem;color: #e7e7e7;padding-top: 0.2rem;text-transform: uppercase; letter-spacing: 0; font-family: arial;font-weight: bold;}

.g_fw .m-cnt {position: relative; margin: 0 3%; height: 3.3rem;line-height:3.3rem;margin-bottom: 2.3rem; background: #ebebeb;}
.g_fw .m-cnt li { color: #333333; position: relative; text-align: center; border-right: 1px solid #d3d3d3;
    display: inline;height:3.3rem; line-height:3.3rem;  
    box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
    float: left;
    font-size: 1.1rem;
    font-weight: bold;
    text-align: center;
    width:33.333333333333333333%;}
.g_fw .m-cnt li:nth-child(4n){border-right: none;}
.g_fw .m-cnt li.z-on {position: relative; color: #fff;background: #003e7b;border-right: 1px solid #ebebeb;}
.con{float: left; display: inline;}

.g_fw .u_lst8{padding:0 6% 0 6%; }
.g_fw .u_lst8 li{float: left; width: 46%; margin-right: 6%; z-index: 2; position: relative;font-size: 1.1rem;color: #333333; text-align: center;  margin-bottom: 1.9rem;}
.g_fw .u_lst8 li img{width:100%;}
.g_fw .u_lst8 a:nth-child(2n) li{margin-right: 0;}

/* 优势 */
.g_ys{height: 34.5rem;}
.g_ys .sclwrap_box,.g_ys .m-box {height: 30rem;}
.g_ys h2{background:url(/style/css/img/ystit.jpg) no-repeat;background-size: 100%;text-align: center;height:4.2rem;font-size: 1.4rem;color: #000; letter-spacing: 0.1rem; padding-left: 3%; padding-top: 0.5rem;}
.g_ys h2 em{display: block;font-size: 1.3rem;color: #e7e7e7;padding-top: 0.2rem;text-transform: uppercase; letter-spacing: 0; font-family: arial;font-weight: bold;}
.g_ys h2 b{color: #db251f;font-weight: normal;}

.m_ys{position: relative;}
.m_ys .prev, .m_ys .next {
    height:4.3rem;
    position: absolute;
    text-align: center;
    top:4rem;
    width: 1.9rem;
    z-index: 99;}
.m_ys .prev {left: 3%;}
.m_ys .next {right: 3%;}
.m_ys .prev img,.m_ys .next img{width: 100%;}
.m_ys .nowarp {
    margin: 0 3% 0 3%;
    overflow: hidden;
    position: relative;
    width: 94%;
}
.m_ys dt{width: 100%;margin-bottom: 1.6rem;}
.m_ys dt img{width: 100%;display: block;}
.m_ys h3{position: relative; height: 5rem;padding-left: 10%;font-size: 1.2rem;color: #db251f;font-weight: bold;}
.m_ys h3 em{display: block;font-size: 0.8rem;color: #666666;text-transform: uppercase; padding-top: 0.5rem;font-weight: normal;}
.m_ys h3 b{position: absolute; left:0;top:0; width: 2.5rem;height: 3.6rem;line-height: 3.6rem;border: 1px solid #003e7b;font-size: 2rem;color: #003e7b;text-align: center; font-weight: normal;}
.m_ys p{position: relative; font-size: 1rem;color: #666666;line-height: 1.8rem;padding-left: 8%;}
.m_ys p b{font-weight: normal;color: #003e7b;}
.m_ys p:before{content: "";position: absolute;background:url(/style/css/img/ysico.jpg) no-repeat;background-size: 100%;width: 1.2rem;height: 1.2rem;left:0;top:0.3rem;}
.m_ys .ico{padding: 1.5rem 0 0 38%;}
.m_ys .ico li{float: left;margin-right: 0.7rem;width: 1.2rem;}
.m_ys .ico li a{display: block;float: left;width: 1.2rem;height: 1.2rem;background: #797979;border-radius: 50%;}
.m_ys .ico .cur a{background: #db251f;}



/* g_gw */
.g_gw{height: 23rem;}
.g_gw .sclwrap_box,.g_gw .m-box {height:16.5rem;}
.g_gw h2{text-align: center;font-size: 1.2rem;color: #db251f;font-weight: bold;height: 4.8rem;}
.g_gw h2 em{display: block;font-size: 1rem;color: #525252;padding-top: 0.5rem;font-weight: normal;}
.m_gw{position: relative;}
.m_gw .prev, .m_gw .next {
    height:7.8rem;
    position: absolute;
    text-align: center;
    top:7.4rem;
    width: 2.6rem;
    z-index: 99;
}
.m_gw .prev {left:0;}
.m_gw .next {right:0;}
.m_gw .prev img,.m_gw .next img{width: 100%;}
.m_gw .nowarp {
    margin: 0 8% 0 8%;
    overflow: hidden;
    position: relative;
    width: 84%;
}
.m_gw .u_lst2 {float: left; display: inline; width: 100%; 	}
.m_gw .u_lst2 li{width:47%;float: left; margin-right: 6%; position: relative;}
.m_gw .u_lst2 li:last-child{ margin-right: 0;}
.m_gw .u_lst2 li img{width: 100%;display: block;border: 0.2rem solid #5e5e5e; 
	box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;  }
.m_gw .u_lst2 li em{display: block; width: 100%;height: 2.9rem;line-height: 2.9rem;text-align: center; color: #fff;font-size: 1rem; overflow: hidden;font-weight: bold; background:#707070; }

/* 成功案例 */
.g_hz{height: 26.5rem;}
.g_hz h2{background:url(/style/css/img/antit.jpg) no-repeat;background-size: 100%;text-align: center;height:6.5rem;font-size: 1.4rem;color: #000; letter-spacing: 0.1rem; padding-left: 3%; padding-top: 0.5rem;}
.g_hz h2 em{display: block;font-size: 1.3rem;color: #e7e7e7;padding-top: 0.2rem;text-transform: uppercase; letter-spacing: 0; font-family: arial;font-weight: bold;}
.g_hz h2 b{color: #db251f;font-weight: normal;}
.g_hz ul{margin: 0 0 0 3%;}
.g_hz li{float: left;width:30%;margin-right: 3%;margin-bottom: 1.2rem; height:5.3rem;}
.g_hz li img{width: 100%;display: block;border: 1px solid #d0d0d0;	
	box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;  }


/* 客户见证 */
.g_kf{height: 21rem;}
.g_kf .sclwrap_box,.g_kf .m-box {height:14rem;}
.g_kf h2{background:url(/style/css/img/kftit.jpg) no-repeat;background-size: 100%;text-align: center;height:6.3rem;font-size: 1.4rem;color: #000; letter-spacing: 0.1rem; padding-left: 3%; padding-top: 0.5rem;}
.g_kf h2 em{display: block;font-size: 1.3rem;color: #e7e7e7;padding-top: 0.2rem;text-transform: uppercase; letter-spacing: 0; font-family: arial;font-weight: bold;}

.m_kf{position: relative;background:url(/style/css/img/kfbg.jpg) no-repeat;background-size: 100%;height: 14rem;}
.m_kf .prev, .m_kf .next {
    height:2.3rem;
    position: absolute;
    text-align: center;
    top:6rem;
    width:1.2rem;
    z-index: 99;
}
.m_kf .prev {left:2%;}
.m_kf .next {right:2%;}
.m_kf .prev img,.m_kf .next img{width: 100%;}
.m_kf .nowarp {
    margin: 0 8% 0 8%;
    overflow: hidden;
    position: relative;
    width: 84%;}

.m_kf dt{float:right;width: 36%;}
.m_kf dt img{width: 100%;display: block;}
.m_kf dd{float: left;width: 60%; padding-left: 3%; padding-top: 2.2rem;}

.m_kf h3{position: relative; height: 3.6rem; line-height: 1.8rem;overflow: hidden; font-size: 1.1rem;color: #fff;font-weight: bold; margin-bottom: 1rem;}
.m_kf h3 em{display: block;font-weight: normal;}
.m_kf p{position: relative; font-size: 1rem;color: #d3d3d3;line-height: 1.5rem; height: 3rem;overflow: hidden;margin-bottom: 1.6rem;}
.m_kf span{color: #fff;font-size: 1.2rem;text-transform: uppercase;font-weight: normal;}


/* 荣誉证书 */
.g_zs{ padding-top:1.5rem; background:url(/style/css/img/zsbg.jpg) no-repeat;background-size: 100%;}
.g_zs .sclwrap_box,.g_zs .m-box {}
.g_zs h2{background:url(/style/css/img/zstit.png) no-repeat;background-size: 100%;text-align: center;height:6rem;font-size: 1.4rem;color: #000; letter-spacing: 0.1rem; padding-left: 3%; padding-top: 0.5rem;}
.g_zs h2 em{display: block;font-size: 1.3rem;color: #e7e7e7;padding-top: 0.2rem;text-transform: uppercase; letter-spacing: 0; font-family: arial;font-weight: bold;}

.m_zs{position: relative;}
.m_zs .prev, .m_zs .next {
    height:3rem;
    position: absolute;
    text-align: center;
    top:3rem;
    width: 1.6rem;
    z-index: 99;
}
.m_zs .prev {left: 3%;}
.m_zs .next {right: 3%;}
.m_zs .prev img,.m_zs .next img{width: 100%;}
.m_zs .nowarp {
    margin: 0 12% 0 12%;
    overflow: hidden;
    position: relative;
    width: 75%;
}
.m_zs .u_lst2 {float: left; display: inline; width: 100%; 	}
.m_zs .u_lst2 li{width:46%;float: left; margin-right: 8%; position: relative;}
.m_zs .u_lst2 li:last-child{ margin-right: 0;}
.m_zs .u_lst2 li img{width: 100%;display: block;}

/* 流程 */
.g_lc{position: relative; background:url(/style/css/img/lcbg.jpg) no-repeat;background-size: 100%;height: 24.6rem; padding-top: 2.4rem;}
.g_lc h2{background:url(/style/css/img/lctit.png) no-repeat;background-size: 100%;text-align: center;height:6rem;font-size: 1.4rem;color: #000; letter-spacing: 0.1rem;  padding-top: 0.5rem;}
.g_lc h2 em{display: block;font-size: 1.2rem;color: #cbcbcc;padding-top: 0.2rem;text-transform: uppercase; letter-spacing: 0; font-family: arial;font-weight: bold;}
.g_lc li{position: absolute; width: 17%;font-size: 1.1rem;color: #2c2c2c;font-weight: bold;text-align: center;}
.g_lc li em,.g_lc li em img{width: 100%;display: block;}
.g_lc li:nth-child(1){left:8%;top:9rem;}
.g_lc li:nth-child(2){left:40%;top:9rem}
.g_lc li:nth-child(3){left:75%;top:9rem}
.g_lc li:nth-child(5){left:40%;top:18.4rem;}
.g_lc li:nth-child(4){left:75%;top:18.4rem;}
.g_lc .btn1{position: absolute;left:4%;top:19rem;width: 10.5rem;height: 2.4rem;line-height: 2.4rem;background: #fff;border-radius: 0.2rem;text-align: center;font-size: 1.1rem;color: #db251f;}
.g_lc .lctel{position: absolute;left:4%;top:22rem;width: 10.5rem;height: 2.4rem;line-height: 2.4rem;background: #fff;border-radius: 0.2rem;text-align: center;font-size: 1.3rem;color: #db251f;}




/* 走进*/
.g_zj{ height: 40rem; margin: 3.5rem 3% 0;overflow: hidden;}
.g_zj h2{height: 3rem;line-height:3rem;background: #a01123; text-align: center;font-size: 1.5rem;color: #fff;font-weight: normal;margin-bottom: 1.6rem;}
.g_zj dt{width: 100%;}
.g_zj dt img{display: block;width: 96%; padding: 2%;border: 1px solid #dfdfdf;	
	box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;}
.g_zj dd h3{height: 3rem;line-height: 3rem; overflow: hidden; font-size: 1.2rem;color: #606060;font-weight: bold;overflow: hidden;text-align: center;}
.g_zj dd p{color: #666666;font-size: 1.1rem;height: 5.4rem; line-height: 1.8rem;overflow: hidden; margin-bottom: 1.5rem;text-align: center; padding: 0 8%;}
.g_zj dd span{display: block;padding-left: 11%;}
.g_zj dd span a{display: block;float: left;width: 10.3rem;height: 2.6rem;line-height: 2.6rem; background: #a01123;font-size: 1.2rem;text-align: center;color: #fff;border-radius: 0.2rem;  margin-right: 4.5rem;}
.g_zj dd span a:nth-child(2){margin-right: 0;}



/*资讯*/
.g_zx{height:18rem; margin: 0 3%; overflow: hidden;}
.g_zx .sclwrap_box,.g_zx .m-box { height: 14rem;}
.zx-c .u_lst7{padding-top: 1%; float: left;display: inline; }
.zx-c .u_lst7 li{height:2.4rem; line-height: 2.4rem; border-bottom: 1px solid #e7e7e7; font-size: 1.2rem; color: #7d7d7d; overflow: hidden;}
.zx-c .u_lst7 li a{color: #7d7d7d; }
.zx-c .u_lst7 li:last-child{border-bottom: none;}
.zx-c .u_lst7 li em{display: inline-block; padding-right: 3%;}

.til02 {position: relative;height: 3rem;line-height: 3rem;border-bottom: 1px solid #999da2;}
.til02 li{position: relative;  }
.til02 li,.til02{height: 2.6rem;line-height: 2.6rem;}
.til02 li { color: #666666; position: relative; text-align: center;
    display: inline;
    float: left;
    font-size: 1.2rem;
    font-weight: bold;
    text-align: center;
    width: 23%;}
.til02 li.z-on {position: relative; color: #003e7e;}
.til02 li.z-on:before{content: "";position: absolute;width: 100%;height: 0.2rem;background: #db251f;left:0;bottom:-0.1rem;}

.til02 span{position: absolute;right:0;top:0;font-size: 1.2rem;color: #666666}
.til02 span a{color: #666;}
























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:384px){html{font-size: 12px;}}
@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;}}





