@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%; background:rgb(239,239,239);}
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; }
.wapper{ width:98%; margin:0 auto;}


.header{ background:rgb(2,158,217);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;}
.banner{ max-width:680px; min-width:240px;margin:0 auto;}
.banner img{width:100%;float:left}

.m_menu{position: fixed; bottom: 70px; left: 50px;z-index: 9999999999; width: 50px; height: 50px;background: #029ed9; border-radius: 50px;box-shadow: 0 0 4px rgba(0,0,0,.5);border: 2px solid #fff;}


.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; }
 
.con_01{ background:#fff; padding:15px 0px; margin:5px auto;}
.con_01 h2{ line-height:30px; font-size:18px; color:#ffa100; text-align:center;}
.con_01 .com_title{ /*height:30px;*/ text-align:center;}
.con_01 .com_title .xian{ display:inline-block; width:60px; height:1px; border-top:1px solid #ffa100; margin:14px 0px; vertical-align:top;}
.con_01 .com_title span{ display:inline-block; font-size:14px; color:#999; line-height:18px;/* height:30px;*/ vertical-align:top; margin:0px 10px; width:200px;}

.con_02{ margin:0 auto 5px auto;}
.con_02 .title_03{ height:50px; padding:0 20px; background:#fff;}
.con_02 .title_03 span{ display:block; float:left; width:50%; text-align:left; font-size:16px; color:#ffa100; line-height:50px;}
.con_02 .title_03 .title_03more{ float:right; width:50%; text-align:right;}
.con_02 .title_03 .title_03more a{ display:inline-block; width:20px; height:100%; max-width:100%;}
.con_02 .title_03 .title_03more a img{ display:inline-block; width:20px; height:20px; margin:15px 0;}
.con_02 .list{ margin-bottom:5px; padding:15px 5px;width:calc((100% - 10px)/1); background:#fff;}
.con_02 .list .left{ float:left; width:50%; margin-right:3%; height:auto;}
.con_02 .list .left a{ display:block; width:100%; max-width:100%; height:auto;}
.con_02 .list .left a img{ display:block; width:100%; max-width:100%; height:auto;}
.con_02 .list .right{ float:right; width:47%; height:auto;}
.con_02 .list .right span{ display:block; font-size:16px; color:#2a2a2a; font-weight:bold;}
.con_02 .list .right .xian{ display:block; height:2px; width:30px; background:#ffa100; margin:10px 0;}
.con_02 .list .right font{ display:block; font-size:14px; color:#333; line-height:21px; word-break:break-all;}

.con_03{ background:#fff; margin:0 auto 5px auto;}
.con_03 .title_03{ height:50px; padding:0 20px;}
.con_03 .title_03 span{ display:block; float:left; width:50%; text-align:left; font-size:16px; color:#ffa100; line-height:50px;}
.con_03 .title_03 .title_03more{ float:right; width:50%; text-align:right;}
.con_03 .title_03 .title_03more a{ display:inline-block; width:20px; height:100%; max-width:100%;}
.con_03 .title_03 .title_03more a img{ display:inline-block; width:20px; height:20px; margin:15px 0;}
.con_03 ul{padding-bottom: 15px;}
.con_03 ul li{ line-height:46px; width:100%; max-width:100%; height:46px;}
.con_03 ul li b{ float:left; display:inline-block;width: 5px; height: 5px;background: #666; border-radius:100%; margin:20.5px 16px;}
.con_03 ul li a{float:left; display:inline-block;width:calc((100% - 75px)/1); line-height:46px; height:46px; font-size:16px; color:#333;white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;}
.con_03 ul li strong{float:left;display:inline-block; width:38px; height:46px; background:url(../images/mr.png) no-repeat center center;}

.con_04{ width:100%; max-width:100%; height:41px; background:rgb(2,158,217); text-align:right;}
.con_04 span{ display:inline-block; font-size:16px; color:#fff; padding-right:24px; background:url(../images/top.png) no-repeat 32px center; line-height:41px; height:41px;}




.foot{ background:rgb(239,239,239);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:rgb(2,158,217); }
.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:#029ed9 solid 1px;}
.side_nav dl dd{ float:left; width:26%;}
.side_nav dl dt{ float:left; width:22%;}


/*通用内页*/
.inside_con{ background:#fff; padding:15px; min-height:500px;width:calc((98% - 30px)/1); margin:0 auto;}
.inside_con span{ display:block; font-size:14px; color:#333; line-height:21px; word-break:break-all;}
.inside_con img{ display:block; width:100%; max-width:100%; height:auto; margin:10px auto;}



