@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,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}

.Azong{color:#3E210F;}
.Azong:hover{ color:#ff6600}

.lan{color:#003E8B;}
.lv{color:#40A702;}

.Alan:link,.Alan:visited,.Alan:active{color:#003E8B; TEXT-DECORATION: none}
.Alan:hover {COLOR:#FF0000; TEXT-DECORATION: none;}


.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_title010{margin:0px auto 0px auto;width:100%;background:#217BB7;height:4rem;}
.pubilie_title010  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:#034671;}
.pubilie_title010  .more{text-align:right;font-size:1.5rem;line-height:4rem;height:4rem;color:#ffffff;float:right;width:17rem;padding-right:1rem;}


.pubilie_title01{margin:0px auto 0px auto;width:100%;}
.pubilie_title01  dt{text-align:center;font-weight:bold;font-size:3.5rem;line-height:4rem;height:4rem;}
.pubilie_title01  dd{ font-size:1.5rem;line-height:2rem;text-align:center;background:url(../images/bg_line_01.jpg) no-repeat bottom center;height:2rem;}

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


.pubilie_title020{margin:0px auto 0px auto;width:100%;}
.pubilie_title020 img{float:left;width:100%;}


/* 头部信息开始*/
/*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:1rem;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:#003E8B;}
/* nav */
body{position:relative;width:100%;height:100%;}



.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:10rem!important;}
.header{width:100%;height:6rem;background:#003E8B;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:#003E8B;}
.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:#ffffff;height:9.33rem;position:relative;z-index:9999;}
.headerindex .logo{ float:left; width:100%; text-align:center; }
.headerindex .logo img{height:9rem;}
.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:53.3rem;height:20rem;}
.swfra{ display:block; width:100%; text-align:center; position:absolute; left:0; bottom:5%;}
.swiper-container{height:20rem;}
.swiper-slide{height:20rem;}

.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:#003E8B;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:33%;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 */


.index_company{width:100%;float:left;margin-top:1rem;}
.index_company .pubilie_title01{width:90%;}
.index_company .pcon{margin:1rem auto;text-align:left;font-size:1.5rem;width:90%; overflow:hidden;}


.index_product{margin:0px auto 0px auto;float:left;width:100%;}
.index_product .pcon{margin-left:auto;margin-right:auto;width:95%;}
.index_product  pcon .proclass_con{margin:1rem auto 0px auto;}
.index_product .pcon .proclass_con li{font-size:2.5rem;line-height:4rem;height:4rem;width:48%;border:solid 1px #9B9B9B;text-align:center;margin-top:1rem;}
.index_product .pcon .proclass_con li a{width:100%;height:100%; display:block;}


.index_product .item{width:20.5rem;margin-top:2rem;height:26.6rem;}
.index_product .item .pimg{margin:0px auto;width:20.5rem;height:22rem;overflow:hidden;}
.index_product .item .pimg img{width:100%;height:20.5rem;border:0px;}
.index_product .item .ptxt{width:100%;height:5rem;text-align:center;font-size:2.5rem;font-weight:bold;line-height:5rem;}
.index_product .item .more{border:solid 1px #3E210F;width:14rem;height:3rem;margin:0px auto;text-align:center;line-height:3rem;font-size:1.8rem;}
.index_product .index_product_more{font-size:3rem;font-weight:bold;text-align:center;width:18rem;height:4rem;margin-top:3rem;margin-left:auto;margin-right:auto;margin-bottom:2rem;border:solid 0.2rem #003E8B;line-height:4rem;}



.index_news{margin:0px auto 8rem auto;float:left;width:100%;}
.index_news .pcon{margin-left:auto;margin-right:auto;width:95%;}
.index_news .pcon li{width:100%;text-align:left;line-height:2.5rem;float:left;height:2.5rem;font-size:2rem;}
.index_news .pcon li dl{width:100%;border-bottom:solid 0.2rem #3E210F;float:left;}
.index_news .pcon li .ttime{float:left;width:6rem;height:6rem;margin-top:1rem;background:url(../images/bg_line_14.jpg) no-repeat top left;color:#3E210F;background-size:100%; }
.index_news .pcon li .ttime .yue{float:left;width:2.5rem;font-size:2rem;font-weight:bold;line-height:3rem;}
.index_news .pcon li .ttime .ri{float:left;width:2.5rem;line-height:2rem;font-size:1.8rem;margin-top:3.5rem;text-align:right;}

.index_news .pcon li .tit03{float:left;width:35rem;height:2.5rem;line-height:2.5rem;text-align:left;font-weight:bold;margin-top:1rem;font-size:2rem;}
.index_news .pcon li .txt03{float:left;width:35rem;height:5.5rem;margin-left:0px;line-height:180%; font-size:1.8rem;}
.index_news .pcon li .more{float:left;width:10rem;height:2rem;margin-left:8rem;margin-top:0.5rem;border:solid 0.2rem #3E210F;text-align:center;line-height:2.2rem;margin-bottom:1rem;font-size:1.5rem;}

.index_news .pcon li .date{float:right;width:10rem;height:2.5rem;text-align:center;line-height:2.5rem;}



.index_foot{margin:0px auto 0px auto;background:url(../images/bg_line_15.jpg) no-repeat top;float:left;width:100%;background-size:100%;height:35rem;}
.index_foot .pcon{margin-left:auto;margin-right:auto;width:95%;}





.proclass {width:100%;}
.proclass .pcon{ width:90%;margin:0px auto}
.proclass .pcon .item{ width:100%;float:left; margin-top:1rem;margin-bottom:1rem}
.proclass .pcon .item .pimg{width:58%;height:15rem;float:left;}
.proclass .pcon .item .ptxt{width:41%;height:15rem;float:right;}
.proclass .pcon .item .pimg img{width:100%;height:100%;}
.proclass .pcon .item .txt{height:3rem;line-height:3rem; text-align:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;float:left;font-size:2rem;}
.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:#217BB7;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%;}
.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:4rem;line-height:4rem;margin-top:1rem;margin-left:0.2rem; background:#003E8B;text-align:center;float:left;font-size:2.5rem;}
.classbtn li a{display:block;width:100%;height:100%;line-height:4rem;}
.classbtn li p{width:86%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font:14px/38px '微软雅黑';}


/*新闻列表*/

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


/*图片列表*/
.common_news{width:95%;margin:0rem auto;}
.list_productul{margin:0rem auto;width:100%;}
.list_productul dd{ width:50%;margin-top:1rem;height:27rem;background:#FFFFFF;text-align:center;float:left;}
.list_productul dd .pimg{margin:0px auto;width:20.5rem;height:22rem;overflow:hidden;}
.list_productul dd img{width:100%;height:22rem;border:0px;}
.list_productul dd .more{border:solid 1px #3E210F;width:14rem;height:3rem;margin:0px auto;text-align:center;line-height:3rem;font-size:1.8rem;}
.list_productul dd .ptxt{width:100%;height:5rem;text-align:center;font-size:2.5rem;font-weight:bold;line-height:5rem;}


.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 .picContent img { height: auto; width: auto\9; width:100%; }
.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;}

/*分页 */
.product-bottom{ width:95%; margin:1rem auto 1rem auto;font-size:2.5rem;}
.product-bottom a{ display:block; float:left; line-height:3rem; background:#DDDDDD; color:#333333; border-radius:1rem; padding-left:1rem; padding-right:1rem; margin-right:1rem;font-size:2.5rem;}
.product-bottom  span{ display:block; float:left; line-height:2rem; background:#DDDDDD; color:#333333; border-radius:1rem; padding-left:1rem; padding-right:1rem; margin-right:1rem;font-size:2.5rem;}



.content_index{padding-bottom:9rem;}

@media all and (min-width:640px){
	.content{width:53.33rem;margin:0 auto;position:relative;margin-top:6% ; padding-bottom: 16%;}
	.content_index{width:53.33rem;margin:0 auto;position:relative;}
}
@media only screen and (max-width: 479px) and (min-width: 321px) {
    html{font-size: 0.4rem;}
}
@media only screen and (max-width: 320px) {
    html{font-size: 0.25rem;}
	}