html { color: #222; font-size: 1em; line-height: 1.4;  }
body { background: #e9eff5 }

::-moz-selection { background: #308cfd; text-shadow: none; color: #fff; }

::selection { background: #308cfd; text-shadow: none; color: #fff; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

audio, canvas, iframe, img, svg, video { vertical-align: middle; }

fieldset { border: 0; margin: 0; padding: 0; }

textarea { resize: vertical; }

a:focus { outline: 0; }

*:focus { outline: none; }

input, textarea { box-shadow: none; }

body { font-family: 'microsoft yahei', Tahoma, Verdana, 'Simsun'; }

p { font-size: 15px; line-height: 25px; color: #616161; }

h1, h2, h3, h4, h5, h6 { font-family: 'microsoft yahei', Tahoma, Verdana, 'Simsun'; color: #22293a; }

h2 { font-size: 40px; text-transform: uppercase; }

h3 { font-size: 20px; }

a { transition: 0.3s ease; color:#22293a; }

a:hover, a:focus { text-decoration: none; outline: none; color: #03A9F4 }

img { display: block; }
.img { overflow:hidden;}
figure { margin: 0; }
.smart-margin-left-10 { margin-left:10px;}
.smart-margin-right-10 { margin-right:10px;}
ul, li { list-style: none; padding: 0; margin: 0; }
.bg-gray { background-color:#f0f0f0;}
.bg-white { background-color:#fff;}
.page { margin-bottom:50px;}
.page-header p {  font-size:13px; color:#666;}
.page-body { margin:10px 0 20px 0;font-size:14px; line-height:2em;}
.one-line { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.two-line { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.line { height:1px;background:#ddd; width:100%;}
.btn { background-color: transparent; color: #fff; padding: 8px 40px; border-radius: 0; font-size: 16px; -webkit-transition: all .3s ease-in 0s; -moz-transition: all .3s ease-in 0s; -o-transition: all .3s ease-in 0s; transition: all .3s ease-in 0s; }

.btn:focus { color: #ddd; }
.btn-blue, a.btn-blue { background-color: #09f; color: #fff; }

.btn-blue:focus,
.btn-blue:hover { background-color: #09f; color: #fff; }

.btn-transparent { border: 1px solid #fff; }

.btn-transparent:focus { background-color: transparent; border-color: #fff; }

.btn-transparent:hover { background-color: #fff; border: 1px solid transparent; color: #09f; }
.box-shadow { box-shadow:5px 5px 5px #e0e0e0;}

/*顶部样式*/
header { position: absolute; width: 100%; left: 0; top: 0; z-index: 10; }

header nav.navbar { border: 0 none; border-radius: 0; background: none; transition: 0.3s ease; }

header nav.navbar .navbar-header { padding-top: 10px; transition: 0.3s ease; }

header .is-sticky nav.navbar .navbar-header { padding-top: 5px; }

header nav.navbar .navbar-header a.navbar-brand { color: #ebeef5; font-size: 5px; font-weight: 500; padding-top: 10px; }

header nav.navbar .navbar-header a.navbar-brand img { margin: 0px 0; max-height: 40px; display: block; }

header nav.navbar .navbar-morki { padding-top: 15px; transition: 0.3s ease; }

header .is-sticky nav.navbar .navbar-morki { padding-top: 10px; }

header nav.navbar .navbar-morki ul.nav li a { background: none; color: #ebeef5; font-weight: 500; text-transform: uppercase; font-size: 15px; }

header nav.navbar .navbar-morki ul.nav li a:hover { background: none; color: #409eff; }

header nav.navbar .navbar-morki ul.nav li a:focus { background: none; color: #409eff !important; }

header .is-sticky nav.navbar .navbar-morki ul.nav li a:focus { color: #fff !important; }

header .is-sticky nav.navbar .navbar-morki ul.nav li ul li a:focus { color: #323232 !important; }

header nav.navbar .navbar-morki ul.nav li.active a { background: none; color: #409eff; }

header nav.navbar .navbar-morki ul.nav li.nav-download-btn a { background: #333; color: #fff; border-radius: 0px; padding: 5px 25px; margin-top: 10px; }

header nav.navbar .navbar-morki ul.nav li.nav-download-btn a:hover { background: #fff; color: #333; }

header .is-sticky { z-index: auto; }

header .is-sticky nav.navbar { background: #0d55a1; margin-bottom: 0; padding-bottom: 0px; transition: 0.3s ease; opacity: 1; }

header .is-sticky nav.navbar .navbar-morki ul.nav li a:hover { color: #fff; }

header .is-sticky nav.navbar .navbar-morki ul.nav li.nav-download-btn a { background: #ef494d; color: #fff; }

header .is-sticky nav.navbar .navbar-morki ul.nav li.nav-download-btn a:hover { background: #fff; color: #333; }

header .is-sticky nav.navbar .navbar-morki ul.nav li.active a { color: #a0ca4e; }

header .is-sticky nav.navbar .navbar-morki ul.nav li.active.nav-download-btn a { color: #333; }

header nav.navbar .navbar-morki ul.nav li { position: relative; }

header nav.navbar .navbar-morki ul.nav li.dropdown:before { color: #fff; content: "\f107"; font-family: "FontAwesome"; position: absolute; right: 2px; top: 15px; }

header nav.navbar .navbar-morki ul.nav li ul { background: rgba(255,255,255,1); box-shadow: 0 0 10px rgba(0,0,0,0.15); left: 0; position: absolute; top: 60px; width: 220px; padding: 10px 0; transition: 0.3s ease; visibility: hidden; opacity: 0; z-index: 1; }

header nav.navbar .navbar-morki ul.nav li:hover ul { opacity: 1; top: 40px; visibility: visible; }

header nav.navbar .navbar-morki ul.nav li ul li { padding: 8px 15px; }

header nav.navbar .navbar-morki ul.nav li ul li a { color: #323232; }

header .is-sticky nav.navbar .navbar-morki ul.nav li.active ul li a { color: #323232; }

header nav.navbar .navbar-header-tel { padding-top: 30px; color: white; font-size: 16px; text-align: right; display: inline-block; transition: 0.3s ease; float: right; }

header .is-sticky nav.navbar .navbar-header-tel { padding-top: 25px; }

.index-page { min-height: 100%; padding: 0; position: relative; background: url(../images/intro-bg2.jpg); background-size: cover; background-repeat: no-repeat; background-position: top; background-attachment:fixed; }
.index-page:before { position: absolute; content: ""; width: 100%; height: 100%; left: 0; top: 0; background: #fff; opacity: 0; }
.index-page-container { position:relative;}
/*块样式*/
section { padding: 20px 0; }
/*.section-header h2::before { background: #03A9F4; text-align: center; }*/
.section-header { margin-bottom: 60px; }
.section-header h2 { margin: 0; text-align: left; padding-left: 20px; position: relative; font-size: 28px; }
.section-header h2:before { position: absolute; content: ""; width: 5px; height: 30px; background: #0d55a1; left: 0; bottom: 0;  }
section.dark { color:#fff}
section.dark .section-header h2 { margin: 0; text-align: center; padding-bottom: 25px; position: relative; font-size: 28px; color: #fff }
section.dark .section-header h2:before { position: absolute; content: ""; width: 120px; height: 2px; background: #fff; left: 50%; bottom: 0; margin-left: -60px; }
section.dark p { color:#ebeef5}
section.dark h4 { color:#eaedf1;}

.sider-menu { border-bottom:1px solid #ddd; }

.sider-menu ul { margin-top:0px; }

.sider-menu ul li { margin: 0px 0px; padding: 0px; transition: 0.3s ease; float:left; }
.sider-menu ul li:hover { background: #e9eff5; }
.sider-menu ul li a { font-size: 15px; display: block; padding:10px 20px; }
.sider-menu ul li.active { background: #0d55a1; color:#fff; }
.sider-menu ul li.active a { color:#fff;}

.mask-box { position: absolute; left: 0; bottom: 0; width:100%; height:80px; overflow:clip; }
.title-mask { position: relative; height: 80px; }
.title-mask:before { position: absolute; content: ""; width: 100%; height: 100%; left: 0; bottom: 0; background: #38425d; opacity: 0.5;  }
.title-mask .title-mask-info { position: relative; left: 10px; bottom: 0; }
.title-mask a { color: #ff0; }
.title-mask a:hover { color:#fff;}
.title-mask p { color: #fff; font-size: 15px; }


.index-banner { min-height: 360px; padding: 0px 0 0 0; position: relative; background: url(../images/intro-bg.jpg); background-size: cover; background-repeat: no-repeat; background-position: top; }

.index-banner:before { position: absolute; content: ""; width: 100%; height: 100%; left: 0; top: 0; background: #0d55a1; opacity: 0.6; }

.index-banner .intro-info { height: 360px; position: relative; }

.index-banner .intro-info .intro-info-content { position: absolute; width: 100%; left: 0; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); }

.index-banner .intro-info .intro-info-content h3 { font-size: 24px; color: #fff; margin: 40px 0 0 0; line-height: 1.7em; font-weight: 300; }

.index-banner .intro-info .intro-info-content h1 span { font-weight: 600; }

.index-banner .intro-info .intro-info-content p { color: #fff; margin-bottom: 0; }

.index-banner .intro-info .intro-info-content ul { margin: 40px 0 0 0; }

.index-banner .intro-info .intro-info-content ul li { display: inline-block; margin-right: 20px; }

.index-banner .intro-info .intro-info-content ul li:last-child { margin-right: 0; }

.index-banner .intro-info .intro-info-content ul li a { color: #fff; display: block; padding: 8px 60px; border: 1px solid #fff; border-radius: 2px; text-transform: uppercase; font-weight: 500; font-size: 18px; }

.index-banner .intro-info .intro-info-content ul li a:hover { background: #fff; color: #0099ff; border-color: #fff; }
/*.intro .intro-info .intro-info-content ul li:first-child a {
	background: #fff;
	color: #ef494d;
}
.intro .intro-info .intro-info-content ul li:first-child a:hover {
	background: #333;
	color: #fff;
}*/
.index-banner .intro-image { height: 480px; position: relative; }

.index-banner .intro-image .intro-image-content { position: absolute; width: 100%; left: 0; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); }

.index-product .caption { padding:20px; background-color:#eeeef2; }
.index-product .caption h3 { margin:0;}
.index-product .caption p { margin-top:10px; font-size:13px;}
.index-product li img { }
.index-product li:hover img { transition: 0.3s ease; transform: scale(1.9); }

.intro { background-color: #fff; position: relative; background: url(../images/intro-bg.jpg); background-size: cover; background-repeat: no-repeat; background-position: right; }
.intro:before { position: absolute; content: ""; width: 100%; height: 100%; left: 0; top: 0; background: #38425d; opacity: 0.6; }

.index-case {  }
.index-case ul li:hover {background-color:aliceblue; }
.index-case .case-box { border: 1px solid #ddd; }
.index-case .case-mask h3 { font-size:18px;}
.index-case .case-mask {  }
.index-case .case-caption { padding: 10px 0px; }

.service-table { padding: 120px 0 80px 0; }

.service-table .service-table-wrapper { background: #f4f4f4; text-align: center; padding: 40px 15px; position: relative; overflow: hidden; margin-bottom: 40px; }

.service-table .service-table-wrapper .service-header { margin-bottom: 20px; }

.service-table .service-table-wrapper .service-header h3 { margin: 0 0 20px 0; }

.service-table .service-table-wrapper .service-header span { display: inline-block; }

.service-table .service-table-wrapper .service-header span.price { font-size: 30px; color: #ef494d; font-weight: 700; position: relative; padding-right: 10px; }

.service-table .service-table-wrapper .service-header span.price:before { bottom: 5px; content: "/"; font-size: 15px; position: absolute; right: 0; }

.service-table .service-table-wrapper .service-content ul li { padding: 7px 0; font-size: 15px; }

.service-table .service-table-wrapper .service-content ul li.ablock { color: #bababa; }

.service-table .service-table-wrapper .service-btn { margin-top: 30px; }

.service-table .service-table-wrapper .service-btn a { border: 2px solid #38425d; color: #38425d; display: inline-block; font-size: 15px; font-weight: 700; padding: 10px 25px; text-transform: uppercase; border-radius: 3px; }

/*.service-table .service-table-wrapper.service-table-featured:before { background: #ef494d; content: ""; height: 50px; right: -25px; position: absolute; top: -25px; -ms-transform: rotate(-45deg); transform: rotate(-45deg); width: 50px; }

.service-table .service-table-wrapper.service-table-featured .service-btn a { color: #fff; background: #ef494d; }*/

.service-table .service-table-wrapper:hover .service-btn a { color: #fff; background: #38425d; }



.video-featured { text-align: left; background: url(../images/video-bg.jpg); background-size: cover; background-repeat: no-repeat; background-position: center; position: relative; }
.video-featured .media { border: none; }
.video-featured .media .remark { height: 64px; overflow: hidden; }
.video-featured:before { position: absolute; content: ""; width: 100%; height: 100%; left: 0; top: 0; background: #38425d;opacity:.8; }

.video-featured a.video-btn span { display: table-cell; vertical-align: middle; color: #fff; transition: 0.3s ease; }

.video-featured a.video-btn span:first-child { width: 80px; height: 80px; text-align: center; background: #fff; border-radius: 50%; color: #ef494d; font-size: 25px; }

.video-featured a.video-btn span:last-child { padding-left: 15px; font-size: 15px; font-weight: 700; text-transform: uppercase; }

.video-featured a.video-btn:hover span:first-child { background: #333; color: #fff; }

.map { padding:120px 0; text-align: left; background: url(../images/map-bg.png); background-size: cover; background-repeat: no-repeat; background-position: center; position: relative; }
.map:before { position: absolute; content: ""; width: 100%; height: 100%; left: 0; top: 0; background: #3b4761; opacity:.9; }
.blog { min-height:800px; }
.blog .blog-single { padding:20px; }
.blog .blog-single .header { border-bottom: 1px solid #ddd; text-align:center;  }
.blog .blog-single .header p span{ font-size: 12px; }
.blog .blog-single .content { padding: 15px; }

.blog .blog-single figure figcaption { padding: 15px 0; width: 100%; color: #666; }


.blog .blog-single figure figcaption h3 { text-transform: none; margin: 0; vertical-align: middle; overflow: hidden; font-size: 15px; }

.blog .blog-single figure figcaption h3 a { color: inherit; }

.blog .blog-single:hover figure figcaption h3 a, .blog .blog-single:hover figure figcaption ul.post-bottom li a { color: #38425d; }

.blog-list { padding-top: 25px;  }

.blog-list li {  padding-bottom:25px; margin-bottom:25px; }
.blog-list li:hover a{ color:#ef494d}
.blog-list li img {  }
.blog-list li:hover img { transition: 0.3s ease; transform: scale(1.9); }
.blog-list-content { }
.blog-list-content h3 { margin:0;}
.blog-list-content .remark { margin:10px 0;}
.blog-list-content .info-bottom { color:#999; }

.blog-list-h { padding:10px 10px; }
.blog-list-h li { margin:10px 0px;}
.blog-list-h li .box { padding: 10px; border: 1px solid #ddd; }
.blog-list-h li img { }
.blog-list-h li:hover img { transition: 0.3s ease; transform: scale(1.9); }
.blog-list-h .blog-list-content { margin-top:10px; }
.blog-list-h .blog-list-content h3 { margin: 0; font-size:16px; }
.blog-list-h .blog-list-content .remark { margin: 5px 0 0 0; font-size: 13px; }


.case {  }
.case h3{ font-size:22px; }
.case .info { margin-top: 20px; }
.case .info p {  font-size: 14px; line-height: 2em }

.soft { }
.soft section { padding:60px 0;}
.soft-detail { text-align:left; padding:0 10px; }
.soft-detail .quote { padding:20px 0; }
.soft-detail .quote h3 { line-height: 2.5em }
.soft-detail .section-content { }
.soft-detail .section-content dt { font-size:16px; line-height:2em; }
.soft-detail .section-content dd { font-size: 16px; line-height: 2em; margin-bottom:20px;}
.sales { margin:0;}
.sales dt { font-size: 16px; }
.sales dd { font-size: 16px; line-height: 2em; margin-bottom: 15px; }
/*合作伙伴样式*/
.clients-logo {  }

.clients-logo img { border:1px solid #ddd; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; }

.clients-logo img:hover { -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); filter: none; }


.page-banner { height: 360px; position: relative; background: url(../images/intro-bg.jpg); background-size: cover; background-repeat: no-repeat; background-position: top; }

.page-banner:before { position: absolute; content: ""; width: 100%; height: 100%; left: 0; top: 0; background: #0d55a1; opacity: 0.6; }

.page-banner .page-banner-container { position: relative; height: 360px; }

.page-banner .page-banner-container .breadcrumbs-box {  position: absolute; width: 100%; left: 0; bottom: 0; height: 80px;  }

.page-banner .page-banner-container .breadcrumbs-box .top { padding: 25px 0px; height: 80px;  }
.page-banner .page-banner-container .breadcrumbs-box .header {  }

.page-banner .page-banner-container .breadcrumbs-box .header span { font-size: 16px; color: #0d55a1; font-weight: bold; border-left: 3px solid #0d55a1; padding-left: 8px;  }

.page-banner .page-banner-container .breadcrumbs-box .breadcrumbs-ul { vertical-align: middle; display: table-cell; }

.page-banner .page-banner-container .breadcrumbs-box .breadcrumbs-ul span { color: #999; }

.page-banner .page-banner-container .breadcrumbs-box .breadcrumbs-ul a { color: #666; }
.page-banner .page-banner-container .breadcrumbs-box .breadcrumbs-ul a.active { color: #a0ca4e }
/*底部样式*/
footer { background: #0d55a1; padding: 25px 0; margin-top: 50px; }

footer p { color: #333; margin-bottom: 0; }

footer p i { color: #ef494d; }

footer ul.link { margin-bottom: 0; }

footer ul.link li { display: inline-block; padding-right: 10px; }

footer ul.link li:last-child { padding-right: 0; }

footer ul.link li a { color: #bdc3cf; }

footer ul.link li a:hover { color: #03A9F4; }

footer p#back-top { text-align: right; margin-bottom: 0; position: fixed; bottom: 30px; right: 50px; z-index: 10; }

footer p#back-top a { background: #323232; display: inline-block; font-size: 25px; height: 35px; text-align: center; width: 35px; padding-top: 3px; }

footer p#back-top a i { color: #fff; }

footer p#back-top a:hover { background: #EF494D; border-color: #EF494D; }

footer h4 { color: #EEE; font-size: 16px; }

footer p { font-size: 13px; }

footer p, footer p a { color: #bdc3cf; }

footer p i { color: #03A9F4; }
footer .img { max-width:64px; float:right;}

footer .footer-bottom-menu ul li a:hover { color: #03A9F4; }

footer p#back-top a:hover { background: #03A9F4; border-color: #03A9F4; }
