﻿.wrap { background:#fff;}	
.wrap img { display:block; width:100%;}
.m-cnt:after,.c-list:after,.m-box:after{visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.clearfix:after{visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}



.g-nav{color:#ffffff; background:#ffffff; width:100%;}
.g-nav a{float: left; text-align: center; color:#ffffff; width: 20%;padding: 0.5rem 0; font-size:1rem; margin-left:0.2rem;}
.g-nav a{float: left; text-align: center; border-bottom:1px solid #ffffff;color:#ffffff; width: 19%;padding: 0.5rem 0; font-size:1rem; background:#ffffff;}
.g-nav img{    width: 4.56rem;margin: 0 auto;padding-bottom: 0.5rem;} 



.g-ft p{ font-size:20px; line-height:200%}
.gcliuc span{ display:block; width:100%; font-size: 1.2rem; background:#0f5fc0; text-indent:10px; color:#FFF; padding:15px 0px; margin:10px 0}
.gcliuc p{padding:3px 10px; line-height:200%}
.gcliuc li{ line-height:30px; border-bottom:#F7F7F7 1px solid; padding-left:10px}




.mrmr{ padding-bottom: 1.5rem;}
.mrmr .big_bk .td_dfl{ width:100%; text-align: left; display:block; float:left; line-height: 1.3rem; font-size: 1rem; color: #333; padding: 0.1rem 0 0.4rem;}
.mrmr .big_bk dd{ float:left; text-align: left; line-height: 1.3rem; font-size: 0.5rem; color: #333; padding:0.1rem 0 0.4rem;}
.mrmr .big_bk dd a{ float:left; display:inline-block; text-align: left; background:#0c7051; margin-right:0.3rem; margin-bottom:0.3rem;line-height: 1.3rem; font-size: 0.5rem; color: #333; padding: 0.1rem 0.1rem 0.1rem; color:#ffffff;}
.mrmr .big_bk .td_dfl a{ display:block; width:100%; text-align: left; line-height: 1.3rem; font-size: 1rem; color: #333; padding: 0.1rem 0 0.4rem;}


/*  首页产品导航*/
.g-fw{ padding-bottom: 0.5rem;}
.g-fw h3{text-align: center; line-height: 1.3rem; font-size: 1rem; color: #333333; padding: 2.1rem 0 1.4rem;}
.g-fw h3 b{display: block; font-size: 1.5rem; margin-bottom: 0.5rem;}
.g-fw .m-cnt{text-align: center; padding-bottom: 1.4rem; }
.g-fw .m-cnt li{ width:11rem;font-size: 0.9rem; color: #fff; display: inline-block; height: 2.25rem; line-height: 2.25rem; background: #0f5fc0; margin: 0 1%; position: relative;margin-bottom: 0.4rem; }
.g-fw .m-cnt li a{ color:#ffffff; }



.sclwrap_box{ width: 96%; margin: 0 auto; }
.m-box2 li{float: left; width: 48%; margin-right: 2%; margin-bottom: 1.1rem;}
.clearfxi li a span{ text-align:center; display:block; margin:10px 0}





/*首页案例  */
.g-xy{background: #eee; width:100%}
.g-xy h3{text-align: center; font-weight: bold; font-size:22px; margin-bottom:20px;}
.g-xy h3 a{color: #333;font-size:22px;}
.g-xy h3 span{color: #0f5fc0;}

.g-xy li{display: inline-block; width: 49%; padding:2%; background: #fff; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; }
.g-xy li a{display: block; position: relative;}
.g-xy li p{font-size: 1rem; color: #fff; position: absolute; left: 0; width: 100%; bottom: 0; background:rgba(27,154,233,0.9); padding: 0.8rem 0.5rem; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; line-height: 1.5rem;}
.g-xy li p b{display: block; height: 1.5rem; overflow: hidden;}
.g-xy li  span{display: block;height: 1.5rem; font-size:0.8rem; text-align:center; line-height:1.5rem; overflow: hidden;}
.g-xy li p i{display: block;height: 1.5rem; overflow: hidden;}


.content h1{ text-align:center}

#showdatac a{ float:left; width:46%; display:block; margin-left:2%; height:200px;}
#showdatac a img{ width:100% ; height:150px}
#showdatac a span{ display:block; height:30px; text-align:center; line-height:30px;}

.g-ms{position: relative; padding-bottom: 2rem;}
.g-ms h3{text-align: center; font-size: 1rem; line-height: 2rem; color: #333; padding: 2rem 0 1rem;}
.g-ms h3 b{display: block; font-size: 1.5rem;}
.g-ms h3 a{color: #333;}
.g-ms h3 span{color: #ffae02;}




/*手机banner轮播*/
.banner{width:100%}
.banner img{display:block;width:100%}
.swipe{width:100%;overflow:hidden;position:relative;}
.swipe ul{
	-webkit-transition:left 800ms ease-in 0;
	-moz-transition:left 800ms ease-in 0;
	-o-transition:left 800ms ease-in 0;
	-ms-transition:left 800ms ease-in 0;
	transition:left 800ms ease-in 0;
}
.swipe #pagenavi{position:absolute;left:10px;bottom:10px;text-align:center;width:100%; background:rgba(fff, fff, fff, 0.6)!important; filter:Alpha(opacity=50); padding:6px;}
.swipe #pagenavi a{width:8px; height:8px; line-height:99em; background:#fff; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; margin:0 4px; overflow:hidden; cursor:pointer; display:inline-block; *display:inline; *zoom:1; position:relative;}
.swipe #pagenavi a.active{background:#ff0;  position:relative;}




/* -- 全局定义 -- */
body { color:#666; background:#f9f9f9; }/*全局文字*/
#content img{  display:block; margin:0 auto; max-width:560px;}
a { color:#fff;}/*全局链接*/
a:link { color:#666 }     /* 未访问的链接 */
a:visited { color:#666 }  /* 已访问的链接 */
a:hover { color: #a90000 }    /* 当有鼠标悬停在链接上 */
a:active { color: #4D7AA8 }   /* 被选择的链接 */


/*底部开始*/

body .g-ft{padding-bottom:48px;}
body .g-ft .u-top{width: 46px; margin: 0 auto; display: block;}
body .g-ft .u-top img{width: 46px;}
body .g-ft p{font-size: 14px; color: #333; text-align: center; padding: 36px 0 24px;background: #eee; margin-top: -26px;}



/* 底部固定导航 */
body .social_nav5{height:58px;position:fixed; bottom:0; width:100%;  z-index:999; 
background: #1f1f1f; }

body .social_nav5 li{ width:25%; float:left; position:relative;border-right:1px solid #494949;border-left:1px solid #000000; font-size:12px; text-align:center; color:#fff;line-height:12px; height:58px;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;}
body .social_nav5 li:last-child{border-right:none;}
body .social_nav5 li:first-child{border-left:none;}
body .social_nav5 li em{ width:23px; display:block; margin:0 auto; padding:10px 0 6px 0;}
body .social_nav5 li em img{width: 23px;}
body .social_nav5 li a{ color:#fff;}
body .social_nav5 li.cur{ color:#fff; background: #ffae02;}
body .social_nav5 li .erji{ position:absolute; bottom:58px; left:0; width:100%; text-align:left; background:#0c7051; display:none; }
body .social_nav5 li .erji a{ display:block; border-bottom:1px solid #20a6ee; font-size:12px; height: 26px; line-height:26px;position:relative; text-align:center;  color:#fff;}
body .social_nav5 li .erji a:last-child{border-bottom:none;}

/*底部结束*/

