@import"../../../SysThemes/css/bootstrap.min.css";
@import"../css/wow.css";
a{color:#333}
a:hover{color:#0074c5!important;text-decoration:none;}
.clear{display:none}
.head{border-bottom: 1px solid #ddd}
.head menu{text-align: right;}
.head menu ul{display:inline-flex;}
.head menu ul li{position: relative;}
.head menu ul li .thumbs{display:none;position:absolute;top:30px;left:-20px;z-index: 10;}
.head menu ul li:hover .thumbs{display: block;}
.head menu ul li a{display:block;white-space:nowrap;}
.white *,.white a:hover{color:#fff;}
.bt-1{border-top:1px solid #037dd4}
.bg-fst{background:#0074c5;}
.logo img{max-height:80px;max-width:calc(100% - 80px)}
.large .Subject .Descript{ font-size:large}
.phone .Margin{text-align: right}
.phone .hotline{display:inline-flex;flex-direction: column;text-align:left;padding-left:60px;position: relative;}
.phone .hotline::before{display:flex;content: '\f098';margin-right:10px;color:#54BA19;font-size:4.5em;position: absolute;left:0;top:36px;align-items: center}
.phone .hotline .dd{display: block; clear: both;font-size:26px;line-height:1em;font-family:Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif;color:#FF9900}
.phone .Descript::before{display:none;}
.bgmenu{background: linear-gradient(to bottom, #1e5799 0%,#1370b3 51%,#1d5e97 75%,#265a80 100%);}
.search{padding:8px 0;background:#0f3855}
.search .RowsTitle{display:none;text-align:left;margin-bottom: 0px}
.search .RowsTitle h3{font-size:1.25rem;margin-bottom: 0}
.search .Subject{display:none;}
.search .row{flex:row nowrap;justify-content: space-between; align-items: center}
.search .row > div{padding-left:15px;padding-right:15px}
.search div{color: #617C8F}
.search form{border:0;padding:5px 0;}
.navbar-toggler{background:#1e5799;color:#fff}
menu{width:100%;}
.menu ul li a{color:#fff;}
.menu ul li a:hover,.menu ul li.on a{color: #fff!important;background:#0f3855;}
.menu ul li a b,.menu ul li ul{display: none;}
.RowsTitle{text-align: center;margin-bottom: 20px}
.RowsTitle .Title .cn{display:inline-block; background:#fff;font-size:2rem;padding:0 1em;}
.RowsTitle .Title .en{font-size:1.4rem; line-height:100%;text-transform:uppercase}
.cn-line-through .RowsTitle .Title::before{position:absolute;z-index:-1;left:0;width:100%;height:2rem;content:"";border-bottom:1px solid #ccc;}
.sider,.frame{width:100%;}
.sider .RowsTitle{display: none}
.sider .RowsTitle .Title .cn{background:none}
.sider .RowsTitle *,.TabTitle:first-child *{color:#fff}
.sider .Margin{margin:0px}
.sider ul{display:flex;flex-flow:row wrap;background:#0074C5}
.sider ul li{border:0;width:50%;}
.sider ul li a,.sider ul li a:hover{font-size:14px;color:#fff!important;padding-left:15px;padding-right:15px;}
.TabNavTitle{display:none;}
.TabTitle a{display:block;line-height:3.5em;padding-left:5em;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAGCAYAAADkOT91AAAAJUlEQVQYV2OcdeLFfwYGBoY0CwlGEM2IIQASBQGYBFgZigBBMwC7yhaZg1CicAAAAABJRU5ErkJggg==) no-repeat 30px center}
.TabTitle:first-child a{font-size:large;background:none}
.TabTitle:first-child a:hover{color:#fff!important}
.guide.line-through{border-bottom: 1px solid #ccc}
.guide.line-through .title{border-bottom: 3px solid #ccc;}
.Subject .Descript{text-align: center;position: relative;}
.Subject .Descript::before{position:absolute;z-index:-1;left:0;width:100%;height:2em;content:"";border-bottom:1px solid #ccc;}
.Subject .Descript a{display:inline-flex;font-size: 125%;padding:8px 20px;background:#0074c5;color:#fff;border-radius: 5px}
.Subject .Descript a:hover{color:#fff!important;background:#FF5700}
.slogan .Subject .Descript{text-align:left;font-size:16px;}
.slogan .Subject .Descript h3{font-weight:800;}
.slogan .Subject .Descript::before{display: none;}
.about{background:#0074c5}
.about .Margin{display:flex;flex-flow: column-reverse wrap;color:#fff}
.about .RowsTitle{border-bottom:1px dotted #fff;text-align: left;height:34px}
.about .RowsTitle .Title{ display:inline-flex; line-height:32px; color:#fff;font-size:large; border-bottom: 3px solid #fff;position: relative;}
.card{margin-top:20px;border:0;margin-left:-15px;margin-right:-15px}
.card img{max-width:100%}
#ArticleIntro ul li{border-bottom: 1px dotted #ccc;padding-bottom:10px;margin-bottom:10px}
#ArticleDetail .Detail img{width:100%;}
.news #ArticleIntro .enter{display:none}
.bottom{background:#0074c5}
.bottom *{color:#fff}
.CompanyName{font-size:20px;line-height: 1.5em;}
.copyright .logo{margin-bottom:20px}
.copyright .logo .dt{display:none;}
.copyright .logo .dd{display:block;text-align: center;}
.copyright .logo img{filter:brightness(0) invert;filter:brightness(0) invert(100%);max-height:68px;max-width:100%;margin-left:auto;margin-right:auto;}
.part-circle{position: relative;}
.part-circle::before{display:flex;justify-content:center;align-items:center;font-size:3em;color:#0074c5;position: absolute;width:50px;height:50px;top:-25px;left:calc(50% - 25px);content:'\f211';background:#fff;border-radius:100%;}
.b-t-nabla{border-top:5px solid #abd1ec;position: relative}
.b-t-nabla::before{display:flex;justify-content:center;align-items:center;font-size:3em;color:#0074c5;position: absolute;width:50px;height:50px;top:-25px;left:calc(50% - 25px);content:'';background:#fff;border-bottom:5px solid #abd1ec;border-left:5px solid #abd1ec;transform: rotate(-45deg)}
.advantage .Descript::before{border:0}
.Subject .Thumbs{text-align:center}
.Subject .Thumbs img{max-width: 100%}
.advantage .Frame{ margin-top:4rem; padding-bottom:220px;background:url(advantage.png) no-repeat right bottom;background-size:760px;}
.advantage .Frame h4{display:flex;text-align: left;align-items: center}
.advantage .Frame h4 b{display:inline-flex;background:#FFB300;color:#fff;transform:skew(-20deg);padding:2px 10px;margin-right:10px;font-size:1.6rem;}
.advantage .Frame p{line-height: 1.6em; color:#666;}
.Pagination{display:flex;flex-flow:row nowrap;justify-content:center;align-items: center;}
.Pagination a{border:1px solid #ccc;height:23px;line-height:23px;margin:0 3px;min-width:23px;}
.Pagination a.first,.Pagination a.last{border:0;}
.contactus { display: flex; flex-flow: column wrap; }
.contactus #Telephonist { padding-left:15px; padding-bottom:250px; text-align: center;background:url(Telephonist.jpg) no-repeat center bottom}
.contactus #Telephonist div { padding: 5px 0; }
.contactus #Telephonist div::before { font-size: 1.125rem; margin-right: 10px; color: #ced4da; }
.contactus #Telephonist div .dt, .contactus #Telephonist div .dd, .contactus #Telephonist div .dd a { font-size: 1.125rem; }
.contactus #Telephonist div .dt div, .contactus #Telephonist div .dd div, .contactus #Telephonist div .dd a div { display: inline; }
.contactus #Telephonist .Address::before { content: '\f2b9'; }
.contactus #Telephonist .Hotline::before { content: '\f1ac'; }
.contactus #Telephonist .Tel::before { content: '\f095'; }
.contactus #Telephonist .Mobile::before { content: '\f10b'; font-size: 1.8rem; }
.contactus #Telephonist .Url::before { content: '\f0c1'; }
.contactus #Telephonist .QQ::before { content: '\f1d6'; }
.contactus #Telephonist .Sir::before { content: '\f2c0'; }
.contactus #Telephonist .Mail::before { content: '\f003'; }
.message [type=text] { width: 100%; padding: 5px; }
.message [type=submit] { margin-top: 10px; padding: 5px 30px; }
.message textarea { width: 100%; height: 10em; padding: 5px; }
.message.common .title { margin-top: 5px; line-height: 2em; }
.write_message input { padding-left: 40px; position: relative; width: 100%; margin-bottom: 12px; line-height: 2.8rem; }
.write_message textarea { padding-left: 40px; position: relative; width: 100%; line-height: 28px; }
.write_message .rows { position: relative; }
.write_message .rows:before { width: 20px; height: 20px; position: absolute; top: 6px; left: 10px; z-index: 10; }
.write_message .messager:before { content: '\f2c0'; }
.write_message .contact::before { content: '\f025'; }
.write_message .mobile::before { content: '\f095'; }
.write_message .email::before { content: '\f0e0'; }
.write_message .content::before { content: '\f044'; }
.write_message .submit { display: flex; flex-flow: row nowrap; justify-content: space-between; }
.write_message input[type=button] {display: none;}
.write_message input[type=submit] { background: #0074C5; color: #f8f9fa; border: 0; border-radius: 3px; box-shadow: 2px 2px 2px #ced4da; font-size: 15px; padding: inherit 15px; }
.copyright .wechat .dt,.copyright .urlqrcode .dt{display: none}
@media (min-width: 320px) {
.bottom{padding-bottom: 80px!important;}
.bottom .copyright .mobile{position: fixed;z-index:100;bottom:30%;left:10px;width:60px;height:60px;background:#0074C5;border-radius: 12px;}
.bottom .copyright .mobile .dd{display:flex;width:100%;height:100%;}
.bottom .copyright .mobile .dd a{display:block;overflow: hidden;}
.bottom .copyright .mobile .dd a::before{display:flex;justify-content:center;align-items:center;width:60px;height:60px;content:'\f098';color:#fff;font-size:60px;}
.fixed-bottom ul li a{display:block;line-height: 50px;color:#fff;text-align:center}
.fixed-bottom ul li a:hover{color: #fff;}
.copyright .wechat,.copyright .urlqrcode{display:inline-block;margin-right:15px;margin-top:15px;}
.copyright .wechat img,.copyright .urlqrcode img{width:120px;}
}
@media (min-width: 992px) {
.fixed-bottom.bg-fst{display: none;}
.about{background:linear-gradient(to right,#eee 0%,#eee 50%,#0074c5 50%)}
.about .RowsTitle{margin-left:57.5%}
.about .Margin{display:flex;flex-flow:row nowrap;}
.about .intro,.about .card{flex:1;position: relative;}
.about .card{margin-right:15%; margin-left:0;background:none}
.about .intro::before{position:absolute;z-index:10;width:0px;height:0px;content:"";border-width: 40px 40px 40px 0;border-style: solid;border-color: transparent #0074c5 transparent;left:-50px;top:50px;margin-left:-15%}
.bottom .copyright .mobile{display: none;}
.menu {
display: flex;
position: inherit;
top: 0;
left: 0;
z-index: auto;
background: none;
}
.menu ul {
flex-flow: row nowrap;
justify-content: space-between;
padding: 0;
}
.menu ul li {
margin: 0;
background: none;
}
.menu ul li a {
display: flex;
align-items: center;
line-height: 3rem;
color: #fff;
text-align: center;
}
.menu ul li a b {
margin-left:10px;
margin-top: 5px;
border-top: 5px solid #fff;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
}
.menu ul li ul {
display:none;
background:#0f3855;
flex-flow: column wrap;
padding:0;
border:0;
left:0;
top:52px;
}
.menu ul li ul li a {
white-space: nowrap;
line-height: 1.5em;
padding: 10px;
white-space: nowrap;
font-size:12px;
}
.menu ul li:hover ul {
display: block;
}
.menu ul li ul li a:hover {
background:linear-gradient(to bottom, #1e5799 0%,#1370b3 51%,#1d5e97 75%,#265a80 100%);
}
.contactus #Telephonist{text-align: left;}
.istop{cursor: pointer;}
.istop::before{content:'\f0fb';transform:rotate(-90deg);}
.nav menu ul{background:#4FA0D7;margin-bottom: 2em;}
.nav menu ul li#split{flex:0;width:0;height:30px;border-left:1px solid #fff;transform: rotate(30deg)}
.sider #Navigator{border:3px solid #0074C5;background:#fff;flex:1;}
.sider .RowsTitle{display:block;background:#0074C5}
.sider .RowsTitle .Title .cn{background:none}
.sider .RowsTitle *{color:#fff}
.sider .Margin{margin:5px}
.sider ul{display:flex;flex-flow:column wrap;}
.sider ul li{margin:5px 10px; width:auto; flex:1;border:0;border-bottom:1px dotted #ccc;margin:0}
.TabNavTitle{display:block;border:3px solid #0074C5;background:#fff}
.TabNavTitle .RowsTitle{background:#0074C5;padding-top:15px;padding-bottom:18px;margin-bottom:8px}
.TabNavTitle .RowsTitle .Title .cn{background:none;color:#fff}
.TabNavTitle .RowsTitle .Title .en{color:#fff}
.TabTitle{border-bottom: 1px dotted #ccc;}
.MessageTable { font-size: 1.25rem; font-weight: bold; margin-bottom: 10px; }
.MessageTable::before { content: '\f0e5'; font-size: 1.5rem; margin-right: 10px; }
#TabStrip .TabContent ul li{width:calc(33% - 20px)}
.contactus #Telephonist { padding-bottom: 20px; padding-left:360px; text-align:left;background:url(Telephonist.jpg) no-repeat left 15px}
.sider{margin-right:3em;flex:1}
.search .RowsTitle,.search .Subject{display: block;}
.frame{flex:3}
.copyright{padding-left:350px;padding-right:350px;position: relative;}
.copyright .Logo{position: absolute;z-index: 10;top:20px;left:0;}
.copyright .Logo .dt{display: none;}
.copyright .wechat{display:block;position: absolute;z-index: 10;right:0;top:15px}
.copyright .urlqrcode{display:block;position: absolute;z-index: 10;right:180px;top:15px}
.news #ArticleIntro ul{flex-flow: row wrap}
.news #ArticleIntro ul li{width:calc(50% - 1.5em); margin-right:3em}
.news #ArticleIntro ul li:nth-child(2n){margin-right: 0}
.advantage .Frame{background:url(advantage.png) no-repeat;background-size:auto;min-height: 610px;padding-bottom: 0}
.advantage .Frame .p2{margin-top:98px}
}
@media (min-width: 1200px) {

}