@charset "utf-8";
/* CSS Document */

/**********reset**********/
html{ font-size:20px;}
body{ font-family:"微软雅黑","Microsoft Yahei","宋体","SimSun";background:#ffffff;color:#666; /*1rem=20px,1px=0.05rem*/width:100%;min-width:320px;max-width:640px;margin:0 auto;}
*{ padding:0;margin:0;}
img,input{ border:0;outline:0;}
ul,ol,dl,li{ list-style:none;}
a{text-decoration:none;color:#333;}
a{ outline:none;}/*去除超链接虚线框*/
a:hover{color:#f3939d;}
a:active{star:expression(this.onFocus=this.blur());}/*去除ie下超链接虚线框*/
a:focus{ outline:0;}/*去除火狐下超链接的虚线*/
i,em{font-style:normal;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
.clearfloat{height:0;font-size:0;visibility:hidden;display:block;content:".";clear:both;}/*清除浮动*/

/* -------------------------头部共用样式开始------------------------ */
.footerWrapper{height:5rem;width:100%;min-width:320px;max-width:640px;margin:0 auto;}
.header{width:100%;min-width:320px;max-width:640px;margin:0 auto;height:5rem;background:#ffffff;border-bottom:2px solid #999;position:fixed;top:0;z-index:9999;}
.logo{float:left;margin-left:1.75rem;}
.logo a{display:inline-block;*display:block;*zoom:1;text-indent:-1200rem;width:10.8rem;height:5rem;line-height:5rem;background:url(../images/logo.png) no-repeat left center;background-size:100%;}
.menu{cursor:pointer;width:3.25rem;height:5rem;background:url(../images/xiala.png) no-repeat center center;background-size:100%;float:right;margin-right:2rem}
/*弹出子菜单*/
.menuMask{display:none;position:fixed;top:0;z-index:99;width:100%;min-width:320px;max-width:640px;margin:0 auto;background:#f6f2f8;}
.submenu{width:100%;display:none;float:right;text-align:left;min-width:320px;max-width:640px;margin:0 auto;background:#fff;position:absolute;top:5.5/3rem;z-index:999}
.submenu a{display:block;border-bottom:1px solid #cccccc;font-size:1.4rem;color:#666;line-height:3.5rem;height:3.5rem;margin:0 0.5rem}
.submenu a:hover{color:red;font-weight:bold;}
/*弹出子菜单结束*/

/* banner轮播开始 */
@font-face{font-family:'flickerplate';font-weight:normal;font-style:normal}
.flickerplate{position:relative;width:100%;height:15rem;background-color:#e6e6e6;overflow:hidden;margin:0 auto;}
.flickerplate ul.flicks{width:10000%;height:100%;padding:0px;margin:0px;list-style:none}
.flickerplate ul.flicks>li{float:left;width:1%;height:100%;background-position:center;background-size:100%;display:table}
.flickerplate ul.flicks>li .flick-inner{height:100%;padding:10px;color:#fff;display:table-cell;vertical-align:middle}
.flickerplate ul.flicks>li .flick-inner .flick-content{max-width:68.75em;margin-left:auto;margin-right:auto}
.flickerplate ul.flicks>li .flick-title{padding:0px;text-align:center;line-height:56px;line-height:3.5rem;font-size:28px;font-size:1.75rem}
@media only screen and (min-width: 43.813em){.flickerplate ul.flicks>li .flick-title{line-height:75px;line-height:4.6875rem;font-size:44px;font-size:2.75rem}}
.flickerplate ul.flicks>li .flick-sub-text{padding:5px;text-align:center;color:rgba(255,255,255,0.8);line-height:42px;line-height:2.625rem;font-size:16px;font-size:1rem;font-weight:300}
.flickerplate ul.flicks>li .flick-title span.flick-block-text,.flickerplate ul.flicks>li .flick-sub-text span.flick-block-text{padding-left:18px;padding-right:18px;padding-top:12px;padding-bottom:12px;background-color:rgba(0,0,0,0.6)}
.flickerplate .arrow-navigation{display:block;position:absolute;top:10%;width:10%;height:80%;z-index:100;overflow:hidden;font-family:"flickerplate";vertical-align:middle}
.flickerplate .arrow-navigation:before{position:absolute;top:50%;left:50%;margin-left:-25px;margin-top:-25px;height:50px;width:50px;opacity:0;filter:alpha(opacity=0);text-align:center;color:#fff;font-size:48px;font-size:3rem;-webkit-transition:opacity 0.2s ease-out;-moz-transition:opacity 0.2s ease-out;-o-transition:opacity 0.2s ease-out;-ms-transition:opacity 0.2s ease-out;transition:opacity 0.2s ease-out}
.no-touch .flickerplate .arrow-navigation:hover{cursor:pointer}
.no-touch .flickerplate .arrow-navigation:hover.left:before,.no-touch .flickerplate .arrow-navigation:hover.right:before{opacity:1;filter:alpha(opacity=100)}
.no-touch .flickerplate .arrow-navigation:active.left:before,.no-touch .flickerplate .arrow-navigation:active.right:before{margin-top:-23px}
.flickerplate .arrow-navigation.left{left:0%}
.flickerplate .arrow-navigation.left:before{content:"\f104"}
.flickerplate .arrow-navigation.right{right:0%}
.flickerplate .arrow-navigation.right:before{content:"\f105"}
.flickerplate .dot-navigation{position:absolute;bottom:15px;width:100%;text-align:center;z-index:100}
.flickerplate .dot-navigation ul{text-align:center;list-style:none;padding:0px 15px}
.flickerplate .dot-navigation ul li{display:inline-block;float:none}
.flickerplate .dot-navigation .dot{width:14px;height:14px;margin:0px 6px;background-color:rgba(255,255,255,0.3);border-radius:50%;-o-border-radius:50%;-ms-border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;background-clip:padding-box;-webkit-transition:background-color 0.2s ease-out;-moz-transition:background-color 0.2s ease-out;-o-transition:background-color 0.2s ease-out;-ms-transition:background-color 0.2s ease-out;transition:background-color 0.2s ease-out}
.flickerplate .dot-navigation .dot:hover{cursor:pointer;background-color:rgba(255,255,255,0.6)}
.flickerplate .dot-navigation .dot.active{background-color:#fff}
.flickerplate .dot-navigation.left,.flickerplate .dot-navigation.left ul{text-align:left}
.flickerplate .dot-navigation.right,.flickerplate .dot-navigation.right ul{text-align:right}
.flickerplate.flicker-theme-dark .dot-navigation .dot{background-color:rgba(0,0,0,0.12)}
.flickerplate.flicker-theme-dark .dot-navigation .dot:hover{background-color:rgba(0,0,0,0.6)}
.flickerplate.flicker-theme-dark .dot-navigation .dot.active{background-color:#000}
.flickerplate.flicker-theme-dark ul.flicks li .flick-inner{color:rgba(0,0,0,0.9)}
.flickerplate.flicker-theme-dark ul.flicks li .flick-inner .flick-content .flick-sub-text{color:rgba(0,0,0,0.9)}
.flickerplate.flicker-theme-dark ul.flicks li .flick-inner .flick-content .flick-title span.flick-block-text,.flickerplate.flicker-theme-dark ul.flicks li .flick-inner .flick-content .flick-sub-text span.flick-block-text{background-color:rgba(255,255,255,0.5)}
.flickerplate ul.flicks li.flick-theme-dark .flick-inner{color:rgba(0,0,0,0.9)}
.flickerplate ul.flicks li.flick-theme-dark .flick-inner .flick-content .flick-sub-text{color:rgba(0,0,0,0.9)}
.flickerplate ul.flicks li.flick-theme-dark .flick-inner .flick-content .flick-title span.flick-block-text,.flickerplate ul.flicks li.flick-theme-dark .flick-inner .flick-content .flick-sub-text span.flick-block-text{background-color:rgba(255,255,255,0.5)}
.flickerplate.animate-transform-slide ul.flicks{-webkit-perspective:1000;-webkit-backface-visibility:hidden;transform:translate3d(0%, 0px, 0px);-webkit-transform:translate3d(0%, 0px, 0px);-webkit-transition:-webkit-transform 0.2s ease-out;-o-transition:-o-transform 0.2s ease-out;-moz-transition:-moz-transform 0.2s ease-out;transition:transform 0.2s ease-out}
@media only screen and (min-width: 43.813em){.flickerplate.animate-transform-slide ul.flicks{-webkit-transition:-webkit-transform 0.6s ease-out;-o-transition:-o-transform 0.6s ease-out;-moz-transition:-moz-transform 0.6s ease-out;transition:transform 0.6s ease-out}}
.flickerplate.animate-transition-slide ul.flicks{position:relative;left:0%;-webkit-transition:left 0.2s ease-in-out;-moz-transition:left 0.2s ease-in-out;-o-transition:left 0.2s ease-in-out;-ms-transition:left 0.2s ease-in-out;transition:left 0.2s ease-in-out}
@media only screen and (min-width: 43.813em){.flickerplate.animate-transition-slide ul.flicks{-webkit-transition:left 0.6s ease-in-out;-moz-transition:left 0.6s ease-in-out;-o-transition:left 0.6s ease-in-out;-ms-transition:left 0.6s ease-in-out;transition:left 0.6s ease-in-out}}
.flickerplate.animate-jquery-slide ul.flicks{position:relative;left:0%}.flickerplate.animate-scroller-slide{padding-bottom:0px;overflow:auto}
.flickerplate.animate-scroller-slide ul.flicks{position:auto}
.flickerplate.animate-transition-fade ul.flicks{position:relative}
.flickerplate.animate-transition-fade ul.flicks li{float:none;position:absolute;top:0;left:0;opacity:0;filter:alpha(opacity=0)}
.flickerplate.animate-transition-fade.fade-inited ul.flicks li{-webkit-transition:opacity 0.8s linear;-moz-transition:opacity 0.8s linear;-o-transition:opacity 0.8s linear;-ms-transition:opacity 0.8s linear;transition:opacity 0.8s linear}
.flickerplate.animate-transition-fade.fade-inited ul.flicks li.first-flick{opacity:1;filter:alpha(opacity=100)}
.flickerplate.animate-jquery-fade ul.flicks{position:relative}
.flickerplate.animate-jquery-fade ul.flicks li{float:none;position:absolute;top:0;left:0;opacity:0;filter:alpha(opacity=0)}

/* -------------------------头部共用样式结束------------------------ */

/* -------------------------首页内容开始------------------------ */
.about{
	width:100%;margin-top:1rem;
}
.about_title{
	width:100%;height:3rem;background:url(../images/suoyin.png) no-repeat bottom center ;background-size:100%;
}
.about_title h1{
	width:13rem;margin-left:27%;float:left;font-size:1.3rem;color:#333;
}
.about_title a{
	font-size:0.9rem;float:right;color:#666;margin-right:0.25rem;margin-top:0.5rem;
}
.about_content{
	width:94%;margin:0 auto;margin-top:0.5rem;
}
.dl{
	width:38%;height:15rem;background:url(../images/pic1.jpg) no-repeat left center;background-size:100%;float:left;border-radius:5px;
}
.content{
	width:58%;float:right;
}
.content h2{
	font-size:1rem;text-align:center;color:#333;font-weight:bold;margin-top:1rem;margin-bottom:0.5rem;
}
.content p{
	line-height:1.5rem;color:#666;font-size:1rem;text-overflow:ellipsis;float:left;height:9rem;overflow:hidden;
}
.content a{
	width:6.9rem;height:2rem;display:block;background:url(../images/liaojie.jpg) no-repeat;background-size:100%;color:#fff;
	font-size:0.8rem;text-align:center;line-height:2rem;margin-top:1rem;float:right;
}
/* 优势开始 */
.superiority{
	width:100%;height:48.5rem;background-color:#aedbf7;margin-top:2rem;
}
.superiority_title{
	width:100%;height:3rem;padding-top:0.5rem;background:url(../images/suoyin1.png) no-repeat bottom center ;background-size:100%;
}
.superiority_title h1{
	margin-left:27%;float:left;font-size:1.3rem;color:#333;
}
.superiority_title a{
	font-size:0.9rem;float:right;color:#666;margin-right:0.25rem;margin-top:0.5rem;
}
.superiority_content{
	width:94%;margin:0 auto;
}
.superiority_content ul{width:100%;margin-top:0.7rem;}
.superiority_content ul  li{
	float:left;width:48%;height:13.75rem;background:url(../images/pic2232.jpg) no-repeat bottom center;
	background-size:100%;border:1px solid #e16f6e;margin-bottom:1.3rem;
}
.superiority_content ul  li div{float:left;width:100%;}
.superiority_content ul  li div h3{
	font-size:1.4rem;font-weight:bold;text-align:center;margin-top:1.2rem;color:#d91715;
}
.superiority_content ul  li div h4{
	font-size:1.8rem;font-weight:bold;text-align:left;color:#d91715;padding-left:1rem;margin-top:4.5rem;
}
.superiority_content ul  li div span{
	color:#3396d4;font-size:1.1rem;width:10rem;margin:0 auto;display:block;white-space: nowrap;text-overflow: ellipsis;overflow:hidden
}
#last{float:right;}

/* 首页产品中心开始 */
.product{
	background:#ececec;height:30rem;width:100%;margin-top:1.5rem;
}
.pro_content{
	width:94%;margin-top:0.7rem;margin:1rem auto;
}
.pro_content li{
	width:46.66666666%;height:10.8rem;border-radius:7px;float:left;position:relative;margin-bottom:0.9rem;
}
.pro_content li div{
	width:100%;height:2rem;border-radius:5px;background-color:#9f9f9f;position:absolute;left:0;bottom:0;
}
.pro_content li div p {
	color:#fff;float:left;font-size:0.8rem;
}
.pro_content li div p a{
	line-height:2rem;text-align:left;padding-left:0.2rem;width:7rem;white-space: nowrap;text-overflow: ellipsis;overflow:hidden;margin-right:0;display:block;
}
.pro_content li div a{
	float:right;font-size:0.7rem;color:#fff;display:block;line-height:2rem;margin-right:0.4rem;
}
/* ------------------------------------ 首页结束 ---------------------------------------*/

/* ------------------------------------ 新闻中心开始 ---------------------------------------*/
.news_content{
	width:94%;margin:1rem auto;
}
.ee{
	width:100%;border-bottom:1px solid #cccccc; padding-bottom:5px;
}
.news_top{
	width:18rem;margin:0 auto;
}
.news_top li{
	width:4.75rem;height:2.1rem;border:1px solid #a8a4a4;float:left;
	
}
.news_top li a{
	font-size:0.9rem;line-height:2.1rem;text-align:center;display:block;color:#3396d4;
}
.news_top li:hover{border:1px solid #d91715;}
.dd{
	width:100%;margin:0 auto
}
.news_main{
	width:100%;
}
.news_main li{
	width:100%;height:7.25rem;border-bottom:1px solid #cccccc;background:url(../images/pic7.jpg) no-repeat left center;background-size:35%;
}
.main{
	width:90%;margin:0 auto;
}
.main p{
	width:64.8%;float:right;height:3rem;white-space: nowrap;text-overflow: ellipsis;overflow:hidden;
}
.main p a{
	font-size:0.9rem;color:#333;
}
.main span{
	font-size:0.8rem;color:#999999;float:left;margin-left:9rem;margin-top:1.5rem;
}
.main .details{
	font-size:0.9rem;border:1px solid #333;color:#333;display:block;float:right;padding:0.2rem 0.5rem;margin-top:1rem;
	
}
/* ------------------------------------ 新闻中心结束 ---------------------------------------*/

/* ------------------------------------ 产品中心开始 ---------------------------------------*/
.product_content{
	width:94%;margin:1rem auto;
}
.product_top{
	width:100%;
}
.product_top li{
	float:left;cursor:pointer;
	margin-bottom:5px;
	margin-right:5px;
}
.product_top li:first-child{
	margin-left:0;
}
.product_top li a{
	font-size:0.9rem;border:1px solid #cccccc;display:block;padding:0.5rem 0.2rem;color:#3396d4;
}
.product_top li a:hover{
	border-color:#d91715;
}
.production{
	width:100%;margin:1rem auto;
}
.production li{
	width:30%;float:left;margin:0 1.6%;margin-bottom:1rem;
}
.production li:first-child{}
.production li div{
	width:100%;height:7.4rem;border:1px solid #cccccc;background-size:100% 100%;
}
.production li a{
	font-size:0.9rem;color:#333333;text-align:center;line-height:1.5rem;display:block;width:100%;
	white-space: nowrap;text-overflow: ellipsis;overflow:hidden;
}

/* ------------------------------------ 产品中心结束 ---------------------------------------*/

/* ------------------------------------ 联系我们开始 ---------------------------------------*/
.contact_content{
	width:94%;margin:1rem auto;
}
.contact_pic{
	width:100%;height:15.6rem;background:url(../images/pic8.jpg) no-repeat;background-size:100%;
}
.contact_us{
	width:100%;min-height:9.9rem;margin-top:1rem;border:1px solid #cccccc;
}
.contact_us h2{
	font-size:1.6rem;color:#333;font-weight:bold;text-align:center;line-height:3rem;
}
.contact_us p{
	font-size:1.1rem;line-height:1.7rem;color:#333;margin-left:0.5rem;margin-top:0.5rem;
}
/* ------------------------------------ 联系我们结束 ---------------------------------------*/

/* ------------------------------------ 底部公共样式开始 ---------------------------------------*/
.bottom{
	width:100%;height:15.5rem;margin-top:3.5rem;
}
.footer{
	width:94%;height:15.5rem;margin:0 auto;background-color:#303030;
}
.footer_top{
	width:100%;height:3.5rem;border-bottom:1px solid #959595;
}
.footer_top ul{width:100%;height:3.5rem;}
.footer_top ul li{
	width:50%;float:left;height:3.5rem;
}
.footer_top ul li a{
	color:#fff;font-size:1.1rem;padding:0.5rem 2rem 0.5rem 4.5rem;border-left:1px solid #fff;line-height:3.5rem;
}
.footer_top ul li:first-child a{border-left:none;}
.footer_middle{
	width:21rem;height:6rem;margin:0 auto;
}
.footer_middle p{
	font-size:0.9rem;color:#fff;text-align:center;margin-top:1rem;
}
.footer_bottom{
	width:100%;height:4.25rem;background-color:#57b1f4;margin-top:1rem;
}
.footer_bottom ul{
	width:100%;height:4.25rem;
}
.footer_bottom ul li{
	width:33%;height:4.25rem;border-left:1px solid  #fff;float:left;
}
.footer_bottom ul li:first-child{border-left:none;}
.footer_bottom ul li a{
	font-size:1rem;line-height:4.25rem;text-align:center;color:#fff;margin-left:3rem;
}