body {
	margin: 0px; padding: 0px;
}
div {
	margin: 0px; padding: 0px;
}
dl {
	margin: 0px; padding: 0px;
}
dt {
	margin: 0px; padding: 0px;
}
dd {
	margin: 0px; padding: 0px;
}
ul {
	margin: 0px; padding: 0px;
}
ol {
	margin: 0px; padding: 0px;
}
li {
	margin: 0px; padding: 0px;
}
h1 {
	margin: 0px; padding: 0px;
}
h2 {
	margin: 0px; padding: 0px;
}
h3 {
	margin: 0px; padding: 0px;
}
h4 {
	margin: 0px; padding: 0px;
}
h5 {
	margin: 0px; padding: 0px;
}
h6 {
	margin: 0px; padding: 0px;
}
form {
	margin: 0px; padding: 0px;
}
input {
	margin: 0px; padding: 0px;
}
button {
	margin: 0px; padding: 0px;
}
textarea {
	margin: 0px; padding: 0px;
}
p {
	margin: 0px; padding: 0px;
}
a {
	margin: 0px; padding: 0px;
}
span {
	margin: 0px; padding: 0px;
}
blockquote {
	margin: 0px; padding: 0px;
}
img {
	border: 0px currentColor; border-image: none; display: block;
}
ul {
	list-style: none;
}
li {
	list-style: none;
}
button {
	border: currentColor; border-image: none;
}
input {
	border: currentColor; border-image: none;
}
textarea {
	border: currentColor; border-image: none;
}
textarea {
	resize: none;
}
body {
	color: rgb(51, 51, 51); font-family: "΢���ź�",sans-serif; font-size: 14px;
}
a {
	border: currentColor; border-image: none; text-decoration: none; -webkit-tap-highlight-color: transparent;
}
body {
	width: 100%; height: 100%;
}
.clearfix {
	
}
.clearfix::before {
	line-height: 0; display: table; content: "";
}
.clearfix::after {
	line-height: 0; display: table; content: "";
}
.clearfix::after {
	clear: both;
}
.header {
	transition:0.5s ease-in-out; left: 0px; top: 0px; width: 100%; height: 80px; position: fixed; z-index: 10; box-sizing: border-box; transform: translateZ(0px);
}
.header:hover {
	background: rgb(25, 27, 70); border-bottom-color: rgb(45, 63, 94); border-bottom-width: 1px; border-bottom-style: solid;
}
.header.scroll {
	background: rgb(25, 27, 70); border-bottom-color: rgb(45, 63, 94); border-bottom-width: 1px; border-bottom-style: solid;
}
.header.normal {
	background: rgb(25, 27, 70); border-bottom-color: rgb(45, 63, 94); border-bottom-width: 1px; border-bottom-style: solid;
}
.header-inner {
	margin: 0px auto; max-width: 1200px;
}
.header-logo {
	padding: 11px 0px; float: left;
}
.header-nav {
	float: right; position: relative;
}
.header-nav-menu {
	padding: 0px 20px; height: 80px; line-height: 80px; font-size: 16px; display: inline-block; position: relative;
}
.header-nav-menu .menu-name {
	height: 60px; color: rgba(255, 255, 255, 0.8); display: block; cursor: pointer; box-sizing: border-box;
}
.header-nav-menu:hover .menu-name {
	color: rgb(255, 255, 255);
}
.header-nav-menu.cur .menu-name {
	color: rgb(255, 255, 255); border-bottom-color: rgb(255, 255, 255); border-bottom-width: 3px; border-bottom-style: solid;
}
.header-subnav {
	background: rgba(25, 27, 70, 0.95); padding: 15px 0px; border-radius: 0px 0px 2px 2px; left: 50%; top: 79px; width: 216px; text-align: center; margin-left: -108px; display: none; position: absolute;
}
.header-subnav li {
	color: rgb(107, 149, 224); line-height: 40px; font-size: 14px;
}
.header-subnav .subnav-item a {
	color: rgba(255, 255, 255, 0.6);
}
.header-subnav .subnav-item:hover a {
	color: rgb(255, 255, 255);
}
.header-subnav.subnav-solution {
	padding: 15px; width: auto; margin-left: 0px; white-space: nowrap; box-sizing: border-box;
}
.header-subnav.subnav-solution .header-subnav-menu {
	margin: 0px 5px; width: 230px; text-align: left; line-height: 40px; vertical-align: top; display: inline-block;
}
.header-subnav-menu h4 {
	color: rgba(255, 255, 255, 0.9); font-size: 16px; margin-bottom: 10px; border-bottom-color: rgba(89, 90, 98, 0.9); border-bottom-width: 1px; border-bottom-style: solid;
}
.header-subnav-menu a {
	color: rgba(255, 255, 255, 0.6); display: block;
}
.header-subnav-menu a:hover {
	color: rgb(255, 255, 255);
}
.header-subnav-menu a.cur {
	color: rgb(255, 255, 255);
}
.footer {
	background: rgb(25, 27, 70); color: rgb(255, 255, 255);
}
.footer-con {
	margin: 0px auto; padding: 50px 0px; max-width: 1200px;
}
.footer-con-box {
	margin-right: 7%; vertical-align: top; display: inline-block;
}
.footer-con-box h3 {
	line-height: 46px; font-size: 18px;
}
.footer-con-box a {
	color: rgba(255, 255, 255, 0.8); line-height: 40px; font-size: 14px; display: block;
}
.footer-con-box a:hover {
	color: rgb(255, 255, 255);
}
.footer-contact {
	margin: 0px; float: right;
}
.footer-contact a.qq {
	background: url("../images/public/QQ.png") no-repeat 10px rgb(0, 91, 215); margin: 20px 0px; border-radius: 5px; width: 120px; height: 40px; color: rgb(255, 255, 255); line-height: 40px; padding-left: 45px; font-size: 16px; display: block; box-sizing: border-box;
}
.footer-contact p.tel {
	font-family: "futura",sans-serif; font-size: 24px;
}
.footer-copyright {
	padding: 40px 0px; text-align: center; font-size: 12px; border-top-color: rgb(85, 86, 107); border-top-width: 1px; border-top-style: solid;
}
.float-box {
	width: 40px; right: 20px; bottom: 15%; position: fixed;
}
.qq-advice {
	background: -ms-linear-gradient(top left, rgb(25, 207, 247), rgb(1, 95, 216)); border-radius: 4px; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
}
.qq-advice-inner {
	padding: 10px 0px; text-align: center; color: rgb(255, 255, 255); font-size: 12px; display: block;
}
.qq-advice-inner img {
	margin: 0px auto;
}
.qq-advice-inner span {
	padding: 5px; display: block;
}
.tel-advice {
	border-top-color: rgba(255, 255, 255, 0.3); border-top-width: 1px; border-top-style: solid; position: relative; cursor: pointer;
}
.tel-advice .tel-icon {
	padding: 10px;
}
.tel-box {
	background: rgb(255, 255, 255); padding: 20px; border-radius: 5px; top: -20px; width: 200px; height: 80px; right: 50px; display: none; position: absolute; box-sizing: border-box; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
}
.tel-box img {
	vertical-align: middle; display: inline-block;
}
.tel-box .tel-box-r {
	color: rgb(85, 85, 85); font-weight: bold; vertical-align: middle; display: inline-block;
}
.tel-box.show {
	display: block;
}
.back-top {
	background: url("../images/public/pic_top_gray.png") no-repeat center rgb(255, 255, 255); border-radius: 4px; width: 40px; height: 40px; margin-top: 10px; display: block; cursor: pointer; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
}
.back-top:hover {
	background: url("../images/public/pic_top_blue.png") no-repeat center rgb(255, 255, 255);
}
.solution-banner{
	width: 100%;
	background: url(../images/banner2.png) no-repeat bottom ;
	background-size: cover;     /* 让图完全盖满区域，不留白 */
	display: block;
}
.top-banner {
	width: 100%; height:375px; margin-top: 80px; /*position: relative;*/
}
.top-banner .banner-inner {
	margin: 0px auto; width: 1200px; color: rgb(255, 255, 255); padding-top: 120px; font-size: 24px;
}
.top-banner .banner-inner h1 {
	font-size: 36px;
}
.top-banner .banner-inner p {
	width: 50%; color: rgba(255, 255, 255, 0.8); line-height: 30px; padding-top: 20px; font-size: 18px;
}

.top-banner.dsjBanner {
	height: 740px; padding-top: 0px; margin-top: 80px; position: relative;
}
.top-banner.dsjBanner .banner-inner {
	margin: auto; left: 0px; text-align: center; right: 0px; bottom: 30px; position: absolute; z-index: 9;
}
.top-banner.dsjBanner .banner-inner p {
	width: 100%; text-align: center; font-size: 16px;
}
.top-banner.dsjBanner .banner-bg {
	background: url("../images/solution/banner_bg_cover.png") repeat-x bottom; width: 100%; height: 333px; bottom: 0px; position: absolute;
}
.section-title {
	text-align: center; line-height: 38px;
}
.section-title h1 {
	color: rgb(46, 46, 69); font-size: 32px;
}
.section-title span {
	color: rgb(76, 76, 76); font-family: sans-serif; font-size: 18px; font-weight: 300;
}
.section-title p {
	margin: 0px auto; width: 800px; color: rgb(102, 102, 102); line-height: 24px; padding-top: 10px; font-size: 16px;
}
.section-title p span {
	font-weight: bold;
}
.panel-title {
	text-align: center; padding-bottom: 50px;
}
.panel-title h1 {
	margin: 0px 30px; color: rgb(51, 51, 51); font-size: 30px; vertical-align: middle; display: inline-block;
}
.panel-title .title-line {
	background: rgb(0, 0, 0); width: 80px; height: 1px; vertical-align: middle; display: inline-block;
}
.panel-title h2 {
	padding-top: 10px; font-size: 18px; font-weight: normal;
}
.share-container {
	vertical-align: middle; display: inline-block;
}
.share-container-left {
	float: left;
}
.share-tip-text {
	margin: 8px 6px 6px 0px; color: rgb(98, 98, 98); font-size: 14px; float: left; display: inline-block;
}
.bd-share-container {
	float: left; display: inline-block;
}
.share-container .bd-share-container .share-wx {
	background: url("../images/public/share_wx_l.png") no-repeat left; font-size: 14px; vertical-align: middle; display: inline-block; cursor: pointer;
}
.share-container .bd-share-container .share-qq {
	background: url("../images/public/share_qq_l.png") no-repeat left; font-size: 14px; margin-left: 8px; vertical-align: middle; display: inline-block; cursor: pointer;
}
.share-container .bd-share-container .share-wx:hover {
	background: url("../images/public/share_wx_l.png") no-repeat left; color: rgb(98, 98, 98); text-decoration: underline; opacity: 1;
}
.share-container .bd-share-container .share-qq:hover {
	background: url("../images/public/share_qq_l.png") no-repeat left; color: rgb(98, 98, 98); text-decoration: underline; opacity: 1;
}
.share-a-text {
	margin-top: 3px; float: left;
}
.share-a-text-mg {
	margin: 3px 50px 6px 0px; cursor: pointer;
}
.bdshare-button-style0-24 a.top-share-wx {
	width: 25px; padding-left: 0px;
}
.bdshare-button-style0-24 a.top-share-qq {
	width: 18px; padding-left: 0px;
}
.bdshare-button-style0-24 a.bot-share-wx {
	width: 95px; padding-left: 15px;
}
.bdshare-button-style0-24 a.bot-share-qq {
	width: 90px; padding-left: 10px;
}
.share-a-text-mg-right {
	margin: 0px 0px 0px 50px;
}
.solution-scroll {
	margin: 0px auto 30px; position: relative; max-width: 65%;
}
.solution-scroll .scroll-container {
	margin: 0px auto; overflow: hidden; font-size: 0px; box-sizing: border-box;
}
.solution-scroll .scroll-container h2 {
	padding: 45px 0px 25px; text-align: center; color: rgb(46, 46, 69); font-size: 25px;
}
.scroll-prev {
	border: 1px solid rgb(169, 171, 172); transition:0.3s ease-in-out; border-image: none; top: 50%; width: 50px; height: 40px; margin-top: -20px; position: absolute;
}
.scroll-next {
	border: 1px solid rgb(169, 171, 172); transition:0.3s ease-in-out; border-image: none; top: 50%; width: 50px; height: 40px; margin-top: -20px; position: absolute;
}
.scroll-prev {
	background: url("../images/public/arrow_left_g.png") no-repeat center / 35px 35px; left: 0px; cursor: pointer;
}
.scroll-prev:hover {
	background: url("../images/public/arrow_left_w.png") no-repeat center / 35px 35px rgb(0, 91, 215); border-color: rgb(0, 91, 215);
}
.scroll-next {
	background: url("../images/public/arrow_right_g.png") no-repeat center / 35px 35px; right: 0px; cursor: pointer;
}
.scroll-next:hover {
	background: url("../images/public/arrow_right_w.png") no-repeat center / 35px 35px rgb(0, 91, 215); border-color: rgb(0, 91, 215);
}
.solution-btn {
	margin: 60px auto;
}
.solution-box-item {
	width: 33%; height: 446px; text-align: center; overflow: hidden; vertical-align: top; display: inline-block; position: relative; box-sizing: border-box; background-color: rgb(243, 243, 243);
}
:nth-child(2n).solution-box-item {
	background-color: rgb(234, 234, 234);
}
.solution-box-item .solution-img {
	width: 100%; height: 296px; overflow: hidden;
}
.solution-box-item .solution-icon {
	padding: 24px 0px 10px; display: block;
}
.solution-box-item .solution-icon img {
	margin: 0px auto;
}
.solution-box-item .solution-tit {
	padding: 0px 10px; font-size: 20px; font-weight: bold;
}
.solution-box-item .solution-des {
	padding: 30px 40px; line-height: 26px; font-size: 16px;
}
.solution-box-item .solution-btn-more {
	left: 50%; bottom: 50px; margin-left: -45px; position: absolute;
}
.solution-box-item .solution-normal {
	transition:0.4s cubic-bezier(0.4, 0, 0.2, 1); width: 100%; font-size: 18px; font-weight: bold; opacity: 1; transform: translateY(0px);
}
/*.solution-box-item .solution-hover {
	background: rgba(14, 15, 45, 0.9); padding: 50px 0px; transition:0.5s cubic-bezier(0.4, 0, 0.2, 1); left: 0px; top: 0px; width: 100%; height: 100%; color: rgb(255, 255, 255); position: absolute; box-sizing: border-box; opacity: 0; transform: translateY(100px);
}*/
.solution-hover-con {
	transition:0.3s cubic-bezier(0.4, 0, 0.2, 1); opacity: 0;
}
/*.solution-box-item:hover .solution-normal {
	opacity: 0; transform: translateY(-100px);
}
.solution-box-item:hover .solution-hover {
	opacity: 1; transform: translateY(0px);
}
.solution-box-item:hover .solution-hover-con {
	opacity: 1;
}*/
.panel-btn-all {
	background: url("../images/public/arrow_right.png") no-repeat 90px 10px / 20px 20px; border: 1px solid rgb(169, 171, 172); transition:0.3s ease-in-out; border-image: none; width: 130px; height: 40px; color: rgb(26, 26, 26); line-height: 40px; padding-left: 25px; font-size: 16px; display: block; box-sizing: border-box;
}
.panel-btn-all:hover {
	background: url("../images/public/arrow_right_w.png") no-repeat 90px 10px / 20px 20px rgb(0, 91, 215); border: 1px solid rgb(0, 91, 215); border-image: none; color: rgb(255, 255, 255);
}
.panel-btn-more {
	margin: 0px auto; border: 1px solid rgb(255, 255, 255); transition:0.3s ease-in-out; border-image: none; width: 90px; height: 30px; text-align: center; color: rgb(255, 255, 255); line-height: 30px; font-size: 16px; display: block; box-sizing: border-box;
}
.panel-btn-more:hover {
	background: rgb(255, 255, 255); color: rgb(12, 43, 84);
}
.popup {
	left: 0px; top: 0px; width: 100%; height: 100%; display: none; position: fixed; z-index: 200;
}
.popup-bg {
	background: rgb(238, 238, 238); left: 0px; top: 0px; width: 100%; height: 100%; display: none; position: absolute; z-index: 400; opacity: 0.5;
}
.popup-con {
	background: rgb(255, 255, 255); border-radius: 5px 5px 0px 0px; width: 920px; right: -900px; bottom: 0px; padding-top: 50px; position: absolute; z-index: 400; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
}
.popup-close {
	top: 10px; width: 29px; height: 29px; right: 10px; display: block; position: absolute; cursor: pointer;
}
.popup-container {
	padding: 0px 90px; width: 740px; -ms-overflow-x: hidden; -ms-overflow-y: auto;
}
.video-popup-bg {
	background: rgb(0, 0, 0);
}
.video-popup {
	padding: 50px 0px 0px; border-radius: 5px; left: 50%; top: 50%; width: 990px; height: 500px; margin-top: -275px; margin-left: -495px; position: absolute; z-index: 400;
}
.video-popup .popup-close {
	z-index: 400;
}
.video-popup-close {
	top: 53px; width: 29px; height: 29px; right: 50px; display: block; position: absolute;
}
.video-popup-main {
	margin: 0px auto; width: 902px; height: 450px;
}
@media screen and (max-width:1600px)
{
.solution-box-item .solution-img {
	height: 245px;
}
}
@media screen and (max-width:1366px)
{
.header-inner {
	max-width: 1000px;
}
.footer-con {
	max-width: 1000px;
}
.banner-inner {
	max-width: 1000px;
}
.footer-con-box {
	margin-right: 4%;
}
.solution-box-item {
	height: 360px;
}
.solution-box-item .solution-hover {
	padding: 0px;
}
.solution-box-item .solution-img {
	height: 220px;
}
.solution-box-item .solution-img img {
	height: 100%;
}
.solution-box-item .solution-tit {
	padding: 0px; font-size: 16px;
}
.solution-box-item .solution-des {
	padding: 15px 10px; line-height: 20px; font-size: 14px;
}
.solution-box-item .solution-btn-more {
	bottom: 40px; font-size: 14px;
}
.float-box {
	right: 15px; bottom: 30px;
}
.solution-scroll {
	max-width: 75%;
}
}
@media screen and (max-width:1024px)
{
.header-inner {
	max-width: 900px;
}
.footer-con {
	max-width: 900px;
}
.banner-inner {
	max-width: 900px;
}
.solution-box-item {
	height: 290px;
}
.solution-box-item .solution-img {
	height: 120px;
}
.footer-con-box {
	margin-right: 2%;
}
.header-nav-menu {
	padding: 0px 10px;
}
.section-title h1 {
	font-size: 26px;
}
.panel-title h1 {
	font-size: 26px;
}
.solution-box-item .solution-hover {
	padding: 0px;
}
.solution-box-item .solution-icon img {
	width: 40px;
}
.solution-box-item .solution-des {
	line-height: 18px; font-size: 12px;
}
.solution-box-item .solution-btn-more {
	bottom: 25px;
}
}