@charset "utf-8";
/* CSS Document */
html, body, h1, h2, h3, h4, h5, h6, div, dl, dt, dd, ul, ol, li, p, blockquote, pre, hr, figure, table, caption, th, td, form, fieldset, legend, input, button, textarea, menu { margin: 0; padding: 0; }
header, footer, section, article, aside, nav, hgroup, address, figure, figcaption, menu, details { font-family: "Microsoft YaHei", SimSun; display: block; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th { text-align: left; font-weight: normal; }
html, body, fieldset, img, iframe, abbr { border: 0 ; }
i, cite, em, var, address, dfn { font-style: normal; }
[hidefocus], summary {
outline: 0;
}
li { list-style: none; }
h1, h2, h3, h4, h5, h6, small { font-size: 100%; }
sup, sub { font-size: 83% ; }
pre, code, kbd, samp { font-family: inherit; }
q:before, q:after { content: none; }
textarea { overflow: auto; resize: none; }
label, summary { cursor: default; }
a, button { cursor: pointer; }
h1, h2, h3, h4, h5, h6, em, strong, b { font-weight: bold; }
del, ins, u, s, a, a:hover { text-decoration: none; }
body, textarea, input, button, select, keygen, legend { font-family:"Microsoft YaHei", arial;outline: 0; }
html, body {width:100%; max-width:640px; margin:0 auto !important; background-color:#fff; }
body{font-size:62.5%;height:100%;}
img{vertical-align:top}
a, a:hover, a:link, a:visited {}
a{ -webkit-tap-highlight-color:rgba(0,0,0,0);}
.top-nav a { color: #fff; }
.clear { clear:both; height:0px;}
.height,.height1,.height10,.height20{ width:100%; height:0px; clear:both; overflow:hidden;}
.height1{height:1px;}
.height10{ height:10px;}
.height20{ height:20px;}
.flash { width:100%; position:relative; }
.flash ul { width:100%; }
.flash li { width:100%; max-width:720px; }

/***************  **************/
img.header { /* border-bottom: 2px solid #8f2740; */ }
.center{ margin:0 auto; width:98%; background-color:#fff; }

/*****      头部   *******/
.home_header_top{position:relative;margin:0 auto;width:100%;height:5px;background-color:#e77302;z-index:9999;}
.home_header{padding:10px 0px;width:100%;text-align:center;background-color:#fff;}
.home_header img{ width:50%;}

.header1{position:relative;padding:0; width:100%;height:auto; background-color:#fff;box-shadow:0px 1px 8px #999;z-index:9999;overflow: auto;}
.header1 .link_home{float:left;margin-left:5%;display:block;width:50%;overflow:hidden;}
.header1 .link_home img{max-width: 180px;width:160px;padding:10px 0px 10px 0px;}
.header1 .nav_bot{ float:right;display:block;padding:19px 16px; width:24px; height:20px;background-color:#f7f7f7;}
.header1 .nav_bot img{ width:24px; height:20px;overflow:hidden;}

.coverBox{position:absolute;left:0px;right:0px;top:0px;bottom:0px;background-color:rgba(0,0,0,0.5);overflow:hidden;z-index:7777;}
.nav_box{position:relative;width:100%;}
.nav{ display:none; position:absolute; width:70%; right:0px;border-bottom:5px solid #183883;z-index:8888;}
.nav ul{ width:100%; background-color:#f5f5f5;}
.nav ul li{ padding:15px 10px; background-size:100% auto;overflow:hidden; }
.nav ul li:hover a,.nav ul li a.on{color:#e77303;}
.nav ul li:nth-child(2n+1){background-color:#ebebeb;}
.nav ul li a{float:left;display:block;width:96%; padding:2% 2%; text-indent:10px; font-size:16px;  color:#183883;}
.nav ul li a.on:after{float:right;content:'>';width:20px;height:20px;float:right;color:#666;}
.nav ul li a.on:after{color:#666;}
.nav:checked{transform: translateX(150px);}

/*   首页轮播图 css -------------------------------------- */
.slideBox{ position:relative; overflow:hidden; margin:0px auto;/* 设置焦点图最大宽度 */ }
.slideBox .bd{ position:relative; z-index:0; }
.slideBox .bd li{ position:relative; text-align:center;}
.slideBox .bd li img{  vertical-align:top; width:100%;/* 图片宽度100%，达到自适应效果 */}
.slideBox .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  }  /* 去掉链接触摸高亮 */
.slideBox .bd li .tit{ display:block; width:100%;  position:absolute; bottom:0; text-indent:10px; height:28px; line-height:28px;  color:#fff;  text-align:left;  }
.banner_bot{ width:100%; height:4px; background-size:100%;}
.slideBox .hd{position:absolute;padding-right:10px;bottom:0px;right:0px;width:100%;height:35px;text-align:right;line-height:35px;background-color:rgba(255,255,255,0.5);overflow:hidden;}
.slideBox .hd li{margin-right:5px;display:inline-block;width:8px; height:8px;border-radius:4px;background-color:#4566b5;overflow:hidden;}
.slideBox .hd li.on{background-color:#ff9a36;}

/*****  首页 产品  ****/
.temp_list{ margin:5px auto 0px;width:100%; }
.classify{margin:0 auto;padding:0% 1%;width:98%;}
.classify ul li{ float:left; padding-bottom:5px;  display:block; width:33.3%;}
.classify ul li a{ display:block; width:100%; box-sizing:border-box; -webkit-box-sizing:border-box;}
.classify .ul1 img{ display:block; padding:0% 2%; width:96%;}
.classify .ul1{overflow:auto;}
.classify .ul1 li:nth-child(3) a,.classify .ul1 li:nth-child(6) a{border-right:0;}
.classify p{ width:100%; text-align:center; font-size:14px; font-weight:bold; color:#676767;}
.classify ul li a:hover p{color:#ed120e;}
.classify:hover,.classify:active{ color:#ed120e;}

/****** 尾部 *****/
.foot{ padding:0; text-align:center;}
.foot_top{margin:0 auto;padding:20px 0px 20px;width:100%;text-align:center;background-color:#4566b5;overflow:hidden;}
.foot_top p{ font-size:14px; line-height:25px; color:#fff;}
.foot_copyright{ padding:0;font-size:14px;height:50px;line-height:50px; color:#fff;background-color:#183883;}
.foot a{ padding:0 1%; font-size:14px; color:#aaaaaa;}

.foot2{position:fixed; bottom:0px; width:100%; max-width:640px; height:auto;overflow:hidden;z-index:6666;
    background: -webkit-linear-gradient(#4a6dbe, #1b3b86); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#4a6dbe, #1b3b86); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#4a6dbe, #1b3b86); /* Firefox 3.6 - 15 */
    background: linear-gradient(#4a6dbe, #1b3b86); /* 标准的语法 */
}
.foot2 ul li{ float:left; width:33.3%;  height:auto; text-align:center; box-sizing:border-box;background:url("../images/f-003.png") no-repeat right top;}
.foot2 ul li:last-child{background:none;}
.foot2 ul li a{ display:block; margin:0 auto; padding:5px 5%; width:90px; overflow:hidden;}
.foot2 ul li img{ width:35px;line-height:25px;vertical-align:middle;overflow:hidden;}
.foot2 ul .li1 img{width:25px;height:25px;padding-top:2px; padding-left:0px;}
.foot2 ul .li2 img{width:25px;height:25px;padding-top:1px;padding-left:0px;}
.foot2 ul .li3 img{width:25px;height:25px;padding-top:1px;padding-bottom:2px;}
.foot2 ul li span{display:block;height:18px;line-height:18px; font-size:12px; color:#fff;}

/*****   內页导航   *******/
.pronav {margin:0 auto; padding:0 2%; width:96%; background-color:#FFF; overflow:hidden; }
.pronav ul { overflow:hidden; margin:15px 0px; background:url(../images/1-000.jpg) repeat-x left top; background-size:100% 100%;}
.pronav li {float:left; padding:2% 0;width:25%; text-align:center; line-height:20px;}
.pronav li a{box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */display:block; width:100%;  font-size:14px; color:#8b8b8b; border-right:1px solid #a2a3a6;}
.pronav li.cur,.pronav li:hover{ background-color:#da251d; color:#fff;}
.pronav li.cur a,.pronav li:hover a{color:#fff;}
ul.pronav_1{ background-color:#edf0f7; background-image:none;}

/*** 关于我们  ***/
.in_banner{width:100%;}
.in_banner img{width:100%;}
.temp_about_info{ width:90%; margin:20px auto 20px; padding-bottom:20px; overflow:hidden;color:#333; background-color:#FFF;}
.temp_about_info p{text-align:justify; text-justify:inter-ideograph; font-size: 14px;}
.temp_about_info img{max-width:100%; height:100%}
.merchants img{ height:auto !important;}
.about_page{padding:0px;}
.about_page p{font-size: 14px;line-height:24px;text-align:justify; text-justify:inter-ideograph;color:#333;}
.about_page img{width: 100% !important; height: 100% !important;}
.contact_page{padding:10px 0px 30px;}
/* 留言样式 */
.m-form { line-height: 29px; color:#666; margin: 20px 0; }
.m-form p{margin:0 auto;padding:8px 0px;width:90%;text-align:center;font-size:12px;color:#e77303;}
.m-form legend { font-size: 14px; font-weight: bold; }
.m-form .formitm { padding:0; line-height: 30px; }
.m-form .formitm-1 {  padding:30px 0px 60px; text-align: center; }
.m-form .lab {display:block; width:100%;height:50px;text-align:center;line-height:50px;font-size:16px;color:#000;font-weight: bold; }
.m-form .ipt { margin:0 auto;width:90%;background-color:#fff;}
.m-form .ipt * { vertical-align: middle; }
.m-form .ipt a, .m-form .ipt a:hover { text-decoration: none; color: #3891eb; }
.m-form .ipt img { height: 32px; margin: 0 15px 0 5px; }
.m-form .ipt .domain { margin: 0 0 0 5px; font-weight: bold; color: #777; }
.m-form .ipt p { height: 22px; line-height: 22px; color: #999; }
.m-form .tip { padding-top: 10px; }
.m-form .tip input { margin: 0 5px 3px 0; }
.u-ipt { width:80%; padding:7px 10%; height:26px; border:0 none;text-align:center; line-height:26px; font-size: 14px; color: #777; background: #fff; }

/* 通用自定义按钮-默认蓝色 */
.u-btn { display: inline-block; *display: inline;  *zoom: 1;  *overflow: visible;  -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; padding: 0 12px; height: 28px; line-height: 28px; border: 1px solid #2d88bf; font-size: 12px; letter-spacing: 1px; word-spacing: normal; text-align: center; vertical-align: middle; cursor: pointer; background: #008682; }
button.u-btn {*height: 30px;_line-height: 25px; }
.u-btn, .u-btn:hover {color: #fff;text-decoration: none;}
.u-btn:hover, .u-btn:focus{background: #008682; }
 .u-btn::-moz-focus-inner{padding:0;margin:0;border:0;}
.u-btn .btntxt {margin-right: 3px; _vertical-align: middle;}
.u-btn .btnsel {display:inline-block;*display: inline;*zoom: 1;width: 0; height: 0; overflow: hidden; vertical-align: middle; border-style: solid dashed dashed;
    border-width: 4px 4px 0; border-color: #fff transparent transparent; }

/* 灰色 */
.u-btn-c4 { width:120px;height:30px;text-align:center;line-height:30px;border:0 none;
    background: -webkit-linear-gradient(#F9A04A, #e87405);
    background: -o-linear-gradient(#F9A04A, #e87405);
    background: -moz-linear-gradient(#F9A04A, #e87405);
    background: linear-gradient(#F9A04A, #e87405);}
.u-btn-c4, .u-btn-c4:hover { color: #fff; }
.u-btn-c4:hover, .u-btn-c4:focus { background: #e87405; }
.u-btn-c4 .btnsel { border-top-color: #555; }
.u-btn-c4:hover .btnsel, .u-btn-c4:focus .btnsel { border-top-color: #000; }
.app { display:inline-block; line-height:50px; font-size:18px; width:100%; text-align:center; }

/*****   分页  ******/
div.green-black { padding:3px; line-height: 32px; text-align:center; font-size:12px; }
div.green-black a { border:#ccc 1px solid; padding:3px 5px; background:#ccc; color:#333; margin:0 3px 0 0; text-decoration:none; }
div.green-black a.next{text-align: right;}
div.green-black a:hover { border:#ff9a36 1px solid; background:#ff9a36; color:#fff; }
div.green-black a:active { border:#ff9a36 1px solid; background:#ff9a36; color:#fff; }
div.green-black span.current { border:#ff9a36 1px solid; padding:3px 8px; font-weight:bold; background:#ff9a36; color:#fff; margin:0 3px 0 0; }
div.green-black span.disabled { border:#f3f3f3 1px solid; padding:3px 8px; color:#ccc; margin:0 3px 0 0; }

/***  二维码  ****/
#erweima_info{}
#erweima_info img{position:absolute;width:200px;height:200px;left:50%;top:45%;transform:translate(-50%,-50%);}