@charset "utf-8";
/* CSS Document */
/* CSS Reset */
/*------------------------------- ----------------------------------------------------*/
*{ margin:0; padding:0;}
html{-webkit-text-size-adjust:none; /*解决chrome浏览器下字体不能小于12px*/}
a{outline:none; text-decoration:none;/*去掉手机链接的默认阴影*/-webkit-tap-highlight-color: transparent;-webkit-touch-callout: none;-webkit-user-select: none;} 
a:hover{text-decoration: none;}
html{zoom:1;}html *{outline:0;zoom:1;} html button::-moz-focus-inner{border-color:transparent!important;} 
body{overflow-x: hidden; font-size:12px;} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;} fieldset,a img{border:0;} address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;} li{list-style:none;} caption,th{text-align:left;} h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;} q:before,q:after{content:'';}
input[type="submit"], input[type="reset"], input[type="button"],input[type="text"],input[type="password"],textarea, button { -webkit-appearance: none !important; /*去掉苹果的默认UI来渲染按钮*/} em,i{ font-style:normal;}
html {font-size:62.5%}
@media only screen and (min-width:0px) {/*iphone5*/html {font-size:62.5%!important}}
@media only screen and (min-width:360px) {/*三星note*/html {font-size:70.31%!important}}
@media only screen and (min-width:376px) {/*iphone6*/html {font-size:73.24%!important}}
@media only screen and (min-width:480px) {html {font-size:94%!important}}
@media only screen and (min-width:560px) {html {font-size:109%!important}}
@media only screen and (min-width:640px) {html {font-size:125%!important}}
/***************Reset***********************/   


body{font-family: "Microsoft YaHei",Arial,Verdana,Helvetica,sans-serif;max-width:640px; margin: 0 auto;position: relative; overflow-x: hidden;}
img {max-width:100%;vertical-align:middle;border:0;-ms-interpolation-mode:bicubic;-webkit-touch-callout:none}
.w_break{/*文字超出隐藏*/word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.clearfix:before, .clearfix:after {content: " ";display: table;}
.clearfix:after {clear: both;}

.Top{clear:both;z-index: 9999;position:relative;}

/****菜单****/
.Top-box{overflow:hidden;}
#Menu-btn{float:right;margin-top: -11.3%;right: 4.69%;width: 6.25%;position:relative;overflow:hidden;display:block;}
#Menu-btn-h{padding: 5.46% 0;width: 8.33%;overflow: hidden; max-height: 110px;display:none;background-color: rgba(32, 32, 32, 0.98);margin-left:85%;}
#Menu-btn-h img{float:right;right: 6.25%;width:100%;position:relative;overflow:hidden;z-index:1;}
#menu{position:absolute;display:none;top:0;right: 0;margin:0;padding:0;z-index:5;padding-left:18%;width: 61%;max-width: 395px;background-color: rgba(32, 32, 32, 0.98);z-index: 1;padding-bottom:20%;}
#menu li{font-size:1.4rem;height:4rem; text-align:center; list-style:none; border-bottom:1px solid #454545;line-height:4rem;}
#menu .border_none{border-bottom:none;}
#menu li a{color:#fff;display:block;width:100%;text-align: left;}
#menu li:hover a,#stop a{color:#fff;}
#menu .Contact{font-size:1.3rem;color:#da251c;padding:2rem 0% 5% 0%;line-height: 2.2rem;}


/*首页banner*/
.block_home_slider {display: block;position: relative;text-align: center;margin-right: auto;margin-left: auto;} 
.block_home_slider .slide {position:relative;}
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none;-webkit-backface-visibility: hidden;list-style-type: none;} 
.flexslider .slides a {display: block;}
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}
.flex-direction-nav{display: none;}  
/*banner焦点*/
.flex-control-nav{width:100%;position:absolute;bottom:1rem;text-align:center;}
.flex-control-nav li{margin:0 1em;display:inline-block;zoom:1;*display:inline;}
.flex-control-paging li a{display:block;width:.5em;height:.5em;overflow:hidden;text-indent:-99em;cursor:pointer;border:4px solid #fff;border-radius:50%;background-color:#fff;}
.flex-control-paging li a.flex-active{background-color:#f9a609;}


/*nav-index*/
.nav-index{clear:both;}
.nav-index ul {display:-webkit-box;display:-moz-box;display:-ms-box;display:box;margin-bottom:1.5em;padding:0  1.125%;}
.nav-index li {display:block;width:33.3333%;}

.nav-index li a {display:block;width:100%;padding:1.875em 0 0;text-align:center}
.nav-index li a .ico {display:block;margin:0 auto 1em;width:84.375%;border-radius: 50%;
-webkit-background-size:5em 5em;
-moz-background-size:5em 5em;
-o-background-size:5em 5em;background-size:5em 5em}
.nav-index li a .ico img{width: 100%; }
.nav-index li a .T {font-size:1.3rem;color:#333;}


/*标题*/
.index-title{overflow:hidden;margin:0 auto;text-align: center;padding-top:2.5rem;}
.index-title img{width:30%;max-width:134px;margin-bottom:.5rem;}
.index-title span{overflow: hidden;display:block;color:#464646;font-size:1.2rem;vertical-align: middle;}
.index-title .en{display: block;font-size:1.5rem;margin: 0 auto;text-transform:uppercase;font-family:Arial,"微软雅黑";font-weight:600; margin-bottom:6px;}
.more{width:100%;padding:0.5rem 0 0;clear: both;margin-bottom:2.5rem;text-align:center;}
.more a{width:30%;margin: 0 auto;display:block;height:3rem;line-height:3rem; font-size:1.2rem;color:#fff;background-color:#f9a609;border-radius: 1.2em;}

/****首页关于我们****/
.about{ width:100%; height:auto; overflow:hidden; margin:0px auto;background-color:#f6f6f6;}
.about .index-con{height:auto;overflow:hidden;margin:1.5rem 3.125% 0.5rem 3.125%;}
.about .index-con{font-size:1.3rem;color:#7d7d7d;text-align:left;line-height:2.5rem; overflow:hidden; }
.about .index-con p{text-indent:2em;}
.about .index-con ul{margin:1.5rem 0;}
.about .index-con ul li{width:33.3333%; float:left; text-align:center; font-size:1.4rem; color:#666; box-sizing:border-box; line-height:2rem;}
.about .index-con ul li span{display:block; margin:0 auto 1.5rem; font-size:4rem; color:#999;}

/****首页产品展示****/
.product{height:auto;overflow:hidden;padding:0 3.125%;}
.product_list{margin:0;padding:1.25rem 0;height:auto;overflow:hidden;width: calc( 100% + 1rem);}
.product_list li{width:calc(50% - 1rem);float: left;list-style:none;margin-right: 1rem;margin-top:1rem;}
.product_list li a{display:block;}
.product_list li .img_title{ text-align:center; height:3rem; line-height:3rem; margin-top: .5rem;font-size:1.2rem;color:#464646; width:100%; overflow:hidden;}
/*.product_list li .imgbox{width:calc(100% - 2px);border:1px solid #dcdcdc;}
.product_list li .imgbox img{width:100%;max-width:288px;}*/
.product_list li .imgbox{width:calc(45.3125vw + 2px); height:calc(29vw + 2px); overflow:hidden; border:1px solid #dcdcdc; display:table-cell; vertical-align:middle; text-align:center;}
.product_list li .imgbox img{max-width:45.3125vw; max-height:45.3125vw; width:auto;}



/*版权*/
.copyright{font-size:1.3rem;text-align:center; line-height:2rem; padding:1.5rem 1.2%; margin-bottom:5.5rem; clear:both;color:#939393;background:#eee; }
.copyright a{color:#939393;}


/*漂浮*/
.xf{width:100%; max-width:640px; margin:0 auto; position:fixed; bottom:0; font-size:1.3rem; min-height:5.5rem;  z-index: 999;background:#f9a609; }
.xf ul{margin:0; padding:0;}
.xf ul li{width:25%; float:left; text-align:center;}
.xf ul li a{display:block;padding: 0.58rem 0;color:#fff;}
.xf ul li img{width: 31.25%;max-width:50px;margin-top: 0.2em;margin-bottom: 0.2em;}
.xf ul li span{font-size:2.2rem;}



/**************page*************/
.page{padding:1.5rem 3.125% 0 3.125%;overflow:hidden;}
.page_text{line-height:2.5rem;font-size:1.4rem;}


.page .MenuList{width:100%;margin-bottom:1.5rem;}
.page .Focus{padding:0 1rem 0 1.5rem;background-color:#f5f5f5;font-size:1.4rem;color: #202020;height:3.75rem;line-height:3.75rem;position:relative;}
.page .Focus #M_btn{position:absolute;top:-0.2rem;right:1.5rem;width:1.4rem;}
.page #DropList{width:100%;overflow:hidden;}
.page #DropList ul{margin:0 auto;display:block;width: calc(100% + 4.75rem - 2.5rem);padding: 0.8rem 1rem 1rem 1.5rem;background-color:#f5f5f5;}
.page #DropList ul li{min-height:1rem;padding:0.5rem 0;padding-right: 4.75rem;display:inline-block;}
.page #DropList ul li a{font-size:1.4rem;display:inline-block;color: #707070;}
.page #DropList ul .select a{color:#f9a609;}


.page_text{width:100%;height:auto;overflow:hidden;margin-bottom:2.5rem;color:#535353;line-height:2.5rem;}
.page_text img{width:100%;max-width:600px;}

.more2{width:100%;padding:0.5rem 0 0 0;clear: both;text-align:center;}
.more2 a{width:47%;margin: 0 auto;display:block;height:3.2rem;line-height:3.2rem; font-size:1.4rem;color:#f9a609;border:1px solid #f9a609;border-radius:8px;}

.page .product_list{padding:0;}
.page .product_list li{margin-top:0;margin-bottom:1rem;}

/*分页*/
.pagenation {clear: both;font-size: 1.3rem;height: auto;width:93.75%;text-align: center;position: relative;padding: 1.3rem 3.125% 2.3rem 0;}
.pagenation li{float:left; font-size:12px; color:#666; margin-right:1rem; border:1px solid #ddd; padding:0.2rem 0.4rem;}
.pagenation li a{color:inherit;}


.page .detail_box .ImgBox {overflow:hidden;width:calc(100% - 2px);list-style:none; margin-bottom:1.5rem;border:1px solid #f1f1f1;}
.page .detail_box .ImgBox img{max-width:600px;}
.page .detail_box .detail_nr{overflow:hidden;display:block;width:100%;margin-bottom:3rem;}
.page .detail_box .detail_nr .detail_title{display:block;font-size:1.5rem;color:#464646;text-align:center; margin-bottom:1rem; border-top:1px solid #CCC; padding-top:1.2rem;}
.page .detail_box .detail_nr .detail_jj{overflow: hidden;padding-top:1rem;font-size:1.4rem;color:#707070;margin-bottom:2rem;}
.page .detail_box .tit{width: 100%;text-align: center;font-size:1.6rem;color:#464646;margin-bottom:2rem;}
.page .detail_box .detail_wz{border-bottom:1px solid #e5e5e5;padding-bottom:2rem;margin-bottom:2rem;}
.page .contactBtn{display: block;text-align: center;font-size:1.3rem;color: #FFF;width:32%;height:3.3rem;line-height:3.3rem;margin: 0 auto;border-radius: 10px;background: #f9a609;}



.page .news_list ul{margin:0; padding:0; height:auto; overflow:hidden;}
.page .news_list ul li{width:100%;height: auto;margin-bottom:1rem;background:#eee;}
.page .news_list ul li a{display:block;}
.page .news_list ul li .news_info{display: inline-block;padding:1rem 1rem 1.2rem;}
.page .news_list ul li h1{font-size:1.4rem;line-height:2rem;font-weight:normal;overflow:hidden;color:#464646;}
.page .news_list ul li .date{font-size:1.2rem;color:#f9a609;}



.page .contactlist ul{margin:0;padding:1.25rem 0;height:auto;overflow:hidden;width: calc( 100% + 1.8rem);}
.page .contactlist ul .li3 {width:calc(100% - 2px - 1.8rem);float: left;list-style:none;margin-right: 0;margin-top:1rem;}
.page .contactlist ul li{width:calc(50% - 1.8rem - 2px);border:1px solid #d2d2d2;float:left;margin:0 auto;margin-right:1.8rem;margin-bottom:1.8rem;padding:3rem 0 3rem 0;text-align:center;}
.page .contactlist ul li img{width:35%;max-width:97px;}

.column_list{ padding:0; margin:0; height:auto; overflow:hidden;}
.column_list li{height:4rem; text-align:left; margin-right:2rem; float:left; list-style:none; font-size:1.6rem; line-height:4rem;}
.column_list li a{color:#464646;}


.search{width:93.75%; margin:0 auto; padding:1.5rem 0;}
.search input[type=text]{border:1px solid #ccc; width:calc(100% - 3rem - 3px); height:3rem; line-height:3rem; margin:0; float:left; font-size:1.2rem; text-indent:5px;}
.search input[type=submit]{border:1px solid #ccc; border-left:none; background:none; width:3rem; height:calc(3rem + 2px); margin:0; padding:0; float:left;}

@media screen and (min-width:640px){
		
.product_list li .imgbox{width:290px; height:290px;}
.product_list li .imgbox img{max-width:290px; max-height:290px;}
	}