@charset "utf-8";
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote,  dl, dt, dd, ul, ol, li,pre, form, fieldset, legend, button, input, textarea,th, td  { margin: 0; padding: 0; }
html,html *{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;}
body, button, input, select, textarea { font-size: 14px; font-family: 'Microsoft YaHei'; color: #333;}
address, cite, dfn, em, var { font-style: normal; }
code, kbd, pre, samp { font-family: courier new, courier, monospace; }
small {font-size: 12px; }
ul, ol {list-style: none; }
body{color: #000; font-size: 14px;}
a{text-decoration: none; color: #000;transition: all ease .5s}
a:hover{color: #0e3365;}
sup {vertical-align: text-top; }
sub {vertical-align: text-bottom; }
legend {color: #000; }
fieldset, img {border: 0; }
table {border-collapse: collapse; border-spacing: 0; }
h1, h2, h3, h4, h5, h6, button, input, select, textarea { font-size: 100%; }
.clear{ clear:both;width: 100%;height: 0;font-size: 0;line-height: 0;}
.fl{ float:left;}
.fr{ float:right;}
.cfix:after{visibility:hidden;display:block;font-size:0;content:"";clear:both;height:0;}
.cfix{*zoom:1;}
.clear{content:"";display:block;clear:both;overflow:hidden;}
.b{max-width: 100%;height: auto;}
a{outline: none;}

.navbox{position: fixed; left: 0; top: 0; right: 0; z-index: 999999;height:78px;background: rgba(14,51,101,.8) url("../images/nav_line.png") left bottom repeat-x;}
.navbar{position: relative; max-width: 1240px;margin: 0 auto;}
.navbar .logo{float: left;width: 151px;height: 49px;margin:0 80px 0 0;padding: 6px 0 0 0;}
.navbar .navul{float: left;}
.navbar .navul li{float: left;position: relative; height: 78px; margin: 0 10px;position: relative;line-height: 70px;}
.navbar .navul li.pro-li{position: static;}
.navbar .navul a{color: #fff;font-size: 14px;}
.navbar .navul li .submenu,
.navbar .navul li .promenu{-webkit-transform: translateY(5px);-moz-transform: translateY(5px);-ms-transform: translateY(5px);transform: translateY(5px);opacity: 0; visibility: hidden;-webkit-transition: all linear 250ms;-moz-transition: all linear 250ms;-ms-transition: all linear 250ms;transition: all linear 250ms; display: none\9;}

.navbar .navul li.hover .submenu,
.navbar .navul li.pro-li.hover .promenu{-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);opacity: 1;visibility: visible; display: block\9;}


.navbar .navul li .submenu{position: absolute;left: -10px;top: 78px;width: 120px; font-size: 0;line-height: 0;background: rgba(0,0,0,.8);}
.navbar .navul li .submenu dt{border-bottom: 1px solid #e83828;}
.navbar .navul li .submenu dt a{display: block;padding: 0 10px;font-size: 14px;line-height: 40px;}
.navbar .navul li .submenu dt a:hover{background: #0b6791;}

.navbar .navul li .promenu{position: absolute;left: 0px;right: 0;top: 78px;font-size: 12px;line-height: 30px;background: rgba(0,0,0,.8);}
.navbar .navul li .promenu .promenu-inner{padding: 40px;margin: 0 0 0 -100px;}
.navbar .navul li .promenu dl{float: left;margin: 0 0 0 100px;}
.navbar .navul li .promenu dt{margin: 0 0 5px 0;}
.navbar .navul li .promenu dt a{display: block; height: 30px; line-height: 29px; font-size: 16px;color: #13b4fe;border-bottom: 1px solid #e83828;}
.navbar .navul li .promenu dd{font-size: 0;line-height: 0;padding: 6px 0;}
.navbar .navul li .promenu dd a{display: block;padding: 3px;font-size:12px;line-height: 12px;color: #fff;}
.navbar .navul li .promenu dd a:hover{background: #0b6791;}

.navbar .navbar-r{float: right;}
.navbar .search{float: left;position: relative;width: 206px;height: 37px;margin:15px 15px 0 0;border: 1px solid #fff; -webkit-border-radius: 18px; border-radius: 18px;}
.navbar .search .keywords{display: block;width: 100%;height: 35px;padding: 0 20px 0 45px;font-size: 14px;color: #fff;background: none;border: none;outline: none;}
.navbar .search i{position: absolute; left: 20px; top: 50%; margin: -8px 0 0 0; width: 16px;height: 16px;background: url("../images/icon_search.png");}
.navbar .lang{float: left;position:relative;width: 90px;margin: 0 15px 0 0;font-size: 12px;color: #fff;}
.navbar .lang span{display: block;position:relative;padding: 0 0 0 10px; height: 78px;line-height: 70px;}
.navbar .lang span i{position: absolute;right: 0; top: 50%; margin: -12px 0 0 0; width: 16px;height: 16px; background: url("../images/icon_select.png");}
.navbar .lang ul{position: absolute;display: none;left: 0; top: 78px; width:100px;background: rgba(0,0,0,.8);}
.navbar .lang li{font-size: 0;line-height: 0; border-bottom: 1px solid #e83828;}
.navbar .lang a{display: block;padding: 0 10px;height: 30px;color: #fff;font-size: 12px; line-height: 30px; }
.navbar .lang a img{vertical-align: middle; margin: 0 5px 0 0;}
.nav-button{display: none;}
.navbar .tlink{float:left; line-height: 70px; color: #fff;}
.navbar .tlink a{color: #fff;}

.wrap{width: 83%;
 max-width: 1592px;
 margin: 0 auto;
 box-shadow: 10px 0 30px rgba(0,0,0,.2),-10px 0 30px rgba(0,0,0,.2);
}

.footer .wrap{box-shadow: none;}
.footer-row1{padding: 2% 0;background: #cedbeb;}
.footer-row1 dl{float: left;width: 14%; padding: 0 0 0 2%; min-height:195px;}
.footer-row1 dl a{color: #0e3365;}
.footer-row1 dl a:hover{color: #e83828;}
.footer-row1 dt{padding: 0 0 8px 0;font-size: 16px;color: #0e3365;line-height: 22px;}
.footer-row1 dd a{font-size: 12px;line-height: 22px;}
.footer-row1 .ftel{float: left;padding: 0 0 0 2.5%;}
.footer-row1 .ftel p{position: relative;padding:0 0 0 45px;font-size: 34px;line-height: 36px;font-weight:bold;color: #0e3365;}
.footer-row1 .ftel p i{position: absolute;left: 0; top: 0; width: 36px; height: 36px; background: url("../images/tel.gif");}
.footer-row1 .fcode{float: right; width: 20%;margin-right: 3%;}
.footer-row1 .flogo{margin: -20px 0 15px;}
.footer-row1 .flogo img{display: block; max-width: 100%; height: auto;}
.footer-row1 .fcode .info{font-size: 14px;line-height: 24px;color: #0e3365;}

.footer-row2{padding: 2% 0;font-size: 14px;text-align:center;color: #dcdcdc;background: #0e3365;}
.footer-row2 a{color: #dcdcdc;}

@media (max-width: 1024px) {
    .navbox{position: relative;}
    .navbar{padding: 0 20px;}
    .search{display: none;}
    .wrap{width: 100%; box-shadow: none;}
    .navbar .logo{margin: 0;}
    .navbar .navul{float:none;display: none;}
    .navbar .lang{float: none;position: absolute; left: 180px; top: 0; width: 90px;}
    .navbar .tlink{position: absolute; top: 0; right: 80px; display: none;}
    .nav-button{display: block; position: absolute;right: 20px; top: 20px; width: 30px; height: 30px;-webkit-border-radius: 3px; border-radius: 3px;}
    .nav-button i{position: absolute;opacity:1;left: 0;top: 4px; width: 100%; height: 2px; overflow: hidden; background: #e83828;}
    .nav-button::before,
    .nav-button::after{position: absolute;content:'';left: 0;top: 50%;margin: -1px 0 0 0;width: 100%; height: 2px; overflow: hidden; background: #e83828;-webkit-transition: transform ease .5s;transition: transform ease .5s;}
    .nav-button::after{top: auto;bottom: 4px;}
    .navbox.open .nav-button i{display: none;}
    .navbox.open .nav-button::before,
    .navbox.open .nav-button::after{top: 50%;margin: -1px 0 0 0;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
    .navbox.open .nav-button::before{-webkit-transform: rotate(45deg);transform: rotate(45deg);}

    .navbox.open .navul{display: block;position: absolute; top: 78px; left: 0; right: 0;background: rgba(0,0,0,.8);}
    .navbox.open .navul li{float: none; height: auto; line-height: 45px; padding: 0 20px; border-bottom: 1px solid rgba(14,51,101,.8);}
    .navbox.open .navul li >a {display: inline-block;height: 45px;vertical-align: top;}

    .navbar .navul li .submenu,
    .navbar .navul li .promenu{
        position: static;
        left: auto;
        top: auto;
        display: none;
        margin: 0 -20px;
    }
    .navbar .navul li.hover .submenu{width: calc(100% + 40px);}
    .navbar .navul li.hover .submenu dl{padding: 20px;margin: 0 -10px;}
    .navbar .navul li.hover .submenu dl dt{margin: 0 10px; display: inline-block; width: auto;}
    .navbar .navul li.hover .submenu dl a{padding: 0;}

    .navbar .navul li.hover .submenu,
    .navbar .navul li.hover .promenu{
        display: block;
    }

    .navbar .navul li .promenu .promenu-inner{padding: 20px;margin: 0;}
    .navbar .navul li .promenu dl{float: left;margin: 0;width: 100%;}
    .navbar .navul li .promenu dt a{display: inline-block;}

    .footer-row1 .wrap{display: flex;flex-wrap: wrap;justify-content: flex-start;}

    .footer-row1{padding: 20px 0;}
    .footer-row1 dl{float: none; width: 33.333%;padding: 0 5% 5%; min-height: 0;}
    .footer-row1 dl:nth-child(3){border: none;}
    .footer-row1 dt{font-size: 16px;}
    .footer-row1 dd a{font-size: 12px;}

    

    .footer-row1 .ftel{display: none; float: none;width: 100%;text-align: center;}
    .footer-row1 .ftel p{display: inline-block;}
    .footer-row1 .fcode{float: none;width: 90%;margin: 0 5%;display: flex;justify-content: space-between; align-items: center;}
    .footer-row1 .flogo{width: 40%;margin: 0;}
    .footer-row1 .fcode .info{width: 60%; font-size: 12px;line-height: 18px;}


    .footer-row2{padding:10px 20px;}
}

@media (max-width: 1200px) {
    .about dd{font-size: 14px;line-height: 1.6em;}
}
iframe{max-width: 100%; height: auto;}