/* MAIN CSS /
/********************/
html,
body{margin: 0; padding: 0;}
body{position: relative; font-family: "Microsoft YaHei"; font-size: 16px; line-height: 28px;}
/* GENERAL HTML /
/********************/
a{text-decoration: none; color: #333;}
a:hover{text-decoration: none;}
h1{font-size: 28px; line-height: 48px;margin: 0; padding: 0;}
h1.clr_topMn{margin-top: -12px;}
h1.center{margin-bottom: 10px;}
h2{font-size: 24px; letter-spacing: 1px;margin: 0; padding: 0;}
h2.title{font-size: 28px; text-align: center;}
h3{font-size: 18px;margin: 0; padding: 0;}
h3.Subtitle{font-size: 14px; color: #999;}
h4{font-size: 16px;margin: 0; padding: 0;}
h5{margin: 0; padding: 0;}
h6{margin-top: 24px;}
.hover{cursor: pointer;}
.center{text-align: center;}
ul{list-style-type: none; margin: 0; padding: 0;}
input,button{outline: none;}


@font-face {
    font-family: 'iconfont';
    src: url('../font/bangyuan.ttf') format('truetype');
    font-weight: normal;
    font-style: normal
}

.wrap{/*width:1400px;margin: 0 auto;*/width:100%;}

.header{position: fixed;top:0;left:0;background: #fff;width:100%;z-index: 1000;}
.nav_top{height: 30px;background: #f5f5f5;}
.nav_top h3{color: #161616;padding-left:10px;font-size: 12px;line-height: 30px;}

.nav_logo{overflow: hidden;height: 115px;display: flex;align-items: center;justify-content: space-between;}
.nav_logo .logo{}
.nav_logo .logo a{display: flex;display: -webkit-flex;align-items: center;justify-content: center;flex-direction: row;}
.nav_logo .logo img{flex:1;margin-right: 25px;margin-left: 10px;}
.nav_logo .logo h1{flex: none;line-height: 35px;}
.nav_logo .logo h1 strong{display: block;font-size: 37px;color: #3b3b3b;padding-top: 30px;}
.nav_logo .logo h1 span{font-size: 21px;color: #a0a0a0;}

.nav_logo .tel{padding-right: 10px;width: 270px;}
.nav_logo .tel i{width:53px;height: 53px;background: url("../image/ico_tel.png") no-repeat;display: block;float: left;margin-right: 10px;}
.nav_logo .tel h5{padding-left: 10px;color: #333;font-size: 16px;line-height: 26px;}
.nav_logo .tel h5 b{display: block;font-size: 27px;color: #3b3b3b;white-space: nowrap;}

.nav_logo .btn{}
.nav_logo .btn .icon-bar{margin-top: 40px;}
.nav_logo .btn .icon-bar:before{content: '\e665';font-family: 'iconfont';font-size: 36px;color:#1491d3;}


.nav_menu{height: 60px;background: #1491d3;padding: 0 10px;}
.nav_menu ul{display: flex;width: 80%;justify-content: space-between;}
.nav_menu li{flex:1;text-align: center;line-height: 66px;font-size: 16px;}
.nav_menu li a{color:#fff;display: block;height: 60px;}
.nav_menu li.active>a{background: #83ba25;border-bottom: 6px solid #6b991f;border-radius: 0 0 6px 6px;position: relative;top: -3px;max-width: 114px;}
.nav_menu li:hover .section-btn2{display: flex;}
.nav_menu li .section-btn2{display:none;position: absolute;background: rgba(20,145,211,.3);width: 100vw;left:0;flex-wrap: wrap;padding: 0 40px;justify-content: center;z-index: 100;}
.nav_menu li .section-btn2 li{flex: none;margin: 0 10px;}
.nav_menu li .section-btn2 li a{height: auto;}
.nav_menu .search{width:130px;height: 32px;background: #fff;margin-top: 13px;white-space: nowrap;}
.nav_menu .search input{width: 70px;border:0;background: none;font-size: 12px;margin-left: 15px;}
.nav_menu .search input::-webkit-input-placeholder{color: #a0a0a0;}
.nav_menu .search button{font-family: 'iconfont';color:#1e1e1e;background: none;border:0;font-size: 20px;vertical-align: middle;}
.nav_menu .search button:before{content: "\e65E"}

.m-sub-menu{position: fixed;right: -100%;width: 66%;top: 0;z-index: 1000;height: 100%;background: #fff;transition: all 0.64s ease 0s;}
.m-sub-menu .title{height: 120px;width:100%;background: #1491d3;color:#fff;line-height: 120px;}
.m-sub-menu .title h4{margin: 0;padding: 0 0 0 20px;font-size: 20px;font-weight: normal;line-height: 120px;}
.m-sub-menu .title .close{font-family: iconfont;font-size: 20px;color:#fff;text-shadow: none;opacity: 1;line-height: 120px;padding-right: 10px;}
.m-sub-menu .title .close:before {content: "\e64D"}
.m-sub-menu .list-wrap{}
.m-sub-menu .list-wrap ul{/* max-height: 50vh; */overflow: scroll;}
.m-sub-menu .list-wrap ul li{padding-left: 20px;border-bottom: 1px solid #f2f2f2;line-height: 46px;font-size: 14px;color: #666;}
.m-sub-menu.show{right: 0;transition: all 0.44s ease 0s;}
.m-sub-menu i{}
.m-sub-menu .box{position: absolute;bottom:0;width: 100%;}
.m-sub-menu .box h2{background:#1491d3;color:#fff;padding: 10px 20px;font-size: 14px;line-height:25px;}
.m-sub-menu .box h2 span{display: block;font-size: 18px;}
.m-sub-menu .box p{padding: 10px 20px;font-size: 12px;line-height: 22px;}


.footer{background: #1491d2;/*height: 490px;*/color: #fff;overflow: hidden;padding: 0 10px;}
.footer .row2{border-top:1px solid #5db3e0;padding-top: 24px;padding-bottom:24px;font-size: 14px;}
.footer .row2 span{margin-right: 10px;}
.footer .row1{height: 413px;display: flex;}
.footer .row1 .col_1{flex: none;}
.footer .row1 .col_2{flex: 1;display: flex;justify-content: space-evenly;}
.footer .row1 .col_3{flex: none;}
.footer .code{text-align: center;font-size: 18px;letter-spacing: 3px;line-height: 50px;padding-top: 43px;}
.footer .code img{width:122px;height: 122px;}
.footer .code span{display: block;}
.footer .tel{overflow: hidden;display: flex;align-items: center;padding-top: 65px;}
.footer .tel i{width:47px;height:47px;background: #fff;display: block;border-radius: 50%;flex: none;font-family: 'iconfont';color:#000;text-align: center;line-height: 47px;font-size:30px;font-style: normal;}
.footer .tel i:before{content: "\e628"}
.footer .tel h5{flex: none;margin-left: 6px;font-size: 18px;}
.footer .tel b{display: block;font-size: 20px;}
.footer .submenu{text-align: center;font-size: 14px;margin-top: 40px;}
.footer .submenu a{display: block;color: #fff;}
.footer .nextMenu{/* flex:1; */text-align: center;padding-top: 70px;}
.footer .nextMenu h2{border-bottom: 3px solid #fff;width:70px;font-size: 16px;white-space: nowrap;margin: 0 auto;padding-bottom: 10px;}
.footer .nextMenu h5{white-space: nowrap;width: 70px;margin: 0 auto;padding-top: 48px;text-align: left;}
.footer .nextMenu h5 a{color: #ffffff;display: block;font-size: 14px;line-height: 25px;}
.footer .row3{height: 48px;background: #1491d2;position: fixed;color: #fff;bottom:0;left:0;width:100%;z-index: 300;}
.footer .row3 .box{display: flex;align-items: center;line-height: 20px;}
.footer .row3 a{flex:1;text-align: center;color:#fff;font-size: 12px;padding-top: 5px;}
.footer .row3 a img{display: block;width:20px;height: 20px;margin: 0 auto;}