@charset "utf-8";
/* CSS Document */
html{font-size:100%;}
html body{background:#fff; font-size:14px; font-family:宋体;}
a{text-decoration:none; color:#333333;}
a:hover {color:#ff6600;}
.header .logo img{margin:6px 0 0 1px; float:left; width:200px;}

.mian{width:320px; margin:0 auto; min-width:320px; overflow:hidden; background:url(../images/Common/bdBg.jpg) repeat;}

.header , .content , .footer{width:100%; margin:0 auto; }

.header{height:83px; color:#fff; overflow:hidden;}

.header .hdPhone{text-align:right; float:right; position:relative; margin:15px 26px 0 0;line-height: 20px; }
.header .hdPhone h5{font-size:15px; height: 22px; color:#fff; font-weight:normal; letter-spacing:.1em;}
.header .hdPhone strong{display:block; color:#fff; font-size:21px;}
.header .hdPhone p{font-family:Arial, Helvetica, sans-serif; font-size:18px; background:url("../images/Common/topTopPhone.png") no-repeat 32% center; background-size:19px auto; letter-spacing:0.002em;}
.header .hdPhone p a{color:#fff;}

/*公共颜色调用*/
.header , .pagedSpan a{background:#de0500;}
.CategoryList_Title i{color:#de1b1c;}
.hdPhone p i{border:1px solid #fff;}
.hdPhone p a , .header , .pagedSpan a{color:#fff;}
.pagedSpan{background:#feeddc;}



.footer{margin-top:10px; padding-bottom:70px; background-color:#fff; text-align:center; font-size:14px; color:#333; overflow:hidden;}
.footer em{color:#aa2019;}
.toTop{overflow:hidden; border-top:1px solid #ccc;}
.toTop .linkTop {padding-left:10%; width:38%; height:44px; line-height:44px; text-align:left;}
.toTop .toPhone{padding-left:12%; width:35%; height:44px; line-height:44px; text-align:left;}
.toTop .linkTop{background:url(../images/Common/toTopIco.png) no-repeat 10% center; background-size:10px auto; color:#d31d1c;}
.toTop .toPhone{font-weight:bold; color:#1f1f1f;}
.ftNav{width:100%; height:92px; overflow:hidden;}
.ftNav li a{position:relative; float:left; width:25%; height:45px; line-height:45px; text-align:center; font-size:14px; color:#fff; border-top:1px solid #fff;
background-color:#62c7f8; 
background-image:-moz-linear-gradient(top , #f70501 , #be0200);
background-image:-webkit-linear-gradient(top , #f70501 , #be0200);
background-image:-o-linear-gradient(top , #f70501 , #be0200);
background-image:-ms-linear-gradient(top , #f70501 , #be0200);
background-image:linear-gradient(top , #f70501 , #be0200);}
.ftNav li a:after{content:''; position:absolute; top:0; right:-1px; z-index:9; height:45px; width:1px; background-color:#fff;}
.footer p{line-height:25px; padding-top:25px;}


/*分类标题*/
.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; line-height: 48px; 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;}

/*搜索*/
.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-color:#de1b1c; -moz-border-radius:100%;
-webkit-border-radius:100%;
-o-border-radius:100%;
-ms-border-radius:100%;
border-radius:100%; }

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



.bottom_f {width:100%; height:50px; position: fixed; left:0; bottom:0; z-index:500; font-family:"宋体"; font-size:12px;}
.bottom_t {width:100%; height:32px; line-height:32px; background:#141414; color:#FFFFFF; text-align:center;}
.bottom {width:100%; height:48px; border:1px solid #141414; background:url(../images/foot_bg.gif);}
.bottom .b_tel {width:33%;height:48px;text-align:center;border-right:1px solid #141414;float:left;}
.bottom .b_adv {height:48px;text-align:center;float:rihgt;background-image: url(../images/bottom_2.png);background-repeat: no-repeat;background-position: right;}
.bottom_f img {width:22px; height:22px;}
.bottom img {width:25px; height:25px;}
.bottom_f a,.bottom_f a:link,.bottom_f a:visited,.bottom_f a:active{color:#fff;}

.xmenu{ width:98%; padding-bottom:20px; background-color:#FFFFFF;  margin:0 auto;}
.xmenu li{list-style:none;}
.xmenu li a{ width:27%; text-align:center; padding:5px; margin:10px 0 0 1%; border:1px solid #CCC; color:#333; display:block; float:left;}
.xmenu li a:hover{ background:#f36d23; color:#FFF}


.contact { width:100%; height:59px; background:rgba(240,242,245,0.95); color:#2d3334; position: fixed;z-index: 100;left: 0;right: 0;bottom: 0; border-top:1px solid rgba(225,227,229,0.9); -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; font-family:"宋体";}
.contact a { display:block; width:25%; height:59px; color:#2d3334; text-align:center; float:left;  font-family:"宋体";}

.contact a .qq { background:url(../images/bottomcon.png) center 0 no-repeat;}
.contact a .tel { background:url(../images/bottomcon.png) center -36px no-repeat;}
.contact a .sms { background:url(../images/bottomcon.png) center -72px no-repeat;}
.contact a .add { background:url(../images/bottomcon.png) center -108px no-repeat;}
.contact a .contactlist_logo{ height:36px; background-size:36px 144px;}
.contact a .contactlist_text{ font-size:12px; height:12px; line-height:12px; padding:4px 0 7px;}
.contact_details { width:100%; height:100%; position:fixed; z-index:200; background:#fff; left:0; top:100%; opacity:0; transition:top 0.2s ease, opacity 0.6s ease; -webkit-transition:top 0.2s ease, opacity 0.6s ease;}
.contact_details_top { width:100%; height:35%; position:absolute; background:#5ea4e0; left:0; top:0;}
#contact_tel .contact_details_top { background:#32c78b;}
#contact_sms .contact_details_top { background:#e5de0b;}
#contact_add .contact_details_top { background:#ff5967;}
.contact_details_top a { display:block; width:34px; line-height:34px; font-size:34px; font-weight:bold; color:#fff; text-align:center; position:absolute; right:5%; top:8%;}
.contact_details_top p { width:95%; font-size:28px; font-weight:bold; color:#fff; position:absolute; left:5%; bottom:8%; font-family:"宋体";}
@media screen and (min-width:360px){.contact_details_top a { width:36px; line-height:36px; font-size:36px;} .contact_details_top p{font-size:32px;}}
@media screen and (min-width:400px){.contact_details_top a { width:40px; line-height:40px; font-size:40px;} .contact_details_top p{font-size:34px;}}
@media screen and (min-width:600px){.contact_details_top a { width:56px; line-height:56px; font-size:56px;} .contact_details_top p{font-size:48px;}}
.contact_details_bottom { width:90%; height:65%; padding:0 5%; position:absolute; left:0; top:35%; font-family:"宋体";}
.contact_details_bottom a { display:block; width:100%; padding:8px 0; margin-top:3%; line-height:1.2; font-size:18px; font-weight:500; color:#888; text-align:center; background:#eee; border-radius:16px;  font-family:"宋体";}
@media screen and (min-height:400px){.contact_details_bottom a {padding:10px 0; margin-top:4%;}}
@media screen and (min-height:500px){.contact_details_bottom a {margin-top:5%; font-size:20px; border-radius:18px;}}
@media screen and (min-height:600px){.contact_details_bottom a {padding:12px 0; margin-top:6%; font-size:22px; border-radius:20px;}}
@media screen and (min-height:700px){.contact_details_bottom a {padding:14px 0; font-size:24px; border-radius:22px;}}
.contact_details_bottom a span { font-size:14px; color:#aaa;}
.contact_details_bottom1 { width:90%; height:65%; padding:20px 5%; position:absolute; left:0; top:35%; font-family:"宋体";}
.contact_details_bottom1 a { display:block; width:100%; padding:8px 0; margin-top:3%; line-height:1.2; font-size:18px; font-weight:500; color:#888; text-align:center; background:#eee; border-radius:16px;  font-family:"宋体";}
@media screen and (min-height:400px){.contact_details_bottom1 a {padding:10px 0; margin-top:4%;}}
@media screen and (min-height:500px){.contact_details_bottom1 a {margin-top:5%; font-size:20px; border-radius:18px;}}
@media screen and (min-height:600px){.contact_details_bottom1 a {padding:12px 0; margin-top:6%; font-size:22px; border-radius:20px;}}
@media screen and (min-height:700px){.contact_details_bottom1 a {padding:14px 0; font-size:24px; border-radius:22px;}}
.contact_details_bottom1 a span { font-size:14px; color:#aaa;}


.Language{padding:5px 0px 20px 0px;  color:#666; text-align:center;}