html{-webkit-text-size-adjust:none; overflow-y:scroll; overflow-x:hidden;}
*,body{ margin:0; padding:0; font-family:"Microsoft YaHei"; }
* {-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
body{ background:#ffffff; color:#333333; line-height:2; font-size:14px;}
table{border-collapse:collapse;border-spacing:0;empty-cells:show;}
th,td{border-collapse:collapse;}
img,a img,a:hover img{ border:0; }
ol,ul,dl,li,dt,dd{list-style:none;}
input,button,textarea,select,optgroup,option{ font-family:"Microsoft YaHei";}
:focus{outline:0;}
a{color:#333333;text-decoration:none; }
a:hover{color:#006cd0;text-decoration:none;}
a,a:hover,.btn,.more{ transition:all 300ms ease; -webkit-appearance:none ; }
input,select,button{ -webkit-appearance: none; }
hr{border:none;height:1px;}
::-webkit-input-placeholder { color:#bfbfbf; }
:-moz-placeholder { color:#bfbfbf; }
::-moz-placeholder { color:#bfbfbf; }
:-ms-input-placeholder { color:#bfbfbf; }
.clear{height:0;font-size:0px;overflow:hidden;clear:both;float:none;}

::-webkit-scrollbar{width: 6px; height:6px; border-radius:3px; }
::-webkit-scrollbar-track{ background:none; }
::-webkit-scrollbar-thumb{ background-color:rgba(0,0,0,0.5); border-radius:3px; }

.wrap { overflow: hidden; }

/*头部*/
.header { height:82px; position:fixed; left:0; top:0; right:0; z-index:9999; transition:all 300ms ease;}
.topbox { margin: 0 60px; position: relative;}
.topbox .logo { position: absolute; left: 0; top: 0; padding: 22px 0; }
.topbox .logo a { display: block;}
.topbox .logo img { display: block; height: 38px; transition:all 200ms ease;}

.topbox .rlogo { position: absolute; right: 0; top: 0; padding: 22px 0; }
.topbox .rlogo a { display: block;}
.topbox .rlogo img { display: block; height: 38px; transition:all 200ms ease;}

.topbox .home_t { position: absolute; top: 24px; left: 172px;}
.topbox .home_t a { display: block; padding: 0 19px 0 47px; height: 32px; line-height: 32px; color: #fff; border-radius: 17px; border: 1px rgba(255,255,255,0.4) solid; background: url(../img/main/home_t.png) 20px center no-repeat;}
.topbox .home_t a:hover { opacity: 0.6;}

.topnav { text-align: center; line-height: 62px; font-size: 0; line-height: 0; padding: 10px 0;}
.topnav ul li { display: inline-block; position:relative; vertical-align: top; }
.topnav ul li a{ display:block; text-align:center; padding:0 42px; font-size:16px; height:62px; line-height:62px; color:#fff; transition:all 200ms ease;}
.topnav ul li a:hover{ opacity: 0.8;}

.topnav_m { display: none; position:fixed; left:0; top:50px; right:0; bottom: 0; z-index:9999; padding: 20px 10px; overflow: auto; background: rgba(0,0,0,0.9); }
.topnav_m ul li a{ display: block; text-align: center; line-height: 50px; font-size:16px; color:#fff; position: relative;}
.topnav_m ul li a:hover{ color:#ffffff; }

.headers { background: rgba(3,24,54,0.5);}

.mainbox { width: 1400px; margin: 0 auto;}

.mbanner { height: 240px; position: relative; background-size: cover !important; }
.mbanner .tit { position: absolute; left: 0; right: 0; top: 120px; color: #fff;}
.mbanner .tit b { display: block; font-size: 34px; line-height: 46px; font-weight: normal;}
.mbanner .tit span { display: block; font-size: 16px; line-height: 30px; opacity: 0.5; font-family: "Open Sans",Arial; text-transform: uppercase; letter-spacing: 2px;}


.page_main { padding: 36px 0 60px 0;}

.main_l { float: left; width: 260px;}
.main_r { float: right; width: 1048px;}


.mnav { }
.mnav ul li { }
.mnav ul li a{ display: block; position: relative; font-size: 16px; line-height: 24px; padding: 13px; height: 48px; position: relative; border-bottom: 1px #999999 solid;}
.mnav ul li a.on { color: #006cd0; background: url(../img/main/lnavs.png) right center no-repeat; border-bottom: 1px #006cd0 solid; }
.mnav ul li a:hover { color: #006cd0;}
.mnav ul li a span { position: absolute; left: 0; top: 50%; right: 110px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; transform:translate(0,-50%); }

.about_tit { margin-bottom: 5px; padding: 10px 0; line-height: 38px; font-size: 24px;}

.about_con { color: #434343;}
.about_con img { max-width: 100%;}


.history_list { padding: 20px 0; position: relative;}
.history_list .item { position: relative; padding-left: 166px; margin-bottom: 34px; font-size: 16px; line-height: 24px; z-index: 2; transition:all 300ms ease;}
.history_list .item .tit { position: absolute; left: 0; top: 0; width: 150px;}
.history_list .item .tit:after { display: block; content: ''; position: absolute; right: 0px; top: 4px; width: 10px; height: 10px; background: #fff; border: 3px #d2d5d7 solid; border-radius: 50%; box-shadow: 0 0 0 2px #fff; transition:all 300ms ease;}
.history_list:after { display: block; content: ''; position: absolute; left: 140px; top: 30px; bottom: 30px; background: #d2d5d7; width: 2px; z-index: 1;}

.history_list .item:hover { color: #006cd0;}
.history_list .item:hover .tit:after{ border: 3px #006cd0 solid; }

.mtab { padding: 28px 0;}
.mtab_t { height: 41px; position: relative; margin-bottom: 10px;}
.mtab_t ul li { float: left; margin-right: 2px; cursor: pointer; background: #f5f7fa; border: 1px #f5f7fa solid; border-bottom: none; width: 118px; height: 37px; line-height: 37px; color: #666666; text-align: center; position: relative; z-index: 2;}
.mtab_t ul li.on { background: #fff; color: #006cd0; border: 1px #006cd0 solid; height: 40px; border-bottom: none;}
.mtab_t ul li:hover { color: #006cd0;}
.mtab_t:after { display: block; content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; background: #006cd0; z-index: 1;}
.mtab_m { display: none;}


.service_list { margin-right: -36px; padding-top: 37px;}
.service_list ul li { float: left; width: 50%; margin-bottom: 24px; position: relative;}
.service_list ul li p { display: flex; align-items: left; justify-content: space-around; flex-direction: column; margin-right: 36px; padding: 0 40px; height: 76px; line-height: 22px; color: #666666; position: relative; z-index: 1; background: #f5f7fa; transition:all 300ms ease;}
.service_list ul li i { display: block; position: absolute; left: 0; top: 0; background: url(../img/main/num_j.png) left top no-repeat; padding-right: 12px; width: 16px; height: 28px; text-align: center; color: #fff; font-size: 12px; line-height: 18px; font-style: normal; z-index: 10;}

.service_list ul li:hover p{ background: #f0f6fc; box-shadow:  0 0 0 1px #006cd0 inset; color: #006cd0;}

.footer { background: #f5f7fa; padding: 20px 0; transition:all 300ms ease;}
.footer a { color: #666666; }
.footer a:hover{ color: #006cd0;}
.footbox { width: 1400px; margin: 0 auto; height: 58px;}
.footcopy { float: left; font-size: 12px; line-height: 2; padding: 5px 0;}
.footlink { float: right; }
.footlink ul li { float: left; margin-left: 20px;}
.footlink ul li img { display: block; height: 58px;}

@media (min-width:999px) and (max-width:1600px){
body { font-size: 12px;}
.header { height:64px; }
.topbox { margin: 0 48px; }
.topbox .logo { padding: 17px 0; }
.topbox .logo img { height: 30px; }

.topbox .rlogo { padding: 17px 0; }
.topbox .rlogo img { height: 30px; }

.topbox .home_t { top: 19px; left: 136px;}
.topbox .home_t a { padding: 0 15px 0 38px; height: 26px; line-height: 26px; border-radius: 14px; background: url(../img/main/home_t.png) 16px center no-repeat; background-size: 12px auto;}

.topnav { line-height: 50px; padding: 7px 0;}
.topnav ul li a{ padding:0 32px; font-size:14px; height:50px; line-height:50px; }

.mainbox { width: 1120px; }

.mbanner { height: 192px; }
.mbanner .tit { top: 96px; }
.mbanner .tit b { font-size: 28px; line-height: 36px; }
.mbanner .tit span { font-size: 14px; line-height: 24px; letter-spacing: 1px;}

.page_main { padding: 26px 0 48px 0;}

.main_l { width: 208px;}
.main_r { width: 838px;}

.mnav ul li a{ font-size: 13px; line-height: 18px; padding: 10px; height: 36px; }
.mnav ul li a.on { background-size: 34px auto; }
.mnav ul li a span { right: 80px; }

.about_tit { margin-bottom: 4px; padding: 8px 0; line-height: 30px; font-size: 20px;}

.history_list { padding: 16px 0; }
.history_list .item { padding-left: 132px; margin-bottom: 28px; font-size: 13px; line-height: 20px; }
.history_list .item .tit { width: 105px;}
.history_list .item .tit:after { top: 4px; width: 8px; height: 8px; border: 2px #d2d5d7 solid; box-shadow: 0 0 0 1px #fff; }
.history_list:after { left: 98px; top: 24px; bottom: 24px; width: 2px; }

.history_list .item:hover .tit:after{ border: 2px #006cd0 solid; }

.mtab { padding: 22px 0;}
.mtab_t { height: 33px; margin-bottom: 8px;}
.mtab_t ul li { width: 94px; height: 29px; line-height: 29px; }
.mtab_t ul li.on { height: 32px; }


.service_list { margin-right: -28px; padding-top: 28px;}
.service_list ul li { margin-bottom: 18px; }
.service_list ul li p { margin-right: 28px; padding: 0 32px; height: 60px; line-height: 18px; }
.service_list ul li i { background-size: 24px auto; padding-right: 10px; width: 14px; height: 24px; font-size: 12px; line-height: 16px; }

.footer { padding: 16px 0; }
.footbox { width: 1120px; height: 46px;}
.footcopy { padding: 4px 0; line-height: 22px;}
.footlink ul li { margin-left: 16px;}
.footlink ul li img { height: 46px;}
}


@media (min-width:240px) and (max-width:999px){
.header { height:50px; }
.topbox { margin: 0 10px; }
.topbox .logo { padding: 10px 0; }
.topbox .logo img { height: 30px; }

.topbox .rlogo { display: none;}

.topbox .home_t { display: none;}

.topnav { display: none;}

.nav_btn { display:block; position:absolute; right:0; top:9px; cursor:pointer; background:#ffffff; padding:3px 3px 3px 3px; border-radius:3px;}
.nav_btn i{ display:block; font-style:normal; width:2px;height:2px;box-shadow:inset 0 0 0 28px,0 -7px 0 0,0 7px 0 0;margin:12px 22px 12px 4px; position:relative; text-align: left; text-indent: -9999px; direction: ltr; box-sizing: border-box; color:#006cd0; }
.nav_btn i:before{width:16px;height:2px;left:5px;box-shadow:inset 0 0 0 28px,0 -7px 0 0,0 7px 0 0;position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);}
.nav_btn i:after, .nav_btn i:before { content: ''; pointer-events: none; }

.mainbox { width: auto; margin: 0 15px;}

.mbanner { height: 180px; }
.mbanner .tit { top: 80px; color: #fff;}
.mbanner .tit b { font-size: 24px; line-height: 36px; }
.mbanner .tit span { font-size: 12px; line-height: 20px; letter-spacing: 1px;}


.page_main { padding: 20px 0 20px 0;}

.main_l { float: none; width: auto;}
.main_r { float: none; width: auto;}

.mnav { margin-bottom: 20px; }
.mnav:after { display: block; content: ''; clear: both;}
.mnav ul { display: block; margin: 0 -5px;}
.mnav ul li { float: left; width: 50%;}
.mnav ul li a{ font-size: 12px; line-height: 18px; padding: 5px 0; height: 36px; margin: 0 5px; }
.mnav ul li a.on { background-size: auto 6px; }
.mnav ul li a span { right: 40px; }

.about_tit { margin-bottom: 5px; padding: 10px 0; line-height: 30px; font-size: 18px; text-align: center;}


.history_list { padding: 15px 0; position: relative;}
.history_list .item { padding-left: 110px; margin-bottom: 20px; font-size: 14px; line-height: 20px; }
.history_list .item .tit { width: 90px; font-size: 12px;}
.history_list .item .tit:after { top: 5px; width: 7px; height: 7px; border: 2px #d2d5d7 solid; box-shadow: 0 0 0 1px #fff; }
.history_list:after { left: 84px; top: 20px; bottom: 20px; width: 1px; }

.history_list .item:hover .tit:after{ border: 1px #006cd0 solid; }

.mtab { padding: 20px 0;}
.mtab_t { height: 38px; position: relative; margin-bottom: 10px; overflow-y: hidden; overflow-x: auto;}
.mtab_t ul { display: block; white-space:nowrap; font-size: 0; line-height: 0;}
.mtab_t ul li { float: none; display: inline-block; width: 24%; margin-right: 1%; height: 34px; line-height: 34px; font-size: 12px; box-sizing: border-box; }
.mtab_t ul li.on { height: 38px; }
.mtab_m { display: none;}


.service_list { margin-right:0; padding-top: 20px;}
.service_list ul li { float: none; width: auto; margin-bottom: 14px; }
.service_list ul li p { display: block; margin-right: 0; padding: 10px 25px; height: auto; line-height: 22px; }
.service_list ul li i { background-size: 24px auto; padding-right: 8px; width: 16px; height: 24px; font-size: 11px; line-height: 15px; }

.footer { padding: 15px 0; }
.footbox { width: auto; margin: 0 15px; height: auto;}
.footcopy { float: none; font-size: 11px; line-height: 2; padding: 5px 0; text-align: center; margin-bottom: 10px;}
.footlink { float: none; text-align: center; }
.footlink ul li { float: none; margin-left: 5px; margin-right: 5px; display: inline-block;}
.footlink ul li img { height: 40px;}
}

.about_con_tit {
    font-weight: bold;
}