@import url(swiper.css);  /*首页轮播图样式 */ 




/* Style Reset 
html{font-size:625%;-webkit-text-size-adjust:none;max-height:100%}*/

html{
font-size:62.5%; /* 10÷16=62.5% */
-webkit-text-size-adjust:none;max-height:100%
} 
body{font-size:12px;font-size:1.2rem ; /* 12÷10=1.2 */} 
p{font-size:14px;font-size:1.4rem;}

body{font-size: 1.6rem;}
body,p,h1,ul,li,input,img,figure,h3,h1,h2,dl,dd,dt{margin:0; padding:0;}
ul, ol, li, dl, dt, dd {list-style:none;}
a{text-decoration:none;outline:0px;color:#000000;}
fieldset, img {border:0;}
img{display:block;max-width: 100%}
input[type="text"],input[type="password"],input[type="submit"],input[type="reset"],input[type="button"],textarea{-webkit-appearance: none;}
.clear {clear:both;width:100%; height:0px;}
.cl{clear:both;width:100%; height:0px;}
.c{clear:both;height:0px;}

.Abai{color:#FFFFFF;}
.Abai:hover{ color:#ff6600}

.allpage{background-color: #f5f5f5;}
.allpage{position:relative;z-index:10;background:#fff;height:auto;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;right:0;min-height:60rem;}
/*font*/



	

/* mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm */
.fl{ float:left}
.fr{ float:right}

.pubilie_title01{margin:0px auto 0px auto;width:100%;background:#143580;height:4rem;}
.pubilie_title01  dt{float:left;margin-left:2rem;text-align:center;font-size:2.5rem;color:#ffffff;font-weight:bold;line-height:4rem;height:4rem;width:14rem;background:#eeba06;}
.pubilie_title01  .more{text-align:right;font-size:1.5rem;line-height:4rem;height:4rem;color:#ffffff;float:right;width:13rem;padding-right:1rem;}

/* 头部信息开始*/
/*font*/
@font-face{font-family:"iconfont";src:url('../font/iconfont.woff') format('woff'),url('../font/iconfont.ttf') format('truetype');}
.iconfont{font-family:"iconfont" !important;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale;}

/* sub header   */
.nav-btn{width:14.0625%;right:0;top:0;position:absolute;font-size:5rem;line-height:6rem;color:#ffffff;text-align:center;overflow:hidden;}
.nav-btn_index{top:2rem;font-size:6rem;}
.home-btn{width:14.0625%;left:1.09375%;top:0;position:absolute;height:100%;font-size:4rem;line-height:6rem;color:#ffffff;text-align:center;overflow:hidden;display:block;}
.top-nav{position:absolute;right:1.09375%;top:100%;width:14.0625%;}
.top-home{position:absolute;left:1.09375%;top:0;width:14.0625%;font-size:4rem;line-height:6rem;color:#fff;text-align:center;overflow:hidden;}
.top-title{width:30%;position: absolute;left:35%;top:0;font-size:3rem;line-height:6rem;text-align:center;color:#fff;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.class-btn{position:absolute;right:16%;top:0%;width:18.0625%;font-size:2.4rem;line-height:6rem;color:#fff;text-align:center;overflow:hidden;}
.class-btn span.commonfont{font-size:2.8rem}

.headerindex .nav-btn{color:#143580;}
/* nav */
body{position:relative;width:100%;height:100%;}



.allpage{position:relative;z-index:10;background:#fff;height:auto;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;right:0;min-height:60rem;}
.clicked{right:220px!important;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;}
.nav{width:220px;position:absolute;right:0;top:0;bottom:0;z-index:2; background:#000000;}
.fixed{width:220px;height:100%;position:fixed;right:0;top:0;bottom:0;z-index:5;overflow-x: hidden;-webkit-overflow-scrolling: touch;}
.nav li{width:220px;margin:0 auto;border-bottom:1px solid #ffffff;}
.nav li a{display:block;width:100%;font:100 16px/50px '微软雅黑';color:#fff;text-indent:60px;}
.nav li a span{margin-right:3%}
.nav li p{text-indent:70px;}
.nav li:last-child{margin-bottom:20%;}
#allmap{width:100%;height:80rem;font-size:0.18rem}
.share{width:160px;margin:5rem auto;}
.black-fixed{position: fixed;z-index:99999!important;left:0;width:0;top:0;height:100%;background:rgba(0,0,0,0.9);text-align:right;font-size:4rem;color:#fff;line-height:2;right:0;overflow:hidden;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;opacity: 0}
.black-clicked{width:100%;padding-right:2%;left:-227px;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;opacity: 1}
/* nav end*/





/*头部信息结束*/

.header{height:6rem!important;}
.header{width:100%;height:6rem;background:#143580;position:relative;z-index:9999;}
.header .head{text-align: center;position:fixed;width:100%;height:6rem;top:0;right:0;box-shadow: 0 0 2px rgba(9,2,4,.55);line-height:0.791rem;z-index:99;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;background:#143580;}
.header .logo{display:inline-block;width:62.8125%;height:auto;margin-left:3.4375%; color:#FFF; font-size:2.4rem;}



.headerindex{width:100%; max-width:640px; margin:0px auto; background:#f5f5f5;height:6.67rem;position:relative;z-index:9999;}
.headerindex .logo{ float:left; width:100%; text-align:center; padding-top:0.6rem }
.headerindex .logo img{ width:100%}
.headerindex .phone{ float:right; width:35%; text-align:center; padding-top:1rem}
.headerindex .phone img{ width:90%; margin:0px auto}

/*轮播图css*/
.dong{ margin:0px auto; max-width:640px;height:26rem;}
.swfra{ display:block; width:100%; text-align:center; position:absolute; left:0; bottom:5%;}
.swiper-container{height:26rem;}
.swiper-slide{height:26rem;}
.swiper-pagination{ padding:0; margin:0; display:inline-block;
	
	text-align: center!important;
	bottom: -0.5rem!important; background:rgba(255,255,255,.39); padding:0 3%; border-radius:1rem; position:relative !important;
}
.swiper-pagination-bullet{
	width: 1.5rem!important;
	height: 1.5rem!important;
	 background-color:#ecca34; border:0.2rem solid #ecca34;
	opacity: 1!important; border-radius:50%!important; 
}
.swiper-pagination-bullet-active{ background:none; border:0.02rem solid #f63132;}
.swiper-pagination-bullet{margin:0 0.2rem!important;}
/*轮播图css结束*/

/* footer */
.footer{width:100%;height:8rem;position: fixed!important;bottom: 0;right: 0;z-index: 9999;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;}
 .foot{ background:#143580}
.foot{width:100%;position: fixed;height:0.8rem;bottom:0;left:0;z-index:10;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;}
.foot-relative{position:relative;width:100%;height:8rem;}
.foot a{display:block;float:left;width:32%;color:#ffffff;border-right:solid 0.2rem #ffffff;margin-top:0.5rem;}
.foot a span{display:block;width:100%;text-align:center;font-size:4rem;line-height:5rem;}
.foot a h3{width:100%;text-align:center;font:1.8rem/2rem "microsoft yahei";}
.foot .foot_a_end{border-right:0px;}
.common-pro-search{width:90%;height:5.33rem;background: #fff;margin:2% auto;}
.common-text{float:left;border:0;background:#fff;width:84.45%;height:5.33rem;text-indent:1rem;font:1.6rem/5.33rem "microsoft yahei";border-radius:0;}
.common-submit{float:right;width:15.55%;border:0;font-size:3.6rem;line-height:5.33rem;color:#fff;height:5.33rem;border-radius:0;background:none;background:#333;}

 /*font*/
@font-face{font-family:"commonfont";src:url('../font/common.woff') format('woff'),url('../font/common.ttf') format('truetype');}
.commonfont{font-family:"commonfont" !important;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale;}

/* foot search btn */


.company_index{background:#F1F3F5;}
.company_index .more_ifra{ width:100%; margin:0px auto;  background:url(../images/line_bg_01.jpg) center no-repeat; background-size:50%;height:8rem; text-align:center;}
.about_i{ margin:0 auto;}
.about_i_c{	line-height: 1.8;padding:2% 5% 1% 5%;font-size:1.6rem;color:#222222;}
.more_im{ width:40%; margin:1.5% auto 0 auto; background:#f6da40; line-height:2.5rem; font-size:1.8rem;text-align: center; border-radius:1.25rem}
.more_im a{ display:block; padding:0.6rem 0;color:#292929;font-size: 1.8rem;}
.more_ifra{ width:100%;margin-top:1rem;}

.company_index .icon{width:0px auto;margin:20px auto;text-align:center;}
.company_index .icon dl{clear:both;margin:0 auto;width:90%;}
.company_index .icon .icon_01{background:url(../images/bg_line_03.jpg) no-repeat top;width:8.33rem;height:10.08rem;float:left;line-height:2rem;background-size:100%}
.company_index .icon .icon_02{background:url(../images/bg_line_04.jpg) no-repeat top;width:2.08rem;height:2.58rem;float:left;margin-top:2.5rem;background-size:100%}
.company_index .icon .icon_01 span{text-align:center;font-size:1.4rem;font-weight:bold;margin-top:2rem;width:100%; display:block;color:#ffffff;}



.proclass {width:100%;}
.proclass .pcon{ width:95%;margin:0px auto}
.proclass .pcon .item{ width:49%;float:left; margin-top:1rem;margin-bottom:1rem}
.proclass .pcon .item .pimg{width:100%;height:15rem;float:left;background:#e9e9e8;text-align:center;}
.proclass .pcon .item .ptxt{width:100%;height:3rem;float:left;background:#e9e9e8;}
.proclass .pcon .item .pimg img{width:94%;height:94%;margin:3% 3%;}
.proclass .pcon .item .txt{height:3rem;line-height:3rem; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;float:left;font-size:2rem;width:100%;}
.proclass .pcon .item .txt a{color:black;}
.proclass .pcon .item .txts{height:9rem;line-height:2rem; text-align:left; overflow:hidden;float:left;font-size:1.5rem;}
.proclass .pcon .item .more{line-height:2.5rem;height:2.5rem;text-align:center;background:#666666;text-align:center;float:left;width:100%;font-size:1.5rem;}
.proclass .pcon .index_ad{width:100%;margin:1rem auto;text-align:center;}


.youshi{background:#f5f5f5;}
.youshi .pcon img{width:100%;}


.anli {background:#f5f5f5;width:100%;}
.anli .more_ifra{ width:100%; margin:0px auto;  background:url(../images/line_bg_03.jpg) center no-repeat; background-size:50%;height:8rem; text-align:center;}
.anli .pcon{ width:95%; margin:0px auto}
.anli .pcon .item{ width:50%; float:left; margin-bottom:1rem}
.anli .pcon .item .pimg{width:95%; margin:0px auto;}
.anli .pcon .item .txt{ line-height:0.25rem; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.anli .pcon .item .txt a{ color:#333333}


.news_index {background:#f5f5f5;width:100%;padding-bottom:8rem;}
.news_index .more_ifra{ width:100%; margin:0px auto;  background:url(../images/line_bg_04.jpg) center no-repeat; background-size:50%;height:8rem; text-align:center;}
.news_index .pcon{ width:95%; margin:0px auto}
.news_index .pcon .item{ width:100%; float:left; margin-bottom:0.1rem}
.news_index .pcon .item .pimg{width:95%; margin:0px auto;}
.news_index .pcon .item .txt{ line-height:0.25rem; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news_index .pcon .item .txt a{ color:#333333}

.news_index .pcon  li{ width:100%; float:left; margin-bottom:0.5rem;height:2.5rem;line-height:2.5rem;text-align:left;}




.classbtnbtn{width:100%;float:left;margin:1rem auto 1rem auto;}
.classbtnbtns{width:20%;text-align:center;color:#000000;font-size:2rem;/*float:left;*/line-height:3rem;height:3rem;font-weight:bold;}
.classbtn{width:100%;float:left;}
.classbtn li{width:48%;height:3rem;float:left;line-height:3rem;margin-top:0.5rem;margin-left:0.2rem; background:#0099CC;text-align:center;}
.classbtn li a{display:block;width:100%;height:100%;line-height:3rem;}
.classbtn li p{width:86%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font:14px/38px '微软雅黑';}


/*新闻列表*/

.common_news{width:90%;height:auto;overflow:hidden;margin:0% auto;}
.common_news .news1{width:100%;overflow:hidden;font-size:1.5rem;display:block;height:3rem;line-height:3rem;}
.news1 a span:nth-child(1),.news2 a span:nth-child(1){display:block;float:left;width:70%;height:3rem;text-overflow: ellipsis;overflow:hidden;white-space: nowrap;color:#1d1d1d}
.news1 a span:nth-child(2),.news2 a span:nth-child(2){display:block;float:right;width:29%;height:3rem;text-overflow: ellipsis;overflow:hidden;white-space: nowrap;text-align:right;color:#9f9f9f}

/*图片列表*/

.news4{width:50%;float:left;height:auto;overflow:hidden;margin:2% auto;}
.news4 a{display:block;width:80%;margin:0 auto;}
.news4 a img{display:block;width:100%;}
.news4 a span{display:block;width:100%;text-align:center;font:2.2rem/3rem "microsoft yahei";color:#666;text-overflow: ellipsis;overflow:hidden;white-space: nowrap;margin-top:6%}

/* common */
.content{min-height:8rem;overflow:hidden;font-size:1.5rem;/*margin-top: 6%;*/padding-bottom: 20%;background-color: transparent;}
.content_new{margin-top:0!important;}
.common_bg{background-color: #b30f1a!important;}
.content .about{width:90%;margin:0px auto;padding-bottom:8rem;}
.content .about h1{font-size:2rem;text-align:center;}
.content .about .picContent{line-height:200%;font-size:1.5rem;margin-top:2rem;float:left;}
.content .about .page{width:100%;font-size:1.8rem;text-align:left;float:left;margin-top:1rem;}
.content .about .back{width:100%;font-size:2rem;text-align:center;float:left;margin-top:2rem;}

@media all and (min-width:640px){
    .content{width:640px;margin:0 auto;position:relative;margin-top:6% ; padding-bottom: 16%;}
	.content_index{width:640px;margin:0 auto;position:relative;}
}
@media only screen and (max-width: 479px) and (min-width: 321px) {
    html{font-size: 0.5rem;}
}
@media only screen and (max-width: 320px) {
    html{font-size: 0.4rem;}
	}
.product-bottom p{text-align: center;}
.product-bottom p a{display: inline-block;margin-right: 5px ;width:55px;border:1px solid #ddd;height:20px;line-height: 20px;}