﻿body {font-family:Microsoft yahei;font-size:12px;color:#666666;}
body,div,ul,ol,li,dl,dt,dd,p,span,h1,h2,h3,h4,h5,h6,form,pre,fieldset,legend,table,tr,td,th,input,textarea,img {margin:0;padding:0;}
div,ul,ol,li,dl,dt,dd {margin:0 auto;list-style:none;}
fieldset,img {border:0;}
img {
    display: block;
    max-width: 100%;
}
a:link,a:visited {color:#666666;font-size:12px;text-decoration:none;}
a:hover,a:active {color:#FF0000;font-size:12px;text-decoration:none;}
a.white,a.white:visited {color:#FFFFFF;font-size:12px;text-decoration:none;}
a.red,a.red:visited {color:#b31e1b;font-size:12px;text-decoration:none;}

a.black,a.black:visited {color:#666666;font-size:12px;text-decoration:none;}
a.links,a.links:visited {color:#666666;font-size:12px;text-decoration:none;margin:0px 5px 0px 4px;}

.clear,.cl {clear:both;}
.fl,.l {float:left;}
.fr,.r {float:right;}
.center {text-align:center;}
.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.pt10 {padding-top:10px;}
.text {width:120px;height:20px;line-height:20px;border:1px solid #8A8484;}
.cgrey{border-top:1px #ececec solid; border-bottom:1px #ececec solid; height:15px; background:#f3f3f3; }

.bridgeCode {width:99%;text-align:center;padding-bottom:5px;}
.bridgeCode span {padding:0px 10px 0px 10px;}
.button {width:100px;height:25px;font-weight:normal;font-size:12px;color:black;cursor:pointer;vertical-align:middle;}
.button_submit {padding-bottom:2px;font-weight:normal;cursor:pointer;}
.button_upload {padding-top:1px;border:1px solid #888888;width:195px;font-size:12px;cursor:pointer;}
.topCon_1 {float:left;width:100%;}
.maintop { }
.mainbot { }

.Top-main {width:100%;height:36px;border-bottom:1px solid #DDDDDD;}
.Top-left {float:left;width:200px;height:36px;line-height:36px;}
.Top-left span {color:#666666;padding-left:5px;}
.Top-right {float:right;width:100px;height:36px;line-height:36px;text-align:right;}
.Top-right span {padding-right:5px;}
.Top-right a:link,.Top-right a:active,.Top-right a:visited {color:#06929F;text-decoration:none;font-size:14px;}
.Header {width:100%;margin-top:0px;}
.Header-logo {float:left;width:100%;}
.Header-logo img {width:100%;}

.Menus {width:100%;clear:both;height:85px;background:#ae1a18;}
.Menus ul {list-style:none;}
.Menus ul li {float:left;text-align:center;line-height:25px;width:33.3333%;}		
.Menus ul a {display:block;margin:10px 0px 0px 3px;}
.Menus ul a:link,.Menus ul a:active,.Menus ul a:visited {float:left;width:95%;height:25px;color:#FFFFFF;border:1px solid #8ADCF9;
                                                         border-radius:5px;box-shadow:-1px 1px 2px 1px #466E8E;background:#088FC0;font-size:14px;}	

.Menus1 {width:100%;clear:both;padding-top:4px;}
.Menus1 ul {list-style:none;overflow:hidden;}
.Menus1 ul li {float:left;text-align:center;line-height:31px;width:31.5%;}		
.Menus1 ul a {display:block;margin:5px 0px 0px 10px;}
.Menus1 ul a:link,.Menus1 ul a:active,.Menus1 ul a:visited {float:left;width:95%;height:30px;font-size:14px; background:url('../images/ico_09.png') no-repeat 0 center;}	

.topbg {width:100%;clear:both;z-index:1000;}
.navbtn {width:40px;height:40px;line-height:40px;position:absolute;right:1%;top:10px;z-index:1000;cursor:pointer;text-align:center; position:fixed;
         background:#c22924;border-radius:45px;-moz-border-radius:45px;-webkit-border-radius:45px;border:5px #ffbc03 solid;color:#DDDDDD;font-size:18px;}
.navbtn a {display:block;color:#FFF;}
.navbg {width:207px;border:0px solid #0F60A2;background:#1A6DB1;position:absolute;right:1%;top:51px;display:none;z-index:999;}
.navbg li {width:100%;height:36px;border-bottom:1px solid #095DA2;}
.navbg li a {width:100%;display:block;height:35px;line-height:35px;border-bottom:1px solid #247AC1;font-size:16px;color:#FFFFFF;
             text-indent:23px;background:url('../images/navicos.jpg') 155px center no-repeat;}
.panel {display:none;width:220px;padding:20px;background-color:#333;color:#fff;box-shadow:inset 0 0 5px 5px #222;}
.panel ul li {line-height:3;}
.panel ul li a {font-size:14px;font-weight:border;color:#FFF;}

.searchZZ{background:#b31e1b; width:100%; clear:both; height:45px; padding-top:10px;}
.search{clear:both;width:90%;height:30px; border:1px #fff solid; background:#fff; border-radius:8px; }
.searchA{float:left;width:77%;height:30px; padding-left:3%;}
.searchA input {width:100%;height:30px;line-height:27px;font-size:12px;color:#888888;padding:0px 0px 0px 3px; border:none;}
.searchB{float:left;height:30px;border-left:1px #006600 solid; width:18%; text-align:center;}
.searchB input {height:30px;cursor:pointer;color:#b31e1b; border:none;background:none; font-size:1.2em; font-weight:700;}

.icon_nav {background: #fff;clear:both; width:100%;}
.icon_nav ul li {float: left; margin: 4% 2% 0;text-align: center; width: 21%;}
.icon_nav ul li a strong {border-radius: 50%;color: #fff;display: inline-block;font-size: 0.5rem; font-weight: normal; height: 4rem; line-height: 4rem; width: 4rem;}
.icon_nav ul li a span {color: #333; display: inline-block;font-size: 1.2em; height: 1.5rem;margin-top: 8%; overflow: hidden; text-overflow: ellipsis;white-space: nowrap; width: 100%;}
.icon_nav ul li:first-child strong { background: #e70012 url('../images/m_04.png') no-repeat center center;}
.icon_nav ul li:nth-child(2) strong { background: #8e41e5 url('../images/m_01.png') no-repeat center center;}
.icon_nav ul li:nth-child(3) strong {background: #34bf6e url('../images/m_03.png') no-repeat center center;}
.icon_nav ul li:nth-child(4) strong {background: #fed778 url('../images/m_02.png') no-repeat center center;}

.ContentA {clear:both;width:100%;padding:12px 0px 12px 0px;} 
.ContentA1 {margin-top:1%;text-align: center; width:100%;}
.ContentA1 h2 {background: #d61718;border-radius:6px; color: #fff;display: inline-block; font-size: 1.5em;font-weight: normal; padding: 2% 2%;}
.ContentA1::before { border: 1px double #ced9ec;content: "";display: inline-block; height:  1px; vertical-align: middle;width: 35%;}
.ContentA1::after { border: 1px double #ced9ec; content: ""; display: inline-block; height: 1px; vertical-align: middle; width: 35%;}
.ContentA2 {width:100%;background:#F8F7F4;} 
.ContentA2a {width:98%;float:left;padding:12px 0px 0px 22px;} 
.ContentA2b {width:98%;float:left;line-height:26px;padding:5px 10px 5px 10px; font-size:1.2em;} 
.ContentA2b img {max-width:98%;height:auto !important;}
.ContentA2b table {width:99% !important;table-layout:fixed;word-wrap:break-word;}
.ContentA1_m{width:100%; text-align:center;clear:both; padding:10px 0;}
.ContentA1_m .more {border:1px #ccc solid; width:20%;line-height:25px; height:25px; margin:0 auot}

.ContentA3 {width:100%;height:30px;line-height:30px;background:#be2621;font-size:14px;font-family:Microsoft yehei;}
.ContentA3a {float:left;width:10%;height:30px;background:url('../images/home.png') no-repeat 10px 2px;}
.ContentA3a a {float:left;width:100%;height:30px;display:block;}
.ContentA3b {float:left;width:70%;text-align:center;color:#FFFFFF;}
.ContentA3c {float:left;width:18%;background:url('../images/index_15.png') no-repeat 0px 6px;cursor:pointer;}
.ContentA3c span {color:#fff;padding-left:23px;cursor:pointer;}
.view_menumain {float:left;display:none;width:96%;background:#D66466;border-top:1px solid #A12A2C;padding:2%;}
.view_menumain ul {padding:10px 0px 10px 0px;}
.view_menumain ul a {float:left;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;margin:0 1% 10px 1%;font-size:16px;padding:0.5% 1%;border:1px solid #DDDDDD;color:#000000;border-radius:5px;background:#FFFFFF;}

.ContentB {clear:both;width:100%;}
.ContentB1 {width:100%;height:30px;background:#0087FE;}
.ContentB1a {float:left;width:100%;height:30px;line-height:30px;font-size:14px;font-family:Microsoft yehei;}  
.ContentB1a span {color:#FFFFFF;padding-left:15px;}
.ContentB1b {float:left;width:70px;height:14px;padding-left:2px;background:#32CFB2;color:#FFFFFF;margin-top:4px;}  

.ContentC {clear:both;width:100%;}
.ContentC1 {width:100%;height:30px;line-height:30px;background:#FCB803;font-size:14px;font-family:Microsoft yehei;}
.ContentC1 span {color:#FFFFFF;padding-left:15px;padding-right:10px;}
.ContentC .BB {clear:both;width:95%;height:20px;text-align:right;border-bottom:1px solid #DDDDDD;}

.ContentE {clear:both;width:100%;padding-top:12px;}
.ContentE1 {width:100%;height:30px;line-height:30px;background:#0087FE;font-size:14px;font-family:Microsoft yehei;}
.ContentE1 span {color:#FFFFFF;padding-left:15px;padding-right:10px;}
.ContentE2 {float:left;width:80%;margin:5px 10% 10px 10%;overflow:hidden;} 
.ContentE2a {width:98%;border:1px solid #CCCCCC;background:#FFFFFF;padding:1%;box-sizing:border-box;box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;overflow:hidden;} 
.ContentE2a img {width:100%;}
.ContentE2b {width:98%;height:25px;line-height:25px;border:1px solid #CCCCCC;background:#bbb;text-align:center;color:#3F4D5A;text-overflow:ellipsis;margin-top:2px;overflow:hidden;white-space:nowrap;} 

.ContentD{clear:both;width:100%; border-top:5px #fcaf01 solid;}
.ContentD1 { width:100%; font-size:0;clear:both;}
.ContentD1 img{min-width:200px; width:100%; }
.ContentD2{width:100%;clear:both;}
.m3_01{ width:90%; margin:0 auto;}
.m3_tit{ font-size:1.15em; color:#000; height:30px; line-height:30px; font-family: 微软雅黑; width:100%; font-weight:700;}
.m3_con{color:#333; font-size:1em; line-height:20px; font-family: 微软雅黑;float:left; width:95%; padding-left:20px; background:url('../images/icon1.png') no-repeat 0 0;}

.ContentG{clear:both;width:100%;border-top:5px #9a0b0d solid; margin-bottom:20px;position:relative;}
.ContentG1{clear:both; width:100%;}
.mcon2_01{float:left; width:98%; padding-left:2%; margin-top:5px;}
.mcon2_a{float:left; width:40%;padding-left:4%;line-height:24px; color:#666; padding-top:10px;font-size:1.2em;}
.mcon2_c{float:left; width:40%;padding-left:4%;line-height:24px; color:#666; padding-top:40px;font-size:1.2em;}
.mcon2_b{float:left; width:50%; }
.mcon2_b dl{float:left; width:100%; position:relative;}
.mcon2_b dl dt{float:left; width:100%;}
.mcon2_b dl dt img{ width:100%;}
.mcon2_b dl dd{width:100%; height:30px; line-height:30px; left:0; bottom:0; position:absolute; text-align:center;background:#686a6c;filter:alpha(opacity=70);opacity:0.7; color:#fff;font-weight:700;}
.mcon2_b dl dd div{background:#da3e2c;}
.mcon2_02{ position:absolute; left:40%; top:38%; z-index:1;}

.jiameng_tel {width:100%; clear:both;text-align: center; margin-top:20px;}
.jiameng_tel h2 {background-color: #9a0b0d;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;display: inline-block; font-weight: normal; padding: 1.5% 0;
    text-align: center;width:98%; margin:0 auto;}
.jiameng_tel h2 a {font-size: 1em;color: #fcdb02;}

.About {width:98%;height:15px;text-align:right;padding-top:0px;}
.AboutContent {width:98%;min-height:100px;_height:100px;padding:10px 0px 0px 0px;line-height:24px;border-bottom:0px solid #DDDDDD;color:#333333;clear:both;}
.aboutus {clear:both;padding:10px 0px 10px 5px;line-height:28px;}
.aboutus a:link,.aboutus a:visited {background:url('../images/ico_09.png') no-repeat left center;padding-left:12px;font-size:16px;font-weight:bold;color:#666666;margin-right:10px;display:block;float:left;}
.company {clear:both;padding:10px;}
.company img {max-width:98%;height:auto !important;}
.company table {width:99% !important;table-layout:fixed;word-wrap:break-word;}

.footnav {clear:both;width:99%;height:30px;padding-top:10px;padding-bottom:10px;}
.footnav ul {margin:10px 0px 10px 0px;}
.footnav ul li {float:left;width:20%;height:30px;line-height:30px;border:1px solid #D5D5D5;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background:#EBEBEB;margin-right:2%;margin-left:2%;}
.footnav ul li a {display:block;width:100%;height:100%;box-shadow:0 0 2px #FFFFFF inset;font-size:12px;color:#686868;text-align:center;}

.shareview {font-size:14px;line-height:180%;color:#7FA6C6;width:92%;margin:10px 4% 0px 4%;}
.Footder {clear:both;width:100%;min-height:140px;_height:140px;padding-top:10px;}
.FootderA {width:100%;border-bottom:0px solid #DDDDDD;border-top:1px solid #DDDDDD;text-align:center;line-height:22px;}
.FootderAContent {padding:8px 5px 8px 5px;color:#666666;}
.FootderC {width:100%;text-align:center;background:#33D0B3;position:fixed;bottom:0;display:block;left:0;z-index:100;}
.footbtn {width:100%;height:62px;border-top:1px solid #E9F0F4;background:#b31e1b;}
.footbtn li {float:left;width:24.5%;height:100%;}
.footbtn a {display:block;width:100%;height:32px;margin-top:30px;color:#fff;text-align:center;}
.footbtn a span {display:block;width:100%;height:100%;line-height:32px;font-size:14px;cursor:pointer;}
.share {background:url('../images/top.png') center 6px no-repeat;border-left:1px solid #7f0300;}
.sms {background:url('../images/sms.png') center 6px no-repeat;border-right:1px solid #cd6155;border-left:1px solid #7f0300;}
.tel {background:url('../images/tel.png') center 6px no-repeat;border-right:1px solid #cd6155;}
.map {background:url('../images/map.png') center 6px no-repeat;border-right:1px solid #cd6155;border-left:1px solid #7f0300;}

.newslist1 {clear:both;width:98%;margin-left:1%;padding:5px 0px 0px 0px;}
.newslist1 ul {float:left;width:100%;}
.newslist1 ul li {padding:0px 0px 0px 13px;border-bottom:#DFDFDF 1px dashed;text-align:left;background:url('../images/more.png') no-repeat 1px center;height:28px;line-height:28px;}
.newslist1 ul li a:link,.newslist1 ul li a:visited,.newslist1 ul li a:active {text-decoration:none;font-size:12px;color:#666666;}

.newslist2 {clear:both;width:98%;margin-left:1%;padding:10px 0px 0px 0px;min-height:200px;_height:200px;}
.newslist2 ul {float:left;width:100%;list-style:none;}
.newslist2 ul li {padding:0px 0px 0px 13px;border-bottom:#DFDFDF 1px dashed;text-align:left;background:url('../images/more.png') no-repeat 1px center;height:28px;line-height:28px;}
.newslist2 ul li a:link,.newslist2 ul li a:visited,.newslist2 ul li a:active {text-decoration:none;font-size:12px;color:#666666;}
.newslist2 ul li span {color:#808080;padding-left:10px;}

.honorpiclist {float:left;width:100%;clear:both;}
.honorpiclist ul {width:94%;padding:3% 3% 0 3%;}
.honorpiclist ul li {float:left;width:80%;margin:5px 10% 10px 10%;}
.honorpiclist li div {float:left;width:100%;}
.honorpiclist li img {float:left;width:100%;display:block;}
.honorpiclist .proimg {float:left;width:99%;border:1px solid #CCCCCC;background:#FFFFFF;padding:1%;box-sizing:border-box;box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;overflow:hidden;}
.honorpiclist .protxt {float:left;width:98%;height:25px;line-height:25px;border:1px solid #CCCCCC;background:#F2F2F2;text-align:center;color:#3F4D5A;text-overflow:ellipsis;margin-top:2px;overflow:hidden;white-space:nowrap; }

.prolist2 {float:left;width:100%;clear:both;}
.prolist2 ul {width:94%;padding:3% 3% 0 3%;}
.prolist2 ul li {float:left;width:80%;margin:5px 10% 10px 10%;}
.prolist2 li div {float:left;width:100%;}
.prolist2 li img {float:left;width:100%;display:block;}
.prolist2 .proimg {float:left;width:99%;border:1px solid #CCCCCC;background:#FFFFFF;padding:1%;box-sizing:border-box;box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;overflow:hidden;}
.prolist2 .protxt {float:left;width:98%;height:25px;line-height:25px;border:1px solid #CCCCCC;background:#F2F2F2;text-align:center;color:#3F4D5A;text-overflow:ellipsis;margin-top:2px;overflow:hidden;white-space:nowrap; }

.content {width:100%;}
.content h1 {font-weight:bold;font-size:16px;line-height:30px;color:#325065;text-align:center;border-bottom:1px dashed #999999;width:98%;margin:10px 1%;}
.content h1 p {width:100%;font-size:16px;line-height:30px;color:#555555;text-align:center;}
.content .ptimeviews {font-size:12px;}
.content .ptimeviews span {padding-left:10px;font-size:12px;}
.content .view {font-size:13px;line-height:180%;color:#325065;width:98%;padding:8px 0px;margin:0px 1% 0px 1%;}
.content .view p {font-size:13px;line-height:180%;color:#325065;width:100%;}
.content .view div img {max-width:98%;height:auto !important;}
.content .view div table {width:99% !important;table-layout:fixed;word-wrap:break-word;}
.content .jobtable {width:99%;border-left:1px solid #CCCCCC;border-top:1px solid #CCCCCC;}
.content .jobtable td {border-bottom:1px solid #CCCCCC;border-right:1px solid #CCCCCC;}
.content .backlist2 {display:block;width:60px;height:32px;line-height:32px;margin:15px auto;color:#FFFFFF;font-size:14px;text-align:center;background:#FF8101;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
.content .prevpage,.content .nextpage {display:block;width:98%;margin:0px 1% 8px 1%;height:25px;line-height:25px;font-size:12px;color:#325065;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;background:#DDDDDD;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;}
.content .prevpage span,.content .nextpage span {padding-left:10px;}
.content .hr {width:98%;height:0;border-top:1px dashed #999999;margin:6px 1%;}

.downloadlist {width:99%;clear:both;min-height:200px;_height:200px;}
.downloadlist dl {float:left;width:100%;padding:5px 0px 10px 0px;}
.downloadlist dt {float:left;width:110px;}
.downloadlist dd {float:left;width:180px;padding-left:10px;}
.downloadlist div {float:left;width:100%;}
.downloadlist div ul {}
.downloadlist div ul li {line-height:23px;}
.downloadlist div span {color:#006699;}

.jobitem {width:98%;border-bottom:1px dashed #999999;margin:5px 1% 5px 1%;}
.linklist {width:95%;clear:both;padding:10px 0px 10px 0px;}
.linklist ul {width:100%;}
.linklist ul li {text-align:left;height:28px;line-height:28px;}
.submitTable {border:0;}
.submitTable td {height:30px;font-size:12px;}
.submitTable td input {height:30px;line-height:30px;}
.in {line-height:30px;border:1px solid #696969;}
.welcome {color:#333333;font-size:13px;font-weight:bold;background-color:orange;}
.txt {border:1px solid #999999;width:160px;height:16px;line-height:16px;padding:2px;}
.txt-area {border:1px solid #999999;width:170px;height:80px;}
.txt-code {border:1px solid #999999;width:50px;height:18px;line-height:18px;vertical-align:middle;}
.form {margin:5px 0px;}
.form th {text-align:right;padding-right:5px;font-size:12px;font-weight:normal;}
.form td {padding-bottom:5px;}
.form .msg {font-size:10px;color:#333;}
.notify {background-color:Gray;color:White;padding:5px;text-align:center;margin:2px 0px;}
.imgcode {width:60px;height:22px;line-height:22px;vertical-align:middle;cursor:pointer;}

/* pages */
.dede_pages{width:98%;text-align:center;line-height:30px;padding:10px 0px 10px 0px;}
.pages {height:30px;color:#666666;margin-top:5px;text-align:center;}
.pages a:link,.pages a:visited {color:#666666;}
.pages a,.pages a:link {text-decoration:none;padding:2px 5px;border:1px solid #DDDDDD;background:#FFFFFF;margin:0px 2px;font-size:12px;color:#666666;text-align:center;}
.pages .cpb {font-weight:bold;color:#FFFFFF;background:#FB9007;border:1px solid #E61636;text-align:center;margin:0px 2px;padding:2px 5px;}
.pages .intext {width:30px;border:1px solid #7F9DB9;height:19px;line-height:19px;}

/* banner */
.big-pic{width:100%;position:relative;border-bottom:5px solid #A8A8A8;margin-top:0px;}
.big-pic img {float:left;width:100%;height:auto;display:block;}
.big-pic-in {position:relative;width:100%;height:auto;overflow:hidden;}
.pic-list {position:relative;height:auto;-webkit-transform:translate3d(0,0,0);z-index:0;}
.slide-dot {width:95%;overflow:hidden;position:absolute;left:0;bottom:0;height:26px;text-align:right;padding:0 5% 0 0;}
.slide-dot span {display:inline-block;width:6px;height:6px;border-radius:8px;vertical-align:top;z-index:10;background:#B5B5B5;margin:8px 3px 0 2px;}
.slide-dot .slide-dot-cur {z-index:10;vertical-align:top;background:#C80002;width:7px;height:7px;border-radius:10px;margin-top:7px;}
.transition {-moz-transition:-moz-transform 0.3s ease-out;-webkit-transition:-webkit-transform 0.3s ease-out;-o-transition:-o-transform 0.3s ease-out;transition:transform 0.3s ease-out;}

.banner4 {width:300px;height:200px;overflow:hidden;position:relative;}
.slider4 {width:6550px;position:absolute;}
.slider4 li {float:left;display:inline;}
.slider4 img {width:300px;height:200px;display:block;}
.num4 {position:absolute;bottom:5px;right:5px;}
.num4 li {float:left;width:15px;height:14px;line-height:14px;color:#FFFFFF;background:url('../images/dots_01.png') no-repeat;
	text-align:center;font-size:12px;cursor:pointer;padding-bottom:5px;margin-right:5px;display:inline;}
.num4 li.on,.num4 li:hover,.num4 li.active {color:#FFFFFF;background:url('../images/dots_02.png') no-repeat;line-height:14px;font-size:12px;}

@media all and (min-width:640px) {
	body {width:640px;margin:0 auto;}
}

/*===FlexSlider幻灯片  开始===*/
#banner { margin-bottom:5px; }
/*幻灯片标题*/
 .flex-caption { width:100%; padding:3px 0px; position: absolute; bottom: 3px;color: #fff;text-align: right;font-size: 14px;line-height: 22px;height:22px;}
/* FlexSlider Necessary Styles*/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* FlexSlider Default Theme
*********************************/
.flexslider { margin: 0px; background: #fff; border: 0px solid #fff; position: relative;  zoom: 1; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; }

/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a  { display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0,0,0,0.8); text-shadow: 1px 1px 0 rgba(255,255,255,0.3); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
.flex-direction-nav .flex-prev { left: -50px; }
.flex-direction-nav .flex-next { right: -50px; text-align: right; }
.flexslider:hover .flex-prev { opacity: 0.7; left: 10px; }
.flexslider:hover .flex-next { opacity: 0.7; right: 10px; }
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
.flex-direction-nav a:before  { font-family: "flexslider-icon"; font-size: 40px; display: inline-block; content: '\f001'; }
.flex-direction-nav a.flex-next:before  { content: '\f002'; }

/* Pause/Play */
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }
.flex-pauseplay a:before  { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }
.flex-pauseplay a:hover  { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: '\f003'; }

/* Control Nav */
/*.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}*/
.flex-control-nav{ width: 100%;position:absolute; bottom:10px;  margin:0px; text-align: center; border:0px dashed red}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); }
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}
/*===FlexSlider幻灯片  结束===*/





/*分享按钮*/
.tool{width:95%; margin:0px auto;  text-align:center;}
.tool a{color:#000; font-size:16px}
.tool table{ width:100%; margin:5px 0px }
.tool td{ padding: 3px 5px; width:50%; text-align:center}

/*分享到朋友圈弹出框提示*/
#guide{ position: fixed;	top:0;	left:0;	width:100%;	height:100%;background:rgba(0, 0, 0, 0.7);	display:none;z-index:20000;}
#guide img {position: fixed;right: 18px;top:5px;width: 260px;height: 180px; z-index:20001;}


/*版权信息*/
#copyright{ padding:3px 0px; text-align:center; font-size:14px; color:#666; border:0px solid red; margin-bottom:50px}
#copyright a{color:#666; font-size:14px;}
#copyright .TechnicalSupport{ text-align:center; padding-bottom:5px;font-size:14px;}
#copyright .TechnicalSupport a { font-size:14px;}
#copyright .bottom_copyright{ padding:3px 0px; font-size:14px;}
#copyright .bottom_navigation{ text-align:center; height:35px; line-height:35px; background:#71C6A0; font-size:14px; display:none}
#copyright .bottom_navigation a{ font-weight:normal; color:#000}
#copyright .Mobile{text-align:center; height:35px; line-height:35px; background:#3c3c3c;}
#copyright .Mobile a{ font-weight:normal; color:#fff; font-weight:bold;}
#copyright .Language{padding:10px 0px 0px 0px;  color:#666; text-align:center;}

/*底部固定工具条*/
#tool { position: fixed; bottom: 0; left: 0; right: 0; z-index: 900; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
ul.toollist { position: fixed; z-index: 900; bottom: 0; left: 0; right: 0;margin: auto; display: block; height: 48px;}
.toollist li{ float:left;width: auto;  height: 100%;width:25%;
position: static!important;  margin: 0;
border-radius: 0!important; -webkit-box-sizing: border-box;
box-sizing: border-box; -webkit-box-flex: 1; box-flex: 1;
-webkit-box-sizing: border-box; box-shadow: none!important; background: none;
}
.toollist li a {font-size: 20px;line-height: 20px;text-align: center;display: block;text-decoration: none;padding-top: 2px;position:relative;}
.toollist li a img{width:24px;height:24px;}
.toollist li a p{margin: 1px 0 1px 0;font-size: 14px;display: block !important;line-height: 18px;text-align: center;}
/*灰色主题*/
.toollist_gray {
	border-top: 1px solid #3D3D46;
	background-image:linear-gradient(top, #697077, #464A53 60%, #3F434E);
	background-image:-o-linear-gradient(top, #697077, #464A53 60%, #3F434E);
	background-image:-ms-linear-gradient(top, #697077, #464A53 60%, #3F434E);
	background-image:-moz-linear-gradient(top, #697077, #464A53 60%, #3F434E);
	background-image:-webkit-linear-gradient(top, #697077, #464A53 60%, #3F434E );

	box-shadow: 0 1px 0 #949494 inset;
	-moz-box-shadow:0 1px 0 #949494 inset;
	-webkit-box-shadow:0 1px 0 #949494 inset;
	-o-box-shadow:0 1px 0 #949494 inset;
}
.toollist_gray li{ border-right: 1px solid rgba(148, 148, 148, 0.6);}
.toollist_gray li a {color: #fff;}
/*绿色主题*/
.toollist_green {
	border-top: 1px solid #000; 
	background-image:linear-gradient(top,  #ff0000,  #bb0000);
	background-image:-o-linear-gradient(top,  #ff0000,  #bb0000);
	background-image:-ms-linear-gradient(top,  #ff0000,  #bb0000);
	background-image:-moz-linear-gradient(top,  #ff0000,  #bb0000);
	background-image:-webkit-linear-gradient(top, #ff0000,  #bb0000);
	
	box-shadow: 0 1px 0 #eee inset;
	-moz-box-shadow: 0 1px 0 #eee inset;
	-webkit-box-shadow: 0 1px 0 #eee inset;
	-o-box-shadow: 0 1px 0 #eee inset;
}
.toollist_green li{ border-right: 1px solid rgba(255, 255, 255, 0.6);}
.toollist_green li a {color: #fff;}
