/* ----------主体---------- */
body { background: #fff; }
body.ui-mobile-viewport { padding: 0; }
body, input, textarea, select, button { font-family: Helvetica, Arial, san-serif; font-size:12px; }
a.ui-link-inherit { text-decoration:none!important }
/* ----------全局浮动 清除浮动 隐藏---------- */

.fl { float:left }
.fr { float:right }
.clearfix:after { content:"."; display:block; height:0; clear:both; overflow:hidden }
.clr { clear:both }
.hidden { display:none!important }

.dtSpan{ clear: both; }

.dtBox ul{margin:15px 10px;}
.dtBox li{padding-left:10px; height:26px; line-height:26px; overflow:hidden; font-size:14px; background:url("../img/sxxmL_ico.png") no-repeat left center;}
.dtBox li a{color:#333;}
.tabTitS{height:45px; line-height:45px;}
.tabTitS ul{overflow:hidden;background-color: #f6f6f6;background-image:-moz-linear-gradient(top , #045dc1 , #004694);background-image: -webkit-linear-gradient(top , #f6f6f6 , #cecece);background-image:-o-linear-gradient(top , #045dc1 , #004694);background-image:-ms-linear-gradient(top , #045dc1 , #004694);background-image:linear-gradient(top , #045dc1 , #004694);}
.tabTitS ul li{float:left;width:50%;text-align:center;color: #333;font-size:14px;font-weight:bold;}
.tabTitS ul li.on{background-color: #008cd1;background-image:-moz-linear-gradient(top ,#008cd1 , #006394);background-image: -webkit-linear-gradient(top , #008cd1 , #006394);background-image:-o-linear-gradient(top , #008cd1 , #006394);background-image:-ms-linear-gradient(top , #008cd1 , #006394);background-image:linear-gradient(top , #008cd1 , #006394);color: #fff;}


/* ----------首页设定---------- */

.main_header h1.ui-title { font-size:26px; font-weight:300; margin:.4em 10% .2em }
.main_header h1.ui-title span, .main_header h3.ui-title { font-weight:700 }
.main_header h3.ui-title { font-size:9px; margin:.4em 6% .9em; text-transform:uppercase }
h5 { font-size:15px; font-weight:400; margin:.2em 0 }
p { font-size:12px; font-weight:300; line-height:1.6 }
h3.ui-li-heading { font-size:15px; margin:.4em 0 }/* --首页LISTVIEW的H3设定-- */
/* ---------------------------------------------------------------------------------------------------------------------- */

/*  header */
#headertop { position:relative; width:100%; height:70px; }
@media all and (max-width : 480px) {
#headertop { position:relative; width:100%; height:60px; }
}
 @media all and (max-width : 320px) {
#headertop { position:relative; width:100%; height:55px; }
}
 @media all and (max-width : 240px) {
#headertop { position:relative; width:100%; height:50px; }
}
#headerlogo { z-index:10; }
#headerlogo img { position:absolute; left:15px; top:10px; height:50px; border: 0; max-width: 100%; display: block; }
#headerlogo h1 { position:absolute; left:15px; top:10px; height:50px; border: 0; max-width: 450px; display: block;overflow: hidden;line-height: 50px;margin: 0px; }
 @media all and (max-width : 480px) {
#headerlogo img { position:absolute; left:15px; top:10px; height:40px; border: 0; max-width: 200px; display: block; }
#headerlogo h1 { position:absolute; left:15px; top:10px; height:50px; border: 0; max-width: 180px; display: block;overflow: hidden;line-height: 50px;margin: 0px; }
}
 @media all and (max-width : 320px) {
#headerlogo img { position:absolute; left:15px; top:10px; height:43px;  border: 0; max-width: 130px; display: block; }
#headerlogo h1 { position:absolute; left:15px; top:10px; height:50px; border: 0; max-width: 150px; display: block;overflow: hidden;line-height: 50px;margin: 0px; }
}
 @media all and (max-width : 240px) {
#headerlogo img { position:absolute; left:15px; top:10px; height:33px;  border: 0; max-width: 100px; display: block; }
#headerlogo h1 { position:absolute; left:15px; top:10px; height:50px; border: 0; max-width: 130px; display: block;overflow: hidden;line-height: 50px;margin: 0px; }
}
#menu { float: right; margin-top: 7px; display: block; height: 43px; margin-right: 10px; z-index:11; }
#menu ul { float: left; height: 39px; width: auto; overflow: hidden; margin-right: 10px; }
#menu ul li { display: inline; height: 100%; margin-right: 17px; float: left; }
/*  英语按钮 */
#langen { position:absolute; width:30px; height:30px; top:15px; right:20px; background:-webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #474747), color-stop(20, #4e4e4e)); border-radius: 1px; text-align: center; line-height:30px; cursor: auto; color:#fff; border:0.5px solid #8e8e8e; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 5px; -webkit-box-shadow: #666 0px 0px 10px; -moz-box-shadow: #666 0px 0px 10px; box-shadow: #666 0px 0px 10px; }
#langen a { color:#fff; text-decoration: none; font-style: normal; }
#langen a:hover { color:#fff; text-decoration: none; font-style: normal; }
/* ---------------------------------------------------------------------------------------------------------------------- */




#quickbox { position:relative; padding:5px 5px; border-bottom:1px dashed #C9C4C4; overflow:hidden }
#homeicon { margin:0 auto; width:100% }
.homeiconbox { float:left; margin-right:0px; margin-bottom:15px; width:110px; height:110px; }
 @media all and (min-width : 1024px) {
.homeiconbox {
float:left;
margin-right:15px;
margin-bottom:15px;
width:110px;
height:110px;
}
}
 @media (max-width:480px) {
 .homeiconbox {
float:left;
margin-right:10px;
margin-bottom:15px;
width:110px;
height:110px;
}
}
 @media (max-width:320px) {
 .homeiconbox {
float:left;
margin-right:0px;
margin-bottom:15px;
width:110px;
height:110px;
}
}
 @media (max-width:240px) {
 .homeiconbox {
float:left;
margin-right:10px;
margin-bottom:15px;
width:110px;
height:110px;
}
}
.homeicon { width:100%; margin-top:20px; text-align:center }
.homeicon img{ width:110px; }
.homeicontxt { width:100%; margin-top:10px; text-align:center }
/*  content */
#contentbox { background-color:#FFFFFF; margin-left:10px; margin-right:10px; height:auto !important; height:200px; min-height:200px; }
#contentbox2 { background-color: transparent; margin-left:10px; margin-right:10px; height:auto !important; height:200px; min-height:200px; }
#banner { margin:15px; }
#banner img { width:100%; padding-bottom:0px; margin-bottom:0px; margin-top:15px; }
#contenttop { height:40px; background-color:#000; color:#f1f1f1; line-height:40px; padding-left:5px; margin:15px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 0px; -webkit-box-shadow: #666 0px 0px 10px; -moz-box-shadow: #666 0px 0px 10px; box-shadow: #666 0px 0px 10px; }
/*  content-primary */
.content-primary { margin:10px; padding:5px; }
/* 更改图标 */
.content-primary .ui-link-inherit { font-size:14px; color:#666666; padding-left:15px; }
.content-primary .ui-icon { border-radius:0; border:none; background: none; background-image: url(http://m.yuepai.test.dginfo.com/t/b/bailin/mobile/i/icons-18-black.png) !important; background-position: -107px 0px !important; -moz-box-shadow: 0px 0px 0 rgba(255, 255, 255, .4) /*{global-icon-shadow}*/; -webkit-box-shadow: 0px 0px 0 rgba(255, 255, 255, .4) /*{global-icon-shadow}*/; box-shadow: 0px 0px 0 rgba(255, 255, 255, .4) /*{global-icon-shadow}*/; }
/* .ui-listview .ui-li-icon {max-height: 30px;max-width: 30px;left: 10px;top: .5em;}

.ui-li .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li {
padding: .7em 55px;
display: block;
}
*/
#abouttop { background-color:#003791; height:50px; margin:10px auto; font-size:26px; padding-left:20px; line-height:50px; color:#fff }
 @media all and (max-width : 480px) {
#abouttop { background-color:#003791; height:45px; margin:10px auto; font-size:22px; padding-left:20px; line-height:45px; color:#fff }
}
 @media all and (max-width : 320px) {
#abouttop { background-color:#003791; height:40px; margin:8px auto; font-size:18px; padding-left:16px; line-height:40px; color:#fff }
}
 @media all and (max-width : 240px) {
#abouttop { background-color:#003791; height:35px; margin:6px auto; font-size:16px; padding-left:14px; line-height:35px; color:#fff }
}
#abouttop2 { background-color:#003791; height:50px; margin:10px auto; margin-top:-10px; font-size:26px; padding-left:20px; line-height:50px; color:#fff }
#aboutbox { padding:15px; }
#aboutbox img { width:100% }
#aboutbox p { }
#aboutbox br { height:2em; display:block; clear:both;}
/* 更改图标 */
.newsmenu .ui-link-inherit { font-size:12px; color:#cccccc; margin-left:-35px; }
.newsmenu .ui-icon { border-radius:0; border:none; background: none; background-image: url(http://m.yuepai.test.dginfo.com/t/b/bailin/mobile/i/icons-18-black.png) !important; background-position: -107px 0px !important; -moz-box-shadow: 0px 0px 0 rgba(255, 255, 255, .4) /*{global-icon-shadow}*/; -webkit-box-shadow: 0px 0px 0 rgba(255, 255, 255, .4) /*{global-icon-shadow}*/; box-shadow: 0px 0px 0 rgba(255, 255, 255, .4) /*{global-icon-shadow}*/; }
#productviewbox { padding:15px; line-height:25px; padding-top:0px; }
#productviewbox img { width:100%; }
/*---------------------------------------------------------------------------------------------------------------------- */

/*  Footer */
#footerbox { height:90px; color:#666666; text-align:center; line-height:20px; padding-top:20px; }
.ui-bar-a { border:0 solid #171517 /*{a-bar-border}*/; }
.ui-content { padding: 0; }
.nav-glyphish-example .ui-btn .ui-btn-inner { padding-top: 40px !important; }
.nav-glyphish-example .ui-btn .ui-icon { width: 30px!important; height: 30px!important; margin-left: -15px !important; box-shadow: none!important; -moz-box-shadow: none!important; -webkit-box-shadow: none!important; -webkit-border-radius: 0 !important; border-radius: 0 !important; }
#telnum .ui-icon { background:  url(http://m.yuepai.test.dginfo.com/t/b/bailin/mobile/i/tel.png) 50% 50% no-repeat; background-size: 22px 21px; }
#emailaddr .ui-icon { background:  url(http://m.yuepai.test.dginfo.com/t/b/bailin/mobile/i/email.png) 50% 50% no-repeat; background-size: 24px 22px; }
#mapcode .ui-icon { background:  url(http://m.yuepai.test.dginfo.com/t/b/bailin/mobile/i/map.png) 50% 50% no-repeat; background-size: 24px 26px; }
#share .ui-icon { background:  url(http://m.yuepai.test.dginfo.com/t/b/bailin/mobile/i/share.png) 50% 50% no-repeat; background-size: 22px 27px; }
#message .ui-icon { background:  url(http://m.yuepai.test.dginfo.com/t/b/bailin/mobile/i/message.png) 50% 50% no-repeat; background-size: 24px 22px; }
.ui-grid-d > :nth-child(n) {
width: 20%;
}
#sharebox { width:100%; padding-left:10px; margin-top:10px;height: 137px; }
#sharebox a { float: left; margin: 10px; }
.ui-content { padding: 0; }
/*  返回按钮 */
#backmenu { width:100%; height:30px; margin-bottom:10px; background:-webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #fafafa), color-stop(20, #eeeeee)); border-radius: 1px; text-align: center; line-height:30px; cursor: auto; color:#377e9e; border:1px solid #e6e6e6; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 5px; -webkit-box-shadow: #666 0px 0px 10px; -moz-box-shadow: #666 0px 0px 10px; box-shadow: #666 0px 0px 10px; }
#backmenu a { color:#404040; text-decoration: none; font-style: normal; }
#backmenu a:hover { color:#000; text-decoration: none; font-style: normal; }
#getsearch { padding: 15px; }