@charset "utf-8";


.noPointer {cursor: default;}

#header {width: 100%; height: 88px; z-index: 99; background-color: #ffffff; transition: all 0.3s ease; overflow: hidden; position: fixed; border-bottom: 1px solid #dddddd;}
#header.on {width: 100%; height: 325px;} 
.header_container {width: 100%; height: 88px; position: relative; border-bottom: 1px solid #dddddd; background-color: #ffffff;}
.header_wrap {width: 1200px; height: 88px; margin: 0 auto; position: relative; z-index: 100;}
.header_logo {width: 285px; height: 88px; padding: 18px 0 0 5px; float: left;}
.nav_wrap {width: 915px; height: 88px; float: left;}
.nav {width: 735px;; height: 88px; float: left; padding: 0 10px;}
.nav>ul {display: inline-block; width: 100%; height: 100%; position: relative;}
.nav>ul>li {display: block; width: 25%; height: 100%; float: left; text-align: center; position: relative;}
.nav>ul>li>a { display: block; font-size: 18px; font-weight: 400; padding: 33px 0 0 0;  width: 100%; height: 100%; transition: all 0.2s ease-in-out;}

.subnav {float: none; position: absolute; display: block; width: 100%; height: auto; min-height: 236px; padding: 15px 0; background-color: #ffffff; border-left: 1px solid #ffffff; transition: all 0.2s ease;}
.subnav:before {position: absolute; content: ""; visibility: visible; background-color: #014282; width: 100%; height: 2px; top: -1px; left: 0; transform: scaleX(0); transition: all 0.2s ease;}
.subnav:last-child {border-right: 1px solid #ffffff;}
.subnav li {display: block;}
.subnav li a {font-size: 16px; font-weight: 300; padding: 5px 0; width: 100%; display: block; }

/* nav hover */
.nav>ul>li:hover .subnav {background-color: #f6f6f6;}
.nav>ul>li:hover>a {color: #99844b;}
.nav>ul>li:hover .subnav:before {transform: scaleX(1);}
.subnav li a:hover {color: #014282; font-weight: 500;}


.subnav_bg {position: absolute; top: 88px; left: 0; background-color: #bbbbbb; width: 100%; height: 237px; z-index: 99; border-bottom: 1px solid #f4f4f4;}

.langBox {width: 180px; height: 88px; padding: 26px 0 0 0; float: left;}
.langBox ul {display: inline-block; width: 152px; height: 40px; border: 1px solid #cccccc; border-radius: 20px; overflow: hidden;}
.langBox ul li {display: block; float: left; width: 50%; height: 40px;}
.langBox ul li a {width: 100%; height: 100%; display: block; color: #777777; font-size: 14px; padding-top: 8px; text-align: center;}
.langBox ul li.eng {border-left: 1px solid #cccccc;}
.langBox ul li.on a {background-color: #eeeeee; color: #333333;}


#footer {background-color: #1f1f1f; width: 100%; height: auto; padding: 60px 0;}
.footer_wrap {width: 1200px; height: auto; margin: 0 auto;}
.footer_wrap .link {text-align: center; margin-bottom: 30px;}
.footer_wrap .link ul {display: inline-block;}
.footer_wrap .link ul li {display: block; margin: 0 15px; float: left; position: relative;}
.footer_wrap .link ul li a {color: #cccccc; font-size: 17px;}
.footer_wrap .link ul li a:hover {color: #aaaaaa;}
.footer_wrap .link ul li:after {content: ""; visibility: visible; width: 4px; height: 4px; position: absolute; top: 12px; left: -16px; border-radius: 50%; background-color: #cccccc;}
.footer_wrap .link ul li:nth-child(1):after {display: none;}

.footer_wrap .footer_bottom {text-align: center; line-height: 26px;}
.footer_bottom p.address {color: #777777; font-size: 14px;}
.footer_bottom p.copyright {color: #777777; font-size: 14px;}