img{ width:100%; vertical-align:middle;}
.con{ display:inline; float:left;}

/*广告*/
.g-adv { padding-top:1px; position:relative; height:auto;}
.g-adv .sclwrap_box , .g-adv .m-box{ height:11.875em;overflow:hidden;}

/*热线*/
.m-rx{ padding: 0.8em 3.125% 0;}
.m-rx a{ display:block; padding:0.5em 0 0.5em 18.3%; background:#db0f00; color:#ffffff; border-radius:0.4em;}
.m-rx a i{ display:inline-block; width:8%; padding-right:3%;}
.m-rx a span{ padding-left:3%; font-size:1.25em; font-family:Impact;}

/*导航*/
nav{ width:100%; padding-top:1.125em;overflow:hidden; text-align:center; }
nav li{ display:inline-block; width:30%; margin:0 1%; background:url(../3gimages/nav_bg2.jpg) no-repeat center top; background-size:contain;}
nav li a{ display:block; margin-bottom:0.7em; padding: 3.375em 0 0.65625em 0; background: url(../3gimages/nav_icon1.png) no-repeat center 0.9375em; background-size:2.375em 2.09375em; color:#ffffff; font-size:133%;}
nav li:nth-of-type(2) a{ background-image:url(../3gimages/nav_icon2.png); background-size:2.5em 1.9375em; }
nav li:nth-of-type(3) a{ background-image:url(../3gimages/nav_icon3.png); background-size:2.15625em 2.3125em; }
nav li:nth-of-type(4) a{ background-image:url(../3gimages/nav_icon4.png); background-size:1.71875em 2.09375em; }
nav li:nth-of-type(5) a{ background-image:url(../3gimages/nav_icon5.png); background-size:1.84375em 2.21875em; }
nav li:nth-of-type(6) a{ background-image:url(../3gimages/nav_icon6.png); background-size:2.215em 1.875em; }
nav li.cur{ background-image:url(../3gimages/nav_bg1.jpg);}

/*首页头部样式*/
.indexhd{ width:100%; /*height:134px;*/ background: url(../3gimages/indexhd.jpg) no-repeat center top; background-size:cover; overflow:hidden;}
.indexhd .m-logo{ float:left; width:15.9375%; padding: 0.7em 0 0 1%;}
.indexhd h3{ float:right; padding:1.5em 5% 0 0; font-size:100%; color:#ffffff; line-height:1em;}
.indexhd h3 b{ display:block; padding-top:4px;}

/* 顶部LOGO图片*/
.top3g { text-align:center; }
.top3g img { width:100%; display:block;}

.indexkong{ width:100%; height:50px; background:#00299b;}

/* 恺策手机版焦点图 -------------------------------------- */
.focus{ width:100%; /*height:285px;*/   margin:0 auto; position:relative; overflow:hidden;   }
.focus .hd{ width:100%; height:25px;  position:absolute; z-index:1; bottom:5px; text-align:center;  }
.focus .hd ul{ display:inline-block; height:8px; padding:5px 7px; background-color:rgba(255,255,255,0.7); 
-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-size:0; vertical-align:top;}
.focus .hd ul li{ display:inline-block; width:8px; height:8px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#8C8C8C; margin:0 5px;  vertical-align:top; overflow:hidden;   }
.focus .hd ul .on{ background:#FE6C9C;  }

.focus .bd{ position:relative; z-index:0; }
.focus .bd li img{ width:100%;  /*height:285px;*/ background:url(../3gimages/loading.gif) center center no-repeat;  }
.focus .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */  }
	
	
/*伙伴*/
.m-hb{ padding-bottom:1.4em; overflow:hidden;}
.com,.m-zx .m-cnt{ height:2.8em; padding:0 3.90625% 0 0; overflow:hidden; border-top:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7;background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f0f0f0)); background-image: -webkit-linear-gradient(top,   #ffffff, #f0f0f0); background-image: -moz-linear-gradient(top, #ffffff, #f0f0f0);background-image: linear-gradient(top,  #ffffff, #f0f0f0);}
.com a:nth-of-type(1){ float:right; width:1.3em; height:2.8em; background:url(../3gimages/more1.png) no-repeat center; background-size:1.3em 1.3em;}
.com a:nth-of-type(2){ display:inline-block; width:38%; padding-left:7%; line-height:2.3em; font-size:1.25em; color:#fefeff; font-weight:bold;background-image: -webkit-gradient(linear, left top, left bottom, from(#0069f4), to(#034092)); 
background-image: -webkit-linear-gradient(top,   #0069f4, #034092); 
background-image: -moz-linear-gradient(top, #0069f4, #034092);
background-image: linear-gradient(top,  #0069f4, #034092); }
.com a:nth-of-type(2) span{ position:relative; display: inline-block; padding: 0 10%; line-height:2.3em; background:url(../3gimages/com_tm.png) no-repeat center top; background-size: contain;width:80%;text-align:center;}
.com a:nth-of-type(2) span:before{ position:absolute; content:''; width:0.5em; height:0.5em; left:-5%; top:0.7em; border-radius:0.5em; border:2px solid #ffffff;}
.m-hb .sclwrap_box , .m-hb .m-box{ height:10em;overflow:hidden;}
.m-hb .con p{ padding: 1.8em 3.125% 0;}
.m-hb .con p a{ float:left; width:48%; text-align:center; color:rgba(35,35,35,.8)}
.m-hb .con p a:nth-of-type(2n){ float:right;}
.m-hb .con p a img{ display:block; width:99%; border:1px solid #cfcdcd; margin:0 auto 0.4em;}
.m-hb .m-cnt,.m-rxcp .m-cnt,.m-zz .m-cnt{ text-align:center;}
.m-hb .m-cnt li,.m-rxcp .m-cnt li,.m-zz .m-cnt li{ display:inline-block; width:0.5em; height:0.5em; margin:0 1px; border-radius:0.5em; background:#919191;}
.m-hb .m-cnt li.z-on,.m-rxcp .m-cnt li.z-on,.m-zz .m-cnt li.z-on{ background:#cc0001;}

/*对比*/
.m-db{ padding:1px 0 0 0; background:url(../3gimages/db_bg1.gif) repeat; overflow:hidden;}
.m-db .m-cnt{ margin-bottom:0.7em; overflow:hidden;background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f0f0f0)); background-image: -webkit-linear-gradient(top,   #ffffff, #f0f0f0); background-image: -moz-linear-gradient(top, #ffffff, #f0f0f0);background-image: linear-gradient(top,  #ffffff, #f0f0f0);}
.m-db .m-cnt li{ float:left; width:50%; text-align:center; line-height:3.25em; color:#4f4f4f; font-weight:bold;}
.m-db .m-cnt li.z-on{ color:#ffffff;background-image: -webkit-gradient(linear, left top, left bottom, from(#fc2a2c), to(#d80405)); background-image: -webkit-linear-gradient(top,   #fc2a2c, #d80405); background-image: -moz-linear-gradient(top, #fc2a2c, #d80405);background-image: linear-gradient(top,  #fc2a2c, #d80405);}
.m-db .sclwrap_box , .m-db .m-box{ height:26.5em;overflow:hidden;}
.m-db p{ position:relative; margin: 0 3.125%; padding: 0.66em 0 0.66em 30.9%; border-bottom:1px dashed #999999; line-height:1.5em; color:#666666;}
.m-db p:before{position:absolute; content:""; top:1.3em; left:28.5%; z-index:9;width:0; height:0; border-left:0.6em solid #0f60ba;border-top:0.6em solid transparent;border-bottom:0.6em solid transparent;}
.m-db p b{ position:absolute; width:28%; padding: 0 0 0 2%; left:0; top:0.9em; background:#0f60ba; line-height:2em; color:#ffffff}
.m-db p span{ color:#db0f00;}
.m-db p:nth-of-type(4),.m-db p:nth-of-type(6){ padding:0 0 0 30.9%; line-height:3.6em;}
.m-db p:last-of-type{ border:none;}

/*产品中心*/
.m-cpzx{ background:url(../3gimages/db_bg1.gif) repeat;  overflow:hidden;}
.m-cpzx h4{ padding: 1.2em 3.125% 0; overflow:hidden;}
.m-cpzx h4 a{ position:relative; float:left; width:47.5%; margin-bottom:5px; padding: 0 0 0 2%; color:#333333; line-height:3.16em; background:#d3e3f9;}
.m-cpzx h4 a:nth-of-type(2n){ float:right;}
.m-cpzx h4 a:before{ position:absolute; content:''; width:1.125em; height:1.2084em; right:4%; top:1em; background:url(../3gimages/cpzx_icon1.gif) no-repeat center top; background-size:1.125em 1.2084em;}
.m-cpzx p{ padding: 1.25em 3.125% 1.5em;}
.m-cpzx p a{ display:block; line-height:1.93em; font-size:116%; color:#101010; text-align:center; border-radius:0.3em; background:#e0e0e0;}

/*热销产品*/
.m-rxcp{ padding-bottom:2em;background:url(../3gimages/db_bg1.gif) repeat;  overflow:hidden;}
.m-rxcp h2{ background:#db0f00;}
.m-rxcp h2 a:nth-of-type(1){ background-image:url(../3gimages/more2.png);}
.m-rxcp h2 a:nth-of-type(2){ background:none;}
.m-rxcp .sclwrap_box ,.m-rxcp .m-box{ height:29.6em;overflow:hidden;}
.m-rxcp p{ padding: 1.5em 3.125% 0;}
.m-rxcp p a{ float:left; width:48%; padding-bottom:0.7em; text-align:center; color:#666666;}
.m-rxcp p a:nth-of-type(2n){ float:right;}
.m-rxcp p a img{ display:block; width:98%; margin:0 auto 0.5em; padding:0.2em; background:#ffffff; border:1px solid #cfcfcf;}

/*案例*/
.m-al{ padding: 1em 0 2.5em 0;background:url(../3gimages/db_bg1.gif) repeat;  overflow:hidden;}
.m-al h3{ padding:2em 0 0 0;}
.m-al h3 a{ display:block; text-align:center; font-weight:bold; color:#0249a8; font-size:108%;}
.m-al h4{ padding: 0.8em 3.125% 0.6em;}
.m-al p{ padding: 0 3.125%; line-height:2em; color:#666666;}
.m-al p a{color:#666666;}

/*优势*/
.m-ys{ padding-bottom:2em;background:url(../3gimages/db_bg1.gif) repeat; overflow:hidden;}
.m-ys h3{ padding: 2em 3.125% 1em;}
.m-ys h3 a{ display:block; border:1px solid #e6e6e6;}
.m-ys h4{ position:relative; padding: 0.5em 0 0 25%; font-size:1.25em; font-weight:bold;}
.m-ys h4 a{ color:#666666;}
.m-ys h4 a span{ display:block; color:#2c74c4;}
.m-ys h4 b{ position:absolute; width:2em; height:1.535em; left:3.125%; top:0; background:url(../3gimages/ys_bg1.gif) no-repeat center top; background-size:2em 1.535em; text-align:center; line-height:1.535em; color:#ffffff; font-family:Impact; font-size:1.94em; font-weight:normal;}

/*见证*/
.m-jz{ padding:1.2em 0 1em 0;background:url(../3gimages/db_bg1.gif) repeat; overflow:hidden;}
.m-jz h2{ margin-bottom:2em;}
.m-jz .com a:nth-of-type(2){ width:41%;}
.m-jz dl{ padding: 0 3.125% 1.20em; overflow:hidden;}
.m-jz dl dt{ float:left; width:44.5%;}
.m-jz dl dd{ float:right; width:52%;}
.m-jz dl dd h4 a{ font-size:108%; color:#0249a8; font-weight:bold;}
.m-jz dl dd p{ padding-top:0.3em; line-height:1.66em; color:#666666;}
.m-jz dl dd p a{ color:#666666;}

/*资质*/
.m-zz{ padding-bottom:2.6em;background:url(../3gimages/db_bg1.gif) repeat; overflow:hidden;}
.m-zz h2{ background:#db0f00;}
.m-zz h2 a:nth-of-type(1){ background-image:url(../3gimages/more2.png);}
.m-zz h2 a:nth-of-type(2){ background:none;}
.m-zz .sclwrap_box ,.m-zz .m-box{ height:19.25em;overflow:hidden;}
.m-zz p{ padding: 1.8em 3.125% ;}
.m-zz p a{ float:left; width:48%;}
.m-zz p a:nth-of-type(2n){ float:right;}

/*资讯*/
.m-zx{background:url(../3gimages/db_bg1.gif) repeat; overflow:hidden;}
.m-zx .m-cnt{ padding:0; overflow:hidden;}
.m-zx .m-cnt li{ float:left; width:26%; padding-left:7%; line-height:2.25em; font-size:1.25em;font-weight:bold;}
.m-zx .m-cnt li:nth-of-type(3){ width:27%;}
.m-zx .m-cnt li span{ position:relative; display: inline-block; padding: 0 10%; line-height:2.25em;}
.m-zx .m-cnt li.z-on{ color:#fefeff;background-image: -webkit-gradient(linear, left top, left bottom, from(#0069f4), to(#034092)); background-image: -webkit-linear-gradient(top,   #0069f4, #034092); background-image: -moz-linear-gradient(top, #0069f4, #034092);background-image: linear-gradient(top,  #0069f4, #034092);  }
.m-zx .m-cnt li.z-on span{ background:url(../3gimages/com_tm.png) no-repeat center top; background-size: contain;}
.m-zx .m-cnt li.z-on span:before{ position:absolute; content:''; width:0.5em; height:0.5em; left:-9%; top:1em; border-radius:0.5em; border:2px solid #ffffff;}
.m-zx .sclwrap_box ,.m-zx .m-box{ height:17.5em;overflow:hidden;}
.m-zx p{ padding:1em 4.6875% 0;}
.m-zx p a{ position:relative; display:block; padding:0 0 0 5%; border-bottom:1px dashed #cccccc; line-height:2.5em; color:#666666;overflow:hidden;height:2.5em;}
.m-zx p a:last-of-type{ border:none;}
.m-zx p a:before{ position:absolute; content:''; width:0.5em; height:0.5em; left:0; top:1em; border-radius:0.5em; border:2px solid #999999;}


@media screen and (min-width:320px) {
	body { font-size:75%;}
}
@media screen and (min-width:360px) {
	body { font-size:87%;}
}

@media screen and (min-width:400px) {
	body { font-size:100%;}
}
@media screen and (min-width:480px) {
	body { font-size:112%;}

}
@media screen and (min-width:568px) {
	body { font-size:131%;}

}
@media screen and (min-width:639px) {
	body { font-size:150%;}
}