@charset "utf-8";


/* CSS Document .header .logo img{margin:9px 0 0 6px; float:left; width:71px;}*/





html body{ font-family:Microsoft YaHei;}


a{text-decoration:none;}


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


.header{max-height:160px; overflow:hidden;}


.header .logoImg img{float:left;  margin:4% 0 4% 3%; width:8.8em;}

.header .hdTxt{float:right; margin-top:5.4%; margin-right:2%; width:60%; text-align:right;}

.header .hdTxt h2{color:#f75d02; font-size:1.0em; margin-bottom:0.2em;}

.header .hdTxt a{padding-left:1.117em; color:#333333; font-size:1.2em; background:url(../images/hdPhone_ico.png) no-repeat left center; background-size:0.976em; font-family:arial;}


.nav{}

.nav ul{overflow:hidden;}

.nav li{float:left; width:25%; text-align:center;}

.nav li a{display: block;
    padding: 15% 0px;
    font-size: 1.167em;
    color: #000;
    border-top: 1px solid white;
    border-bottom: 1px solid white;
    position: relative;
    background-color: #e0e0e0;}

.nav li a:after{content:''; position:absolute; top:0; right:-1px; z-index:9; height:100%; width:0px;  border-left:1px solid #9a9a9b;}


/*公共颜色调用*/





.CategoryList_Title i{color:#f9912d ;}


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





.pagedSpan{background:#f9912d ;}





.phones{padding:1.250em 0; display: block; text-align: center; color:#333; border-top:0.4em solid #f9912d;


background-color:#f0f0f0; 


background-image:-moz-linear-gradient(top , #f0f0f0 , #d7d7d7);


background-image:-webkit-linear-gradient(top , #f0f0f0 , #d7d7d7);


background-image:-o-linear-gradient(top , #f0f0f0 , #d7d7d7);


background-image:-ms-linear-gradient(top , #f0f0f0 , #d7d7d7);


background-image:linear-gradient(top , #f0f0f0 , #d7d7d7);}


.phones span{font-size:1.2em; position: relative; top:-0.1em; padding-left:2em; background:url(../images/hdPhone_ico.png) no-repeat left center; background-size:1.2em auto;}


.phones em{font-size:1.500em; font-family:LiHei Pro , arial;}











.toTop{padding-top:1.2em; padding-bottom:1.2em; font-size:1.2em; display: block; text-align: center; color:#fff; background:#1b2a61 url(../images/toTop_ico.png) no-repeat 34% center; background-size:1.042em; border-bottom:0.5em solid #1b2a61;}


.fotNav{overflow:hidden;}


.fotNav li{float:left; width:25%; text-align:center;}


.fotNav li a{display:block; padding:15% 0px;  font-size:1.167em; color:#5b5a5a; position:relative; background-color:#fff; }


.fotNav li a:after{content:''; position:absolute; top:50%; right:-1px; z-index:9; margin-top:-10%; height:40%; width:0px;  border-left:1px solid #d6d6d6;}


.fotTxt{padding:1em 0 2em 0; color:#999; text-align: center; font-size:1em;}





/*分类标题*/


.CategoryList_Title{height:2.968em; line-height:2.968em; padding:0 .687em; color:#333; text-align:center; border-bottom:1px solid #b0b4bb; font-size:1.125em; 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.125em;}


.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;}


.CategoryLista > li > .list1,.CategoryLista > li > .list1 li ul{display:none;}





/*搜索-moz-border-radius:100%;


-webkit-border-radius:100%;


-o-border-radius:100%;


-ms-border-radius:100%;


border-radius:100%;*/


.searchSpan{position:relative; overflow:hidden; margin:.687em;}


.searchSpan .txtSearch{height:33px; border-radius:5px; border:1px solid #ddd; font-size:.75em; text-indent:.25em; width:99.9%; outline:none;}


.searchSpan .btnSearch{position:absolute; right:0px; top:1px; border-radius:0 5px 5px 0; display:block; height:33px; line-height:33px; color:#333; width:2.5em; border-left:1px solid #ddd; border-right:1px solid #ddd; text-align:center; background:linear-gradient(180deg , #fff 0% , #ededed 100%);}








.binPlus{position:fixed; left:10px; bottom:10px; z-index:9999;}


.binPlus .bpBtn{position:relative; width:50px; height:50px; background:url(../images/logo.png) no-repeat;  }





.binPlus .circle{position:absolute; left:30px; bottom:30px; width:160px; height:160px; transition: all .2s;}


.binPlus .circle a{position:absolute; display:block; width:60px; height:60px; line-height:80px; text-align:center; border-radius:100%; background-color:#333; background-image:url(../images/binPlusItem.png); background-repeat:no-repeat; text-indent:-99em;}


.binPlus .circle .cir01{left:-36px; bottom:40px; background-position:left top;}


.binPlus .circle .cir02{left:30px; bottom:30px; background-position:left -60px;}


.binPlus .circle .cir03{left:40px; bottom:-36px; background-position:left -120px;}





.binPlus .circle.hide{opacity:0; -webkit-transform:translate(-100px,100px) scale(0.2); pointer-events:none;}


.binPlus .circle.show{opacity:1; -webkit-transform:translate(-0px,0px) scale(1); pointer-events:auto;}





/*定位图片样式*/


.header .tel_bt, .title .icon, .sytitbg .icon, .probox .content ul li, .probox .content ul li ul li, .navbg, .brand_advance .yscontent h2, .social_nav3 .btn, .social_nav3 .btn2, .social3 span, .brand_advance .yscontent .telbg {


    background-image: url(../images/SkinsBar2.png);


    background-size: 32px 889px;}








.green{coor:Green}


.red{color:Red}








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


	body{font-size:75%;}


}


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


	body{font-size:87.5%;}


}


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


	body{font-size:112.5%;}


}


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


	body{font-size:125%;}


}


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


	body{font-size:150%;}


}