@CHARSET "UTF-8";

/*组合左滑样式客服浮动样式*/
 .picScroll-left{ width:100%;  overflow:hidden; position:relative;}
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ width:100%; float:left; _display:inline; overflow:hidden;}
.picScroll-left .bd ul li span{ width:49%;}
.picScroll-left .bd ul li span.fr a:nth-of-type(1){ margin-bottom:4%; display:block;}

 .part-t{ margin-left:2.8%; margin-bottom:3.125%; border-left:.42em solid #f58500; padding:0 3.125%; overflow:hidden;}
.part-t span.more a{ font-size:.92em; color:#777;}
.p2-ul-1,.p2-ul-2{ overflow:hidden; padding:0 1%;}
.p2-ul-1 li{ width:33.33%; float:left;}
.p2-ul-1 li img{ width:96%;}
.p2-ul-2{ margin-top:2.8%;}
.p2-ul-2 li{ width:23%; float:left; padding:0 1%;}
.p2-ul-2 li a{ display:block; width:100%; border-radius:.3em; text-align:center; background:#6ebdf9; line-height:3em; font-size:.75em; color:#fff;}

.p3-dl{ overflow:hidden; padding:0 1%;}
.p3-dl dt{ width:50%; float:left; padding-bottom:2%;}
.p3-dl dt img{ width:96%;}
.p3-dl dd{ width:33.33%; float:left;}
.p3-dl dd img{ width:95%;} 

.p4-ul{ overflow:hidden; padding-right:1.5%;}
.p4-ul li{ width:50%; float:left; padding-bottom:1.5%;}

.footer{ text-align:center; font-size:.75em; padding:3% 0 12%;}
.footer a{ color:#777;}
.footer em{ font-size:1.25em; padding:0 2%;} 

.nav{ overflow:hidden; position:fixed; width:100%; left:0; bottom:0; padding:1% 0; border-top:1px solid #d7d7d7; background:#fff;}
.nav ul li{ width:20%; float:left;}
.nav ul li em{ display:block; margin:0 auto; width:39.8%; height:1.8em; padding-bottom:2%;}
.nav ul li:nth-of-type(1) em{ background:url(../images/newindex/nav1.png) no-repeat center; background-size:100% auto;}
.nav ul li:nth-of-type(1).active em{ background:url(../images/newindex/nav1-active.png) no-repeat center; background-size:100% auto;}
.nav ul li:nth-of-type(2) em{ background:url(../images/newindex/nav2.png) no-repeat center; background-size:100% auto;}
.nav ul li:nth-of-type(2).active em{ background:url(../images/newindex/nav2-active.png) no-repeat center; background-size:100% auto;}
.nav ul li:nth-of-type(3) em{ background:url(../images/newindex/nav3.png) no-repeat center; background-size:100% auto;}
.nav ul li:nth-of-type(3).active em{ background:url(../images/newindex/nav3-active.png) no-repeat center; background-size:100% auto;}
.nav ul li:nth-of-type(4) em{ background:url(../images/newindex/nav4.png) no-repeat center; background-size:100% auto;}
.nav ul li:nth-of-type(4).active em{ background:url(../images/newindex/nav4-active.png) no-repeat center; background-size:100% auto;}
.nav ul li:nth-of-type(5) em{ background:url(../images/newindex/nav5.png) no-repeat center; background-size:100% auto;}
.nav ul li:nth-of-type(5).active em{ background:url(../images/newindex/nav5-active.png) no-repeat center; background-size:100% auto;}
.nav ul li p{ text-align:center; font-size:.92em; color:#777;}
.nav ul li.active p{ color:#f58500;}
.totop,.kefu{ position:fixed; width:11%; right:3.125%; bottom:20%;}
.kefu{ bottom:11%;}


/* @media screen and (min-width:639px){body{font-size:24px}}
@media screen and (max-width:639px){body{font-size:23px}}
@media screen and (max-width:611px){body{font-size:22px}}
@media screen and (max-width:583px){body{font-size:21px}}
@media screen and (max-width:555px){body{font-size:20px}}
@media screen and (max-width:527px){body{font-size:19px}}
@media screen and (max-width:499px){body{font-size:18px}}
@media screen and (max-width:471px){body{font-size:17px}}
@media screen and (max-width:443px){body{font-size:16px}}
@media screen and (max-width:415px){body{font-size:15px}}
@media screen and (max-width:387px){body{font-size:14px}}
@media screen and (max-width:359px){body{font-size:13px}}
@media screen and (max-width:331px){body{font-size:12px}}
 @media screen and (max-width:1080px){body{font-size:10px}}  
 */