@charset "utf-8";

/* Font */
@font-face{ font-family: RR; src:url('../font/Roboto/Roboto-Regular.ttf');}

/* Base */
html,body{ margin: 0; padding: 0; background: #ffffff; color: #0b1531; font-size: 16px; font-family: RR, Verdana, "PingFang SC", 微软雅黑, "Microsoft YaHei", "Microsoft JhengHei", 华文细黑, STXihei, "STHeiti Light", 华文黑体, STHeiti, sans-serif;}
*,::after,::before{ box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
a{ color: #0b1531; text-decoration: none; font-size: 16px; font-family: RR, Verdana, "PingFang SC", 微软雅黑, "Microsoft YaHei", "Microsoft JhengHei", 华文细黑, STXihei, "STHeiti Light", 华文黑体, STHeiti, sans-serif; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s;}
a:hover{ color: #296bef;}
ul,li,ol,dl,dt,dd{ list-style-type: none; list-style-position: outside; margin: 0; padding: 0;}
.clear{ height: 0; font-size: 0; line-height: 0; clear: both; overflow: hidden;}
form,input,button,p,tr,td,h1,h2,h3,h4,h5,h6,div{ margin: 0; padding: 0;}
input,button,textarea{ font-family: RR, Verdana, "PingFang SC", 微软雅黑, "Microsoft YaHei", "Microsoft JhengHei", 华文细黑, STXihei, "STHeiti Light", 华文黑体, STHeiti, sans-serif;}
table{ border-collapse: collapse; border-spacing: 0;}
fieldset,img{ border: 0; outline-width: 0; vertical-align: top;}
caption,th{ text-align: left;}
h1,h2,h3,h4,h5,h6{ font-weight: normal;}
article,aside,dialog,footer,header,section,footer,nav,figure,menu{ display: block;}
@media screen and (max-width: 1240px) {
    html,body{ font-size: 14px;}
    a{ font-size: 14px;}
}

/* Container */
#container{ width: 100%; height: auto; overflow: hidden; position: relative;}
@media screen and (min-width: 1921px) {
    #container{ width: 1920px; margin: 0 auto; padding-top: 144px;}
}
@media screen and (max-width: 1920px) {
    #container{ width: 100%; padding-top: 144px;}
}
@media screen and (max-width: 1240px) {
    #container{ padding-top: 40px;}
}

/* Cbox */
.cbox{ width: 100%; height: auto; padding: 0 15px; margin: 0 auto; position: relative;}
@media screen and (min-width: 1241px) {
    .cbox{ width: 1230px;}
}
@media screen and (max-width: 1240px) {
    .cbox{ width: 100%;}
}

/* Row and Cols */
.row{ margin-left: -15px; margin-right: -15px;}
.col{ float: left; width: 100%; height: auto; padding: 0 15px;}
@media screen and (max-width: 1024px) {
    .row{ margin-left: -10px; margin-right: -10px;}
    .col{ float: left; width: 100%; height: auto; padding: 0 10px;}
}
@media screen and (max-width: 600px) {
    .row{ margin-left: -5px; margin-right: -5px;}
    .col{ float: left; width: 100%; height: auto; padding: 0 5px;}
}

/* Pages */
.pages-wbg{ width: auto; height: auto; padding: 0;}
.pages-wbg ul.pagination{ width: auto; height: auto; font-size: 0; text-align: center;}
.pages-wbg ul.pagination li,.pages-wbg ul.pagination li.active,.pages-wbg ul.pagination li.disabled,.pages-wbg ul.pagination li a{ display: inline-block; width: 40px; height: 40px; line-height: 40px; text-align: center; font-size: 14px; margin-right: 1px; margin-bottom: 1px; background: #e9f1ff;}
.pages-wbg ul.pagination li.active{ background: #163d8a; color: #ffffff;}
.pages-wbg ul.pagination li.disabled{ color: #bbbbbb;}
.pages-wbg ul.pagination li a{ font-size: 14px;}
.pages-wbg ul.pagination li a:hover{ background: #163d8a; color: #ffffff;}
@media screen and (max-width: 1024px) {
    .pages-wbg ul.pagination li,.pages-bbg ul.pagination li.active,.pages-bbg ul.pagination li.disabled,.pages-bbg ul.pagination li a{ width: 36px; height: 36px; line-height: 36px;}
}

.pages-bbg{ width: auto; height: auto; padding: 0;}
.pages-bbg ul.pagination{ width: auto; height: auto; font-size: 0; text-align: center;}
.pages-bbg ul.pagination li,.pages-bbg ul.pagination li.active,.pages-bbg ul.pagination li.disabled,.pages-bbg ul.pagination li a{ display: inline-block; width: 40px; height: 40px; line-height: 40px; text-align: center; font-size: 14px; margin-right: 1px; margin-bottom: 1px; background: #ffffff;}
.pages-bbg ul.pagination li.active{ background: #163d8a; color: #ffffff;}
.pages-bbg ul.pagination li.disabled{ color: #bbbbbb;}
.pages-bbg ul.pagination li a{ font-size: 14px;}
.pages-bbg ul.pagination li a:hover{ background: #163d8a; color: #ffffff;}
@media screen and (max-width: 1024px) {
    .pages-bbg ul.pagination li,.pages-bbg ul.pagination li.active,.pages-bbg ul.pagination li.disabled,.pages-bbg ul.pagination li a{ width: 36px; height: 36px; line-height: 36px;}
}

/* Gototop */
#gototop-1001{ display: none; position: fixed; width: 50px; height: 50px; bottom: 20px; right: 20px; z-index: 10;}
#gototop-1001 a{ display: inline-block; border-radius: 4px; font-size: 20px; line-height: 50px;  width: 50px;  height: 50px; text-align: center; vertical-align: bottom; background: #163d8a; color: #ffffff;}
@media screen and (max-width: 1240px) {
    #gototop-1001{ bottom: 50px; right: 10px;}
    #gototop-1001 a{ opacity: 0.5; filter: alpha(opacity = 50);}
}

/* Customer Service */

/* Scrollbar */
::-webkit-scrollbar{ width: 12px; height: 12px;}
::-webkit-scrollbar-track-piece{ background-color: rgba(0,0,0,0.2);}
::-webkit-scrollbar-thumb:vertical{ background-color: rgba(125,125,125,0.7);}
::-webkit-scrollbar-thumb:horizontal{ background-color: rgba(125,125,125,0.7);}
@media screen and (max-width: 1240px) {
    ::-webkit-scrollbar{ width: 5px; height: 5px;}
    ::-webkit-scrollbar-track-piece{ border-radius: 6px;}
    ::-webkit-scrollbar-thumb:vertical{ border-radius: 6px;}
    ::-webkit-scrollbar-thumb:horizontal{ border-radius: 6px;}
}

/* Section Line */
.section-line{ width: 100%; height: 500px; background: #ffffff;}