@charset "utf-8";
/*html5*/
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
/*通用*/
body,nav,dl,dt,dd,p,h1,h2,h3,h4,ul,ol,li,input,button,textarea,footer,i,img{margin:0;padding:0;font-size:14px;list-style:none;text-decoration:none;border:0;}
body{ font-family:' ',Helvetica,Arial,Tahoma;color:#4D4D4D; width:100%; }
a{color:#666;text-decoration:none;}
a:hover{ color:#f60;}
p{line-height:1.8em; padding:5px 0;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
img{outline-width:0px;vertical-align:middle;}

.header{ background:#fff;z-index:99;font-size: 22px;font-weight: bold;color: #fff;line-height: 50px;text-align:center;box-sizing: border-box;width: 100%;height: 50px; position:fixed; top:0px; left:0px; width:100%;}
.header .logo{ float:left;}
.header .logo img{ height:22px;}
.banner{ max-width:680px; min-width:240px;margin:0 auto;}
.banner img{width:100%;float:left}


.scroll{margin:0 auto}
.scroll_box{overflow:hidden;visibility:hidden;position:relative;}
.scroll_wrap{overflow:hidden; position:relative;}
.scroll_wrap li{position:relative;display:block;width:100%;float:left;}
.scroll_wrap li a{display:block;margin:0 auto;position:relative;}
.scroll_position{position:absolute;right:25px;z-index:400px;bottom:7px;}
.scroll_position li{display:inline-block;width:10px;height:10px;border-radius:10px;background:#fff;}
.scroll_position li a{font-size:0;}
.scroll_position li.on{background-color:#ffd800;}
.scroll_position_bg{background:#000;position:absolute;bottom:12px;right:10px;padding:0 15px;z-index:380px;height:14px;border-radius:26px;}


/*banner*/
.box_swipe { overflow: hidden; position: relative; width:100%; margin:0 auto; }
.box_swipe ul{ -webkit-padding-start: 0px; margin-top: -5px; z-index:1; position:relative;}
.box_swipe > ol{  height: 18px; position:absolute; z-index: 10; right:10px; bottom:10px; text-align: center;  background:rgba(0,0,0,0.8); border-radius:10px; padding:0 10px; width:15%;}
.box_swipe > ol > li { display: inline-block; margin: 5px 0; width: 8px; height: 8px; background-color: #757575; border-radius: 8px; }
.box_swipe > ol > li.on { background-color: #ffffff; }

.con01{ max-width:680px; min-width:240px; margin:10px auto 0 auto;}
.con01 h2{ height:35px; line-height:35px; background:url(../images/h2bg.png) #f2f2f2 10px center no-repeat; }
.con01 h2 strong{ float:left;padding-left:25px; color:#000; font-size:18px; font-weight:normal;}
.con01 h2 a{ float:right; padding-right:10px; font-size:16px; color:#45b19d; font-family:Arial," ",Helvetica, sans-serif; font-weight:bold;}
.con01 ul li{ margin:15px 8px 0 8px; height:85px;}
.con01 ul li img{ width:28%; height:85px; display:block; float:left;}
.con01 ul li a.a1{ display:block; width:70%; float:right; height:25px; line-height:25px; color:#333; font-weight:bold; overflow:hidden; font-size:16px;}
.con01 ul li span{ display:block; width:70%; float:right; height:60px; line-height:20px; overflow:hidden; font-size:14px; color:#333;}
.con01 ul li span a.a2{ color:#179f86; font-size:14px;}

.con02{ max-width:680px; min-width:240px; margin:10px auto 0 auto;}
.con02 h2{ height:35px; line-height:35px; background:url(../images/h2bg.png) #f2f2f2 10px center no-repeat; }
.con02 h2 strong{ float:left;padding-left:25px; color:#000; font-size:18px; font-weight:normal;}
.con02 h2 a{ float:right; padding-right:10px; font-size:16px; color:#45b19d; font-family:Arial," ",Helvetica, sans-serif; font-weight:bold;}
.con02 ul li{ float:left; height:160px; width:50%; margin-top:15px;}
.con02 ul li img{ display:block; max-width:100%; height:158px; margin:0 auto;}

.con03{ max-width:680px; min-width:240px; margin:10px auto 0 auto; line-height:25px; color:#fff; font-size:16px;}
.con03 h2{ height:35px; line-height:35px; background:url(../images/h2bg.png) #f2f2f2 10px center no-repeat; }
.con03 h2 strong{ float:left;padding-left:25px; color:#000; font-size:18px; font-weight:normal;}
.con03 h2 a{ float:right; padding-right:10px; font-size:16px; color:#45b19d; font-family:Arial," ",Helvetica, sans-serif; font-weight:bold;}
.con03 p{color:#333; font-size:16px; padding:10px;}
.con03 a{ color:#333; font-size:16px;}

.con04{ max-width:680px; min-width:240px; margin:10px auto 0 auto; position:relative;}
.con04 h2{ height:21px; line-height:21px; margin-top:10px; }
.con04 h2 span{ display:block; float:left; padding:0px 20px; font-weight:normal; line-height:21px; font-size:18px;background: url(../images/home-img2.png) no-repeat left center;}

.con04 h2 a{ float:right;}
.con04 h2 a img{ height:21px;}
.con04 ul li{ padding:15px 0px; border-bottom:1px solid #d9d8d8; }
.con04 ul li span{ display:block; color:#707070; margin-bottom:5px; font-size:15px;}
.con04 ul li a{ display:block; color:#474747; font-size:12px;}
.xw{ width:86%; margin:0 auto; padding:5%; background:url(../images/home-img1.png) no-repeat; background-size:100%;}
.xw:after {content: '';background: url(../images/home-img1.png) no-repeat center bottom;background-size:100%;height:10px;position: absolute;bottom: -5px;left:2%;width:96%;}

.video{ max-width:680px; min-width:240px; margin:10px auto 0 auto;}

.foot{ background:#fafafa; margin-top:10px; border-top:#ccc solid 2px; text-align:center; padding:10px; margin-bottom:50px;}
.foot ul li{ line-height:25px; text-align:center; font-size:14px; color:#333;}
.foot ul li a{ font-size:14px; color:#333;}

/*.side_nav{ height:50px; z-index:99;position:fixed; bottom:0; width:100%; overflow:hidden; background:#179f86; }
.side_nav dl{ text-align:center; height:50px;}
.side_nav dl a{ display:block; color:#fff; font-size:12px; height:50px; }
.side_nav dl a span{ display:block;text-align:center; height:29px; padding:0px;}
.side_nav dl a span img{ width:26px; height:26px; padding-top:3px;}
.side_nav dl dd a{ height:50px; border-left:#01aa8b solid 1px;}
.side_nav dl dd{ float:left; width:20%;}
.side_nav dl dt{ float:left; width:20%;}*/

.side_nav{width: 100%;height:42px;position:fixed;left: 0;bottom: 0;z-index: 999;}
.side_nav ul li{ float:left; width: 33.3333%;height:42px;line-height: 1.06rem;font-size:14px;text-align: center;vertical-align: top;background-color: #ff0000;}
.side_nav ul li a{ display:block; border-right:1px solid #fff;color: #fff; line-height:42px;}
.side_nav ul li a:nth-child(1){border:none;}
.side_nav ul li img{vertical-align: middle;margin-right:-33px; height:22px;}