@charset "utf-8";


/* CSS Document */


body , div , dl , dt , dd , ul , ol , li , h1 , h2 , h3 , h4 , h5 , h6 , pre , form , fieldset , input , textarea , p , blockquote , th , td {margin:0; padding:0;}


table {border-collapse:collapse; border-spacing:0;}


ol , ul ,li{list-style:none;}


.mian{position:relative; margin-left:auto; margin-right:auto; min-width:320px; max-width:640px;font-family:Microsoft YaHei;background: #fff;}


a{text-decoration:none; color:#666;}


body{background: #f4f4f4;}


/*pages*/
.pagination-wrapper{
margin: 20px 0;
}
.pagination{
/* height: 34px; */
text-align: center;
}
.pagination li {
display: inline-block;
height: 34px;
margin-right: 5px;
}
.pagination li a{
float: left;
display: block;
height: 32px;
line-height: 32px;
padding: 0 12px;
font-size: 16px;
border: 1px solid #dddddd;
color: #555555;
text-decoration: none;
}
.pagination li a:hover{
background:#f5f5f5;
color:#0099ff;
}
.pagination li.thisclass {
background: #09f;
color: #fff;
}
.pagination li.thisclass a,.pagination li.thisclass a:hover{
background: transparent;
border-color: #09f;
color: #fff;
cursor: default;
}


/*清除浮动*/


.clearfix:after{ 


    content: '';


    display: block;


    clear: both;


    height: 0;


    visibility: hidden;


}


.clearfix{ /*兼容 IE*/


    zoom: 1;


}





/*公共颜色调用*/


.pagedSpan a{background:#333;}


.CategoryList_Title i{color:#333;}


.hdPhone p i{border:1px solid #fff;}


 .pagedSpan a{color:#fff;}


.pagedSpan{background:#feeddc;}








/*分页*/


.pagedSpan{margin: 0.6rem 10%;height: 0.75rem;line-height: 0.75rem;border-radius:5px;text-align:center;color:#333;margin-bottom: 0.6rem;background:none;font-size: 0.4rem;}


.pagedSpan a{width:25%;height: 0.75rem;line-height: 0.75rem;color:#333;background:none;}


.pagedSpan em{color:#333;}


.pagedSpan .btnPagedUp{border:1px solid #ccc; border-radius:5px;}


.pagedSpan .btnPagedDown{border:1px solid #ccc; border-radius:5px;}


.pagedSpan select{border:none;background:none;}


.pagedSpan select option{border-color:Red;}


.pagedSpan span{border: 1px solid #ccc;


    padding: 0 10px;


    border-radius: 5px;


    display: inline-block;


    height: 2rem;}








/*分类标题*/


.CategoryList_Title{height:2.968em; line-height:2.968em; padding:0 .687em; color:#333; text-align:center; border-bottom:1px solid #b0b4bb; font-size:1rem; background: linear-gradient(180deg , #f2f2f2 0% , #e0e0e0 100%);}


.CategoryList_Title i{font-size:1.2em; margin-top:.75em;}


.CategoryList_Title .icon-details{margin-right:.5em;}








/*分类列表*/


.CategoryLista{}


.CategoryLista > li > a{height:3.031em; line-height:3.031em; display:block; color:#333; background:#f4f4f4; padding:0 1.125em; border-bottom:1px solid #cfcbc1; border-top:1px solid #fff; font-size:1.125rem;}


.CategoryLista li i{float:right; margin-top:.45em; color:#656565; font-weight:bold; font-size:1.6em;}


.CategoryLista > li li a{height:3.031em; line-height:3.031em; overflow:hidden; white-space: nowrap; text-overflow:ellipsis; display:block; color:#666; background:#fff; padding:0 2.062em; border-bottom:1px solid #cfcbc1; border-top:1px solid #fff; font-size:1em;}


.CategoryLista li:after {content:'.'; display:block; height:0; clear:both; visibility:hidden;}


.CategoryLista .icon-arrow-down{color:#f90;}


.CategoryLista > li > ul >li >ul{padding:0 1.125em;}





/*搜索*/


#DetailedSpan div table{width:640px !important;}


#ErrorInfo{ text-align:center;margin-top: 1em;  margin-bottom: 1em;} 


.green{color:#eb2533;}


.red{color:#eb2533; text-align: center;margin-bottom: 1em;}








.green{coor:Red}


.red{color:Red}





/*


@media screen and (min-width:320px) {


	html{font-size:75%;}


}


@media screen and (min-width:375px) {


	html{font-size:87.5%;}


}


@media screen and (min-width:480px) {


	html{font-size:87.5%;}


}


@media screen and (min-width:540px) {


	html{font-size:112.5%;}


}


@media screen and (min-width:550px) {


	html{font-size:125%;}


}


@media screen and (min-width:640px) {


	html{font-size:150%;}


}


*/





/* InpageHeader */


.InpageHeader{width: 100%;background: #fff;height: 1.4rem;position: relative;}


.InpageHeader img{display: block;width: 100%;} 


.InpageHeader a.back{display: block;margin-left: 3%;width: 4%;position: relative;z-index: 2;float: left;height: 1.4rem;background: url(../images/back.png) no-repeat center;background-size: 95%;}


.InpageHeader span{display: block;width: 14%;float: right;position: relative;z-index: 2;height: 1.4rem;background: url(../images/header_menu.png) no-repeat center;border-left: 1px solid #eaeaea;background-size:70%;}


.InpageHeader p{position: absolute;width: 100%;height: 1.4rem;text-align: center;line-height: 1.4rem;font-size: .538rem;color: #152279; background-color:#fff;}





/* .InpageNav */


.InpageNav{width: 100%;background: #fff;position: relative;border-top: 1px solid #eaeaea;border-bottom: 1px solid #eaeaea;}


.InpageNav .InpageNav-slide{position:relative;height: 1.25rem;width: 86%;float: left;box-sizing: border-box;overflow: hidden;display: -moz-box;display: -webkit-box;display: -webkit-box;}


.InpageNav .more{display: block;float: right;width: 14%;height: 1.25rem;line-height: 1.25rem;text-align: center;background: #152279;font-size: .375rem;color: #fff;position: relative;}


.InpageNav .classfiy{width: 100%;box-sizing: border-box;background: #eaeaea;position: absolute;left: 0;top: 0;display: none;z-index:99;}


.InpageNav .classfiy .classfiy_close{display: block;width: 7%;position: absolute;top: 0.3rem;right: 3%;}


.InpageNav .classfiy .classfiy_close img{display: block;width: 100%;}


.InpageNav .classfiy .conBox dl{padding: .406rem 3% .438rem;border-bottom: 1px solid #d2d2d2;border-top: 1px solid #f5f5f5;}


.InpageNav .classfiy .conBox dl:first-child{border-top: none;}


.InpageNav .classfiy .conBox dt{text-align: center;font-size: .4rem;color: #666666;}


.InpageNav .classfiy .conBox dd{margin-top: .313rem;overflow: hidden;}


.InpageNav .classfiy .conBox dd>a{display: block;font-size: .344rem;color: #666666;text-align: center;line-height: 1rem;height: 1rem;box-sizing: border-box;border: 1px solid #dddddd;border-radius: 2px;background: #fff;width: 23.5%;margin-left: 2%;float: left;margin-bottom: 0.125rem;}


.InpageNav .classfiy .conBox dd>a:nth-child(4n+1){margin-left: 0;}


.InpageNav-left{height: 1.25rem;position: relative;overflow: hidden;-moz-box-flex: 1;-webkit-box-flex: 1;-webkit-box-flex: 1;}


.InpageNav-list{position: absolute;left: 0;}


.InpageNav-list ul {position: relative;white-space: nowrap;font-size: 0;}


.InpageNav-list ul li {display: inline-block;}


.InpageNav-list ul li a {display: block;width: 100%;height: 100%;line-height: 1.25rem;font-size: .375rem;text-align: center;color: #333;padding: 0 0.2rem;box-sizing: border-box;position:relative;}


.InpageNav-list ul li.on a {color: #152279 !important;}


.InpageNav .sideline {display: block;position: absolute;border: 0;height: 2px;background-color: #152279;left: 0;bottom: 0px;pointer-events: none;}





/*产品分类样式*/


#InpageNavN{width: 100%;background: #fff;position: relative;}


#InpageNavN .wrapper {position:relative;height: 1.25rem;width: 86%;overflow: hidden;float: left;box-sizing: border-box;border-top: 1px solid #eaeaea;border-bottom: 1px solid #eaeaea;}


#InpageNavN .wrapper .scroller {position:absolute;}


#InpageNavN .wrapper .scroller li{height: 1.25rem;color:#666666;float: left;line-height: 1.25rem;font-size: .375rem;text-align: center;position: relative;}


#InpageNavN .wrapper .scroller li i{width: 58%;height: 2px;background:#152279;left: 21%;bottom: 2px;position: absolute;display: none;}


#InpageNavN .wrapper .scroller li a{color:#666666;display:block;}


#InpageNavN .wrapper .scroller .sideline {display: block;position: absolute;border: 0;height: 2px;background-color: #152279;left: 0;bottom: 2px;pointer-events: none;}


#InpageNavN .wrapper .scroller li.cur i{display: block;}


#InpageNavN .wrapper .scroller li.cur a{color: #000;}


#InpageNavN .more{display: block;float: right;width: 14%;height: 1.25rem;line-height: 1.25rem;text-align: center;background: #152279;font-size: .375rem;color: #fff;}


#InpageNavN .classfiy{width: 100%;box-sizing: border-box;background: #eaeaea;position: absolute;left: 0;top: 0;display: none;z-index:99;}


#InpageNavN .classfiy .classfiy_close{display: block;width: 7%;margin: 0.3rem auto;position: unset;top: 0;right: 0;}


#InpageNavN .classfiy .classfiy_close img{display: block;width: 100%;}


#InpageNavN .classfiy .conBox{padding: 0.1rem 3% 0;}


#InpageNavN .classfiy .conBox h4{font-size: 0.35rem;color: #152279;font-weight: bold;padding-left: 2.5%;margin-bottom:0.4rem;width: 48%;float: left;box-sizing: border-box;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}


#InpageNavN .classfiy .conBox h4 a{color: #152279;}


#InpageNavN .classfiy .conBox dd{padding-top: 0.5rem;box-sizing: border-box;border: 1px solid #d5d2d2;border-top: none;overflow: hidden;}


#InpageNavN .classfiy .conBox dd p a{display: block;width: 30%;margin-left: 2.5%;float: left;height:1rem;line-height:1rem;border: 1px solid #dddddd;border-radius: 2px;margin-bottom: 0.2rem;text-align: center;box-sizing: border-box;}


#InpageNavN .classfiy .conBox dl{width: 100%; margin-top: 0.1rem; padding:unset; }


#InpageNavN .classfiy .conBox dt{width: 100%;box-sizing: border-box;overflow: hidden;background:url(../images/teamCon2_icon01.png) no-repeat 92% center #fff;background-size: 3%;height:1rem;line-height: 1rem;font-size: 0.4rem;color: #fff;padding-left: 5%;border: 1px solid #d5d2d2; text-align:left;}


#InpageNavN .classfiy .conBox dt a{color:#333333;}


#InpageNavN .classfiy .conBox dd{padding: 0.4rem 0;display: none;background: #fff;}


#InpageNavN .classfiy .conBox dd p{font-size:0.4rem;color: #666666;line-height: 0.5rem;overflow:hidden;float: left;width: 100%;}


#InpageNavN .classfiy .conBox dl.on dt{background:url(../images/teamCon2_icon02.png) no-repeat 94% center #152279;background-size: 5%;color: #fff;border-color: #152279;}


#InpageNavN .classfiy .conBox dl.on dt a{color: #fff;}








/* zzc */


.zzc{display: none;background: rgba(0, 0, 0, 0.6);position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 99990;}








/*nav_menu*/


.nav_menu {  width:0; position:fixed;  right:0; top:0; height: 100%;z-index: 99999;overflow: scroll;background: #fff;}


.nav_menu img{display: block;width: 100%;}


.nav_menu .top{width: 100%;padding-top:.297rem;padding-bottom: .25rem;}


.nav_menu .Navlog{width: 54%;display: block;margin-left: 10%;}


.nav_menu .btn{display: block;width: 12%;position: absolute;top: 3%;right: 5%;}


.nav_menu .btn img{display: block;width: 100%;}


.nav_menu ul{overflow:hidden; width:100%;overflow: scroll;height: 80%;}


.nav_menu li{ width:100%; overflow:hidden; background:url(../images/nav_icon01.png) no-repeat 89% center;height: 1.25rem;border-bottom: 1px solid #eaeaea;}


.nav_menu li:first-child{border-top:1px solid #eaeaea;}


.nav_menu li p>a{ color:#333333;font-size: .375rem;display: block;height: 1.25rem;line-height: 1.25rem;box-sizing: border-box;padding-left: 6%;}





/* InpageFooter */


.InpageFooter{width: 100%;background: #fff;padding-top: .625rem;margin-top: 0.33rem;border-top: 1px solid #eaeaea;}


.InpageFooter img{display: block;width: 100%;}


.InpageFooterTop{padding: 0 3% 20%;box-sizing: border-box;}


.InpageFooterTop .Input{width: 94%;margin: 0 auto;height: 1rem;border: 1px solid #dddddd;border-radius: 1rem;}


.InpageFooterTop .Input  input{display: block;width: 84%;height: 1rem;border: none;outline: none;float: left;border-radius: 1rem 0 0 1rem;box-sizing: border-box;padding-left: 4%;font-size: .375rem;}


.InpageFooterTop .Input a{display: block;width: 16%;float: right;border-radius: 0 1rem 1rem 0;background:url(../images/InpageFooter_searchBtn.png) no-repeat center;background-size: 35%;height: 1rem;}


.InpageFooterTop .menu{width: 100%;text-align: center;margin-top: .531rem;}


.InpageFooterTop .menu li{display: inline-block;padding: 0 .391rem;font-size: .375rem;color: #666666;box-sizing: border-box;border-left: 1px dotted #c2c2c2;}


.InpageFooterTop .menu li a{color: #666666;}


.InpageFooterTop .menu li:first-child{border-left: none;}


.InpageFooterTop .Copyright{width: 100%;margin-top: .438rem;}


.InpageFooterTop .Copyright p{font-size: .25rem;color: #999999;margin-bottom: 0.2rem;text-align: center;}


.InpageFooterTop .Copyright p a{color: #999999;}


.InpageFooterBottom{width: 100%;height: 1rem;position: fixed;bottom: 0;left: 0;}


.InpageFooterBottom li{width: 25%;float: left;height: 1rem;text-align: center;font-size: .39rem;color: #fff;background: #152279;box-sizing: border-box;border-left: 1px solid #fff;line-height: 1rem;}


.InpageFooterBottom li img{display:inline-block;position: relative; width: .547rem;height: .547rem;top: 0.15rem;margin-right: 3%;}


.InpageFooterBottom li:first-child{border-left: none;}


.InpageFooterBottom li a{display: block;color:#fff;}


.InpageFooterBottom li em{color: #fff;font-weight: bold;}











/* header */


header{width: 100%;padding-top: .391rem;height: 1.594rem;}


header a.logo{display: block;float: left;width: 65%;margin-left: 3%;}


header dl{float: left;width: 75%;text-align: center;}


header dt{font-size: .4rem;color: #333333;}


header dt em{font-weight: bold;}


header dd{font-size:.281rem;color: #fff;display: inline-block;height: .484rem;line-height: .484rem;padding: 0 .344rem;background: #152279;border-radius: 0.5rem;margin-top: 0.15rem;}


header dd a{color: #fff;}


header img{display: block;width: 100%;}


header .headerMenu{width: 10%;float: right;margin-right: 3%;margin-top: 0.15rem;} 








/* footer */


footer{width: 100%;background: #f5f8f7;}


footer img{display: block;width: 100%;}


footer .footerTop{width: 100%;background: #333333;padding-top: .5rem;padding-bottom: 1.611rem;}


footer .footerTop p{font-size: .3rem;color: #dedede;text-align: center;margin-bottom: .139rem;}


footer .footerTop p a{color: #dedede;}


footer .footerBottom{width: 100%;position: fixed;left: 0;bottom: 0;border-radius: .361rem;padding: .188rem 0;}


footer .footerBottom ul{width: 96%;margin: 0 auto;background: #005e36;padding: .25rem 0;border-radius: 0.5rem;background: url(../images/footerBg.jpg);}


footer .footerBottom li{width: 25%;float: left;height: 0.5rem;line-height:.5rem;box-sizing: border-box;text-align: center;border-left: 1px solid #00bb6b;}


footer .footerBottom li a{display: block;margin: 0 auto;box-sizing: border-box;font-size: 0.4rem;color: #fff;}


footer .footerBottom li:first-child{border-left: none;}





/* 404页面样式 */


        .notFound{width: 96%;padding: 24% 2% 0;;border-top: 1px solid #eaeaea;height: 100%;margin: 0 auto;position: fixed;left: 0;top: 0;background: #f4f4f4;}


        .notFound img{display: block;width: 100%;}


        .notFound .notFoundPic{padding-bottom: 0.2rem;border-bottom: 1px solid #e2e2e2;display: block;}


        .notFound .notFoundBack{display: block;width: 100%;border-top: 1px solid #ffffff;padding-top: 0.6rem;}


        .notFound .notFoundBack img{width: 50%;margin: 0 auto;}


        .notFound .menu{width: 100%;text-align: center;}


        .notFound .menu li{display: inline-block;padding: 0 .391rem;font-size: .375rem;color: #666666;box-sizing: border-box;border-left: 1px dotted #c2c2c2;}


        .notFound .menu li a{color: #666666;}


        .notFound .menu li:first-child{border-left: none;}