body {margin:0 auto; width:100%;max-width:640px;font-size:14px; font-family:Microsoft YaHei,Arial, Helvetica, sans-serif; background:#ffffff; color:#5c5c5c; text-align:left; line-height:22px;}
input, select { font-size:14px; }
a{ color:#5c5c5c; font-size:14px; text-decoration:none; outline-style:none; outline-color:invert; outline-width:medium}
a:link,a:hover,a:visited, a:active, a:focus {color:#5c5c5c;   text-decoration:none;outline-style:none; outline-color:invert; outline-width:medium} 
*{margin:0px auto;padding:0px auto;}
ul,li{ padding:0px; margin:0px; list-style:none;}
a img{ border:none;}
.clear{ clear:both; height:0;line-height:0; overflow:hidden; display:block;}
.in_con{margin:1px auto 0 auto;padding:0px auto; height:100%; padding-bottom:1px; width:100%;}
.body_con{ width:100%; padding:5px 0px 20px 0px;left:0px;}
#big_img { padding: 0 10px;}
.gun_top{width:100%; z-index:10; background:#FFFFFF;}
.cpbk{border:1px solid #CCCCCC;}
.top{}
.top .logo{ float:left;}
.dh{margin-top:0px; }
.dh .l_title{float:left; font-size:18px; text-indent:34px; color:#fff; line-height:28px; font-weight:bold;background:#efede6 url("../images/intro_title2.jpg") no-repeat left center; width:100%;border-bottom:1px solid #c1c1c1; }
.more {background:#f7f5f0;line-height:30px; text-align:center; width:100%; margin-bottom:12px; margin-top:10px;}
.more a{color:#000;line-height:30px; font-size:16px; font-weight:bold;}
.content{ padding:8px;}
.pro_contet{ width:100%; clear:both; padding-top:8px;}
.prolist{width:170px; height:180px; padding:2px; margin:1px;border:1px solid #CCCCCC;float:left; border-radius:5px; text-align:center;}
.prolist img{border-radius:5px;}
.prolist a{ line-height:26px; font-size:12px;}
.prolist .l_pic{ position:absolute; width:160px; top:15px; text-align:center;}
.prolist .r_con{} 
.intro_con{ padding:15px 10px; line-height:30px; font-size:14px; }
.intro_con p img{ margin:0px auto;}



img{ width:100%; vertical-align:middle;}
.con{ display:inline; float:left;}
/*热线*/
.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; color:#fff;}
nav li{ display:inline-block; width:30%; margin:0 1%; background:url("../images/nav_bg2.jpg") no-repeat center top; background-size:contain; margin-bottom:20px;}
nav li a{ display:block; margin-bottom:0.7em; padding: 3.375em 0 0.65625em 0; background: url("../images/nav_icon1.png") no-repeat center 0.9375em; background-size:2.375em 2.09375em; color:#fff; font-size:133%;}
nav li:nth-of-type(2) a{ background-image:url("../images/nav_icon2.png"); background-size:2.5em 1.9375em; color:#fff;}
nav li:nth-of-type(3) a{ background-image:url("../images/nav_icon3.png"); background-size:2.15625em 2.3125em; color:#fff;}
nav li:nth-of-type(4) a{ background-image:url("../images/nav_icon4.png"); background-size:1.71875em 2.09375em; color:#fff;}
nav li:nth-of-type(5) a{ background-image:url("../images/nav_icon5.png"); background-size:1.84375em 2.21875em; color:#fff;}
nav li:nth-of-type(6) a{ background-image:url("../images/nav_icon6.png"); background-size:2.215em 1.875em; color:#fff;}
nav li.cur{ background-image:url("../images/nav_bg1.jpg");color:#fff;}
nav li.cur a{ color:#fff;}


/*伙伴*/
.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("../images/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("../images/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;}

h1, h2, h3, h4, h5, h6{ font-weight:normal; font-size:1em;}
/*热销产品*/
.m-rxcp{ padding-bottom:2em;background:url("../images/db_bg1.gif") repeat;  overflow:hidden;}
.m-rxcp h2{ background:#0254c1;}
.m-rxcp h2 a:nth-of-type(1){ background-image:url("../images/more2.png");}
.m-rxcp h2 a:nth-of-type(2){ background:none;}
.m-rxcp .sclwrap_box ,.m-rxcp .m-box{ height:25em;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;max-height: 120px;}

/*优势*/
.m-ys{ padding-bottom:2em;background:url("../images/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; font-size:18px; line-height:36px;}
.m-ys h4 a span{ display:block; color:#2c74c4;}
.m-ys h4 b{ position:absolute; width:2em; height:1.535em; left:3.125%; top:20px; background:url("../images/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-al h4{ margin-top:15px;}
.m-al p{ margin-top:20px; margin-bottom:25px;}

/*资讯*/
.m-zx{background:url("../images/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("../images/com_tm-1.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;}


/*底部开始*/
.g-ft{ /*padding:0 0 2.5em 0;*/ background: url("../images/f_bg.jpg") no-repeat center top; background-size:cover; overflow:hidden;}
.g-ft .go_top{ display:block; position:relative; line-height:2.8em; color:#ffffff; background:#db0f00;}
.go_top span{ display:block; text-align: center; }
.go_top span:before{ position:absolute; content:""; top:35%; left:34.9375%; z-index:9;width:1.459em; height:0.9167em; background:url("../images/f_icon1.gif") no-repeat center top; background-size:1.459em 0.9167em;}
.g-ft .f_menu{ padding:1em 0;text-align:center; line-height:2.08em; color:#ffffff;}
.g-ft .f_menu a{ padding: 0 1%;color:#ffffff;}
.g-ft p{ text-align:center; color:#ffffff; line-height:2.08em;}
.g-ft i{ display:block; width:29.21875%; margin: 0 auto; padding:1em 0 0 0;}
/*底部浮动栏样式3*/
.social_nav3{ height:55px; width:320px; position:fixed; bottom:0; left:0; z-index:999; overflow:hidden; font-size:12px;}
/*底部浮动社交导航/电话*/
.social_nav3 .social3{display:block; width:288px; height:55px;  margin-right:18px;overflow:hidden;position:relative;}
.social_nav3 a{ height:55px; line-height:85px; font-size:13px; width:65px; display:inline-block; font-size:12px; position:relative; z-index:11; text-align:center; color:#fff;}
.social_nav3 a.tel{ width:65px; text-indent:15px;}
.social_nav3 span{display:block;width:35px;height:25px;position:absolute;top:0;z-index:10;}
.social3{ background-color:#0069f4;
	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: -o-linear-gradient(top, #0069f4, #034092); 
	background-image: -ms-linear-gradient(top, #0069f4, #034092); 
	background-image: linear-gradient(top, #0069f4, #034092);}
.social3:before{ content:''; height:1px; width:100%; background:#0069f4; border-bottom:1px solid #0069f4; position:absolute; top:0; left:0;}
.social3:after{ content:''; height:1px; width:100%; background:#0069f4; border-top:1px solid #0069f4; position:absolute; bottom:0; left:0;}
.social3 b{width:1px; height:100%; background:#0069f4; border-left:1px solid #0069f4; position:absolute; top:0; right:0;}


/*底部社交-电话-动画*/
.social_nav3 span.tel{
	left:30px;
	top:5px;
	height:30px;
	background-position:3px -49px;
	animation-name: telshow;
	animation-duration: 1.0s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	-webkit-animation-name: telshow;
	-webkit-animation-duration: 1.0s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	-o-animation-name: telshow;
	-o-animation-duration: 1.0s;
	-o-animation-timing-function: linear;
	-o-animation-iteration-count: infinite;
}
@keyframes telshow {
	0% {transform: rotate(0deg)}
	5% {transform: rotate(-13deg)}
	10% {transform: rotate(0deg)}
	15% {transform: rotate(-13deg)}
	20% {transform: rotate(0deg)}
	25% {transform: rotate(-13deg)}
	100% {transform: roate(0deg)}
}
@-webkit-keyframes telshow {
	0% {-webkit-transform: rotate(0deg)}
	5% {-webkit-transform: rotate(-13deg)}
	10% {-webkit-transform: rotate(0deg)}
	15% {-webkit-transform: rotate(-13deg)}
	20% {-webkit-transform: rotate(0deg)}
	25% {-webkit-transform: rotate(-13deg)}
	100% {-webkit-transform: roate(0deg)}
}
/*底部社交-微信-动画*/
.social_nav3 span.weichat{
	background-position: 6px -150px;
    background-repeat: no-repeat;
    left: 86px;
    top: 7px;
}
@keyframes xshow {0% {opacity:0;}25% {opacity:1;}50% {opacity:0;}75% {opacity:1;}100% {opacity:0;}}
@-o-keyframes xshow {0% {opacity:0;}25% {opacity:1;}50% {opacity:0;}75% {opacity:1;}100% {opacity:0;}}
@-webkit-keyframes xshow {0% {opacity:0;}25% {opacity:1;}50% {opacity:0;}75% {opacity:1;}100% {opacity:0;}}
/*底部社交-微博-动画*/
.social_nav3 span.weibo{ background-position: 1px -430px;background-repeat: no-repeat;height: 26px;left: 157px; top: 7px;}
@keyframes xshow2 {0% {opacity:0;}20% {opacity:1;}40% {opacity:0;}60% {opacity:1;}80% {opacity:0;}100% {opacity:0;}}
@-o-keyframes xshow2 {0% {opacity:0;}25% {opacity:1;}50% {opacity:0;}75% {opacity:1;}100% {opacity:0;}}
@-webkit-keyframes xshow2 {0% {opacity:0;}25% {opacity:1;}50% {opacity:0;}75% {opacity:1;}100% {opacity:0;}}
.social_nav3 span.talk99{background-position:1px -200px; background-repeat:no-repeat;left:226px; height:24px; width:26px; top:8px;}
.social_nav3 .btn{ display:block; width:32px; height:55px; position:absolute; right:0; background-position:0 -786px; }
.social_nav3 .btn2{ display:block; width:32px; height:55px; position:absolute; right:0;background-position:0 -249px; display:none;}

/*定位图片样式*/
.header .tel_bt, .title .icon, .sytitbg .icon, .probox .content ul li, .probox .content ul li ul li, .navbg, .brand_advance .yscontent h2, .social_nav3 .btn, .social_nav3 .btn2, .social3 span, .brand_advance .yscontent .telbg {
    background-image: url("../images/SkinsBar3.png");
    background-size: 32px 889px;}
	


.cpfl{width:auto;text-align:left;color: #333; clear:both;}
.cpfl div{width:110px;float:left; border-bottom:solid 1px #f1f1f1; position:relative; padding-left:10px;text-align:left;height:30px;}
.cpfl div a{ color:#333; text-align:left; line-height:30px; font-size:12px; }
.big_bt { font-size:16px; line-height:40px; font-weight:bold; text-align:center; color:#FF0000;}
.r_title_limit{ height:30px; font-size:12px; color:#000;text-align:left;text-indent:30px; margin-top:1px; clear:both; background:url("../images/intro_title3.jpg") no-repeat left center;}
.r_title_limit a{font-size:12px; color:#000; line-height:30px;}
#big_img img{width:100%; height:auto;}
.mainMenu{ background:url("../images/1_04.jpg") repeat-x center center;width:100%;z-index:3; margin-top:1px;}
.mainMenu ul li{width:20%; text-align:center; float:left; height:37px; background:url("../images/1_06.jpg") repeat-y left center;}
.mainMenu ul li a{ font-size:18px;color:#fff; display:block; line-height:37px;}
.mainMenu ul li a:hover{ color:#fff}
.mainMenu .main_dh{overflow:hidden;}
.bottombq { line-height:20px; text-align:center; margin-bottom:20px; border-top:2px solid #0055a8; color:#595959;}
.bottom{background:url("../images/1_04.jpg") repeat-x center center; line-height:35px; height:35px; width: 100%; z-index: 999; color:#FFFFFF;  position:fixed;left:0px;bottom:0px;_position:absolute;_top:expression(document.documentElement.clientHeight+document.documentElement.scrollTop-this.offsetHeight); font-size:14px;}
.bottom a{ color:#FFFFFF; width:25%; font-size:16px; text-align:center; display:block; float:left; padding-top:0px; background:url("../images/1_06.jpg") repeat-y left center;position:relative; }
.bottom a.none{ border:none;}
.bottom a span{ padding:3px;}
.bottom .tb1{ padding-left:25px; background:url("../images/bottom_tb1.png") no-repeat 6px center; color:#FFFFFF;}
.bottom .tb2{ padding-left:25px; background:url("../images/bottom_tb2.png") no-repeat 6px center; color:#FFFFFF;}
.bottom .tb3{ padding-left:25px; background:url("../images/bottom_tb3.png") no-repeat 6px center; color:#FFFFFF;  border:none;}
.bottom .tb5{ padding-left:25px; background:url("../images/bottom_tb5.png") no-repeat 6px center; color:#FFFFFF;  border:none;}
.bottom a.last{ width:24%;}
.m-footer{margin:0 auto;text-align:center;z-index:4000;max-width:100%;height:40px;min-width:100%;z-index:4000;position:fixed;left:0px;bottom:0px;_position:absolute;_top:expression(document.documentElement.clientHeight+document.documentElement.scrollTop-this.offsetHeight);}
.m-footer ul li{float:left;padding:3px 0;width:25%; height:40px; background:#f80103;}
.m-footer .icon{width:100%; display:block;}
.m-footer ul a{display:block;font-family:'Microsoft YaHei';color:#fff;text-align:center;font-size:1.2em;}
.m-footer ul span{display:block;margin:0 auto;width:100%;}
.m-footer ul span.u-img{margin-bottom:2%;}
.m-footer ul span.u-img img{max-width:50%;}
.xukuang { border-bottom:1px solid #CCCCCC;}
.fl{width:100%;clear:both;}
.fl ul li{width:46%; text-align:center; float:left; height:30px; background:#f0ede8; margin:5px; border:1px dashed #ef9d44;}
.fl ul li a{color:#000; display:block; line-height:30px;}
.newslist li{width:100%; text-align:left;/*height:26px;*/line-height: 32px; border-bottom:1px dashed #CCCCCC;}
.newslist li img { }
.newslist li span { float:right;}
.newslist li a{line-height:26px;}
.pageleft { overflow:hidden; width:300px; line-height:24px; height:24px }
.pageright { overflow:hidden; width:300px; line-height:24px; height:24px }
.pageleft { /*padding-left:10px;*/ /*float:left;*/ /*text-align:left*/ }
.pageright { /*padding-right:10px;*/ /*float:right;*/ /*text-align:right*/ }
.pageNavi { padding:10px 0px 25px 0px; MARGIN: 10px auto 0px; WIDTH: 98%; TEXT-ALIGN: left}
.wp-pagenavi {MARGIN: 0px auto; PADDING-TOP: 15px}
.wp-pagenavi A {border: 1px solid #cecece; padding: 4px 8px; MARGIN: 2px; COLOR: #333! important; TEXT-DECORATION: none! important }
.wp-pagenavi A:visited {border: 1px solid #cecece; padding: 4px 8px; MARGIN: 2px; COLOR: #333! important; TEXT-DECORATION: none! important }
.wp-pagenavi A:hover {FONT-WEIGHT: normal! important; COLOR: #0b3779! important; BACKGROUND-COLOR: #eee! important}
.wp-pagenavi A:active {BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #ccc 1px solid; PADDING-TOP: 2px; BORDER-BOTTOM: #ccc 1px solid; TEXT-DECORATION: none}
.wp-pagenavi SPAN.pages {padding: 4px 8px; border-right: 1px solid #cecece; border-top: 1px solid #ccc; margin: 2px; border-left: 1px solid #cecece; COLOR: #454545! important; BORDER-BOTTOM: #ccc 1px solid }
.wp-pagenavi SPAN.extend {border: 1px solid #ccc; padding: 4px 8px; MARGIN: 2px; COLOR: #454545! important; }
.wp-pagenavi SPAN.current {border: 1px solid #aaa; padding: 4px 8px; MARGIN: 2px; COLOR: #000! important; BACKGROUND-COLOR: #eee! important }
.wp-pagenavi {CLEAR: both}
.wp-pagenavi A {
	PADDING:2px;
	MARGIN: 2px;
	TEXT-DECORATION: none;
	border: 1px solid #cecece;
}
.wp-pagenavi SPAN {
	PADDING:2px;
	MARGIN: 2px;
	TEXT-DECORATION: none;
	background-color:#cecece;
	color:#000;
	border: 1px solid #cecece;
}
.wp-pagenavi A:hover {
	border: 1px solid #cecece;
}
.wp-pagenavi SPAN.current {
	border: 1px solid #cecece;
}
.wp-pagenavi SPAN.current {FONT-WEIGHT: bold}



