@charset "utf-8";
/* CSS Document */
body{ background-color:#f8f8f8; }

/**/
.online{ width:66px; height: auto; position: fixed; right:0; top:50%; margin-top: -200px;  z-index: 1000; }
.online > h3{ width: 66px; height: 66px; box-sizing: border-box; border:1px solid #ff5353; background-image: url(../images/emp-41.png); background-size: 100% 100%; background-position: center center; background-repeat: no-repeat;  z-index: 1200; }
.online > .onlineList{ width: 100%; box-sizing: border-box; border:1px solid #ebebeb; }
.online > .onlineList > ul > li{ width: 100%; position: relative;}
.online > .onlineList > ul > li + li{ border-top: 1px solid #ebebeb; }
.online > .onlineList > ul > li > a{ display: block; width: 100%; position: relative; z-index: 1220; padding-bottom: 12px; transition: all 0.5s linear; -webkit-transition: all 0.5s linear; background-color: rgba(245,245,245,1);}
.online > .onlineList > ul > li > a > p{ width: 100%; height: 0; padding-top: 100%; position: relative; }
.online > .onlineList > ul > li > a > p > img{ width: 100%; height: 100%; position: absolute; left:0; top:0; }
.online > .onlineList > ul > li > a > h3{ width: 100%; height: 20px; line-height: 20px; font-weight: normal; font-size: 12px; text-align: center; color: #666; position: absolute; left:0; bottom:8px; }
.online > .onlineList > ul > li > a:hover{ background-color: rgba(235,235,235,1); }
.online > .onlineList > ul > li > .onlineQT{ background-color: #FFF; box-sizing: border-box; padding:10px 10px 6px 10px; position: absolute; left:-117px; bottom:0; display: none; z-index: 1300;}
.online > .onlineList > ul > li > .onlineQT > div{}
.online > .onlineList > ul > li > .onlineQT > div > p{ width: 96px; height: 96px; overflow: hidden; }
.online > .onlineList > ul > li > .onlineQT > div > p img{ width: 96px;height: 96px; }
.online > .onlineList > ul > li > .onlineQT > div > h3{ width: 96px; height: 30px; line-height: 30px; font-weight: normal; font-size: 14px; text-align: center; color: #ff5353; }
.online > .onlineList > ul > li.QT:hover > .onlineQT{ display: block; animation: fadeInRight 0.5s ease-in-out; -webkit-animation: fadeInRight 0.5s ease-in-out;}

/*滚动后导航*/
.scrolltop{ background-color:rgba(255,255,255,0.9); border-bottom:1px solid rgba(120,120,120,0.2);  animation: fadeInDown 0.5s ease-in-out; -webkit-animation: fadeInDown 0.5s ease-in-out; z-index:510;}
.scrolltop > h3.tx{ color:#333;}
/*主体*/
.main{   height:auto; }
/*底部*/
.foot-blank{ height:auto; width:100%; }

.links{ width: 100%; min-width: 1200px; box-sizing:border-box; background-color:#1f1f1f; height: auto; border-bottom: 1px solid rgba(255,255,255,0.2);}
.links > .c-con{ box-sizing: border-box; padding-top: 2.5%; padding-bottom: 2%; display: block;}
.links > .c-con > .linkPhone{width: 284px; height: auto; float: left; height: 92px; background-image: url(../images/emp-45.png); background-repeat: no-repeat; background-position: left top;}
.links > .c-con > .linkNav{ width:656px; height: auto; box-sizing: border-box; padding-left:84px; float: left; }
.links > .c-con > .linkNav > ul > li{ width: 25%; float: left; height: 36px; line-height: 36px; text-align: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 14px;}
.links > .c-con > .linkNav > ul > li a{ color: rgba(255,255,255,0.5); }
.links > .c-con > .QTcode{ width: 240px; height: auto; float: right; }
.links > .c-con > .QTcode > p{ width: 110px; height: 110px; margin:0 auto; overflow: hidden; }
.links > .c-con > .QTcode > p > img{ width: 110px; height: 110px; }
.links > .c-con > .QTcode > h3{ width: 100%; height: 32px; line-height: 32px; font-weight: normal; font-size: 14px; color: #fff; text-align: center; margin-top: 10px; }
.footer{ width: 100%; min-width: 1200px; box-sizing:border-box; background-color:#1f1f1f; height: auto;}
.footer > .c-con{ display: block; box-sizing: border-box; padding-top: 20px; padding-bottom: 20px;}
.footerNav,.copyright{ width: 100%; height: auto; line-height: 30px; text-align: center; color: rgba(255,255,255,0.8); font-size: 14px; }
.copyright{ color: rgba(255,255,255,0.5); }
.footerNav > a{color: rgba(255,255,255,0.8);}
.copyright > a{color: rgba(255,255,255,0.5); }
.links > .c-con > .linkNav > ul > li a:hover,.footerNav > a:hover,.copyright > a:hover{color: rgba(255,255,255,1) !important;}
/*首页*/
/*焦点图*/

.site{ width: 100%; box-sizing:border-box; padding:0 3.125%; line-height: 40px; text-align: right; font-size: 14px; color: #999; }
.site > a{ color: #999; }
.site > a.reg{ color: #d9484d; }
.flash{ width:100%; height: 84px; background-color: #FFF; position: relative; transition: all 0.5s linear; -webkit-transition: all 0.5s linear; box-shadow: 0 4px 4px rgba(200,200,200,0.6)}
.siteHeader{width: 100%;box-sizing: border-box;padding:6px 3.125%;position: absolute;left:0;top: 2%;z-index: 900;background-color: transparent;display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: space-between;align-items: stretch;height: 84px;}
.siteHeader > .siteHd-main > .logo{display: block;width: 230px;height: 57px;flex-shrink: 0;align-self: center;overflow: hidden;}
.siteHeader > .siteHd-main > .logo > img{width: 230px;}
.siteHeader > .siteHd-main > .logo > img:nth-of-type(1){display: block;}
.siteHeader > .siteHd-main > .logo > img:nth-of-type(2){display: none;}
.siteHeader > .siteHd-main{width: 100%;box-sizing: border-box;padding: 0px 10%;display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: space-between;align-items: center;}
.siteHeader > .siteHd-main > .nav{width: 100%;height: 100%;display: block;box-sizing: border-box;padding-left: 5%;}
.siteHeader > .siteHd-main > .nav > ul{ display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: stretch; width: 100%; height: 100%; box-sizing: border-box;padding-top: 10px; padding-bottom: 10px;}
.siteHeader > .siteHd-main > .nav > ul > li{height: 52px;/*flex: 1;*/display: flex;flex-direction: column;flex-wrap: nowrap;justify-content: center;align-items: center;position: relative;margin-left: 4%;}
.siteHeader > .siteHd-main > .nav > ul > li:nth-last-of-type(1){ margin-right: 0; }
.siteHeader > .siteHd-main > .nav > ul > li > a{ font-size: 16px; color: #000 !important; }
.siteHeader > .siteHd-main > .nav > ul > li.active::after,.siteHeader > .siteHd-main > .nav > ul > li:hover::after{ background-color: #d9484d; }
.siteHeader > .siteHd-main > .nav > ul > li::after{ content: ' '; width: 100%; height: 3px; background-color: transparent; position: absolute; left:0; bottom:0; }
.siteHeader > .siteHd-main > .nav > ul > li.active > a,.siteHeader > .siteHd-main > .nav > ul > li:hover > a{ color: #d9484d; }

.sechHeader,.fixedHeader{ background-color: #FFF; animation: fadeInDown 0.5s ease-in-out; -webkit-animation: fadeInDown 0.5s ease-in-out;}
.sechHeader > .siteHd-main{  padding-right: 114px; justify-content: center; animation: fadeInRight 0.5s ease-in-out; -webkit-animation: fadeInRight 0.5s ease-in-out; }
.sechHeader > .siteHd-main > .nav,.sechHeader > .siteHd-main > .searchIcon{ display: none; }
.sechHeader > .siteHd-main > .nav > ul > li > a,.fixedHeader > .siteHd-main > .nav > ul > li > a{ color: #333 !important; }
.sechHeader > .siteHd-main > .logo > img:nth-of-type(2),.fixedHeader > .logo > img:nth-of-type(2){display: block;}
.sechHeader > .siteHd-main > .logo > img:nth-of-type(1),.fixedHeader > .logo > img:nth-of-type(1){display: none;}

.fixedHeader{ position: fixed;top:0; }
.fixedHeader  > .siteHd-main > .searchIcon,.fixedHeader > .btnDesign,.fixedHeader > .siteHd-main > .searchForm,.fixedHeader > .btnLogin,.fixedHeader > .btnHelp{display: none;}
.fixedHeader > .siteHd-main > .nav{ display: block; }
.fixedHeader  > .fixedSearchForm {width: 360px; height: 32px; box-sizing: border-box; border:1px solid #EEE; align-self: center; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: stretch;}
.fixedHeader  > .fixedSearchForm > p:nth-of-type(1){ width: 100%; height: 30px; box-sizing: border-box; padding:4px 10px; }
.fixedHeader  > .fixedSearchForm > p:nth-of-type(1) > input{ width:100%; height: 20px; border:0; line-height: 20px; text-align: left; font-size: 14px;  }
.fixedHeader  > .fixedSearchForm > p:nth-of-type(2){ width: 70px; height: 30px; flex-shrink: 0; }
.fixedHeader  > .fixedSearchForm > p:nth-of-type(2) > input{ width: 70px; height: 30px; border:0; background-color: #147ffa; color: #FFF; font-size: 14px; padding:0; cursor: pointer; }

/*****/