@charset "gb2312";
/* CSS Document */
* {margin:0;padding:0;border:0;}
a {text-decoration:none;}
ul {list-style:none;}
html {text-size-adjust:100%;}
body {max-width:768px;min-width:320px;width:100%;margin:0 auto;padding:0;font-size:1em;line-height:1.5em;font-family:'Microsoft Yahei',simsun,simhei,Arial,'Heiti SC',sans-serif;}
.left {float:left;}
.right {float:right;}
h1,h2,h3 {font-weight:normal;}
/*bgBand_begin*/
/*bgBand_end*/
/*mainNav_begin*/
div#mainNav.hide {display:none;}
div#mainNav div.placeHolder {width:100%;height:90px;}
div#mainNav div.ctns {position:static;max-width:768px;width:100%;height:auto;margin:0 auto;overflow:hidden;z-index:2147483647;}
div#mainNav div.ctns div.panelNav {position:relative;height:5.643rem;line-height:5.643rem;background:#257ddf;transition:background-color 0.3s ease 0s;overflow:hidden;}
div#mainNav div.ctns div.panelNav div.change-font-family {position:absolute;top:0;left:0;height:auto;padding:0 5px;line-height:60px;}
div#mainNav div.ctns div.panelNav div#ctrlPanelBtn {display:inline-block;width:6vw;height:5.2vw;margin:0 0 0 -5px;vertical-align:middle;cursor:pointer;background:url("http://ats.chinataiwan.cn/m/images/menuCtrlBg.png") center center no-repeat;background-size:auto 100%;}
div#mainNav.channel div.ctns div.panelNav div#ctrlPanelBtn,div#mainNav.content div.ctns div.panelNav div#ctrlPanelBtn {background-size:100% auto;}
div#mainNav div.ctns div.panelNav>a {display:inline-block;margin:0 5.1% 0 0;vertical-align:middle;}
div#mainNav div.ctns div.panelNav>a img {display:block;margin:0 auto;width:100%;}
div#mainNav div.ctns div.panelNav>a.logo {max-width:194px;width:26.4%;margin:0 5.1% 0 3.1%;}
div#mainNav div.ctns div.panelNav>a.logoClr {display:none;max-width:194px;width:26.4%;margin:0 5.1% 0 3.1%;}
div#mainNav div.ctns div.panelNav>a.vipIcon {display:none;width:5.3%;}
div#mainNav div.ctns div.panelNav>form {position:relative;display:inline-block;width:41.5%;height:1.5625em;margin:0 5.1% 0 0;padding:0.78125em 0;border-radius:5px;font-size:1rem;line-height:1.5625em;;vertical-align:middle;background:#FFF url("http://ats.chinataiwan.cn/m/images/searchBg.png") 1% center no-repeat;background-size:11.8%;z-index:1;}
div#mainNav div.ctns div.panelNav>form input {position:absolute;top:0px;left:11.8%;width:64.6%;height:100%;font-size:1.25rem;line-height:30px;color:#a4b6c3;background:#FFF;z-index:100;}
div#mainNav div.ctns div.panelNav>form .button {position:absolute;z-index:100;top:25%;left:auto;right:0px;width:23%;height:50%;padding:0 1%;border:2px solid #a1a09d;border-width:0 0 0 1px;font-size:1.5rem;line-height:1.04em;color:#257ddf;cursor:pointer;-webkit-appearance:none;border-radius:0;}
div#mainNav div.ctns div#ctrlPanel {position:absolute;top:90px;left:-100%;max-width:768px;min-width:320px;width:100%;height:100%;background:rgba(0,0,0,0.7);transition:top 0.3s ease 0s,left 0.3s ease 0s,height 0.3s ease 0s;z-index:2147483640;}
div#mainNav div.ctns.on {position:fixed;overflow:visible;}
div#mainNav div.ctns.on div#ctrlPanel {position:fixed;top:90px;left:0;height:100%;margin:0 auto;z-index:2147483647;}
div#mainNav div.ctns.on div.panelNav {position:relative;text-align:center;background:#FFF;box-shadow:0px 2px 3px 1px #CCC;z-index:2147483647;}
div#mainNav div.ctns.on div.panelNav>a,div#mainNav div.ctns.on div.panelNav>form {display:none;}
div#mainNav div.ctns.on div.panelNav>a.logoClr {display:inline-block;vertical-align:middle;}
div#mainNav div.ctns.on div.panelNav div#ctrlPanelBtn {position:absolute;right:3%;height:100%;background:url("http://ats.chinataiwan.cn/m/images/menuCtrlBg2.png") center center no-repeat;background-size:100% auto;}
div#mainNav div.ctns div.panelNav>a#user-center-m {display:inline-block;vertical-align:middle;width:6vw;height:6vw;margin:0 5.2vw 0 -5px;text-indent:-9999px;background:url("http://ats.chinataiwan.cn/m/images/panel_bg_mobile.png") center top no-repeat;background-size:auto 200%;}
div#mainNav div.ctns div.panelNav>a#user-center-m.has-logged {background-position:center bottom;}
div#mainNav .tabBtns {max-height:85%;height:auto;background:#f1f1f1;overflow-y:scroll;/*touch-action:pan-y;*/}
div#mainNav .tabBtns dl {display:flex;flex-wrap:wrap;width:100%;overflow:hidden;}
div#mainNav .tabBtns dl dt {flex-shrink:0;width:94%;margin:0 3% 27px 3%;padding:4px 0 21px;border:2px solid #dfdfdf;border-width:0 0 2px 0;font-size:1.5rem;line-height:1.5em;color:#646464;}
div#mainNav .tabBtns dl:first-child dt {padding:29px 0 21px;}
div#mainNav .tabBtns dl dd {float:left;width:29.33%;margin:0 2% 25px;font-size:1.75rem;text-align:center;color:#2f2f2f;}
div#mainNav .tabBtns dl dd.type1,div#mainNav .tabBtns dl dd.type2,div#mainNav .tabBtns dl dd.type3 {position:relative;border-radius:40px;background:#FFF;}
div#mainNav .tabBtns dl dd>a {display:block;padding:5px 0;height:54px;line-height:54px;border:2px solid #dfdfdf;border-radius:40px;color:#2f2f2f;background:#FFF;}
div#mainNav .tabBtns dl dd.type1>a,div#mainNav .tabBtns dl dd.type2>a,div#mainNav .tabBtns dl dd.type3>a {display:inline-block;padding:7px 0 7px 38px;border:none;background:url("http://ats.chinataiwan.cn/m/images/pdtTypeIconBand.png") left 17px no-repeat;background-size:auto 270%;}
div#mainNav .tabBtns dl dd.type1>a::after,div#mainNav .tabBtns dl dd.type2>a::after,div#mainNav .tabBtns dl dd.type3>a::after {position:absolute;left:0;right:0;top:0;bottom:0;display:block;border:2px solid #dfdfdf;border-radius:40px;content:"";}
div#mainNav .tabBtns dl dd.type2>a {background-position:left -58px;}
div#mainNav .tabBtns dl dd.type3>a {background-position:left -131px;}
/*.channel_begin*/
div#mainNav.channel div.ctns div.panelNav div#ctrlPanelBtn {float:right;height:100%;margin:0 3% 0 auto;}
div#mainNav.channel div.ctns div.panelNav .chnlName {position:absolute;left:0;top:0;right:35%;left:35%;width:auto;margin:0 auto;font-size:2.25rem;color:#FFF;text-align:center;vertical-align:middle;}
/*.channel_end*/
/*.content_begin*/
div#mainNav.content div.ctns div.panelNav div#ctrlPanelBtn {float:right;height:100%;margin:0 3% 0 auto;}
/*.content_end*/
/*mainNav_end*/
/*nav_begin*/
div#mainNav.hide~div#nav div.placeHolder {display:block;}
div#mainNav.hide~div#nav div#mzNumArea {position:fixed;top:0;}
div#nav div.placeHolder {display:none;width:100%;height:27px;}
div#nav div#mzNumArea {max-width:768px;width:100%;margin:0 auto;overflow:hidden;z-index:2147483646;}
div#nav div#mzNumArea ul#mzNum {display:flex;flex-wrap:wrap;padding:1.375rem 2% 0.295rem;border:2px solid #e4e4e4;border-width:0 0 1px 0;font-size:1.625rem;line-height:1em;text-align:justify;background:#f1f1f1;z-index:2147483646;}
div#nav div#mzNumArea ul#mzNum li {display:inline-block;width:16.6%;margin:0 auto 1.08rem;white-space:nowrap;color:#898989;text-align:center;overflow:hidden;}
div#nav div#mzNumArea ul#mzNum li>a {display:block;color:#898989;}
div#nav div#mzNumArea ul#mzNum li>a.current {color:#257ddf;}
/*nav_end*/
/*sso__begin*/
iframe#ssoframe {display:none;}
/*sso__end*/
/*funcPanel_begin*/
div.funcPanel {display:none;position:fixed;right:10px;bottom:52px;z-index:2147483646;}
div.funcPanel.hide {display:block;}
div.funcPanel li {cursor:pointer;}
div.funcPanel li#toTop {width:81px;height:81px;border-radius:50%;background:rgba(0,0,0,0.5) url("http://ats.chinataiwan.cn/m/images/toTopBg.png") center center no-repeat;background-size:100% auto;}
/*funcPanel_end*/
/*footer_begin*/
div#footer {padding:26px 12% 25px;font-size:1rem;color:#787878;text-align:center;background:#f1f1f1;}
div#footer ul.fList {margin:0 auto 26px;font-size:1.875rem;line-height:1em;overflow:hidden;}
div#footer ul.fList>li {float:left;width:28%;}
div#footer ul.fList>li:last-child {width:16%}
div#footer ul.fList>li a {display:block;border:2px solid #e4e4e4;border-width:0 0 0 2px;color:#444;}
div#footer ul.fList>li:first-child a {border:none;}
div#footer p img.gshLogo {display:inline-block;margin:0 10px 0 0;vertical-align:middle;}
/*footer_end*/
/*********************************    ÒÀ³ß´çËõ·Å    *********************************/
@media screen and (min-width:769px){
div#mainNav div.ctns.on div#ctrlPanel {position:fixed;left:0;margin:0 calc((100% - 768px) / 2);height:100%;z-index:2147483640;}
div#mainNav div.ctns div.panelNav>a#user-center-m {width:46px;height:46px;margin:0 40px 0 -5px;}
div#mainNav div.ctns div.panelNav div#ctrlPanelBtn {width:46px;height:40px;}
}
@media screen and (max-width:700px){
div#mainNav .tabBtns dl dd {font-size:1.125rem;}
div#mainNav .tabBtns dl dd>a {padding:5px 0;height:24px;line-height:24px;border-radius:20px;}
div#mainNav .tabBtns dl dd.type1,div#mainNav .tabBtns dl dd.type2,div#mainNav .tabBtns dl dd.type3,div#mainNav .tabBtns dl dd.type1>a::after,div#mainNav .tabBtns dl dd.type2>a::after,div#mainNav .tabBtns dl dd.type3>a::after {border-radius:20px;}
div#mainNav .tabBtns dl dd.type1>a,div#mainNav .tabBtns dl dd.type2>a,div#mainNav .tabBtns dl dd.type3>a {padding:7px 0 7px 23px;}
div#mainNav .tabBtns dl dd.type1>a {background-position:left 9px;}
div#mainNav .tabBtns dl dd.type2>a {background-position:left -33px;}
div#mainNav .tabBtns dl dd.type3>a {background-position:left -74px;}
div#mainNav.channel div.ctns div.panelNav .chnlName {font-size:1.5rem;}
}
@media screen and (max-width:655px){
div#mainNav div.ctns div#ctrlPanel,div#mainNav div.ctns.on div#ctrlPanel {top:71px;}
div#mainNav div.ctns div.panelNav {height:4.4875rem;line-height:4.4875rem;}
div#mainNav div.ctns div.panelNav>a,div#mainNav div.ctns div.panelNav>a#user-center-m {margin:0 2.5% 0 -5px;}
div#mainNav div.ctns div.panelNav>a img {display:block;margin:0 auto;width:100%;}
div#mainNav div.ctns div.panelNav>form {width:45%;height:1.5625em;margin:0 2.5% 0 0;padding:0.4em 0;}
div#mainNav div.ctns div.panelNav>form input {font-size:1rem;}
div#mainNav div.ctns div.panelNav>form .button {font-size:1.125rem;}
div#mainNav .tabBtns dl dd {font-size:1rem;}
/*footer_begin*/
div#footer ul.fList {margin:0 auto 10px;font-size:1.125rem;}
/*footer_end*/
}
@media screen and (max-width:600px){
div#nav div#mzNumArea ul#mzNum {padding:15px 2% 0;font-size:1.125rem;line-height:1.2em;}
div#nav div#mzNumArea ul#mzNum li {margin:0 auto 15px;}
/*funcPanel_begin*/
div.funcPanel li#toTop {width:41px;height:41px;}
/*funcPanel_end*/
/*footer_begin*/
div#footer {padding:20px 12% 10px;}
/*footer_end*/
}
@media screen and (max-width:500px){
div#mainNav.channel div.ctns div.panelNav .chnlName {font-size:1.25rem;}
}
@media screen and (max-width:480px){
div#mainNav div.ctns div#ctrlPanel,div#mainNav div.ctns.on div#ctrlPanel {top:50px;}
div#mainNav div.ctns div.panelNav {height:3.125rem;line-height:3.125rem;}
div#mainNav div.ctns div.panelNav>a {margin:0 0.5% 0 0;}
div#mainNav div.ctns div.panelNav>a.logo {width:127px;margin:0 1%;}
div#mainNav div.ctns div.panelNav>a.logoClr {width:127px;}
div#mainNav div.ctns div.panelNav>form {width:50%;margin:0 1.5% 0 0;padding:0.4em 0;}
div#mainNav div.ctns div.panelNav>form input {font-size:0.875rem;}
div#mainNav div.ctns div.panelNav>form .button {font-size:0.875rem;}
div#mainNav div.ctns div.panelNav>a.vipIcon {width:7%;margin: 0 1% 0 0;}
div#mainNav .tabBtns dl:nth-of-type(n+2) {margin:-10px auto 0;}
div#mainNav .tabBtns dl dd {font-size:0.875rem;margin: 0 2% 18px;}
div#mainNav .tabBtns dl dd>a {border-width:1px;}
div#mainNav .tabBtns dl dt,div#mainNav .tabBtns dl:first-child dt {margin: 0 3% 15px;padding: 5px 0;font-size: 1.125rem;border-width: 0 0 1px 0;}
/*footer_begin*/
div#footer ul.fList {font-size:0.875rem;}
div#footer p {font-size:0.75rem;}
/*footer_end*/
}
@media screen and (max-width:440px){
div#mainNav div.ctns div.panelNav>form {width:45%;}
div#mainNav .tabBtns dl dd.type1>a,div#mainNav .tabBtns dl dd.type2>a,div#mainNav .tabBtns dl dd.type3>a {padding:7px 0 7px 20px;}
}
@media screen and (max-width:413px){
div#mainNav div.ctns div.panelNav>form {width:45%;}
}
@media screen and (max-width:400px){
div#mainNav div.ctns div.panelNav>form {margin:0 10px 0 0;padding:0.2em 0;}
}
@media screen and (max-width:374px){
div#mainNav div.ctns div.panelNav>a {margin:0 1.5% 0 0;}
div#mainNav div.ctns div.panelNav>a.logo {width:100px;margin:0 2%;}
div#mainNav div.ctns div.panelNav>a.logoClr {width:100px;}
div#mainNav div.ctns div.panelNav>form input {font-size:0.875rem;}
div#mainNav div.ctns div.panelNav>form .button {font-size:0.875rem;}
div#mainNav .tabBtns dl dd {font-size:0.75rem;}
}
@media screen and (max-width:320px){
div#mainNav div.ctns div#ctrlPanel {left:-300%;}
}