@charset "utf-8";
/********************块框架***************************/
.white_box{ background:#FFF; width:100%;box-shadow: 1px 2px 7px #dedede; padding-bottom:5px; display:inline-block}
.beijing_box{ background:#FFF; width:100%;box-shadow: 1px 1px 0px #dedede; padding-bottom:5px; display:inline-block}
/**主导航**/
.nav{position:relative; overflow:hidden;}
.nav ul{overflow:hidden;}
.nav li{float:left; width:25%; text-align:center;overflow: hidden;}
.nav li a{display:block; padding:10.5% 0%; font-size:0.9em; color:#fff; background:url(../images/daohang.jpg) repeat-x; border-right:1px solid #323232; display: inline-block; white-space: nowrap; overflow: hidden; text-overflow:ellipsis; width:100%;}
.nav li a h1{ font-weight:normal; font-size:1.0em; }

/*banner*/
.g-adv{ height:11.50rem; overflow:hidden; position:relative;}
.g-adv .sclwrap_box , .g-adv .m-box{ height:11.50rem; overflow:hidden;}
.g-adv .m-cnt{ position:absolute; left:50%; bottom:0.83rem; height:0.63rem; overflow:hidden; z-index:3; width:11.88%;}
.g-adv .m-cnt li{ float:left; margin-right:0.63rem; width:0.63rem; height:0.63rem; background:#818181; border-radius:100%;}
.g-adv .m-cnt li.z-on{ background:#e77f0e;}
.g-adv .m-cnt li:nth-child(3){ margin-right:0rem;}

/**首页的产品框架**/
/*标题*/
.home_top_nav{ width:100%; height:3.5em; border-bottom:1px solid #dedede; margin-bottom:5px}
.home_top_nav_da em{ display:block; width:2px; height:1.8em; background:#1d87d6; float:left; margin-top:0.5em; margin-left:10px;}
.home_top_nav_da{ height:3em;float:left;margin-top:0.5em;}
.home_top_nav_da a{font-size:16px;  margin-left:10px; margin-top:5px; line-height:2.5em; color:#333}
.home_top_nav_xi{ float:right; width:20%; height:3em;  margin-top:0.5em}
.home_top_nav_xi a{ font-size:14px; line-height:3em; float:right; margin-right:10px; color:#333}

.col_title{ width:100%; height:3.5em; border-bottom:1px solid #dedede; margin-bottom:5px}
.col_title_da em{ display:block; width:2px; height:1.8em; background:#d10916; float:left; margin-top:0.5em; margin-left:10px;}
.col_title_da{ height:3em;float:left;margin-top:0.5em;}
.col_title_da h1{font-size:1.0em;font-weight:normal;margin-left:18px; margin-top:4px;line-height:2.5em; }

.home_product_kj{ width:98% !important; margin-left:1% !important;}
.pro_list{width:100%;}
.pro_list li {float: left; width:49%; text-align: center; margin-right:2%;}
.pro_list li:nth-child(2n){margin-right:0;}
.pro_list li .pic { border:1px solid #D8D8D8;}
.pro_list li .pic img {width:100%;}
.pro_list li h2 {padding:0.4rem 0; font-size:12px; font-weight:normal; color:#666} 

/**case案例**/
.case_home{}
.case_home ul li{padding:10px; display:inline-block; width:100% !important; margin-left:1%; border-bottom:1px solid #dedede; }
.case_home_pic{ width:30%;margin-left:1%;}
.case_home_pic img{ width:100%}
.case_home_text{width:66%;margin-right:2%; }
.case_home_text h3{line-height:1.2em; color:#666666; text-align:left; height:1.2em; overflow:hidden; font-weight:normal; font-size:14px}
.case_home_text p{font-size:12px; text-align:left; line-height:18px; color:#999; height:55px;overflow:hidden;}
/*关于我们*/
.about {margin:0px auto; width:100%;}
.about li {line-height:30px; padding:10px; color:#666;}
.about img {margin-left:3%;border:1px solid #e1e1e1;padding:1px; float:right; width:40%;}
.about span {line-height:16.3636360168457px;white-space:normal;}

/**********底部****************/
.antxt{ margin-top:6%;}
.antxt p{ margin-top:3%;}
.fangke{ background:url(../images/link.jpg) no-repeat 4.3em center / 0.813em auto transparent; width:6em; float:left;}
.renshu{ background:url(../images/zan.jpg) no-repeat 2em center / 0.813em auto transparent; float:left; width:3em;}
.bottom{ background:#1c1c1c;width:96%; padding:2%;}
.ftr{ height:3em; border-bottom:1px dotted #303030;}
.ftr ul li{ width:25%; float:left; text-align:center;}
.ftr ul li a{ color:#666; height:3em; line-height:3em;}

.btmtxt{color:#666; text-align:center; margin-top:3%;}
.btmtxt p{color:#666; font-size:1em; height:2em; line-height:2em; }
.btmtxt a{ color:#666;}
.btmtxt span{display:block; height:2em; line-height:2em; color:#ff6600; margin-top:2%;}

.wzmid{ padding:0% 2.3% 2.3% 2.3%; padding-top:3%;}
.kuno{background:#fff; display:block; border-radius:0.15em; overflow:hidden; width:100%; padding-bottom:5%; box-shadow: 1px 1px 5px #ccc; box-shadow: 1px 1px 5px #ccc;}
.kuno h3{ text-align:center;}
.kuno h3 img{ margin-top:4%; width:95%;}
.kuno span { display:block; text-align:center;}
.kuno span img{width:24.250em; margin-top:3%;}
.kuno p{ text-align:center; font-size:1.125em; margin-top:5%; color:#ff6600;}
.kuno a { text-align:center; display:block; width:100%;}
.kuno a img{width:24.208em; margin-top:5%;}

/******悬浮菜单******/
.m-top{ margin:0 auto 2.5rem; height:3.13rem; width:56.25%; overflow:hidden; text-align:center; color:#fff; font:1rem/3.13rem "Microsoft Yahei"; background:#ff7f00;}
.m-top i{ display:inline-block; vertical-align:top; line-height:0; padding:0.96rem 0 0 0.5rem; height:1.21rem; width:1.21rem; overflow:hidden; }
.m-top i img{}

.social_nav5{ height:5.13rem;  position:fixed; bottom:0; min-width:320px; max-width:640px; overflow:hidden; width:100%; z-index:999;background-color:#363e67;} /*  1c1c1c*/
.social_nav5 li{ position:relative; float:left; padding-top:0.67rem; width:25%; height:5.13rem; overflow:hidden; font:1rem/1.5rem "Microsoft Yahei";  text-align:center; color:#fff; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.social_nav5 li i{ margin:0 auto; width:2.42rem; height:2.42rem; display:block;}
.social_nav5 li i img{}
.social_nav5 li:before{ position:absolute; content:""; right:0rem; top:0rem; width:1px; height:5.13rem; background:#20253e;}
.social_nav5 li:after{ position:absolute; content:""; left:0rem; top:0rem; width:1px; height:5.13rem; background:#4c5790;}
.social_nav5 li a{ color:#fff}
.social_nav5 li:nth-child(1):after{ background:none;}
.social_nav5 li:nth-child(4):before{ background:none;}
.social_nav5 li.z-on{ height:5.13rem; overflow:hidden; background:#ff7f00;}

/******************************栏目页*********************************************/
/**1:面包屑导航：3种样式**/
.bread_nav{float:left; margin-left:10px;margin-bottom:6px}
.bread_nav a{margin-right:5px;font-size:12px; font-weight:normal; color:#909090}
/**2:内容框架*/
.contentdet_box{ background:#FFF; width:100%;padding-bottom:5px; display:inline-block}
.kongzhi{ padding-bottom:10px}
/*内容标题*/
.header_box {padding:5px;padding-bottom:10px;}
.header_box h1 {font-size:1.2rem; color:#000; text-align:center; margin-bottom:5px;}
.det_side{float:left;margin-left:8px;}
.det_side span{margin-right:10px;font-size:1px; font-weight:normal; color:#909090; margin-bottom:10px;}
.det_side a{font-size:1px; background:##909090;color:#909090;}
.det_pic{ margin-top:30px;width:98%;margin-left:1%;}
.incont { margin:10px 5px 10px 5px;line-height:1.8;color:#555;font-size:1em;}

/****side_nav***/
.side_box{ width:100%; background:#fff; margin: 0px 2px 1px 2px;border-radius:3px;}
.side_box_title{float:right; margin-top:-30px; margin-left:230px;padding:5px 2px 5px 4px;text-align:center;font-size:12px;}
.side_none{background:#fff; display:inline-block; width:100%; margin-left:1%}
.side_none ul li{ margin-left:5%; width:35%; float:left; background:url(../images/sjbz.gif) no-repeat 0 10px; display:block; line-height:30px; padding-left:15px}
.side_none ul li a{ display:block}

/****上下页*******/
.page { text-align: center; margin:20px 0;}
.page a{padding:8px 12px; background:#ff5500; color: #fff; margin-right:8px;}
.page span {display: inline-block; margin-right:8px;}
.page .disabled{background: #ccc;color: #000; padding:8px 12px;}

/*上下篇*/
.article_next_prev{display:block; *display:inline-block; color:#666; font:normal 14px/24px "Microsoft YaHei",Arial, Helvetica, sans-serif; clear:both; float:left;margin:0px 0 5px 0;padding: 0; padding-top:10px;}
.article_next_prev li{list-style-type:none;clear:both; padding:0 0 3px; overflow:hidden;}
.article_next_prev li span{display:block;float:left; margin-left:5px;width:50px;padding:0 0 0 8px;height:26px;background-color:#ff6700; color:#fff; font-size:14px;margin-right:5px;}
.article_next_prev li:hover span{background-color:#c00;}
.article_next_prev li a{display:block;float:left;font-size:14px; color:#333333;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.article_next_prev li .article_next_prev li a:visited,.article_next_prev li a:hover{color:#333;}
.article_next_prev li:hover a:hover{color:#c00;}

/****标题****/
.title{width:100%;background:#dedede left top no-repeat; margin-left:2px;}
.title h1{float:left;color:#FFF;font-size:1.2em; background:#ff6700; font-weight:normal; padding:5px;border-radius:1px;}
.title h2{float:left;color:#FFF;font-size:16px; background:#ff6700; font-weight:normal; padding-left:10px; padding-right:10px}

/***：文章资讯列表页***/
.news_box {width:99%; margin-top:10px;padding-bottom:10px; background:#FFF}
.news_text{width:98%; overflow:hidden;margin-left:10px; padding-bottom:10px;}
.news_text h3{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;width:88%;margin-top:5px; font-weight:normal;letter-spacing:1.5px; display:block; background:url(../images/cpMuDtH.png) no-repeat; text-indent:25px;font-family:arial,Microsoft YaHei,sans-serif;}
.news_text h3 a{color:#666666;font-size:14px;}
.news_text span{width:35px;;float:right; margin-top:-18px;color:#666;font-family:arial,tahoma,sans-serif;font-size:12px;font-style: normal;}

/**11:底部产品推荐**/
.side_bottom {width:98%;margin-left:5px;}
.side_bottom .hd {padding:8px 10px;border:1px solid #d8d8d8; background:url(../images/hd1.gif) repeat-x left bottom;}
.side_bottom .hd h2 {color:#333; font-size:14px; font-weight:normal}
.side_bottom .bd {border:1px solid #d8d8d8; padding:1px; border-top:0;}

.bottom_box {overflow:hidden;}
.bottom_box ul { position:relative; left:5px; top:10px;}
.bottom_box ul li {width:32%;float:left;margin-right:1%; margin-bottom:15px;}
.bottom_box ul li .pic {width:100%;overflow:hidden}
.bottom_box ul li .pic img {display: block;width:100%;}
.bottom_box ul li p{font-size:0.6em; text-align:center; height:20px;line-height:20px; overflow: hidden; color:#555; font-weight:300; overflow:hidden;}

<!--.shiping_box_1{ width:480px; height:400px; border:1px solid #dedede; margin:0 auto; margin-top:10px; margin-bottom:10px}-->

/***************************各种框架自适应*********************************************/
@media screen and (min-width:320px){
	html{ font-size:75%;}
}
@media screen and (min-width:360px){
	html{ font-size:85%;}
}
@media screen and (min-width:375px){
	html{ font-size:87.5%;}
}
@media screen and (min-width:400px){
	html{ font-size:93.75%;}
}			
@media screen and (min-width:414px){
	html{ font-size:96%;}
}
@media screen and (min-width:480px){
	html{ font-size:112.5%;}
}
@media screen and (min-width:568px){
	html{ font-size:131.25%;}
}
@media screen and (min-width:639px){
	html{ font-size:150%;}
}