/* CSS Document */
@charset "utf-8";/* reset */
/*body,textarea,input,button,select,keygen,legend{font:14px/24px arial,\5b8b\4f53;color:#555555;outline:0;vertical-align: middle;font-family:"Microsoft YaHei";}
*/body,p,h1,h2,h3,h4,h5,ol,ul,li,span,a,div{text-shadow: none;-webkit-text-size-adjust: 100% !important;  text-size-adjust: 100% !important;  -moz-text-size-adjust: 100% !important;} /*½ûÖ¹¸ü¸Ä×ÖÌå´óСiphone¶Ë*/
a{text-decoration:none !important;}
.delay1 {animation-delay:0.5s;}
.delay2 {animation-delay:1.5s;}
.delay3 {animation-delay:1s;}

.l-nav {background:#1a1a1a; border:none; border-radius:0px;}
.opacity {opacity:0.9; filter:alpha(opacity=90); /* IE */ .-moz-opacity:0.9;/* ÀÏ°æMozilla */ .-khtml-opacity:0.9; /* ÀÏ°æSafari */}
.l-nav .navbar-brand {position:relative;}
.l-nav .l-nav-ul li a {display:block;color:#ccc;}
.l-nav .l-nav-ul .active a {background:#000;}
.l-banner {padding:0; position:relative;}
.l-banner .carousel-indicators .active {background:#fff; border:none;}
.l-banner .carousel-indicators li {background:#6f6f6f; border:none;}
.l-banner .carousel-control {background:none; position:absolute; top:50%;margin-top:-23px;}
.l-banner .left .l-arrow {display:block; background:url(?statics/images/szyh/jiazu/l_arrow.png) no-repeat; width:46px; height:46px;position:absolute; left:40%;}
.l-banner .right .l-arrow {display:block; background:url(?statics/images/szyh/jiazu/l_arrow.png) no-repeat right; width:46px; height:46px;position:absolute; right:40%;}
.l-banner .carousel-caption {bottom:50%; margin-bottom:-106px;}

.l-first {margin-top:60px; margin-bottom:100px;}
.l-first h4 {text-align:center; color:#333; font-size:1.6em; margin:10px 0;}
.l-first p {text-align:center; color:#888; margin:4px;}
.l-first .row {margin-top:60px; overflow:hidden;}
.l-first .row img {display:block; margin:0 auto; margin-bottom:24px;}
.l-first .row .col-md-4 {border-bottom:1px solid #ddd; border-right:1px solid #ddd; padding-top:40px; height:340px; cursor:pointer;}
.l-first .row .l-noline {border-right:none;}
.l-first .row .l-nobottom {border-bottom:none;}
.l-first .row h4{font-weight:normal; font-size:1.2em;}

.l-second {background:url(?statics/images/szyh/jiazu/l-second.jpg) no-repeat center; height:448px;}
.l-second .container {margin:124px auto; color:#fff;}
.l-second .container h4 {font-size:2.5em; line-height:1.6em;}
.l-second .container p {font-size:1.3em; line-height:1.8em; margin-top:10px; width:86%;}

.l-link {margin-top:60px; margin-bottom:100px;}
.l-link h4 {text-align:center; color:#333; font-size:1.6em; margin:10px 0;}
.l-link p {text-align:center; color:#888; margin:4px;}
.l-link .row {margin-top:60px;overflow:hidden;padding-top:10px;}
.l-link .row img {display:block; margin:0 auto; margin-bottom:24px; width:100%;}

.l-link .l-more {position:relative; margin-bottom:100px; margin-top:60px;}
.l-link .l-more a {width:200px; height:42px; line-height:42px; display:block; position:absolute; left:50%; top:0; margin-left:-100px; border:1px solid #ddd; text-align:center; color:#999;}

.l-forth {background:#f6f6f6; padding:100px 0;}
.l-forth h4 {text-align:center; color:#333; font-size:1.6em; margin:10px 0;}
.l-forth p {text-align:center; color:#888; margin:4px;}
.l-forth li {cursor:pointer;}
.l-forth .vmcarousel-normal {overflow:hidden; margin:80px 0; height:240px;}
.l-forth .vmcarousel-normal li {float:left; width:300px;}
.l-forth .vmcarousel-normal li h4 {margin-top:40px;}
.l-forth .vmc-arrow-left {color:#bbb; font-size:2em; line-height:50px; background:#fff; border:1px solid #bbb; left:-50px;}
.l-forth .vmc-arrow-right {color:#bbb; font-size:2em; line-height:50px; background:#fff; border:1px solid #bbb; right:-50px;}

.l-fifth {margin-top:60px; margin-bottom:60px;}
.l-fifth h4 {text-align:center; color:#333; font-size:1.6em; margin:10px 0;}
.l-fifth p {text-align:center; color:#888; margin:4px;}
.l-fifth .row {margin:60px 0 100px 0;}
.l-fifth .l-img {height:233px; overflow:hidden;}
.l-fifth .l-img img {width:100%;}
.l-fifth .row  .col-md-4 h5 {padding:0 10px; font-size:1.1em; color:#555; margin-top:14px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.l-fifth .row  .col-md-4 h5 a{color:#555;}
.l-fifth .row  .col-md-4 span {padding:4px 10px; color:#aaa; display:block;}
.l-fifth .row  .col-md-4 p {text-align:left; text-indent:2em; height:48px; overflow:hidden;}

.l-footer {height:670px; background:url(?statics/images/szyh/jiazu/l-map.jpg) no-repeat center;}
.l-footer .l-contact {width:394px; height:464px; background:url(?statics/images/szyh/jiazu/l-footer.png) no-repeat; margin:112px 0 0 98px;}
.l-footer .l-contact .l-contact-top {height:142px;text-align:center;}
.l-footer .l-contact .l-contact-top h4 {color:#555; font-size:1.8em; line-height:30px; padding-top:24px; margin-bottom:6px;}
.l-footer .l-contact .l-contact-top h5 {color:#9f9f9f; font-size:1.2em; line-height:28px;}
.l-footer .l-contact .l-contact-bottom {height:322px;color:585757;}
.l-footer .l-contact .l-contact-bottom h5 { text-align:center; font-size:1.2em; margin:38px 0px;}
.l-footer .l-contact .l-contact-bottom p {width:270px; margin-left:66px; line-height:30px; }

.l-copy {background:#000; }
.l-copy p {height:48px; line-height:48px; text-align:center; color:#888; font-size:1em;}

/*---------------²à±ßÐü¸¡---------------*/
.l-right{position:fixed;right:0;bottom:200px;z-index:9997; _position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,15)||0)-(parseInt(this.currentStyle.marginBottom,50)||0)));}
.l-right ul{width:36px;position:relative;}
.l-right ul li{margin-top:1px;background-color:none;color:#2673af;width:36px;height:36px;font-size:0;color:#f3f3f3;}
.l-right ul li a{display:block;height:36px;width:36px;background:url(?statics/images/szyh/jiazu/l-right.png) no-repeat;color:#f3f3f3; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px;}
.l-right ul .l-message a{background-position:6px 10px; background-color:#ba9a67;}
.l-right ul .l-message a:hover{background-color:#d6ae6e;}
.l-right ul .l-share a{background-position:6px -32px; background-color:#008cd6;}
.l-right ul .l-share a:hover{background-color:#0072ae;}
.l-right ul .l-return a{background-position:6px -72px; background-color:#555555;}
.l-right ul .l-return a:hover{background-color:#333333;}

.l-right ul .l-message .l-message-con {position:absolute; right:40px; top:0; width:168px; display:none; background:#fff; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; box-shadow:0 3px 4px #888;}
.l-right ul .l-message .l-message-con h4 {height:40px; line-height:40px; padding:0 10px; font-size:16px; color:#fff; background:#00c0ff;border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px;}
.l-right ul .l-message .l-message-con h4 span {float:right; cursor:pointer;}
.l-right ul .l-message .l-message-con dl {overflow:hidden; padding:0 10px; width:168px; height:80px;}
.l-right ul .l-message .l-message-con dl dd { width:148px; height:36px; line-height:38px; display:block; border-bottom:1px solid #e9e9e9; }
.l-right ul .l-message .l-message-con dl dd a {display:block; width:148px; padding-left:30px; font-size:14px; color:#8d8d8d; background:url(?statics/images/szyh/jiazu/l-right01.png) no-repeat;}
.l-right ul .l-message .l-message-con dl .qq a {background-position:0 10px;}
.l-right ul .l-message .l-message-con dl .tel a {background-position:0 -25px;}
.l-right ul .l-message .l-message-con dl .phone a {background-position:0 -60px;}

/*¹ØÓÚÎÒÃÇabout us*/
.l-about {height:342px; background:url(?statics/images/szyh/jiazu/l-about.jpg) no-repeat center; margin-top:90px; overflow:hidden;}
.l-about .container .l-about-con{text-align:center;color:#fff; margin-top:110px;}
.l-about .container .l-about-con h4{font-size:2em; margin-bottom:14px;}
.l-about .container .l-about-con p{font-size:1.6em; margin-bottom:50px;}
.l-about .container .l-about-con img{animation: start 1.5s infinite ease-in-out; -webkit-animation: start 1.5s infinite ease-in-out;}

@keyframes start {
	0%,
	30% {
		opacity: 0;
		transform: translate(0, -8px);
	}
	60% {
		opacity: 1;
		transform: translate(0, 0);
	}
	100% {
		opacity: 0;
		transform: translate(0, 16px);
	}
}

@-webkit-keyframes start {
	0%,
	30% {
		opacity: 0;
		-webkit-transform: translate(0, -8px);
	}
	60% {
		opacity: 1;
		-webkit-transform: translate(0, 0);
	}
	100% {
		opacity: 0;
		-webkit-transform: translate(0, 16px);
	}
}


.l-brief {margin:60px auto 110px auto;}
.l-brief h4 {text-align:center; color:#333; font-size:1.6em; margin:10px 0;}
.l-brief p {text-align:center; color:#888; margin:4px;}
.l-brief .row {margin-top:60px; overflow:hidden;}
.l-brief .row p {text-align:left; text-indent:2em; color:#9f9f9f; line-height:30px;}
.l-brief .row .col-md-8 {margin-top:4%;}
.l-history {background:#e9f0f5; padding:60px 0px 110px 0px;}
.l-history h4 {text-align:center; color:#333; font-size:1.6em; margin:10px 0;}
.l-history p {text-align:center; color:#888; margin:4px;}
.l-culture {margin:60px auto 110px auto;}
.l-culture h4 {text-align:center; color:#333; font-size:1.6em; margin:10px 0;}
.l-culture p {text-align:center; color:#888; margin:4px;}
.l-culture .row {margin-top:60px; overflow:hidden; padding-top:10px; padding-bottom:10px;}
.l-culture .row .col-md-3 {width:270px; text-align:center; border:1px solid #e8e8e8; padding:70px 0px; margin:0 10px;}
.l-culture .row .col-md-3 .l-about-img { height:157px; background:url(?statics/images/szyh/jiazu/l-about-circle.png) no-repeat top center;}
.l-culture .row .col-md-3 .l-about-img1 { height:157px; background:url(?statics/images/szyh/jiazu/l-about-circle1.png) no-repeat top center;}
.l-culture .row .col-md-3 .l-about-img img {margin-top:42px;}
.l-culture .row .col-md-3 h4 {font-weight:normal; color:#757575; font-size:1.4em; margin-top:30px; padding-bottom:16px; background:url(?statics/images/szyh/jiazu/l-about-line.png) no-repeat center bottom;}
.l-culture .row .col-md-3 p{color: #9f9f9f;}

/*²úÆ·ÖÐÐÄ*/
.l-product {height:342px; background:url(?statics/images/szyh/jiazu/l-product.jpg) no-repeat center; margin-top:0px; overflow:hidden;}
.l-product .container .l-about-con{text-align:center;color:#fff; margin-top:110px;}
.l-product .container .l-about-con h4{font-size:2em; margin-bottom:14px;}
.l-product .container .l-about-con p{font-size:1.6em; margin-bottom:50px;}
.l-product .container .l-about-con img{animation: start 1.5s infinite ease-in-out; -webkit-animation: start 1.5s infinite ease-in-out;}

.l-education {margin-top:60px; padding-bottom:110px; border-bottom:1px solid #ececec;}
.l-education h4 {text-align:center; color:#333; font-size:1.6em; margin:10px 0;}
.l-education p {text-align:center; color:#888; margin:4px;}
.l-education .row {margin-top:30px; overflow:hidden;}
.l-education .row p {text-align:left; text-indent:2em; color:#555; line-height:30px;margin-bottom:2%;}
.l-education .row .col-md-7 {margin-top:2%;}
.l-education .row .col-md-7 ul li {margin-top:20px; background:url(?statics/images/szyh/jiazu/l-sq.png) no-repeat left;}
.l-education .row .col-md-7 ul li a {color:#555;}

.l-sport {margin-top:60px; padding-bottom:110px; border-bottom:1px solid #ececec;}
.l-sport h4 {text-align:center; color:#333; font-size:1.6em; margin:10px 0;}
.l-sport p {text-align:center; color:#888; margin:4px;}
.l-sport .row {margin-top:30px; overflow:hidden;}
.l-sport .row p {text-align:left; text-indent:2em; color:#555; line-height:30px;margin-bottom:2%; text-align:justify; padding:0 3%;}
.l-sport .row .col-md-7 {margin-top:6%;}
.l-sport .row .col-md-7 ul li {margin-top:20px; background:url(?statics/images/szyh/jiazu/l-sq.png) no-repeat left;}
.l-sport .row .col-md-7 ul li a {color:#555;}

.l-police {margin-top:60px; padding-bottom:110px; border-bottom:1px solid #ececec;}
.l-police h4 {text-align:center; color:#333; font-size:1.6em; margin:10px 0;}
.l-police p {text-align:center; color:#888; margin:4px;}
.l-police .row {margin-top:30px; overflow:hidden;}
.l-police .row p {text-align:left; text-indent:2em; color:#555; line-height:30px;margin-bottom:2%; text-align:justify; padding:0 3%;}
.l-police .row .col-md-7 {margin-top:8%;}
.l-police .row .col-md-7 ul li {margin-top:20px; background:url(?statics/images/szyh/jiazu/l-sq.png) no-repeat left;}
.l-police .row .col-md-7 ul li a {color:#555;}

.l-trans {margin-top:60px; padding-bottom:110px; border-bottom:1px solid #ececec;}
.l-trans h4 {text-align:center; color:#333; font-size:1.6em; margin:10px 0;}
.l-trans p {text-align:center; color:#888; margin:4px;}
.l-trans .row {margin-top:30px; overflow:hidden;}
.l-trans .row p {text-align:left; text-indent:2em; color:#555; line-height:30px;margin-bottom:2%; text-align:justify; padding:0 3%;}
.l-trans .row .col-md-6 {margin-top:6%;}
.l-trans .row .col-md-6 ul li {margin-top:20px; background:url(?statics/images/szyh/jiazu/l-sq.png) no-repeat left;}
.l-trans .row .col-md-6 ul li a {color:#555;}

.c-inspe{}
.c-inspe .c-tit{padding: 0 3%;color:#555;}
.c-inspe .c-tit h4{border-bottom:2px solid #d6ae6e;text-align:left;font-size: 1.3em;padding-bottom: 10px;float:  left;}







/*¿Í»§°¸Àý case*/
.l-case {height:342px; background:url(?statics/images/szyh/jiazu/l-case.jpg) no-repeat center; margin-top:90px; overflow:hidden;}
.l-case .container .l-about-con{text-align:center;color:#fff; margin-top:110px;}
.l-case .container .l-about-con h4{font-size:2em; margin-bottom:14px;}
.l-case .container .l-about-con p{font-size:1.6em; margin-bottom:50px;}
.l-case .container .l-about-con img{animation: start 1.5s infinite ease-in-out; -webkit-animation: start 1.5s infinite ease-in-out;}

.l-case-con {margin-top:60px; margin-bottom:100px;}
.l-case-con .row {overflow:hidden;padding-top:10px;}
.l-case-con .row img {display:block; margin:0 auto; margin-bottom:24px; width:100%;}

/*ÐÂÎÅÖÐÐÄ  news*/
.l-news {height:342px; background:url(?statics/images/szyh/jiazu/l-news.png) no-repeat center; margin-top:90px; overflow:hidden;}
.l-news .container .l-about-con{text-align:center;color:#fff; margin-top:110px;}
.l-news .container .l-about-con h4{font-size:2em; margin-bottom:14px;}
.l-news .container .l-about-con p{font-size:1.6em; margin-bottom:50px;}
.l-news .container .l-about-con img{animation: start 1.5s infinite ease-in-out; -webkit-animation: start 1.5s infinite ease-in-out;}
.l-news-center .row {margin:60px 0 110px 0;}
.l-news-center .row .col-md-4 {margin-bottom:30px;}
.l-news-center .row .col-md-4 .l-news-con {border:1px solid #d6d6d6; padding:20px 10px;}
.l-news-center .row h4 {color:#e4b564; font-size:1.4em;text-align:center;}
.l-news-center .row span {display:block; color:#a9a9a9; text-align:center;padding:6px 0; border-bottom:1px solid #eaeaea;}
.l-news-center .row h5 {margin:16px 0; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.l-news-center .row .l-news-img {height:150px; overflow:hidden;}
.l-news-center .row img {width:100%; height:auto;}
.l-news-center .row p {color:#8b8b8b; text-indent:2em;margin:16px 0; overflow:hidden; height:48px;}
.l-news-center .row a {position:relative; left:50%; margin-left:-55px; display:block; width:110px; height:30px; line-height:30px; text-align:center; color:#fff; background:#e4b564; border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px;}

/*ÐÂÎÅÖÐÐÄÁбí news-list*/
.l-news-list {margin-top:60px;}
.l-news-list .nav-tabs {border:none !important;position: relative;left: 50%;margin-left:-252px; width:500px;}
.l-news-list .nav-tabs>li {background:#dfdfdf !important; margin:0 18px !important;}
.l-news-list .nav-tabs>li>a {margin-right:0px; color:#555; border:none !important;}
.l-news-list .nav-tabs>li>a:hover {border:none !important; background:#D8AD69 !important; color:#fff !important;}
.l-news-list .nav-tabs .active a{background:#d8ad69 !important; color:#fff !important;}
.l-news-list .nav-tabs>li .active>a {border:none !important;}
.l-news-list .tab-pane .row {margin:60px 0 110px 0;}
.l-news-list .tab-pane .row .col-md-4 {margin-bottom:30px;}
.l-news-list .tab-pane .row .col-md-4 .l-news-con {border:1px solid #d6d6d6; padding:20px 10px;}
.l-news-list .tab-pane .row h4 {color:#e4b564; font-size:1.4em;text-align:center;}
.l-news-list .tab-pane .row span {display:block; color:#a9a9a9; text-align:center;padding:6px 0; border-bottom:1px solid #eaeaea;}
.l-news-list .tab-pane .row h5 {margin:16px 0; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.l-news-list .tab-pane .row .l-news-img {height:150px; overflow:hidden;}
.l-news-list .tab-pane .row .l-news-img a {cursor:pointer; display:block;height:150px; border:none; width:100%; background:#fff;left:0; margin-left:0; cursor:pointer;}
.l-news-list .tab-pane .row img {width:100%; height:auto;}
.l-news-list .tab-pane .row p {color:#8b8b8b; text-indent:2em;margin:16px 0; overflow:hidden; height:48px;}
.l-news-list .tab-pane .row a {position:relative; left:50%; margin-left:-55px; display:block; width:110px; height:30px; line-height:30px; text-align:center; color:#fff; background:#e4b564; border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px;}

.l-news-main {overflow:hidden;margin:60px 0 100px 0;}
.l-news-main h4 {text-align:center;font-size:1.6em; margin-bottom:20px; line-height:1.6em;}
.l-news-main p {text-align:center; color:#a1a1a1; margin-bottom:80px;}
.l-news-main p span {margin:0 10px;}
.l-news-main .l-news-p {text-align:center;}
.l-news-main .l-news-p p{text-align:left; margin-bottom:20px; text-indent:2em; color:#555; text-align:justify;}
.l-news-main .l-news-p img {padding:10px 0;display: inline;max-width: 100%;height: auto;}
.l-news-main a {display:block; margin-left:20px; color:#777; margin-bottom:10px;}

.bdsharebuttonbox {height:40px; line-height:40px; background:#ececec; margin-top:20px; margin-bottom:20px; padding:6px;}
.bdsharebuttonbox span{float:left; margin-left:20px; margin-top:-6px;}
.bdsharebuttonbox a {margin-top:12px;}
.bdshare-button-style1-16 a, .bdshare-button-style1-16 .bds_more {margin-top:12px !important;}
.bdimgshare-bg, .bdimgshare-content {display:none;}

/*È˲ÅÕÐƸ  talent*/
.l-talent {height:342px; background:url(?statics/images/szyh/jiazu/l-case.jpg) no-repeat center;  margin-top:0px; overflow:hidden;}
.l-talent .container .l-about-con{text-align:center;color:#fff; margin-top:110px;}
.l-talent .container .l-about-con h4{font-size:2em; margin-bottom:14px;}
.l-talent .container .l-about-con p{font-size:1.6em; margin-bottom:50px;}
.l-talent .container .l-about-con img{animation: start 1.5s infinite ease-in-out; -webkit-animation: start 1.5s infinite ease-in-out;}
.l-policy {margin-top:60px; padding-bottom:60px; border-bottom:1px solid #ececec;}
.l-policy h4 {text-align:center; color:#333; font-size:1.6em; margin:10px 0;}
.l-policy p {text-align:center; color:#888; margin:4px 0;}
.l-policy .row {margin-top:30px; padding-bottom:60px; overflow:hidden; text-align:center; border-bottom:1px solid #ececec;}
.l-policy .row p {text-align:center; color:#555; line-height:24px; padding:0 3%;}
.l-policy .row .col-md-6 {margin-top:60px; margin-bottom:40px;overflow:hidden;}
.l-policy .row .col-md-6 .l-policy-img {margin-bottom:14px;}
.l-policy .row .col-md-6 p {color: #9f9f9f;}
.l-policy .row .l-email {height:40px; overflow:hidden; clear:both;}
.l-policy .row .l-email a {padding:12px 40px; line-height:42px; background:#e6e6e6; color:#555; border-radius:100px; -webkit-border-radius:100px; -moz-border-radius:100px;}

.l-policy .table {margin-top:60px;}
.l-policy .table thead {background:#e6e6e6;}
.l-policy .table thead>tr>th {border:none; text-align:center;padding:10px 0;}
.l-policy .table tbody>tr>td {border:none; text-align:center; border-bottom:1px solid #ececec; padding:20px 0;}
.l-policy .table tbody>tr>td a {background:#e4b564 url(../../../images/szyh/jiazu/l-button.png) no-repeat right; background-position-x:76px; background-position-y:15px; padding:8px 26px 8px 14px; color:#fff; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; cursor:pointer;}
.l-policy .table .l-part {overflow:hidden;}
.l-policy .table .l-part td{padding:20px 20px;}
.l-policy .table .l-part h4{text-align:left; font-size:1.2em; margin-bottom:10px;}
.l-policy .table .l-part p {text-align:left; text-indent:2em; margin-bottom:10px;}

/*ÁªÏµÎÒÃÇ contact.html*/
.l-contact-us {height:342px; background:url(?statics/images/szyh/jiazu/l-news.png) no-repeat center;  margin-top:90px; overflow:hidden;}
.l-contact-us .container .l-about-con{text-align:center;color:#fff; margin-top:110px;}
.l-contact-us .container .l-about-con h4{font-size:2em; margin-bottom:14px;}
.l-contact-us .container .l-about-con p{font-size:1.6em; margin-bottom:50px;}
.l-contact-us .container .l-about-con img {animation: start 1.5s infinite ease-in-out; -webkit-animation: start 1.5s infinite ease-in-out;}
.l-contact-info {margin-top:60px;}
.l-contact-info h4 {text-align:center; color:#333; font-size:1.6em; margin:10px 0;}
.l-contact-info p {text-align:center; color:#888; margin:4px 0;}
.l-contact-info .row {padding-top:100px; padding-bottom:60px; overflow:hidden; text-align:center;}
.l-contact-info .row .col-md-4 {width:280px; margin:0 4.5%; margin-bottom:30px; padding:60px 0; border:1px solid #d6d6d6; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px;}
.l-contact-info .row .col-md-4 .l-c-img {position:absolute; top:-48px; left:50%; margin-left:-49px; }
.l-contact-info .row .col-md-4 h4 {font-size:1.2em; margin-bottom:20px;}
.l-contact-info .row .col-md-4 p {padding:0 20px;}
.l-contact-info .row .l-ewm-con {padding:68px 0 20px 0;}
.l-map {margin:0; padding:0;}
#allmap {height:500px;width:100%;overflow: hidden;}
#result {width:100%;font-size:12px;}
#BMapLib_search_bus_btn0 {margin-right:0px !important;}


@media only screen and (min-width: 768px){
	.l-nav .navbar-brand .l-logo {position:absolute; width:172px; height:42px; background:url(?statics/images/szyh/jiazu/logo.png) no-repeat; background-size:164px; display:block; top:24px; left:0;}
	.l-nav .l-nav-ul li{height:90px;background:url(?statics/images/szyh/jiazu/l-line.png) center no-repeat; background-position-y:60px; padding:0 10px;}
	.l-nav .l-nav-ul li a {display:block; margin-top:20px;}
	.l-nav .l-nav-ul .active {background:#000;}
	.l-nav .l-nav-ul .active a:hover {background:#000;}
	.l-banner {margin-top:90px;}
	.shadow{-webkit-box-shadow: 0 5px 30px #ddd; box-shadow: 0 5px 30px #ddd;-webkit-transform: translate3d(0, -2px, 0);transform: translate3d(0, -2px, 0);}
	.l-link .row a{cursor:pointer;}
	.l-link .row img:hover {-webkit-box-shadow: 0 5px 20px #ddd; box-shadow: 0 5px 20px #ddd;-webkit-transform: translate3d(0, -2px, 0);transform: translate3d(0, -2px, 0);}
	.l-link .l-more a:hover {color:#9b8058; border-color:#9B8058;}
	.l-fifth .row  .col-md-4 h5 a:hover{color:#9B8058;}
	
	.l-fifth .row  .col-md-4 {position:relative;}
	.l-fifth .row  .col-md-4 h4 {position:absolute; left:50%; top:0; margin-left:-60px; width:120px; color:#888; font-weight:normal; font-size:1.2em;padding-bottom:10px; border-bottom:1px solid #e4b565;}
	.l-fifth .l-img {margin-top:60px;}
	.l-fifth .l-img img:hover{transform: scale(1.2); transition: all 0.4s;}
	.l-policy .table tbody>tr>td a {background:#e4b564 url(../../../images/szyh/jiazu/l-button.png) no-repeat right; background-position-x:76px; background-position-y:15px; padding:8px 26px 8px 14px; color:#fff; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; cursor:pointer;}
	.l-policy .table tbody>tr>td .click {background:#e4b564 url(../../../images/szyh/jiazu/l-top.png) no-repeat right; background-position-x:76px; background-position-y:15px; padding:8px 26px 8px 14px; color:#fff; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; cursor:pointer;}
	.l-policy .table tbody>tr>td a:hover {background:#f5bb58 url(../../../images/szyh/jiazu/l-top.png) no-repeat right; background-position-x:76px; background-position-y:15px;;}
	.l-news-main a:hover {color:#E4B564;}
	
	.l-news-list .tab-pane .row .l-news-img img:hover{transform: scale(1.2); transition: all 0.4s;}
	.l-case-con .row a {cursor:pointer;}
}

@media only screen and (max-width: 767px) {
	.l-nav .navbar-brand .l-logo {position:absolute; top:12px; left:14px; width:164px; height:42px; background:url(?statics/images/szyh/jiazu/logo.png) no-repeat; background-size:110px; display:block;}
	.l-nav .l-nav-ul li  {text-align:center;}
	.l-banner {margin-top:50px;}
	.l-banner .carousel-indicators {bottom:0px;}
	.l-banner .carousel-indicators .active {width:10px; height:10px;}
	.l-banner .carousel-indicators li{width:8px; height:8px;}
	.l-banner .carousel-control {background:none; position:absolute; top:50%;margin-top:-11px;}
	.l-banner .left .l-arrow {display:block; background:url(?statics/images/szyh/jiazu/l_arrow1.png) no-repeat; width:23px; height:23px;position:absolute; left:20%;}
	.l-banner .right .l-arrow {display:block; background:url(?statics/images/szyh/jiazu/l_arrow1.png) no-repeat right; width:23px; height:23px;position:absolute; right:20%;}
	.l-banner .carousel-caption {top:20%;}
	.l-banner .carousel-caption img {width:80%;}
	.l-first {margin-top:20px;}
	.l-first .row {margin-top:30px;}
	.l-first .row .col-md-4 {border:none;padding:30px 0; border-bottom:1px solid #ddd;}
	.l-first .row .col-md-4 img {width:24%;}
	
	.l-second .container {margin:82px auto; color:#fff;}
	.l-second .container h4 {font-size:2em; line-height:1.6em;}
	.l-second .container p {font-size:1.2em; line-height:1.8em; margin-top:20px; width:100%;}
	.l-link .row img {width:100%;}
	.l-link .l-more {position:relative; margin-bottom:50px; margin-top:30px;}

	.l-forth {background:#f6f6f6; padding:50px 0;}
	.l-forth .vmcarousel-normal {overflow:hidden; margin:60px 0; height:200px;}
	.l-forth .vmcarousel-normal li {float:left; width:12%; margin-left:4%;}
	.l-forth .vmc-arrow-left {color:#bbb; font-size:2em; line-height:50px; background:#fff; border:1px solid #bbb; left:0;}
	.l-forth .vmc-arrow-right {color:#bbb; font-size:2em; line-height:50px; background:#fff; border:1px solid #bbb; right:0;}
	
	.l-fifth {margin-top:30px; margin-bottom:30px;}
	.l-fifth .l-img {height:auto;}
	.l-fifth .row  .col-xm-12 {margin-bottom:30px;}
	.l-fifth .row  .col-xm-12 h4 {width:120px; position:relative; left:50%; margin-left:-60px; color:#888; font-weight:normal; font-size:1.2em;padding-bottom:10px; border-bottom:1px solid #e4b565;}
	
	.l-footer {height:500px; background:url(?statics/images/szyh/jiazu/l-map.jpg) no-repeat center; position:relative;}
	.l-footer .l-contact {width:300px; height:353px; background:url(?statics/images/szyh/jiazu/l-footer.png) no-repeat; background-size:300px; position:absolute; top:50%; margin-top:-176px; left:50%; margin-left:-150px;}
	.l-footer .l-contact .l-contact-top {height:120px;text-align:center;}
	.l-footer .l-contact .l-contact-top h4 {color:#555; font-size:1.5em; line-height:30px; padding-top:16px;}
	.l-footer .l-contact .l-contact-top h5 {color:#9f9f9f; font-size:1em; line-height:24px;}
	.l-footer .l-contact .l-contact-bottom {height:322px;color:585757;}
	.l-footer .l-contact .l-contact-bottom h5 { text-align:center; font-size:1.2em; margin:20px 0px;}
	.l-footer .l-contact .l-contact-bottom p {width:270px; margin-left:20px; line-height:24px;}
	
	.l-copy p {height:50px; line-height:20px; margin-top:10px; text-align:center; color:#888; font-size:0.9em;}	
	
	.l-about {height:114px; background:url(?statics/images/szyh/jiazu/l-about.jpg) no-repeat center top; background-size:640px; margin-top:50px; overflow:hidden;}
	.l-about .container .l-about-con{text-align:center;color:#fff; margin-top:20px;}
	.l-about .container .l-about-con h4{font-size:1.2em; margin-bottom:6px;}
	.l-about .container .l-about-con p{font-size:1em; margin-bottom:10px;}
	.l-about .container .l-about-con img {animation: start 1.5s infinite ease-in-out; -webkit-animation: start 1.5s infinite ease-in-out;}
	.l-brief {margin:30px auto 60px auto;}
	.l-brief .row .col-xs-12 {text-align:center;}
	.l-brief .row .col-xs-12 img {width:70%;}
	.l-history {padding:30px 0px 60px 0px;}
	.l-culture {margin:30px auto 50px auto;}
	.l-culture .row {margin-top:60px; overflow:hidden; padding-top:10px; padding-bottom:10px;}
	.l-culture .row .col-sm-12 {width:270px; text-align:center; border:1px solid #e8e8e8; padding:40px 0px; position:relative; left:50%; margin-left:-135px; margin-bottom:30px;}
	.l-culture .row .col-sm-12 .l-about-img {height:120px; background:url(?statics/images/szyh/jiazu/l-about-circle.png) no-repeat top center; background-size:120px;}
	.l-culture .row .col-sm-12 .l-about-img1 {height:120px; background:url(?statics/images/szyh/jiazu/l-about-circle1.png) no-repeat top center; background-size:120px;}
	.l-culture .row .col-sm-12 .l-about-img img {margin-top:26px; width:60px;}
	.l-culture .row .col-sm-12 h4 {font-weight:normal; color:#757575; font-size:1.4em; padding-bottom:16px; background:url(?statics/images/szyh/jiazu/l-about-line.png) no-repeat center bottom;}
	.l-culture .row .col-sm-12 p{color: #9f9f9f;}
	
	.l-product {height:114px; background:url(?statics/images/szyh/jiazu/l-product.jpg) no-repeat center; background-size:640px;overflow:hidden;}
	.l-product .container .l-about-con{text-align:center;color:#fff; margin-top:20px;}
	.l-product .container .l-about-con h4{font-size:1.2em; margin-bottom:6px;}
	.l-product .container .l-about-con p{font-size:1em; margin-bottom:10px;}
	.l-product .container .l-about-con img{animation: start 1.5s infinite ease-in-out; -webkit-animation: start 1.5s infinite ease-in-out;}
	
	.l-sport .row .col-md-7 {margin-top:2%; margin-bottom:2%;}
	.l-trans .row .col-md-6 {margin-top:2%; margin-bottom:2%; text-align: center;}
	.l-trans .row .col-md-6 ul li {background:none;}
	
	.l-case {height:114px; background:url(?statics/images/szyh/jiazu/l-case.jpg) no-repeat center top; background-size:640px; margin-top:50px; overflow:hidden;}
	.l-case .container .l-about-con{text-align:center;color:#fff; margin-top:20px;}
	.l-case .container .l-about-con h4{font-size:1.2em; margin-bottom:6px;}
	.l-case .container .l-about-con p{font-size:1em; margin-bottom:10px;}
	.l-case .container .l-about-con img { animation: start 1.5s infinite ease-in-out; -webkit-animation: start 1.5s infinite ease-in-out;}
	
	.l-news {height:114px; background:url(?statics/images/szyh/jiazu/l-news.png) no-repeat center top; background-size:640px; margin-top:50px; overflow:hidden;}
	.l-news .container .l-about-con{text-align:center;color:#fff; margin-top:20px;}
	.l-news .container .l-about-con h4{font-size:1.2em; margin-bottom:6px;}
	.l-news .container .l-about-con p{font-size:1em; margin-bottom:10px;}
	.l-news .container .l-about-con img {animation: start 1.5s infinite ease-in-out; -webkit-animation: start 1.5s infinite ease-in-out;}
	
	.l-news-center .row .l-news-img {height:auto; overflow:hidden;}
	.l-news-center .row img {width:100%; height:auto;}
	
	.l-news-list {margin-top:60px;}
	.l-news-list .nav-tabs {border:none !important;position: relative;left: 50%;margin-left:-136px; width:280px;}
	.l-news-list .nav-tabs>li {background:#dfdfdf !important; margin:0 4px !important; width:60px;}
	.l-news-list .nav-tabs>li>a {margin-right:0px; color:#555; border:none !important;}
	.l-news-list .nav-tabs>li>a:hover {border:none !important; background:#D8AD69 !important; color:#fff !important;}
	.l-news-list .nav-tabs .active a{background:#d8ad69 !important; color:#fff !important;}
	.l-news-list .nav-tabs>li .active>a {border:none !important;}
	
	.l-news-main p {text-align:center; color:#a1a1a1; margin-bottom:40px;}
	.l-news-main .l-news-p {text-align:center; margin-bottom:40px; color:#555;}
	.l-news-main .l-news-p p{text-align:left; margin-bottom:20px; text-indent:2em; color:#555; text-align:justify; font-size:1.2em;}
	.l-talent {height:114px; background:url(?statics/images/szyh/jiazu/l-case.jpg) no-repeat center top; background-size:640px; overflow:hidden;}
	.l-talent .container .l-about-con{text-align:center;color:#fff; margin-top:20px;}
	.l-talent .container .l-about-con h4{font-size:1.2em; margin-bottom:6px;}
	.l-talent .container .l-about-con p{font-size:1em; margin-bottom:10px;}
	.l-talent .container .l-about-con img { animation: start 1.5s infinite ease-in-out; -webkit-animation: start 1.5s infinite ease-in-out;}
	
	.l-policy .row .col-md-6 .l-policy-img img {width:100%;}
	
	.l-policy .table {margin-top:60px; font-size:0.9em;}
	.l-policy .table tbody>tr>td a {background:#e4b564;padding:5px 10px; color:#fff; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px;}
	
	.l-contact-us {height:114px; background:url(?statics/images/szyh/jiazu/l-case.jpg) no-repeat center top; background-size:640px; margin-top:50px; overflow:hidden;}
	.l-contact-us .container .l-about-con{text-align:center;color:#fff; margin-top:20px;}
	.l-contact-us .container .l-about-con h4{font-size:1.2em; margin-bottom:6px;}
	.l-contact-us .container .l-about-con p{font-size:1em; margin-bottom:10px;}
	.l-contact-us .container .l-about-con img { animation: start 1.5s infinite ease-in-out; -webkit-animation: start 1.5s infinite ease-in-out;}
	
	.l-contact-info .row {padding-top:100px;padding-bottom:0px;}
	.l-contact-info .row .col-md-4 {width:280px;position:relative; left:50%; margin-left:-140px; margin-bottom:100px; padding:60px 0; border:1px solid #d6d6d6; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px;}
	.l-contact-info .row .col-md-4 .l-c-img {position:absolute; top:-48px; left:50%; margin-left:-49px; }
	.l-contact-info .row .col-md-4 h4 {font-size:1.2em; margin-bottom:20px;}
	.l-contact-info .row .col-md-4 p {padding:0 20px;}
	.l-contact-info .row .l-ewm-con {padding:68px 0 20px 0;}
	
	#allmap {height:480px;width:94%; margin:0 3%; overflow: hidden;}
	#BMapLib_SearchInfoWindow0 {display:none;}
}

@media only screen and (max-width:320px) {
	.l-policy .table tbody>tr>td a {background:#e4b564;padding:5px 5px; color:#fff; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;}
}

#scrollnav {border-bottom:1px solid #eee;}
.scrollnav {margin: 0 auto;
    width: 1000px;
    float: none;
	font-size:16px;
}
.scrollnav  li a {color:#000;}


/* CSS Document */

/*¿Í»§°¸ÀýÍƼö*/
.list-bottom-case>div {
    width: 940px;
    overflow: hidden;
}

.list-bottom-case>div ul li, .list-bottom-case>div ul li a {
    float: left;
    width: 145px;
    height: 145px;
    overflow: hidden;
    display: block;
    margin-right: 10px;
    margin-bottom: 20px;
    background: #0165b6;
    position: relative;
}

.list-bottom-case img {
    vertical-align: middle;
}

.list-bottom-case .list-bottom-case-showBefor {
    position: absolute;
    z-index: 110;
    height: 143px;
    line-height: 143px;
    width: 143px;
}

.list-bottom-case .list-bottom-case-show {
    top: 145px;
    width: 145px;
    height: 143px;
    background: rgba(0, 0, 0, 0.5);
    text-align: center;
    position: absolute;
    z-index: 111;
    padding-top: 30px;
}

.list-bottom-case .list-bottom-case-show i {
}

.list-bottom-case .list-bottom-case-show p {
    color: #fff;
    padding-top: 10px;
}

/*À¸Ä¿±êÌâ*/
.confont-tittle {
    overflow: hidden;
    clear: both;
    padding-bottom: 50px;
    padding-top: 50px;
    width: 1200px;
    margin: 0 auto;
}

.confont-tittle h1 {
    font-size: 30px;
    font-weight: 100;
    margin-bottom: 10px;
}

.confont-tittle h3 {
    font-size: 16px;
    font-weight: 100;
}

.confont-tittle2 {
    overflow: hidden;
    clear: both;
    padding-bottom: 30px;
    padding-top: 20px;
    width: 1200px;
    margin: 0 auto;
    text-align: center;
}

.confont-tittle2 h1 {
    font-size: 30px;
    font-weight: 100;
    margin-bottom: 10px;
}

.confont-tittle2 h3 {
    font-size: 16px;
    font-weight: 100;
    color: #ccc;
}

.fcolor-blue2 {
    color: #0165b6;
}

.tittle-fstyle {
    font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif;
    letter-spacing: -4px;
}

.fsize-40 {
    font-size: 40px;
}

.fsize-38 {
    font-size: 38px;
}

.fsize-36 {
    font-size: 36px;
}

.tittle-hr {
    height: 1px;
    width: 60px;
    margin: 0 auto;
}

.bg-color-w {
    background: #fff;
}

.bg-color-blue2 {
    background: #0165b6;
}

/*ÐÓÒ«¶¨ÖÆ¿ª·¢Ä£¿é*/
.confont-software {
    height: 325px;
    overflow: hidden;
}

.confont-software li {
    width: 350px;
    float: left;
    margin-right: 75px;
    height: 320px;
    overflow: hidden;
    cursor: pointer;
    position: relative;
}

.confont-software .cricle {
    background: url(?statics/images/szyh/jiazu/index_software_bg.png) center center no-repeat;
    width: 158px;
    height: 158px;
    line-height: 200px;
    position: relative;
}

.confont-software .cricle .cricle-after {
    position: absolute;
    top: -25px;
    left: 42px;
    color: #fff;
}

.confont-software li:hover .cricle {
    background: url(?statics/images/szyh/jiazu/index_software_bg_hover.png) center center no-repeat;
}

.min-cricle-after p {
    width: 100px;
    height: 100px;
    background: url(?statics/images/szyh/jiazu/index_software_minbg.png) center center no-repeat;
    float: left;
    text-align: center;
    line-height: 100px;
    margin-right: 10px;
    color: #999;
}

.confont-software .min-cricle {
    position: relative;
    width: 350px;
    height: 150px;
}

.min-cricle-before, .min-cricle-after {
    position: absolute;
}

.min-cricle-after {
    top: 100px;
    left: 15px;
}

.min-cricle-before {
    top: 0;
}

/*ÐÓÒ«±ê×¼²úÆ·Ä£¿é*/
.confont-product {
    background: #f2f2f2;
    height: 580px;
}

.confont-product li {
    width: 350px;
    background: #fff;
    padding: 15px;
    float: left;
    margin-right: 25px;
    text-align: center;
    overflow: hidden;
}

.confont-product li:hover {
    box-shadow: 0 5px 9px #bbb;
    -moz-box-shadow: 0 6px 9px #bbb;
    -webkit-box-shadow: 0 6px 9px #bbb;
    -ms-box-shadow: 0 6px 9px #bbb;
}

.confont-product li a {
    color: #999;
    font-size: 12px;
}

.confont-product a:hover {
    color: #0165b6;
}

/*ÐÓÒ«°¸ÀýÄ£¿é*/
.sp-confont-case {
    height: 750px;
    position: relative;
    background: none;
}

.sp-confont-case-ba {
    position: relative;
    z-index: -99;
    top: 0;
    min-width: 1200px;
    margin: 0 auto;
}

.sp-confont-case-ba li {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -960px;
}

.sp-confont-case-ba img {
    width: 1920px;
    position: absolute;
}

.confont-case-left {
    float: left;
    width: 150px;
    padding-right: 30px;
    background: url(?statics/images/szyh/jiazu/line_w_op4.png) center right repeat-y;
}

.confont-case-left li {
    width: 150px;
    line-height: 44px;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
    text-align: center;
}

.confont-case-left li:hover, .confont-case-left li.active {
    background: #0165b6;
}

.confont-case-right {
    float: left;
    position: relative;
    left: 30px;
    width: 990px;
}

.confont-case-right li {
    position: absolute;
    display: none;
}

.confont-case-right .case-slibe {
    width: 210px;
    height: 210px;
}

.confont-case-right .case-slibe .before {
    width: 210px;
    height: 210px;
    line-height: 210px;
}

.confont-case-right .case-slibe .before img {
    vertical-align: middle;
    width: 210px;
    height: 210px;
}

.confont-case-right .case-slibe .after {
    width: 190px;
    height: 190px;
}

.confont-case-right .case-slibe .after h5 {
    font-size: 16px;
    margin-bottom: 5px;
    margin-top: 5px;
}

.confont-case-right .case-slibe .after span {
    margin-top: 10px;
}

.confont-case-right .case-slibe .after p {
    font-size: 14px;
}

.confont-case-right-txt {
    clear: both;
    width: 680px;
}

.confont-case-right-txt p {
    height: 90px;
    overflow: hidden;
}

/*ÐÓÒ«ÐÂÎÅ×ÊѶÄ£¿é*/
.confont-news-left {
    width: 760px;
    float: left;
    min-height: 350px;
}

.index-news-tittle {
    float: left;
}

.index-news-tittle li {
    float: left;
    font-size: 18px;
    margin-left: 20px;
    margin-top: 10px;
    cursor: pointer;
    line-height: 1.5em;
}

.index-news-tittle li:hover, .index-news-tittle li.active {
    border-bottom: 3px solid #0165b6;
    color: #0165b6;
}

.confont-news-list {
    margin-top: -30px;
    height: 200px;
    overflow: hidden;
    position: relative;
}

.confont-news-list ul {
    position: absolute;
}

.confont-news-list li {
    float: left;
    line-height: 3em;
    width: 380px;
}

.confont-news-list li a:hover {
    color: #0165b6;
}

.confont-news-list li * {
    color: #666;
}

.confont-news-right {
    width: 440px;
    float: right;
    position: relative;
}

.confont-news-right .confont-tittle {
    width: 400px;
    position: absolute;
    top: 0;
    left: 0;
}

.confont-news-right h3 {
    font-size: 20px;
    color: #fff;
    width: 350px;
    margin-top: -160px;
    padding: 0 25px;
    margin-bottom: 5px;
}

.confont-news-right p {
    color: #fff;
    width: 350px;
    padding: 0 25px;
    margin-top: 5px;
}

.confont-news-right span {
    color: #fff;
    width: 350px;
    padding: 0 25px;
}

/*¶¨ÖÆ¿ª·¢Ò³ÃæÀ¸Ä¿Ò³ÎªÊ²Ã´½»¸¶ÂÊ¸ß ÓÅÊÆ*/

/*.confont-software-good{background:#efefef;}*/
.confont-software-good li {
    width: 330px;
    float: left;
    margin-right: 70px;
    margin-bottom: 50px;
}

.confont-software-good li p {
    width: 300px;
    margin-left: 55px;
}

/*¶¨ÖÆ¿ª·¢À¸Ä¿¿ª·¢Á÷³Ì*/
.confont-survey-Con {
    height: 790px;
    overflow: hidden;
    background: url(file:///F|/statics/sp_homepa../../../images/szyh/jiazu/software_survey_bgcolor.png) center no-repeat;
}

.confont-survey {
    height: 630px;
    overflow: hidden;
    background: url();
}

.survey-nav {
    background: url(?statics/images/szyh/jiazu/bg_w_op3.png);
    height: 60px;
    line-height: 60px;
}

.survey-nav li {
    height: 60px;
    line-height: 60px;
    float: left;
    width: 147px;
    position: relative;
    cursor: pointer;
    border: 1px solid #dfdfdf;
}

/*Á÷³ÌµÄСµ¼º½*/
.survey-nav li p {
    font-size: 20px;
    text-align: center;
}

.survey-nav li:hover, .survey-nav li.avtive {
    background: url(?statics/images/szyh/jiazu/bg_w_op5.png);
    border: 1px solid #0165b6;
}

.survey-nav li:hover p, .survey-nav li.active p {
    color: #fff;
}

/*.bg-n{background-image:none!important}*/
.survey-nav li.bg-n:hover {
    background: url(?statics/images/szyh/jiazu/bg_w_op5.png) !important;
}

.survey-nav li.active {
    background: url(?statics/images/szyh/jiazu/bg_w_op5.png) !important;
}

/*ÏßÌõµ¼º½*/
.software-soft-flow.new .survey-nav {
    height: 60px;
    line-height: 60px;
}

.software-soft-flow.new .survey-nav li {
    height: 60px;
    line-height: 40px;
    float: left;
    width: 149px;
    position: relative;
    cursor: pointer;
    border: none;
    background: url(?statics/images/szyh/jiazu/bg_w_op7.png) center;
}

.software-soft-flow.new .survey-nav li.first {
    background: url(?statics/images/szyh/jiazu/bg_w_op9.png) center;
}

/*Á÷³ÌµÄСµ¼º½*/
.software-soft-flow.new .survey-nav li p {
    font-size: 20px;
    text-align: center;
}

.software-soft-flow.new .survey-nav li:hover, .software-soft-flow.new .survey-nav li.avtive {
    background: url(?statics/images/szyh/jiazu/bg_w_op8.png) center;
}

.software-soft-flow.new .survey-nav li:hover p, .software-soft-flow.new .survey-nav li.active p {
    color: #0165b6;
}

/*.software-soft-flow.new .bg-n{background-image:!important}*/
.software-soft-flow.new .survey-nav li.bg-n {
    background: url(?statics/images/szyh/jiazu/bg_w_op11.png) center !important;
}

.software-soft-flow.new .survey-nav li.bg-n:hover, .software-soft-flow.new .survey-nav li.bg-n.active {
    background: url(?statics/images/szyh/jiazu/bg_w_op12.png) center !important;
}

.software-soft-flow.new .survey-nav li.active {
    background: url(?statics/images/szyh/jiazu/bg_w_op10.png) center !important;
}

.software-soft-flow.new .survey-nav li.first:hover, .software-soft-flow.new .survey-nav li.first.avtive {
    background: url(?statics/images/szyh/jiazu/bg_w_op10.png) center;
}

/*µÚÈý°æÑùʽ*/
.software-soft-flow.new2 .survey-nav {
    height: 60px;
    line-height: 60px;
}

.software-soft-flow.new2 .survey-nav li {
    height: 60px;
    line-height: 40px;
    float: left;
    width: 149px;
    position: relative;
    cursor: pointer;
    border: none;
    background: url(?statics/images/szyh/jiazu/bg_w_op13.png) center;
}

.software-soft-flow.new2 .line-text li {
    float: left;
    width: 300px;
    height: 50px;
    background: url(?statics/images/szyh/jiazu/bg_w_line.png) center;
    text-align: center;
}

.software-soft-flow.new2 .line-text li p i {
    margin-left: 20px;
    color: #999;
}

.software-soft-flow.new2 .line-text li:nth-last-child(1) {
    background: url(?statics/images/szyh/jiazu/bg_w_line2.png) center;
}

/*Á÷³ÌµÄСµ¼º½*/
.software-soft-flow.new2 .survey-nav li {
    position: relative;
}

.software-soft-flow.new2 .survey-nav li p {
    font-size: 16px;
    text-align: center;
    margin-top: 55px;
}

.software-soft-flow.new2 .survey-nav li .change {
    display: inline-block;
    position: absolute;
    width: 36px;
    height: 36px;
    background: #90abf3;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -webkit-border-radius: 100%;
    -o-border-radius: 100%;
    left: 50%;
    top: 50%;
    margin-left: -18px;
    margin-top: -20px;
    text-align: center;
    line-height: 36px;
    border: 2px solid #fff;
}

.software-soft-flow.new2 .survey-nav li .change i {
    color: #fff;
}

.software-soft-flow.new2 .survey-nav li span {
    width: 50px;
    height: 50px;
    display: block;
    position: absolute;
    background: url(?statics/images/szyh/jiazu/jiantou.png) center;
    left: 50%;
    margin-left: -25px;
    z-index: 9999999999999;
    top: 90%;
    margin-top: 31px;
    display: none;
    opacity: 0;
    transition: 0.9s;
}

.software-soft-flow.new2 .survey-nav li:hover, .software-soft-flow.new2 .survey-nav li.avtive {
    background: url(?statics/images/szyh/jiazu/bg_w_op14.png) center;
}

.software-soft-flow.new2 .survey-nav li:hover p, .software-soft-flow.new2 .survey-nav li.active p {
    color: #ffb800;
}

.software-soft-flow.new2 .survey-nav li:hover .change, .software-soft-flow.new2 .survey-nav li.active .change {
    background: #557eec;
}


.software-soft-flow.new2 .survey-nav li:hover span, .software-soft-flow.new2 .survey-nav li.active span {
    display: block;
    opacity: 1;
}

/*.software-soft-flow.new .bg-n{background-image:!important}*/
.software-soft-flow.new2 .survey-nav li.bg-n {
    background: url(?statics/images/szyh/jiazu/bg_w_op13.png) center !important;
}

.software-soft-flow.new2 .survey-nav li.bg-n:hover, .software-soft-flow.new2 .survey-nav li.bg-n.active {
    background: url(?statics/images/szyh/jiazu/bg_w_op14.png) center !important;
}

.software-soft-flow.new2 .survey-nav li.active {
    background: url(?statics/images/szyh/jiazu/bg_w_op14.png) center !important;
}

.software-soft-flow.new2 .survey-nav li.first:hover, .software-soft-flow.new2 .survey-nav li.first.avtive {
    background: url(?statics/images/szyh/jiazu/bg_w_op14.png) center;
}

/*¶¨ÖÆ¿ª·¢À¸Ä¿Ò³£¬Á÷³ÌÄÚÈÝ¿ò½á¹¹*/
.survey-nav-tab {
    height: 300px;
}

.survey-nav-tab>ul {
    position: relative;
}

.survey-nav-tab>li {
    position: absolute;
    top: 0;
    left: 0;
    width: 1200px;
    height: 300px;
}

/*¶¨ÖÆ¿ª·¢À¸Ä¿Ò³£¬Á÷³ÌÄÚÈÝ¿ò±³¾°*/
.survey-tab-bg {
    position: absolute;
    top: 0;
    left: -10px;
}

/*¶¨ÖÆ¿ª·¢À¸Ä¿Ò³£¬Á÷³ÌÄÚÈÝ¿òµÄÄÚÈÝ*/
.survey-tab-con {
    margin-top: 30px;
    padding: 30px 40px;
    height: 200px;
    overflow: hidden;
}

.survey-tab-con img {
    float: left;
    margin-top: 40px;
}

.survey-tab-con div {
    float: right;
    width: 1060px;
    line-height: 2em;
    height: 140px;
    overflow: hidden;
    padding-top: 40px;
}

.survey-tab-con h1 {
    font-size: 24px;
    color: #666;
    font-weight: 100;
    line-height: 50px;
    margin-bottom: 10px;
}

.survey-tab-con p {
    color: #999;
}

.survey-tab-con a {
    color: #ffb800;
    position: absolute;
    right: 40px;
    bottom: 0px;
}

.survey-tab-con a:hover {
    color: #0389f6;
}

/*¶¨ÖÆ¿ª·¢À¸Ä¿Ò³ÐÂÎÅ×ÊѶ*/
.software-news-left {
    height: 400px;
}

.software-news-left .confont-news-list {
    height: 215px;
}

.software-news-left .confont-news-list li {
    line-height: 3em;
}

/*¶¨ÖÆ¿ª·¢À¸Ä¿Ò³¿Í»§°¸Àý*/
.software-case {
    height: 700px;
    overflow: hidden;
}

/*ÏÂÔØÀ¸Ä¿Ò³Í·²¿banner²»ÂÖ²¥*/
.download-top-banner {
    width: 100%;
    overflow: hidden;
    min-width: 1200px;
    position: relative;
    top: 0;
    height: 310px;
}

.download-top-banner .download-top-bannerImg {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -960px;
}

.download-top-banner .download-top-bannerTxt {
    position: absolute;
    top: 15%;
    z-index: 100;
    left: 8%;
}

.btn-button-bg-w {
    border: 1px solid #fff;
    color: #fff;
}

.btn-button-bg-w:hover {
    background: #fff;
    color: #0165b6;
}

/*À¸Ä¿Ò³½â¾ö·½°¸ÓÒ±ßÄÚÈÝÁбí*/
.solution-imgCon {
    width: 280px;
    height: 210px;
    line-height: 20px;
    padding: 10px;
    position: relative;
}

.solution-list-text dl:hover dt, .solution-list-text dl:hover dd {
    color: #0165b6;
}

.solution-list-text-list a {
    width: 100%;
}

.solution-list-text-list a:hover {
    color: #0165b6;
    text-decoration: underline;
}

.solution-list-text-list a:hover .gray-dian {
    background: #0165b6;
}

.solution-imgCon a img {
    position: relative;
    z-index: 2222;
}

.solution-list-shade {
    background: url(?statics/images/szyh/jiazu/news_list_shade.png);
    width: 250px;
    height: 75px;
    margin-top: -30px;
    z-index: 33333;
    position: absolute;
    left: 10px;
    bottom: 10px;
    padding: 0 15px;
}

.solution-list-shade p {
    color: #fff;
    font-size: 12px;
    text-align: left;
}

.solution-list-shade h4 {
    color: #ffb800;
    margin-top: 8px;
    margin-bottom: 5px;
    font-size: 16px;
    font-weight: 100;
    text-align: left;
}

/*»ÒÉ«Ô²µã¹«¹²Ñùʽ*/
.gray-dian {
    background: #9f9f9f;
    display: inline-block;
    width: 4px;
    height: 4px;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -webkit-border-radius: 100%;
    -o-border-radius: 100%;
    margin-right: 5px;
}

/*À¶É«Ô²¹«¹²Ñùʽ*/
.cricle-blue {
    background: url(?statics/images/szyh/jiazu/cricle_blue.png) center center no-repeat;
    width: 28px;
    height: 28px;
    text-align: center;
    line-height: 28px;
    color: #fff;
    display: inline-block;
    font-size: 16px;
}

/*½â¾ö·½°¸ÁбíÒ³×ۺϼ¯ÍÅÓÒ±ßÄÚÈÝÁбí*/
.solution-conglomerate-list-imgCon {
    width: 170px;
    height: 125px;
    line-height: 125px;
    padding: 5px;
}

.solution-conglomerate-list li a h2:hover, .solution-conglomerate-list li a p:hover {
    color: #0165b6;
}

.solution-list-infoTxtcon p {
    color: #999;
    line-height: 2em;
    text-indent: 2em;
}

/*½â¾ö·½°¸ÏêÇéÒ³¹¦ÄÜÄ£¿é*/
.solution-list-infoBoxcon ul {
    min-height: 480px;
}

.solution-list-infoBoxcon li {
    width: 258px;
    height: 210px;
    border: 1px solid #dfdfdf;
    padding: 0 15px;
    margin-right: 20px;
    margin-bottom: 40px;
    overflow: hidden;
}

.solution-list-infoBoxcon li:nth-child(3n) {
    margin-right: 0;
}

.solution-list-infoBoxcon li:hover {
    box-shadow: 0 4px 7px #bbb;
    -moz-box-shadow: 0 4px 7px #bbb;
    -webkit-box-shadow: 0 4px 7px #bbb;
    -ms-box-shadow: 0 4px 7px #bbb;
}

.solution-list-infoBoxcon li img {
    left: 40px;
    top: 30px;
}

/*½â¾ö·½°¸ÏêÇéÒ³²úÆ·Ìصã*/
.solution-list-infoGoodcon ul {
    min-height: 500px;
}

.solution-list-infoGoodcon li {
    width: 210px;
    height: 230px;
    margin-bottom: 35px;
}

.solution-list-infoGoodcon li:nth-child(4n) {
    margin-right: 0;
}

.solution-list-infoGoodcon li div {
    width: 136px;
    height: 136px;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -webkit-border-radius: 100%;
    border: 1px solid #dfdfdf;
    margin-left: -68px;
}

.solution-list-infoGoodcon li:hover div {
    background: #dfdfdf;
}

.solution-list-infoGoodcon li img {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -35px;
    margin-top: -35px;
}

/*½â¾ö·½°¸ÏêÇéҳѡ¹ºÖ¸ÄÏ*/
.solution-list-infoChosecon div {
    border: 1px solid #dfdfdf;
}

.solution-list-infoChosecon div p {
    color: #999;
    line-height: 2em;
    text-indent: 2em;
}

.solution-list-infoChosecon a {
    color: #0165b6;
}

/*½â¾ö·½°¸ÏêÇéÒ³Ïà¹Ø×ÊѶ*/
.solution-list-infoAbotcon {
    border: 1px solid #dfdfdf;
    line-height: 3em;
    width: 910px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
}

.solution-list-infoAbotcon li {
    width: 425px;
    padding-left: 30px;
}

.solution-list-infoAbotcon li a {
    color: #666;
}

.solution-list-infoAbotcon li a:hover {
    color: #0165b6;
}

.fcolor-d4 {
    color: #d4d5d7;
}

/*±ê×¼²úÆ·À¸Ä¿Ò³Í·²¿banner²»ÂÖ²¥*/
.product-banner {
    width: 100%;
    overflow: hidden;
    min-width: 1200px;
    position: relative;
    top: 0;
    height: 340px;
}

.product-banner-img {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -960px;
}

.product-banner-content {
    width: 1200px;
    position: relative;
    margin: 0 auto;
}

.product-banner-content-text {
    position: absolute;
    top: 70px;
    z-index: 100;
    left: 2%;
    width: 670px;
}

/*±ê×¼²úÆ·À¸Ä¿Ò³PϵÁÐ*/
.product-card-header {
    border: 1px solid #dfdfdf;
    height: 150px;
}

.product-card-header a:hover p {
    color: #0165b6;
}

.product-card-header-logo {
    width: 400px;
    height: 150px;
    line-height: 160px;
    padding-left: 50px;
}

.product-card-header-logo span {
    width: 100px;
    height: 100px;
    line-height: 100px;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -webkit-border-radius: 100%;
    background: #fff;
}

.product-card-header-text {
    width: 760px;
    height: 150px;
    display: block;
    position: relative;
}

.product-card-header-text p {
    position: absolute;
    top: 25px;
    left: 45px;
    width: 650px;
}

/*ÕþÎñÀ¶É«±³¾°*/
.product-card-header-logo-blue {
    background: #0165b6;
}

.product-card-header-logo-blue span {
    color: #0165b6;
}

/*µ³ÎñºìÉ«±³¾°*/
.product-card-header-logo-red {
    background: #e43838;
}

.product-card-header-logo-red span {
    color: #fb5253;
}

/*ÆóÒµÂÌÉ«±³¾°*/
.product-card-header-logo-green {
    background: #2ac38a;
}

.product-card-header-logo-green span {
    color: #2ac38a;
}

.product-card-content li {
    width: 33%;
    height: 180px; 
    float: left;
    top: 30px;
    padding: 0 25px;
    margin-top: 50px;
    position: relative;
}

.product-card-content li span {
    width: 1px;
    height: 130px;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -95px;
    background: #dfdfdf;
}

.product-card-content-text {
    width: 300px;
    float: right;
    display: inline;
}

.product-card-content-text a.fsize-14 {
    padding: 2px 15px;
    border: 1px solid #dfdfdf;
    display: inline-block;
    margin-top: 15px;
}

.product-card-content-text a:hover {
    color: #0165b6;
}

/*±ê×¼²úÆ·ÁбíÒ³bannerÄÚÈÝ*/
.product-list-banner a {
    border: 1px solid #fff;
}

.product-list-banner a:hover {
    border: 1px solid #0165b6;
    background: #0165b6;
}

/*±ê×¼²úÆ·ÁбíÒ³ÓÒ±ßͼÎÄÁбíÄÚÈÝ*/
.product-imgCon {
    width: 280px;
    height: 210px;
    line-height: 200px;
    padding: 10px;
}

.product-list-text dl dd {
    width: 520px;
    float: left;
}

.product-list-text dl dd p {
    color: #999;
    display: inline;
    margin-right: 5px;
}

.product-list-text-bottom-right {
    width: 520px;
}

.product-list-text-bottom-right a:hover, .product-list-text-bottom-right a:hover, .product-list-text-bottom-right a:hover i {
    color: #0165b6;
}

.product-list-text h1:hover, .product-list-text dl dd:hover, .product-list-text dl dd p:hover {
    color: #0165b6;
}

/*±ê×¼²úÆ·ÏêÇéÒ³bannerÄÚÈÝ*/
.product-info-banner a {
    border: 1px solid #fff;
}

.product-info-banner a:hover {
    border: 1px solid #0165b6;
    background: #0165b6;
}

/*±ê×¼²úÆ·ÏêÇéÒ³²úÆ·½éÉÜ*/
.product-list-infoTxtcon p {
    color: #999;
    line-height: 2em;
    text-indent: 2em;
}

.product-list-infoTxtcon p div {
    color: #999;
    line-height: 2em;
    text-indent: 2em;
}

.product-list-infoTxtcon div {
    color: #999;
    line-height: 2em;
    text-indent: 2em;
}

.product-list-infoTxtcon p p {
    color: #999;
    line-height: 2em;
    text-indent: 2em;
}

/*±ê×¼²úÆ·ÏêÇéÒ³¹¦ÄÜÄ£¿é*/
.product-list-infoBoxcon ul {
}

.product-list-infoBoxcon li:nth-last-child(1) {
    margin-bottom: 0;
}

.product-list-infoBoxcon .product-list-infoBoxcon-left {
    width: 180PX;
    height: 130px;
    border: 1px solid #dfdfdf;
}

.product-list-infoBoxcon-right {
    width: 720px;
}

.product-list-infoBoxcon li:hover dt, .product-list-infoBoxcon li:hover dd {
    color: #0165b6;
}

/*±ê×¼²úÆ·ÏêÇéÒ³²úÆ·Ìصã*/
.product-list-infoGoodcon ul {
    min-height: 500px;
    overflow: hidden;
}

.product-list-infoGoodcon li {
    width: 210px;
    height: 260px;
    margin-bottom: 25px;
    margin-right: 20px;
    overflow: hidden;
}

.product-list-infoGoodcon li div {
    width: 136px;
    height: 136px;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -webkit-border-radius: 100%;
    border: 1px solid #dfdfdf;
    margin-left: -68px;
}

.product-list-infoGoodcon li:hover div {
    background: #dfdfdf;
}

.product-list-infoGoodcon li img {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -35px;
    margin-top: -35px;
}

/*±ê×¼²úÆ·ÏêÇéÒ³Ïà¹Ø×ÊѶ*/
.product-list-infoAbotcon {
    border: 1px solid #dfdfdf;
    line-height: 3em;
    width: 910px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
}

.product-list-infoAbotcon li {
    width: 425px;
    padding-left: 30px;
}

.product-list-infoAbotcon li a {
    color: #666;
}

.product-list-infoAbotcon li a:hover {
    color: #0165b6;
}

/*ÕÐÏÍÄÉÊ¿ÁбíÒ³*/
.about-table tr td:nth-last-child(1) {
    border-right: 1px solid #efefef;
}


.about-table tr:nth-last-child(1) td {
    border-bottom: 1px solid #efefef;
}

.about-table td {
    border-left: 1px solid #efefef;
    border-top: 1px solid #efefef;
    padding: 10px;
    color: #666;
}

.about-table tr:nth-child(1) td, .product-table tr td:nth-child(1) {
    height: 30px;
    text-align: center;
    font-size: 16px;
    font-weight: 900;
}

.about-table tr:nth-child(1) td {
    background: #f5f8fc;
    color: #666;
}

.about-table tr td a {
    color: #666;
}

.about-table tr td:nth-last-child(1) a {
    color: #999;
}

.about-table tr td a:hover {
    color: #ffb800;
}

.about-table tr td:nth-child(1) {
    width: 25%;
}

.about-table tr td:nth-child(2) {
    width: 25%;
}

.about-table tr td:nth-child(3) {
    width: 10%;
}

.about-table tr td:nth-child(4) {
    width: 15%;
}

.about-table tr td:nth-child(5) {
    width: 25%;
}

/*ÕÐÏÍÄÉÊ¿ÏêÇéÒ³×ó±ß*/
.about-contact-head-left {
    width: 270px;
    height: 250px;
    border: 1px solid #dfdfdf;
}

.about-contact-infoTxt dl dd p {
    color: #999;
    line-height: 2em;
}

/*ÕÐÏÍÄÉÊ¿Í·²¿ÓÒ±ßͼÎÄÁбíÄÚÈÝ*/
.about-contact-head-right dl dd {
    width: 550px;
    float: left;
}

.about-contact-head-right {
    width: 620px;
}

.about-contact-head-right a {
    background: #f3f3f3;
}

.about-contact-head-right a:hover {
    background: #0165b6;
    color: #fff;
}

/*ÕÐÏÍÄÉÊ¿ÏêÇéÒ³Ïà¹Ø×ÊѶ*/
.about-contact-infoAbotcon {
    border: 1px solid #dfdfdf;
    line-height: 3em;
    width: 910px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
}

.about-contact-infoAbotcon li {
    padding-left: 30px;
    width: 270px;
}

.about-contact-infoAbotcon li a {
    color: #666;
}

.about-contact-infoAbotcon li a:hover {
    color: #0165b6;
}

/*ÏîÄ¿ºÏ×÷À¸Ä¿Ò³ÓÒ±ßͼÎÄÁбíÄÚÈÝ*/
.cooperation-list-imgCon {
    width: 210px;
    height: 150px;
    padding: 5px;
}

.cooperation-list-text {
    width: 680px;
}

.cooperation-list-text h1:hover, .cooperation-list-text p:hover {
    color: #0165b6;
}

/*ÏîÄ¿ºÏ×÷À¸Ä¿bannerÄÚÈÝ*/
.cooperation-list-banner li {
    width: 125px;
    height: 65px;
}

.cooperation-list-banner li h3 {
    left: 26px;
    top: 20px;
}

/*ÏîÄ¿ºÏ×÷À¸Ä¿Ò³ÓÒ±ßͼÎÄÁбí»ï°éËÑË÷ÄÚÈÝ*/
.cooperation-list-serch form input[type="text"] {
    border: 1px solid #dfdfdf;
}

.cooperation-list-serch div a:hover {
    background: #0165b6;
    color: #fff;
}

/*¶¨ÖÆ¿ª·¢×¨Ìâҳͷ²¿banner²»ÂÖ²¥*/
.software-good-banner {
    width: 100%;
    overflow: hidden;
    min-width: 1200px;
    position: relative;
    top: 0;
    height: 300px;
}

.software-good-banner .software-good-bannerImg {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -960px;
}

.software-good-bannerTxtcon {
    width: 1200px;
    margin: 0 auto;
    position: relative;
}

.software-good-banner .software-good-bannerTxt {
    position: absolute;
    top: 70px;
    z-index: 100;
    left: 4%;
    width: 800px;
}

/*¶¨ÖÆ¿ª·¢×¨ÌâÒ³ÄÚÈÝÁбí*/
.software-good-con {
    min-width: 1200px;
    margin: 0 auto;
    height: 400px;
}

.software-good-list {
    height: 400px;
}

.software-good-list-imgCon {
    width: 300px;
    height: 225px;
    top: 50%;
    left: 55px;
    margin-top: -112px;
}

.software-good-list-txtCon {
    right: 55px;
    top: 50px;
}

.software-good-list-Fright {
    height: 400px;
}

.software-good-list-Fright .software-good-list-imgCon {
    width: 300px;
    height: 225px;
    top: 50%;
    left: 850px;
}

.software-good-list-Fright .software-good-list-txtCon {
    left: 55px;
    top: 50px;
}

/*רÌâÒ³ÐÂÑùʽ*/
.software-good-con2 .software-good-list-imgCon {
    width: 360px;
    height: 350px;
    top: 35%;
    left: 100px;
    margin-top: -112px;
}

.software-good-con2 .software-good-list-txtCon {
    right: 75px;
    top: 100px;
}

.software-good-con2 .software-good-list-Fright .software-good-list-imgCon {
    width: 360px;
    height: 350px;
    top: 35%;
    left: 750px;
}

.software-good-con2 .software-good-list-Fright .software-good-list-txtCon {
    left: 75px;
    top: 100px;
}

/*¶¨ÖÆ¿ª·¢×¨ÌâÒ³¼àÌýÇл»*/
.software-tab {
    position: fixed;
    left: 50px;
    top: 150px;
    z-index: 99999;
    display: none;
}

.software-tab li {
    width: 150px;
    height: 20px;
    margin: 2px 0;
}

.software-tab li a {
    padding-left: 30px;
    background: url(?statics/images/szyh/jiazu/dian_gray.png) left center no-repeat;
    font-size: 12px;
    display: block;
    height: 20px;
}

.software-tab li:hover a, .software-tab li.active a {
    background: url(?statics/images/szyh/jiazu/dian_blue.png) left center no-repeat;
}

.software-tab li p {
    color: #ffb800;
    font-weight: 900;
}

/*Èí¼þ¶¨ÖÆ¿ª·¢Áбíҳͷ²¿banner²»ÂÖ²¥*/
.software-soft-banner {
    width: 100%;
    overflow: hidden;
    min-width: 1200px;
    position: relative;
    top: 0;
    height: 300px;
}

.software-soft-banner.new {
    width: 100%;
    overflow: hidden;
    min-width: 1200px;
    position: relative;
    top: 0;
    height: 500px;
}

.software-soft-banner .software-soft-bannerImg {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -960px;
}

.software-soft-bannerTxtcon {
    width: 1200px;
    margin: 0 auto;
    position: relative;
}

.software-soft-banner .software-soft-bannerTxt {
    position: absolute;
    top: 70px;
    z-index: 100;
    left: 2%;
    width: 800px;
}

/*Èí¼þ¶¨ÖÆ¿ª·¢¼ò½é*/
.software-soft-txt {
    height: 450px;
}

.software-soft-txt .txtcon {
    width: 490px;
    padding: 0 55px;
    float: left;
}

.software-soft-txt .txtcon p {
    font-size: 16px;
    line-height: 2em;
    color: #666;
    padding-top: 30px;
}

.software-soft-txt .imgcon {
    width: 50%;
    float: left;
}

/*²úÆ·ÓÅÊÆ*/
.software-soft-goodcon {
    height: 530px;
    background: url(?statics/images/szyh/jiazu/software_soft_good.jpg) center;
}

.fcolor-de {
    color: #dedede;
}

.software-soft-goodcon ul li {
    width: 260px;
    float: left;
    padding: 0 20px;
    text-align: center;
}

.software-soft-goodcon ul li h1 {
    font-size: 20px;
    color: #fff;
    font-weight: 100;
    margin-top: 20px;
}

.software-soft-goodcon ul li p {
    color: #ced9fe;
    margin-top: 15px;
    line-height: 1.7em;
    text-decoration: none;
}

.software-soft-goodcon ul li:hover p {
    text-decoration: underline;
}

/*Èí¼þ¶¨ÖÆ¿ª·¢ÀàÐÍ*/
.software-soft-TypeCon {
    padding-bottom: 40px;
}

.software-soft-type li {
    width: 285px;
    height: 185px;
    background: #fff;
    margin-right: 20px;
    margin-bottom: 50px;
}

.software-soft-type li:nth-child(4n) {
    margin-right: 0;
}

.software-soft-type-left {
    width: 135px;
}

.software-soft-type-left p {
    font-variant: 14px;
    width: 100px;
}

.software-soft-type-imgCon {
    width: 80px;
    height: 80px;
    left: 50%;
    margin-left: -40px;
}

.software-soft-type-left span {
    width: 1px;
    height: 146px;
    right: 0;
    top: 20px;
    background: #dfdfdf;
}

.software-soft-type li a .software-soft-type-left:hover p, .software-soft-type li a dl:hover dd {
    color: #0165b6;
}

.software-soft-type li:hover {
    box-shadow: 0 4px 7px #bbb;
    -moz-box-shadow: 0 4px 7px #bbb;
    -webkit-box-shadow: 0 4px 7px #bbb;
    -ms-box-shadow: 0 4px 7px #bbb;
}

/*Èí¼þ¶¨ÖÆ¿ª·¢¿ª·¢×ÊѶ*/
.software-soft-news-left .confont-news-list {
    height: 200px;
}

/*Èí¼þ¶¨ÖÆ¿ª·¢ÏêÇéÒ³ÊÊÓÃÐÐÒµ*/
.software-soft-infoIndustry {
    overflow: hidden;
    min-height: 60px;
    max-height: 100px;
}

.software-soft-infoIndustry li {
    text-align: center;
    margin-bottom: 25px;
    border: 1px solid #dfdfdf;
    padding-right: 10px;
    margin-right: 38px;
}

.software-soft-infoIndustry li i {
    line-height: 35px;
}

.software-soft-infoIndustry li:hover {
    border: 1px solid #0165b6;
    background: #0165b6;
}

.software-soft-infoIndustry li:hover span, .software-soft-infoIndustry li:hover p {
    color: #fff;
}

/*Èí¼þ¶¨ÖÆ¿ª·¢ÏêÇéÒ³²úÆ·Ìصã*/
.software-list-infoGoodcon ul {
    min-height: 200px;
    overflow: hidden;
}

.software-list-infoGoodcon li {
    width: 210px;
    height: 260px;
    margin-bottom: 25px;
    margin-right: 20px;
}

.software-list-infoGoodcon li:nth-child(4n) {
    margin-right: 0;
}

.software-list-infoGoodcon li:nth-last-child(1) {
    margin-bottom: 0;
}

.software-list-infoGoodcon li:nth-last-child(2) {
    margin-bottom: 0;
}

.software-list-infoGoodcon li:nth-last-child(3) {
    margin-bottom: 0;
}

.software-list-infoGoodcon li:nth-last-child(4) {
    margin-bottom: 0;
}

.software-list-infoGoodcon li div {
    width: 136px;
    height: 136px;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -webkit-border-radius: 100%;
    border: 1px solid #dfdfdf;
    margin-left: -68px;
}

.software-list-infoGoodcon li:hover div {
    background: #dfdfdf;
}

.software-list-infoGoodcon li img {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -35px;
    margin-top: -35px;
}

/*Èí¼þ¶¨ÖÆ¿ª·¢ÏêÇéҳС֪ʶ*/
.software-list-infoAbotcon {
    border: 1px solid #dfdfdf;
    line-height: 3em;
    width: 910px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
}

.software-list-infoAbotcon li {
    width: 425px;
    padding-left: 30px;
}

.software-list-infoAbotcon li a {
    color: #666;
}

.software-list-infoAbotcon li a:hover, .software-list-infoAbotcon li a:hover span, .software-list-infoAbotcon li a:hover i {
    color: #0165b6;
}

/*Èí¼þ¶¨ÖÆ¿ª·¢ÏêÇéÒ³¿ª·¢Á÷³Ì*/
.software-soft-infoSurver .survey-nav {
    height: 50px;
    line-height: 50px;
}

.software-soft-infoSurver .survey-nav li {
    height: 50px;
    line-height: 50px;
    float: left;
    width: 112px;
    position: relative;
    cursor: pointer;
    text-align: center;
}

/*Á÷³ÌµÄСµ¼º½*/
.software-soft-infoSurver .survey-nav li p {
    font-size: 16px;
    text-align: center;
}

.software-soft-infoSurver .survey-nav li img {
    position: absolute;
    margin-top: 10px;
}

.software-soft-infoSurver .survey-nav li:hover, .software-soft-flow .survey-nav li.avtive {
    background: url(?statics/images/szyh/jiazu/bg_w_op5.png);
}

/*Èí¼þ¶¨ÖÆ¿ª·¢ÏêÇéÒ³£¬Á÷³ÌÄÚÈÝ¿ò½á¹¹*/
.software-soft-infoSurver .survey-nav-tab {
    height: 360px;
}

/*Èí¼þ¶¨ÖÆ¿ª·¢ÏêÇéÒ³£¬Á÷³ÌÄÚÈÝ¿ò±³¾°*/
.software-soft-infoSurver .survey-tab-bg {
    position: absolute;
    top: 0;
    left: 0px;
}

/*Èí¼þ¶¨ÖÆ¿ª·¢ÏêÇéÒ³£¬Á÷³ÌÄÚÈÝ¿òµÄÄÚÈÝ*/
.software-soft-infoSurver .survey-tab-Txtcon {
    margin-top: 30px;
    padding: 30px 40px;
    overflow: hidden;
}

.software-soft-infoSurver .survey-tab-Txtcon-left {
    position: relative;
    z-index: 2;
    width: 500px;
    padding: 30px 0;
}

.software-soft-infoSurver .survey-tab-Txtcon-left h2 {
    margin-bottom: 5px;
}

.software-soft-infoSurver .survey-tab-Txtcon-left h2 span {
    color: #ff5a00;
}

.software-soft-infoSurver .survey-tab-Txtcon-left img {
    position: absolute;
    margin-top: 12px;
}

.software-soft-infoSurver .survey-tab-Txtcon-left a {
    border: 1px solid #dfdfdf;
    width: 80px;
    height: 30px;
}

.software-soft-infoSurver .survey-tab-Txtcon-left a:hover {
    color: #fff;
    background: #0165b6;
    border: 1px solid #0165b6;
}

.software-soft-infoSurver .survey-tab-Txtcon-left div {
    width: 1px;
    height: 280px;
    position: absolute;
    background: #f2f2f2;
    right: -60px;
    top: 20px;
}

/*Èí¼þ¶¨ÖÆ¿ª·¢ÏêÇéÒ³£¬Á÷³ÌÄÚÈÝ¿òÓÒ±ßÇл»µÄÄÚÈÝ*/
.survey-tab-Txtcon-right {
    position: relative;
    text-align: center;
    width: 250px;
    height: 350px;
    margin-right: 10px;
}

.survey-tab-Txtcon-right dl dt {
    position: absolute;
    top: 20px;
    left: 50%;
    margin-left: -75px;
}

.survey-tab-Txtcon-right dl dt.active {
    display: block;
}

.survey-tab-Txtcon-right dl dt h5 {
    color: #ffb800;
    margin-top: 10px;
}

.survey-tab-Txtcon-right .survey-btn {
    width: 20px;
    height: 30px;
    position: absolute;
    top: 30%;
    cursor: pointer;
}

.survey-tab-Txtcon-right .prew {
    background: url(?statics/images/szyh/jiazu/survey_btn.png) top center;
    left: 0;
}

.survey-tab-Txtcon-right .next {
    background: url(?statics/images/szyh/jiazu/survey_btn.png) bottom center;
    right: 0;
}

.survey-tab-Txtcon-right .bd {
    margin-left: 35px;
    position: relative;
}

.survey-tab-Txtcon-right .bd ul {
    text-align: center;
}

.survey-tab-Txtcon-right .bd ul li {
    float: left;
    width: 180px;
    height: 300px;
    overflow: hidden;
}

.survey-tab-Txtcon-right .bd ul li img {
    width: 180px;
    height: 220px;
    margin-top: 20px;
}

.survey-tab-Txtcon-right .bd ul li.active {
    display: block;
}

.survey-tab-Txtcon-right h4 {
    margin-top: 10px;
    margin-bottom: 10px;
}

.survey-tab-Txtcon-right ul li h5 {
    color: #ffb800;
    font-size: 14px;
}

.survey-tab-Txtcon-right .survey-btn {
    width: 20px;
    height: 30px;
    position: absolute;
    top: 45%;
    cursor: pointer;
}

.software-soft-flow .survey-tab-Txtcon-right .prew {
    background: url(?statics/images/szyh/jiazu/survey_btn.png) top center;
    left: 0;
}

.software-soft-flow .survey-tab-Txtcon-right .next {
    background: url(?statics/images/szyh/jiazu/survey_btn.png) bottom center;
    right: 0;
}

/*Èí¼þ¿ª·¢Á÷³ÌÏêÇéÒ³TABµ¼º½±êÇ©Ò³*/
.software-survey-line {
    width: 100%;
    height: 1px;
    background: #f2f2f2;
    margin-top: 10px;
    margin-bottom: 15px;
}

.software-survey-nav {
    height: 150px;
}

.software-survey-nav2 {
    height: 100px;
    transition: 0.3s;
    width: 100%;
    z-index: 99999;
}

.software-survey-nav2.active {
    top: 0px;
    position: fixed;
    background: url(?statics/images/szyh/jiazu/software_survey_nav_bg2.png);
    box-shadow: 0 4px 7px #bbb;
    -moz-box-shadow: 0 4px 7px #bbb;
    -webkit-box-shadow: 0 4px 7px #bbb;
    -ms-box-shadow: 0 4px 7px #bbb;
    height: 135px;
    z-index: 99999;
}

.software-survey-nav-list {
    height: 45px;
    padding-top: 30px;
}

.software-survey-nav-list li {
    width: 148px;
    height: 45px;
    border: 1px solid #dfdfdf;
}

.software-survey-nav-list li:hover, .software-survey-nav-list li.active {
    background: #0165b6;
    border: 1px solid #0165b6;
}

.software-survey-nav-list li:hover a, .software-survey-nav-list li.active a {
    color: #fff;
}

.software-nav-date li {
    width: 150px;
    height: 30px;
    background: url(?statics/images/szyh/jiazu/software_survey_nav_bg.png) center;
}

.software-nav-date li p {
    margin-top: -60px;
}

.software-nav-date li span {
    width: 12px;
    height: 12px;
    background: url(?statics/images/szyh/jiazu/software_survey_date_bg.png) bottom center;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -6px;
    margin-left: -6px;
}

.software-nav-date li:hover span, .software-nav-date li.active span {
    background: url(?statics/images/szyh/jiazu/software_survey_date_bg.png) top center;
}

.software-survey-nav2.active .software-nav-date li {
    height: 0;
    margin-top: 10px;
}

/*Èí¼þ¿ª·¢Á÷³ÌÏêÇéÒ³×ó²à¸¡¶¯TABµ¼º½±êÇ©Ò³*/
.software-left {
    position: fixed;
    left: 20px;
    top: 25%;
    z-index: 9999999999;
}

.software-left li {
    width: 160px;
    height: 20px;
    margin-bottom: 10px;
    transition: 0.2s;
}

.software-left li span {
    width: 20px;
    height: 20px;
    display: inline-block;
    text-align: center;
    line-height: 20px;
    background: url(?statics/images/szyh/jiazu/software_survey_date_bg2.png) top center;
    float: left;
}

.software-left li:hover span, .software-left li span.active {
    background: url(?statics/images/szyh/jiazu/software_survey_date_bg2.png) bottom center;
}

.software-left li i {
    color: #ffb800;
    font-size: 16px;
    display: none;
    margin-left: 15px;
    float: left;
    line-height: 20px;
}

.software-left li:hover i, .software-left li i.active {
    display: inline;
}

.software-left li:hover {
    padding-left: 30px;
}

/*Èí¼þ¶¨ÖÆ¿ª·¢Á÷³Ì¸ÅÊö*/
.software-survey-Txtcon {
    border: 1px solid #dfdfdf;
}

/*Èí¼þ¶¨ÖÆ¿ª·¢Á÷³ÌÓÅÊÆ*/
.software-survey-Goodcon li {
    width: 263px;
    height: 225px;
    border: 1px solid #dfdfdf;
    float: left;
    margin-right: 45px;
}

.software-survey-Goodcon li:nth-child(4n) {
    margin-right: 0;
}

.software-survey-Goodcon li .software-survey-list-imgcon {
    width: 265px;
    height: 175px;
    overflow: hidden;
}

.software-survey-Goodcon li span {
    width: 265px;
    height: 50px;
    border-top: 1px solid #dfdfdf;
}

.software-survey-Goodcon li span:hover {
    background: #0165b6;
    color: #fff;
    border-top: 1px solid #0165b6;
}

.software-survey-Goodcon li:hover {
    box-shadow: 0 4px 7px #bbb;
    -moz-box-shadow: 0 4px 7px #bbb;
    -webkit-box-shadow: 0 4px 7px #bbb;
    -ms-box-shadow: 0 4px 7px #bbb;
}

/*Èí¼þ¶¨ÖÆ¿ª·¢Á÷³Ì¾ßÌå²Ù×÷*/
.software-survey-Workcon {
    height: 270px;
}

.software-survey-Workcon-imgcon {
    text-align: center;
}

.software-survey-Workcon-imgcon img {
    margin: 0 auto;
    border: 1px solid #efefef;
}

.software-survey-Workcon p {
    width: 800px;
    margin: 0 auto;
}

/*Èí¼þ¶¨ÖÆ¿ª·¢Á÷³Ì½»¸¶Õ¹Ê¾*/
.software-survey-Forcon li {
    float: left;
    margin-top: 30px;
    width: 260px;
    height: 335px;
    overflow: hidden;
    margin-right: 50px;
}

.software-survey-Forcon li:nth-child(4n) {
    margin-right: 0;
}

.software-survey-Forcon p {
    width: 800px;
    margin: 0 auto;
}

/*Èí¼þ¶¨ÖÆ¿ª·¢Á÷³Ì¿ª·¢ÀàÐÍ*/
.software-survey-Typecon li {
    width: 283px;
    height: 180px;
    border: 1px solid #dfdfdf;
    margin-right: 20px;
}

.software-survey-Typecon li:nth-child(4n) {
    margin-right: 0;
}

.software-survey-Typecon li:hover {
    box-shadow: 0 4px 7px #bbb;
    -moz-box-shadow: 0 4px 7px #bbb;
    -webkit-box-shadow: 0 4px 7px #bbb;
    -ms-box-shadow: 0 4px 7px #bbb;
}

.software-survey-Typecon-top {
    height: 140px;
    position: relative;
    border-bottom: 1px solid #dfdfdf;
}

.software-survey-Typecon-icon {
    width: 80px;
    height: 80px;
    top: 50%;
    left: 5px;
    margin-top: -40px;
}

.software-survey-Typecon-top span {
    width: 1px;
    height: 80px;
    background: #dfdfdf;
    left: 90px;
    top: 50%;
    margin-top: -40px;
}

.software-survey-Typecon-top p {
    width: 165px;
    padding: 25px 10px;
}

.software-survey-Typecon-top p:hover {
    color: #0165b6;
}

.software-survey-Typecon li i {
    text-align: center;
    display: block;
    height: 40px;
}

.software-survey-Typecon li i:hover {
    background: #0165b6;
    color: #fff;
}

/*Èí¼þ¶¨ÖÆ¿ª·¢Á÷³ÌÏêÇéҳС֪ʶ*/
.software-survey-infoAbotcon {
    border: 1px solid #dfdfdf;
    line-height: 3em;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
}

.software-survey-infoAbotcon li {
    width: 550px;
    padding-left: 30px;
}

.software-survey-infoAbotcon li a {
    color: #666;
}

.software-survey-infoAbotcon li a:hover, .software-survey-infoAbotcon li a:hover span, .software-survey-infoAbotcon li a:hover i {
    color: #0165b6;
}

/*Èí¼þ¶¨ÖÆ¿ª·¢Á÷³ÌÏêÇéÒ³×îаæ*/

/*¿ª·¢Á÷³Ì*/
.software-survey-top {
    margin-top: 30px;
    text-align: center;
}

.software-survey-top .line {
    height: 1px;
    background: #bbc9e8;
    width: 1050px;
    display: inline-block;
    text-align: center;
}

.software-survey-top ul {
    margin-top: -30px;
}

.software-survey-top ul li {
    width: 150px;
    float: left;
    text-align: center;
    position: relative;
    margin-bottom: 35px;
}

.software-survey-top ul li .icon {
    width: 45px;
    height: 45px;
    display: inline-block;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -webkit-border-radius: 100%;
    -o-border-radius: 100%;
    position: relative;
    background: #fff;
}

.software-survey-top ul li .icon span {
    width: 35px;
    height: 35px;
    display: inline-block;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;

    -webkit-border-radius: 100%;
    -o-border-radius: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -18px;
    margin-left: -18px;
    text-align: center;
    line-height: 36px;
}

.software-survey-top ul li .icon span i {
    color: #fff;
}

.iconbor01 {
    border: 1px solid #5d82d2;
}

.iconbor02 {
    border: 1px solid #3dc9be;
}

.iconbor03 {
    border: 1px solid #ff7e30;
}

.iconbor04 {
    border: 1px solid #45ae76;
}

.iconbor05 {
    border: 1px solid #f4689d;
}

.iconbor06 {
    border: 1px solid #f04e41;
}

.iconbor07 {
    border: 1px solid #fec935;
}

.iconbor08 {
    border: 1px solid #2d99f4;
}

.iconbg01 {
    background: #5d82d2;
}

.iconbg02 {
    background: #3dc9be;
}

.iconbg03 {
    background: #ff7e30;
}

.iconbg04 {
    background: #45ae76;
}

.iconbg05 {
    background: #f4689d;
}

.iconbg06 {
    background: #f04e41;
}

.iconbg07 {
    background: #fec935;
}

.iconbg08 {
    background: #2d99f4;
}

.software-survey-top ul li h3 {
    color: #666;
    font-weight: 100;
    font-size: 20px;
    margin-top: 10px;
}

.software-survey-top ul li:hover h3, .software-survey-top ul li.active h3 {
    color: #0165b6;
}

.software-survey-top ul li:nth-last-child(1):hover h3, .software-survey-top ul li:nth-last-child(1).active h3 {
    color: #2d99f4;
}

.software-survey-top ul li:nth-last-child(2):hover h3, .software-survey-top ul li:nth-last-child(2).active h3 {
    color: #fec935;
}

.software-survey-top ul li:nth-last-child(3):hover h3, .software-survey-top ul li:nth-last-child(3).active h3 {
    color: #f04e41;
}

.software-survey-top ul li:nth-last-child(4):hover h3, .software-survey-top ul li:nth-last-child(4).active h3 {
    color: #f4689d;
}

.software-survey-top ul li:nth-last-child(5):hover h3, .software-survey-top ul li:nth-last-child(5).active h3 {
    color: #45ae76;
}

.software-survey-top ul li:nth-last-child(6):hover h3, .software-survey-top ul li:nth-last-child(6).active h3 {
    color: #ff7e30;
}

.software-survey-top ul li:nth-last-child(7):hover h3, .software-survey-top ul li:nth-last-child(7).active h3 {
    color: #3dc9be;
}

.software-survey-top ul li:nth-last-child(8):hover h3, .software-survey-top ul li:nth-last-child(8).active h3 {
    color: #5d82d2;
}

.software-survey-top ul li h1 {
    width: 50px;
    height: 50px;
    background: url(?statics/images/szyh/jiazu/jiantou.png) center;
    position: absolute;
    left: 50%;
    bottom: -50px;
    margin-left: -25px;
    display: none;
}

.software-survey-top ul li:hover h1, .software-survey-top ul li.active h1 {
    display: block;
}

/*ÄÚÈÝ¿ªÊ¼*/
/*.container {
    border: 1px solid #dfdfdf;
    padding: 0px 30px;
    margin-bottom: 30px;
    margin-top: 20px;
    padding-bottom: 30px;
}
*/
.w-1000 {
    width: 1000px;
    display: inline-block;
}

/*Èí¼þ¶¨ÖÆ¿ª·¢ÁбíÒ³¿ª·¢Á÷³Ì*/
.software-soft-FlowCon {
    height: 850px;
}

.software-soft-FlowCon.new {
    height: 790px;
}

.software-soft-flow-box {
    margin-top: 63px;
}

/*¶¨ÖÆ¿ª·¢ÁбíÒ³¿ª·¢Á÷³Ì*/

/*Èí¼þ¶¨ÖÆ¿ª·¢ÁбíÒ³£¬Á÷³ÌÄÚÈÝ¿ò½á¹¹*/
.software-soft-flow .survey-nav-tab {
    height: 500px;
    overflow: hidden;
    width: 1200px;
}

/*Èí¼þ¶¨ÖÆ¿ª·¢ÁбíÒ³£¬Á÷³ÌÄÚÈÝ¿ò±³¾°*/
.software-soft-flow .survey-tab-bg {
    position: absolute;
    top: 0;
    left: 0px;
}

/*Èí¼þ¶¨ÖÆ¿ª·¢ÁбíÒ³£¬Á÷³ÌÄÚÈÝ¿òµÄÄÚÈÝ*/
.software-soft-flow .survey-tab-Txtcon {
    margin-top: 30px;
    padding: 60px 40px;
    overflow: hidden;
}

.software-soft-flow .survey-tab-Txtcon-left {
    position: relative;
    z-index: 2;
    width: 700px;
}

.software-soft-flow .survey-tab-Txtcon-left h2 {
    margin-bottom: 20px;
}

.software-soft-flow .survey-tab-Txtcon-left h2 span {
    color: #ff5a00;
}

.software-soft-flow .survey-tab-Txtcon-left img {
    position: absolute;
    margin-top: 15px;
}

.software-soft-flow .survey-tab-Txtcon-left a {
    border: 1px solid #dfdfdf;
    width: 80px;
    height: 30px;
}

.software-soft-flow .survey-tab-Txtcon-left a:hover {
    color: #fff;
    background: #0165b6;
    border: 1px solid #0165b6;
}

.software-soft-flow .survey-tab-Txtcon-left div {
    width: 1px;
    height: 350px;
    position: absolute;
    background: #f2f2f2;
    right: -60px;
    top: 20px;
}

/*Èí¼þ¶¨ÖÆ¿ª·¢ÁбíÒ³£¬Á÷³ÌÄÚÈÝ¿òÓÒ±ßÇл»µÄÄÚÈÝ*/
.software-soft-flow .survey-tab-Txtcon-right {
    position: relative;
    text-align: center;
    width: 300px;
    height: 400px;
    margin-right: 10px;
}

.software-soft-flow .survey-tab-Txtcon-right .bd {
    margin-left: 35px;
    position: relative;
}

.software-soft-flow .survey-tab-Txtcon-right .bd ul {
    text-align: center;
}

.software-soft-flow .survey-tab-Txtcon-right .bd ul li {
    float: left;
    width: 230px;
    height: 400px;
    overflow: hidden;
}

.software-soft-flow .survey-tab-Txtcon-right .bd ul li img {
    width: 230px;
    height: 270px;
    margin-top: 20px;
}

.software-soft-flow .survey-tab-Txtcon-right .bd ul li.active {
    display: block;
}

.software-soft-flow .survey-tab-Txtcon-right h4 {
    margin-top: 10px;
    margin-bottom: 10px;
}

.software-soft-flow .survey-tab-Txtcon-right ul li h5 {
    color: #ffb800;
    font-size: 16px;
}

.software-soft-flow .survey-tab-Txtcon-right .survey-btn {
    width: 20px;
    height: 30px;
    position: absolute;
    top: 45%;
    cursor: pointer;
}

.software-soft-flow .software-soft-flow .survey-tab-Txtcon-right .prew {
    background: url(?statics/images/szyh/jiazu/survey_btn.png) top center;
    left: 0;
}

.software-soft-flow .software-soft-flow .survey-tab-Txtcon-right .next {
    background: url(?statics/images/szyh/jiazu/survey_btn.png) bottom center;
    right: 0;
}

/*µÚÈý°æ*/
.software-soft-flow.new2 .survey-nav-tab {
    height: 420px;
    overf low: visible;
}

.software-soft-flow.new2 .survey-nav-tab li.border {
    border: 1px solid #dfdfdf;
    margin-top: 60px;
    height: 350px;
}

/*Èí¼þ¶¨ÖÆ¿ª·¢ÁбíÒ³£¬Á÷³ÌÄÚÈÝ¿òµÄÄÚÈÝ*/
.software-soft-flow.new2 .survey-tab-Txtcon {
    margin-top: 20px;
    padding: 0px 40px;
    overflow: hidden;
}

.software-soft-flow.new2 .survey-tab-Txtcon-right .bd ul li img {
    width: 230px;
    height: 230px;
    margin-top: 10px;
}

.software-soft-flow.new2 .survey-tab-Txtcon-left div {
    width: 1px;
    height: 250px;
    position: absolute;
    background: #f2f2f2;
    right: -60px;
    top: 20px;
}

/*µØ·½Õ¾bannerÂÖ²¥*/
.confont-ban2 {
    height: 450px;
    width: 100%;
    overflow: hidden;
    min-width: 1200px;
    position: relative;
    z-index: 2;
}

.confont-ban2 .ban-img li img {
    height: 450px;
    position: absolute;
}

.confont-ban2 .ban-img li {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -960px;
    display: none;
}

.confont-ban2 .num {
    position: absolute;
    font-size: 0;
    text-align: center;
    width: 100%;
    bottom: 20px;
}

.confont-ban2 .num li {
    width: 20px;
    height: 6px;
    background: #888;
    color: #fff;
    line-height: 24px;
    font-size: 12px;
    display: inline-block;
    margin: 0 6px;
    cursor: pointer;
}

.confont-ban2 .num li.on {
    background: #00b3e1;
}

.confont-ban2 .btn {
    width: 40px;
    height: 80px;
    font-size: 70px;
    position: absolute;
    top: 50%;
    margin-top: -40px;
    font-family: "ËÎÌå";
    line-height: 80px;
    color: #fff;
    cursor: pointer;
    opacity: 0;
    transition: 0.3s;
}

.confont-ban2:hover .btn {
    opacity: 1;
}

.confont-ban2 .btn-l {
    left: 6%;
}

.confont-ban2:hover .btn-l {
    left: 2%;
}

.confont-ban2 .btn-r {
    right: 6%;
}

.confont-ban2:hover .btn-r {
    right: 2%;
}

/*µØ·½Õ¾bannerÉÏÃæµÄ×Ö*/
.confont-ban2 .ban-img li .index-ban-txt {
    position: absolute;
    width: 540px;
    height: 200px;
    z-index: 9999999999;
    top: 120px;
    left: 50%;
    margin-left: 910px;
}

.confont-ban2 .ban-img li .index-ban-txt h1, .confont-ban2 .ban-img li .index-ban-txt h2 {
    font-weight: 100;
    margin-bottom: 10px;
    color: #fff;
    line-height: 33px;
}

.confont-ban2 .ban-img li .index-ban-txt h1 {
    font-size: 30px;
}

.confont-ban2 .ban-img li .index-ban-txt h2 {
    font-size: 40px;
}

.confont-ban2 .ban-img li .index-ban-txt p {
    font-size: 14px;
    line-height: 1.8em;
    color: #fff;
    width: 400px;
}

.confont-ban2 .ban-img li .index-ban-txt .btn-button-bg-red {
    display: inline-block;
    margin-top: 18px;
}

.confont-ban2 .ban-img li .index-ban-txt .btn-button-bg-white {
    display: inline-block;
    margin-top: 18px;
}

/*µØ·½Õ¾¶¨ÖÆ¿ª·¢*/
.place-software {
    height: 390px;
    overflow: hidden;
}

.place-software a {
    width: 233px;
    border: 1px solid #dfdfdf;
    border-radius: 5px;
    text-align: center;
    padding: 50px 10px;
    display: block;
    background: url(?statics/images/szyh/jiazu/place_software_icon) no-repeat;
    background-position: center 280px;
    transition: 0.3s;
    margin-right: 60px;
}

.place-software a:nth-last-child(1) {
    margin-right: 0;
}

.place-software .place-software-txt {
    line-height: 1.8em;
    height: 50px;
    overflow: hidden;
    transition: 0.3s;
}

.place-software a:hover {
    border: 1px solid #00c9c2;
    box-shadow: 0 4px 7px #bbb;
    -moz-box-shadow: 0 4px 7px #bbb;
    -webkit-box-shadow: 0 4px 7px #bbb;
    -ms-box-shadow: 0 4px 7px #bbb;
    transition: 0.3s;
    background-position: center 320px;
}

.place-software a:hover .place-software-txt {
    height: 100px;
    transition: 0.3s;
}

/*µØ·½Õ¾ÌØÉ«²úÆ·*/
.place-product {
    overflow: hidden;
    height: 548px;
}

.place-product2 {
    overflow: hidden;
    height: 741px;
    padding-bottom: 60px;
}

.place-product .place-product-img {
    position: relative;
    display: block;
}

.place-product .place-product-img span {
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 180px;
    display: block;
    text-align: center;
    transition: 0.3s 0.3s;
}

.place-product .place-product-img span p {
    display: none;
    margin-top: 5px;
}

.place-product .place-product-img span i {
    margin-top: 80px;
    transition: 0.3s;
}

.place-product .place-product-img.last {
    height: 370px;
    overflow: hidden;
}

.place-product .place-product-img.last span {
    top: 50%;
    width: 100%;
    height: 50%;
    margin-top: -5px;
    transition: 0.3s;
}

.place-product .place-product-img.last:hover span {
    top: 0;
    height: 100%;
}

.place-product .place-product-img:hover span {
    width: 100%;
}

.place-product .place-product-img:hover span i {
    margin-top: 60px;
}

.place-product .place-product-img:hover span p {
    display: block;
}

.place-product .place-product-img.last:hover span i {
    margin-top: 140px;
}

/*ÑÕÉ«·½°¸*/
.place-product-bg1 {
    background: url(?statics/images/szyh/jiazu/place_product_bg01.png);
}

.place-product-bg2 {
    background: url(?statics/images/szyh/jiazu/place_product_bg02.png);
}

.place-product-bg3 {
    background: url(?statics/images/szyh/jiazu/place_product_bg03.png);
}

.place-product-bg4 {
    background: url(?statics/images/szyh/jiazu/place_product_bg04.png);
}

.place-product-bg5 {
    background: url(?statics/images/szyh/jiazu/place_product_bg05.png);
}

.place-product-bg6 {
    background: url(?statics/images/szyh/jiazu/place_product_bg06.png);
}

.place-product-bg7 {
    background: url(?statics/images/szyh/jiazu/place_product_bg07.png);
}

/*µØ·½Õ¾¿Í»§°¸Àý*/
.place-case a {
    display: block;
    border: 1px solid #dfdfdf;
    height: 300px;
    width: 268px;
    overflow: hidden;
    margin-right: 40px;
}

.place-case a:nth-last-child(1) {
    margin-right: 0;
}

.place-case a .top {
    height: 165px;
    overflow: hidden;
    position: relative;
}

.place-case a .top span {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background: url(?statics/images/szyh/jiazu/place_case_bg.png);
    width: 270px;
    text-align: center;
}

.place-case a .down {
    padding: 0 10px;
}

.place-case a:hover {
    border: 1px solid #ffb800;
    box-shadow: 0 4px 7px #bbb;
    -moz-box-shadow: 0 4px 7px #bbb;
    -webkit-box-shadow: 0 4px 7px #bbb;
    -ms-box-shadow: 0 4px 7px #bbb;
}

/*µØ·½Õ¾×ÉѶÖÐÐÄ*/
.place-news {
    height: 380px;
}

.place-news li {
    width: 360px;
    padding-right: 40px;
}

.place-news .imgCon {
    width: 115px;
}

.place-news .middle p {
    width: 230px;
    line-height: 2em;
}

.place-news .middle p:hover {
    color: #0165b6;
}

.place-news li .down a {
    width: 100%;
    overflow: hidden;
    display: block;
    line-height: 3em;
}

.place-news li .down a:hover span {
    color: #0165b6;
}

/*µØ·½Õ¾·ÖÖ§»ú¹¹·Ö²¼*/
.place-map {
    background: url(?statics/images/szyh/jiazu/place_map_bg.png);
    width: 100%;
    height: 732px;
}

.place-map-eps {
    position: relative;
}

.place-map-eps li.mp {
    position: absolute;
    top: 260px;
    right: 660px;
}

.place-map-eps li.mp2 {
    position: absolute;
    top: 140px;
    right: 712px;
}

.place-map-eps li.mp3 {
    position: absolute;
    top: 110px;
    right: 545px;
}

.place-map-eps li.mp4 {
    position: absolute;
    top: 120px;
    right: 440px;
}

.place-map-eps li.mp5 {
    position: absolute;
    top: 215px;
    right: 522px;
}

.place-map-eps li.mp6 {
    position: absolute;
    top: 230px;
    right: 415px;
}

.place-map-eps li.mp7 {
    position: absolute;
    top: 285px;
    right: 245px;
}

.place-map-eps li.mp8 {
    position: absolute;
    top: 111px;
    right: 180px;
}

.place-map-eps li.mp9 {
    position: absolute;
    top: 151px;
    right: 60px;
}

.place-map-eps li.mp10 {
    position: absolute;
    top: 410px;
    right: 370px;
}

.place-map-eps li.mp11 {
    position: absolute;
    top: 475px;
    right: 530px;
}

.place-map-eps li.mp12 {
    position: absolute;
    top: 295px;
    right: 570px;
}

.place-map-eps li.mp13 {
    position: absolute;
    top: 340px;
    right: 655px;
}

.place-map-eps li.mp14 {
    position: absolute;
    top: 423px;
    right: 700px;
}

.place-map-eps li.mp15 {
    position: absolute;
    top: 500px;
    right: 573px;
}

.place-map-eps li.mp16 {
    position: absolute;
    top: 455px;
    right: 831px;
}

.place-map-eps li.mp17 {
    position: absolute;
    top: 255px;
    right: 750px;
}

.place-map-txt {
    position: relative;
}

.place-map-txt li {
    width: 250px;
    height: 410px;
    background: url(?statics/images/szyh/jiazu/place_map_txtbg.png);
    border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    padding: 20px 35px;
    position: absolute;
    top: 80px;
    display: none;
}

.place-map-txt li.active {
    display: block;
}

.place-map-txt li h3 {
    border-bottom: 1px solid #fff;
}

.place-map-txt li a {
    padding: 5px 20px;
    color: #fff;
    border: 1px solid #fff;
    margin-top: 15px;
    display: inline-block;
}

.place-map-txt li a:hover {
    border: 1px solid #0165b6;
    background: #0165b6;
}

.place-map-eps span {
    width: 17px;
    height: 23px;
    background: url(?statics/images/szyh/jiazu/place_map_icon02.png) no-repeat;
    display: block;
    cursor: pointer;
}

.place-map-eps li .down-map {
    width: 250px;
    height: 150px;
    background: #0165b6;
    position: absolute;
    top: -180px;
    left: -150px;
    display: none;
    z-index: 999;
    padding: 10px 20px;
    z-index: 9999999999;
}

.place-map-eps li .down-map i {
    display: inline-block;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-top: 6px solid #0165b6;
    position: absolute;
    bottom: -12px;
    right: 126px;
}

.place-map-eps li:hover span, .place-map-eps li.active span {
    background-position: 0 -23px;
}

.place-map-eps li:hover .down-map {
    display: block;
}

/*רÌâÒ³ÓÅÊÆ*/
.special-good li {
    width: 180px;
    float: left;
    margin-right: 75px;
}

.special-good li:nth-last-child(1) {
    margin-right: 0;
}

.special-good li img {
    -webkit-transition: -webkit-transform 1s ease-out;
    -moz-transition: -moz-transform 0.5s ease-out;
    -o-transition: -o-transform 0.5s ease-out;
    -ms-transition: -ms-transform 0.5s ease-out;
}

.special-good li:hover img {
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    -o-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
}

.special-good2 li {
    width: 180px;
    float: left;
    margin-right: 24px;
}

.special-good2 li:nth-last-child(1) {
    margin-right: 0;
}

.special-good2 li img {
    -webkit-transition: -webkit-transform 1s ease-out;
    -moz-transition: -moz-transform 0.5s ease-out;
    -o-transition: -o-transform 0.5s ease-out;
    -ms-transition: -ms-transform 0.5s ease-out;
}

.special-good2 li:hover img {
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    -o-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
}

/*רÌâÒ³¶Ë¿ÚÖ§³Ö*/
.special-show li {
    width: 160px;
    height: 90px;
    background: #fb5253;
    text-align: center;
    float: left;
    margin-right: 48px;
    cursor: pointer;
}

.special-show2 li {
    background: #2c87d8;
}

.special-show li:nth-last-child(1) {
    margin-right: 0;
}

.special-show li:hover {
    background: #be191b;
}

.special-show2 li:hover {
    background: #0165b6;
}

/*רÌâÒ³¶Ë¿ÚÖ§³Öаæ*/
.special-support .confont-con {
    width: 1110px;
    position: relative;
    min-height: 420px;
}

.special-support ul {
    position: absolute;
    top: 0;
    top: 0;
}

.special-support .le {
    left: 0;
}

.special-support .ce {
    left: 280px;
}

.special-support .ri {
    left: 560px;
}

.special-support .la {
    left: 840px;
}

.special-support li {
    width: 270px;
    height: 270px;
    background: url(?statics/images/szyh/jiazu/special_support_bg.png) no-repeat;
    overflow: hidden;
    background-position: 0 0px;
    text-align: center;
    float: left;
}

.special-support li a {
    width: 150px;
    height: 110px;
    display: block;
    margin-top: 90px;
    margin-left: 60px;
}

.special-support li.bo {
    margin-top: 140px;
}

.special-support li.to {
    margin-left: -130px;
}

.special-support li span {
    width: 65px;
    height: 65px;
    display: inline-block;
    overflow: hidden;
    background-position: 0 0px;
}

.special-support .le li.bo span {
    background: url(?statics/images/szyh/jiazu/special_support_icon01.png) no-repeat;
}

.special-support .le li.to span {
    background: url(?statics/images/szyh/jiazu/special_support_icon02.png) no-repeat;
}

.special-support .ce li.bo span {
    background: url(?statics/images/szyh/jiazu/special_support_icon03.png) no-repeat;
}

.special-support .ce li.to span {
    background: url(?statics/images/szyh/jiazu/special_support_icon04.png) no-repeat;
}

.special-support .ri li.bo span {
    background: url(?statics/images/szyh/jiazu/special_support_icon05.png) no-repeat;
}

.special-support .ri li.to span {
    background: url(?statics/images/szyh/jiazu/special_support_icon06.png) no-repeat;
}

.special-support .la li.bo span {
    background: url(?statics/images/szyh/jiazu/special_support_icon07.png) no-repeat;
    margin-top: 70px;
}

.special-support .le li.active span {
    background-position: 0 -65px;
}

.special-support .ce li.active span {
    background-position: 0 -65px;
}

.special-support .ri li.active span {
    background-position: 0 -65px;
}

.special-support li.active {
    background-position: 0 -270px;
}

.special-support li.active p {
    color: #fff;
}

/*רÌâÒ³¶Ë¿ÚÖ§³Öаæ2*/
.special-support2 li {
    float: left;
    width: 200px;
    height: auto;
    text-align: center;
}

.special-support2 li .special-support-icon {
    height: 120px;
    overflow: hidden;
}

.special-support2 li h3 {
    font-size: 16px;
    font-weight: 100;
    color: #333;
    margin-top: 10px;
}

.special-support2 li p {
    color: #999;
    margin-top: 5px;
}

.special-support2 li:hover h3, .special-support2 li:hover p {
    color: #ff9600;
}

.special-support2 li:hover .special-support-icon img {
    margin-top: -120px;
}

.special-support2 .center a {
    width: 150px;
    height: 40px;
    color: #ff9600;
    border: 1px solid #ff9600;
    border-radius: 2px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    display: inline-block;
    line-height: 40px;
    font-size: 16px;
    margin-top: 50px;
}

/*Ê®´ó¹¦ÄÜÄ£¿éµÚ¶þ°æÑùʽ*/
.confont-con-function {
    width: 1050px;
    margin: 0 auto;
}

.special-function li {
    width: 90px;
    padding: 15px 30px;
    float: left;
}

.special-function li img {
    border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
}

.special-function li p {
    margin-top: 5px;
    color: #666;
}

.special-function a.fsize-16 {
    width: 90px;
    text-align: center;
    line-height: 90px;
    padding: 15px 30px;
    display: inline-block;
}

.special-function li:hover {
    background: #efefef;
}

/*µÚÈý°æÑùʽ*/
.special-function-new li {
    text-align: center;
    width: 232px;
    height: 155px;
    float: left;
    margin-right: 10px;
    margin-bottom: 30px;
    position: relative;
    overflow: hidden;
}

.special-function-new li:nth-child(5n) {
    margin-right: 0;
}

.special-function-new li img {
    border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
}

.special-function-new li span {
    display: block;
    position: absolute;
    top: 155px;
    left: 0;
    color: #fff;
    text-indent: 2em;
    width: 202px;
    height: 95px;
    background: blue;
    text-align: left;
    padding: 30px 15px;
    background: url(?statics/images/szyh/jiazu/special_function_bg.png);
    border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    transition: 0.3s;
}

.special-function-new li p {
    color: #fff;
    font-size: 20px;
    margin-top: -50px;
}

.special-function-new li i {
    display: inline-block;
    position: relative;
    top: -85px;
}

.special-function-new li i:hover {
    color: #0165b6;
}

.special-function-new li:hover span {
    top: 0;
}

/*µÚËÄ°æÑùʽ*/
.special-function-new2 li {
    text-align: center;
    width: 232px;
    height: 155px;
    float: left;
    margin-right: 10px;
    margin-bottom: 30px;
    position: relative;
    overflow: hidden;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    text-align: center;
    overflow: hidden;
}

.special-function-new2 li:nth-child(5n) {
    margin-right: 0;
}

.special-function-new2 li.cor1 {
    background: #5d82d2;
}

.special-function-new2 li.cor2 {
    background: #3dc9be;
}

.special-function-new2 li.cor3 {
    background: #ff7e30;
}

.special-function-new2 li.cor4 {
    background: #45ae76;
}

.special-function-new2 li.cor5 {
    background: #f4689d;
}

.special-function-new2 li.cor6 {
    background: #f04e41;
}

.special-function-new2 li.cor7 {
    background: #fec935;
}

.special-function-new2 li.cor8 {
    background: #2d99f4;
}

.special-function-new2 li.cor9 {
    background: #9bcf50;
}

.special-function-new2 li.cor10 {
    background: #efefef;
}

.special-function-new2 li.ten {
    background: #efefef;
}

.special-function-new2 li img {
    width: 70px;
    height: 70px;
    margin-top: 25px;
}

.special-function-new2 li span {
    display: block;
    position: absolute;
    top: 155px;
    left: 0;
    color: #fff;
    text-indent: 2em;
    width: 202px;
    height: 95px;
    background: blue;
    text-align: left;
    padding: 30px 15px;
    background: url(?statics/images/szyh/jiazu/special_function_bg.png);
    border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    transition: 0.3s;
}

.special-function-new2 li p {
    color: #fff;
    font-size: 20px;
    position: absolute;
    bottom: 15px;
    width: 232px;
    left: 0;
}

.special-function-new2 li i {
    line-height: 155px;
}

.special-function-new2 li i:hover {
    color: #0165b6;
}

.special-function-new2 li:hover span {
    top: 0;
}

/*רÌâÒ³×ÉѶÖÐÐÄ*/
.special-nwes.place-news li {
    width: 560px;
}

.special-nwes.place-news .imgCon {
    width: 155px;
}

.special-nwes.place-news .middle p {
    width: 375px;
}

.special-nwes.place-news li .down a span.fsize-40 {
    color: #ffaa43;
}

/*רÌâÒ³ÄÚÒ³±³¾°Í¼Æ¬*/
.special_bg {
    width: 100%;
    min-height: 600px;
    background: url(?statics/images/szyh/jiazu/special_bg.png) no-repeat;
    overflow: hidden;
    padding-bottom: 50px;
}

/*ÄÚÈÝ´óС*/
.explain-confont-con {
    width: 1200px;
    margin: 0 auto;
    min-height: 600px;
    background: #fff;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    border: 1px solid #efefef;
    padding: 0px 20px;
}

/*ÏîÄ¿±³¾°*/
.explain-word p {
    font-size: 16px;
    color: #999;
    line-height: 2em;
    text-indent: 2em;
}

/*ÏÖ´æÎÊÌâ*/
.explain-question li {
    width: 50%;
    float: left;
}

.explain-question li span {
    width: 50px;
    height: 50px;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -webkit-border-radius: 100%;
    -o-border-radius: 100%;
    border: 1px solid #dfdfdf;
    display: block;
    margin-left: 20px;
}

.explain-question.new li span {
    margin-top: 30px;
}

.explain-question .txtcon {
    width: 460px;
    padding-left: 20px;
}

.explain-question .txtcon i {
    color: #999;
}

/*½á¹¹Í¼*/
.explain-imgCon {
    text-align: center;
}

.explain-imgCon img {
    margin: 0 auto;
}

/*¿Í»§¶ËÏÂÔØ*/
.down-load li {
    width: 100%;
    margin-bottom: 50px;
}

.down-load-con {
    width: 830px;
    border-bottom: 1px solid #efefef;
    height: 235px;
}

.down-load li .imgCon {
    width: 280px;
    border: 1px solid #efefef;
}

.down-load-con .iconCon span {
    display: block;
    border: 1px solid #dfdfdf;
    width: 45px;
    height: 45px;
}

.down-load-con .iconCon a:hover {
    color: #0165b6;
}

/*¹¦ÄÜÄ£¿éÀ¸Ä¿Ò³*/

/*×ó²àµ¼º½*/
.function-nav {
    width: 210px;
    float: left;
}

.function-nav dl {
    padding-right: 10px;
}

.function-nav dl dt {
    padding: 5px 0;
    border-bottom: 1px solid #efefef;
    padding-bottom: 10px;
}

.function-nav dl dd {
    padding: 10px 0;
    width: 100%;
    height: 20px;
    padding-left: 5px;
}

.function-nav dl dd a {
    width: 100%;
}

.function-nav dl dd img {
    height: 22px;
    width: 22px;
    vertical-align: middle;
    margin-right: 10px;
    float: left;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
}

.function-nav dl dd span {
    display: block;
    float: left;
}

.function-nav dl dd:hover, .function-nav dl dd.active {
    background: #dfdfdf;
}

.function-nav .fold dd {
    display: none;
}

.function-nav .fold {
}

/*×ó²àµ¼º½µÚ¶þ°æ*/
.function-nav-new {
    width: 210px;
    float: left;
}

.function-nav-new dl {
    padding-right: 10px;
}

.function-nav-new dl dt {
    padding: 5px 0;
    border-bottom: 1px solid #efefef;
    padding-bottom: 10px;
}

.function-nav-new dl dd {
    padding: 10px 0;
    width: 100%;
    height: 20px;
    padding-left: 5px;
}

.function-nav-new dl dd a {
    width: 100%;
}

.function-nav-new dl dd .imgcon {
    height: 18px;
    width: 18px;
    vertical-align: middle;
    margin-right: 10px;
    float: left;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
    padding: 4px;
}

.function-nav-new dl dd .imgcon.cor1 {
    background: #5d82d2;
}

.function-nav-new dl dd .imgcon.cor2 {
    background: #3dc9be;
}

.function-nav-new dl dd .imgcon.cor3 {
    background: #ff7e30;
}

.function-nav-new dl dd .imgcon.cor4 {
    background: #45ae76;
}

.function-nav-new dl dd .imgcon.cor5 {
    background: #f4689d;
}

.function-nav-new dl dd .imgcon.cor6 {
    background: #f04e41;
}

.function-nav-new dl dd .imgcon.cor7 {
    background: #fec935;
}

.function-nav-new dl dd .imgcon.cor8 {
    background: #2d99f4;
}

.function-nav-new dl dd .imgcon.cor9 {
    background: #9bcf50;
}

.function-nav-new dl dd .imgcon.cor10 {
    background: #f2c23a;
}

.function-nav-new dl dd .imgcon.cor11 {
    background: #30e88b;
}

.function-nav-new dl dd .imgcon.cor12 {
    background: #7658f8;
}

.function-nav-new dl dd .imgcon.cor13 {
    background: #98cb0e;
}

.function-nav-new dl dd .imgcon.cor14 {
    background: #d1bb79;
}

.function-nav-new dl dd .imgcon.cor15 {
    background: #ffbd60;
}

.function-nav-new dl dd .imgcon.cor16 {
    background: #e6567a;
}

.function-nav-new dl dd .imgcon.cor17 {
    background: #17b69c;
}

.function-nav-new dl dd .imgcon.cor18 {
    background: #f4c339;
}

.function-nav-new dl dd .imgcon.cor19 {
    background: #e97c7e;
}

.function-nav-new dl dd .imgcon.cor20 {
    background: #5d82d2;
}

.function-nav-new dl dd img {
    height: 18px;
    width: 18px;
}

.function-nav-new dl dd span {
    display: block;
    float: left;
}

.function-nav-new dl dd:hover, .function-nav-new dl dd.active {
    background: #dfdfdf;
}

/*ÓÒ²àÄÚÈÝ*/
.function-con {
    float: right;
    padding: 30px 35px;
    width: 890px;
    border-left: 1px solid #dfdfdf;
}

/*banner*/
.function-banner {
    width: 900px;
    height: 220px;
    position: relative;
}

.function-banner-txt {
    position: absolute;
    left: 30px;
    top: 50px;
    width: 740px;
}

/*Ó¦ÓÃÄ£¿é*/
.function-use {
    width: 890px;
}

.function-use-list li {
    float: left;
    width: 150px;
    margin-bottom: 25px;
    padding: 5px 0;
}

.function-use-list li img {
    border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
}

.function-use-txt {
    margin: 20px 0;
    position: relative;
}

.function-use-txt li {
    display: none;
}

.function-use-txt li.active {
    display: block;
}

.function-use-list li:hover, .function-use-list li.active {
    background: #efefef;
}

/*µÚ¶þ°æ*/
.function-use-list li .imgcon {
    width: 60px;
    height: 60px;
    text-align: center;
    display: inline-block;
    overflow: hidden;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
    padding: 10px;
}

.function-use-list li .imgcon img {
    width: 60px;
    height: 60px;
}

.function-use-list li .imgcon.cor1 {
    background: #5d82d2;
}

.function-use-list li .imgcon.cor2 {
    background: #3dc9be;
}

.function-use-list li .imgcon.cor3 {
    background: #ff7e30;
}

.function-use-list li .imgcon.cor4 {
    background: #45ae76;
}

.function-use-list li .imgcon.cor5 {
    background: #f4689d;
}

.function-use-list li .imgcon.cor6 {
    background: #f04e41;
}

.function-use-list li .imgcon.cor7 {
    background: #fec935;
}

.function-use-list li .imgcon.cor8 {
    background: #2d99f4;
}

.function-use-list li .imgcon.cor9 {
    background: #9bcf50;
}

.function-use-list li .imgcon.cor10 {
    background: #f2c23a;
}

.function-use-list li .imgcon.cor11 {
    background: #30e88b;
}

.function-use-list li .imgcon.cor12 {
    background: #7658f8;
}

.function-use-list li .imgcon.cor13 {
    background: #98cb0e;
}

.function-use-list li .imgcon.cor14 {
    background: #d1bb79;
}

.function-use-list li .imgcon.cor15 {
    background: #ffbd60;
}

.function-use-list li .imgcon.cor16 {
    background: #e6567a;
}

.function-use-list li .imgcon.cor17 {
    background: #17b69c;
}

.function-use-list li .imgcon.cor18 {
    background: #f4c339;
}

.function-use-list li .imgcon.cor19 {
    background: #e97c7e;
}

.function-use-list li .imgcon.cor20 {
    background: #5d82d2;
}

/*¹¦ÄÜÄ£¿éÏêÇéÒ³*/
.function-head {
    border-bottom: 1px solid #dfdfdf;
    height: 120px;
}

.function-head img {
    border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
}

.function-info-txtCon p, .function-use-txt p {
    color: #999;
    line-height: 2em;
    margin-top: 5px;
    text-indent: 2em;
}

/*µÚ¶þ°æ*/
.function-head .imgcon {
    border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
    width: 85px;
    height: 85px;
    overflow: hidden;
}

.function-head .imgcon img {
    width: 75px;
    height: 75px;
    padding: 5px;
}

.function-head .imgcon.cor1 {
    background: #5d82d2;
}

.function-head .imgcon.cor2 {
    background: #3dc9be;
}

.function-head .imgcon.cor3 {
    background: #ff7e30;
}

.function-head .imgcon.cor4 {
    background: #45ae76;
}

.function-head .imgcon.cor5 {
    background: #f4689d;
}

.function-head .imgcon.cor6 {
    background: #f04e41;
}

.function-head .imgcon.cor7 {
    background: #fec935;
}

.function-head .imgcon.cor8 {
    background: #2d99f4;
}

.function-head .imgcon.cor9 {
    background: #9bcf50;
}

.function-head .imgcon.cor10 {
    background: #f2c23a;
}

.function-head .imgcon.cor11 {
    background: #30e88b;
}

.function-head .imgcon.cor12 {
    background: #7658f8;
}

.function-head .imgcon.cor13 {
    background: #98cb0e;
}

.function-head .imgcon.cor14 {
    background: #d1bb79;
}

.function-head .imgcon.cor15 {
    background: #ffbd60;
}

.function-head .imgcon.cor16 {
    background: #e6567a;
}

.function-head .imgcon.cor17 {
    background: #17b69c;
}

.function-head .imgcon.cor18 {
    background: #f4c339;
}

.function-head .imgcon.cor19 {
    background: #e97c7e;
}

.function-head .imgcon.cor20 {
    background: #5d82d2;
}

/*¹¦ÄÜÄ£¿éÏêÇéҳЧ¹ûÑÝʾ*/
.function-picBtnTop {
    width: 900px;
    height: 450px;
    border: 1px solid #ccc;
    padding: 5px;
    position: relative;
    overflow: hidden;
    zoom: 1;
}

.function-picBtnTop .hd {
    width: 148px;
    height: 450px;
    position: absolute;
    right: 5px;
    overflow: hidden;
}

.function-picBtnTop .hd ul li {
    width: 143px;
    text-align: center;
    padding: 0 0 14px 5px;
}

.function-picBtnTop .hd ul li img {
    width: 135px;
    height: 94px;
    border: 4px solid #ddd;
    cursor: pointer;
    vertical-align: bottom;
}

.function-picBtnTop .hd ul li.on {
    background: url("?statics/images/szyh/jiazu/icoleft.gif") no-repeat 0 45px;
}

.function-picBtnTop .hd ul li.on img {
    border-color: #f60;
}

.function-picBtnTop .bd {
    width: 750px;
    height: 450px;
    position: relative;
}

.function-picBtnTop .bd li {
    position: relative;
    zoom: 1;
    vertical-align: middle;
}

.function-picBtnTop .bd li .pic {
    position: relative;
    z-index: 0;
}

.function-picBtnTop .bd li .pic img {
    width: 750px;
    height: 450px;
    vertical-align: bottom;
}

.function-picBtnTop .bd li .bg {
    width: 750px;
    height: 30px;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    background: #000;
    filter: alpha(opacity=60);
    opacity: 0.6;
}

.function-picBtnTop .bd li .title {
    width: 400px;
    height: 30px;
    line-height: 30px;
    left: 0;
    bottom: 0;
    position: absolute;
    z-index: 2;
}

.function-picBtnTop .bd li .title a {
    color: #fff;
    padding-left: 15px;
}

#demo1, #demo2 {
    margin-bottom: 20px;
}

/*ÁªÏµÎÒÃÇ*/
.special-map {
    overflow: hidden;
}

.special-map iframe {
    width: 820px;
    height: 560px;
    overflow: hidden;
    margin-bottom: 0;
    border: none;
    display: block;
}

.special-map-txt {
    width: 300px;
    line-height: 2em;
}

/*רÌâÒ³ºÏ×÷¼ÓÃË*/

/*ºÏ×÷ÓÅÊÆ*/
.join-good li {
    width: 400px;
    height: 330px;
    overflow: hidden;
    float: left;
    position: relative;
}

.join-good li .join-txt {
    position: absolute;
    top: 0;
    left: 0;
    background: #f66a6a;
    height: 165px;
    width: 100%;
}

.join-good li .join-txt span {
    display: inline-block;
    width: 40px;
    height: 20px;
    position: absolute;
    bottom: -20px;
    left: 35px;
    background: url(?statics/images/szyh/jiazu/join_good_san.png) no-repeat;
}

.join-good li .join-txt img {
    position: absolute;
    right: 0;
    top: 30px;
}

.join-good2 li.two .join-txt {
    position: absolute;
    top: 165px;
    left: 0;
    background: #f66a6a;
    height: 165px;
    width: 100%;
}

.join-good2 li.two .join-txt span {
    display: inline-block;
    width: 40px;
    height: 20px;
    position: absolute;
    bottom: 165px;
    left: 35px;
    background: url(?statics/images/szyh/jiazu/join_good_san.png) no-repeat;
    background-position: 0 -20px;
}

.join-good-blue li .join-txt span {
    display: inline-block;
    width: 40px;
    height: 20px;
    position: absolute;
    bottom: -20px;
    left: 35px;
    background: url(?statics/images/szyh/jiazu/join_good_san2.png) no-repeat;
}

.join-good-blue.join-good2 li.two .join-txt span {
    background: url(?statics/images/szyh/jiazu/join_good_san2.png) no-repeat;
    background-position: 0 -20px;
}

.join-good-blue li .join-txt, .join-good-blue.join-good2 li.two .join-txt {
    background: #0165b6;
}

/*ºÏ×÷ÓÅÊÆÐÂÑùʽ*/
.join-good-new {
    width: 100%;
    min-height: 525px;
}

.join-good-new .confont-con {
    background: url(?statics/images/szyh/jiazu/join_good_bg.png) no-repeat;
    min-height: 525px;
}

.join-good-new li {
    width: 310px;
    height: 135px;
    background: #f4f4f4;
    padding: 0 25px;
    position: relative;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
}

.join-good-new li .top i {
    color: #545454;
    line-height: 36px;
    float: left;
    display: block;
    margin-left: 15px;
    margin-top: 15px;
}

.join-good-new li .top img {
    float: left;
    margin-top: 15px;
}

.join-good-new li p {
    color: #888;
}

.join-good-new li.pull-left span {
    display: inline-block;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-left: 10px solid #f4f4f4;
    position: absolute;
    right: -20px;
    top: 50%;
    margin-top: -10px;
}

.join-good-new li.pull-right span {
    display: inline-block;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-right: 10px solid #f4f4f4;
    position: absolute;
    left: -20px;
    top: 50%;
    margin-top: -10px;
}

/*ºÏ×÷Á÷³Ì*/
.join-survey {
    height: 380px;
}

.join-survey li {
    width: 320px;
    float: left;
    overflow: hidden;
    padding: 0 40px;
    margin-bottom: 40px;
}

.join-survey li h1 {
    font-size: 75px;
}

.fcolor-1 {
    color: #81ca68;
}

.fcolor-2 {
    color: #f26d6e;
}

.fcolor-3 {
    color: #4db6af;
}

.fcolor-4 {
    color: #fd987a;
}

.fcolor-5 {
    color: #5cb7d3;
}

.fcolor-6 {
    color: #fcab4a;
}

.fcolor-88 {
    color: #888;
}

.w-350 {
    width: 350px;
}

.join-survey li.mid {
    width: 318px;
    border-left: 1px solid #dfdfdf;
    border-right: 1px solid #dfdfdf;
}

.join-survey a {
    padding: 5px 30px;
    background: #f56c2f;
}

/*Ìá½»ÉêÇë*/
.join-submit2 {
    width: 950px;
    box-shadow: 0 5px 9px #bbb;
    -moz-box-shadow: 0 6px 9px #bbb;
    -webkit-box-shadow: 0 6px 9px #bbb;
    -ms-box-shadow: 0 6px 9px #bbb;
    margin-bottom: 30px;
    margin-left: 125px;
}

.join-submit2 .top {
    height: 45px;
    background: #1aa6e0;
}

.join-submit2 .box {
    height: 220px;
    background: #fcfcfc;
}

.join-submit2 .box table {
    border-color: #fcfcfc;
}

.join-submit2 .box h5 {
    display: none;
}

.join-submit2 .box input {
    width: 265px;
    height: 34px;
    outline: none;
    -webkit-appearance: none;
    background: none;
    padding: 0 5px 0 10px;
    border: 1px solid #dbdbdb;
    margin-left: 15px;
    color: #999;
    margin-top: 30px;
    background: #fff;
}

.join-submit2 .box tr {
    width: 445px;
    float: left;
    padding-left: 30px;
}

.join-submit2 .box tr th {
    width: 80px;
    padding-top: 30px;
    text-align: right;
}

.join-submit2 .box a {
    padding: 5px 30px;
    background: #f56c2f;
}

.join-submit2 .box .submit input {
    margin-left: 315px;
    cursor: pointer;
    color: #fff;
    background: #f56c2f;
    border: 1px solid #f56c2f;
}

.join-submit .top {
    display: none;
}

.join-submit .box {
    height: 220px;
}

.join-submit .box table {
    border-color: #fcfcfc;
}

.join-submit .box h5 {
    display: none;
}

.join-submit .box input.input-text {
    width: 400px;
    height: 34px;
    outline: none;
    -webkit-appearance: none;
    background: none;
    padding: 0 5px 0 10px;
    border: 1px solid #dbdbdb;
    margin-left: 15px;
    color: #999;
    margin-bottom: 30px;
    background: #fff;
}

.join-submit .box tr {
    width: 600px;
    float: left;
}

.join-submit .box tr th {
    width: 80px;
    padding-bottom: 30px;
    text-align: right;
    padding-left: 30px;
}

.join-submit .box a {
    padding: 5px 30px;
    background: #f56c2f;
}

.join-submit .box .submit input {
    width: 200px;
    height: 34px;
    margin-left: 505px;
    cursor: pointer;
    color: #fff;
    background: #fd987a;
    border: 1px solid #fd987a;
    outline: none;
    -webkit-appearance: none;
}

.join-submit .box .submit input:hover {
    background: #f26d6e;
    border: 1px solid #f56c2f;
    color: #fff;
}

/*×îмÓÃË*/
.join-new>div {
    width: 1200px;
    overflow: hidden;
}

.join-new>div ul li, .join-new>div ul li a {
    width: 285px;
    height: 210px;
    overflow: hidden;
    float: left;
    display: block;
    margin-right: 20px;
    margin-bottom: 20px;
}

.join-new>div ul li .join-new-logo {
    border: 1px solid #efefef;
    padding: 4px;
}

.join-new>div ul li img {
    vertical-align: middle;
    width: 275px;
    height: 150px;
}

.join-new>div ul li p {
    text-align: center;
    font-size: 16px;
    margin-top: 5px;
    width: 285px;
    overflow: hidden;
}

.join-new>div ul li p:hover {
    color: #0165b6;
}

.join-new2>div {
    width: 1200px;
    overflow: hidden;
}

.join-new2>div ul li, .join-new2>div ul li a {
    width: 224px;
    overflow: hidden;
    float: left;
    display: block;
    margin-right: 20px;
    margin-bottom: 20px;
}

.join-new2>div ul li .join-new-logo {
    width: 224px;
    height: 224px;
    background: #0165b6;
}

.join-new2>div ul li img {
    width: 224px;
    height: 224px;
}

.join-new2>div ul li p {
    text-align: center;
    font-size: 16px;
    margin-top: 5px;
    width: 194px;
    overflow: hidden;
    padding: 0 15px;
}

.join-new2>div ul li p:hover {
    color: #0165b6;
}

/*´úÀí¼ÓÃ˵¯²ã*/
.join-us span {
    display: inline-block;
    padding: 10px 30px;
    background: #fd987a;
    color: #fff;
    margin-bottom: 40px;
    cursor: pointer;
}

.join-us span:hover {
    background: #f26d6e;
}

.join-us-box {
    width: 600px;
    height: 400px;
    background: #fff;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -200px;
    margin-left: -300px;
    z-index: 9999999999;
    display: none;
}

.join-us-box .close {
    width: 24px;
    height: 24px;
    background: #f26d6e;
    color: #fff;
    text-align: center;
    line-height: 24px;
    position: absolute;
    top: 0px;
    right: -24px;
    cursor: pointer;
}

.join-us-bg {
    width: 100%;
    height: 100%;
    background: url(?statics/images/szyh/jiazu/toumingbg.png);
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    z-index: 999999999;
}

.join-us-box h1 {
    text-align: center;
    line-height: 30px;
    font-size: 24px;
    font-weight: 100;
    margin-top: 20px;
    margin-bottom: 20px;
}

.join-us-box .box h5 {
    display: none;
}

.join-us-box .box input.input-text {
    width: 400px;
    height: 34px;
    outline: none;
    -webkit-appearance: none;
    background: none;
    padding: 0 5px 0 10px;
    border: 1px solid #dbdbdb;
    margin-left: 15px;
    color: #999;
    margin-bottom: 30px;
    background: #fff;
}

.join-us-box .box tr th {
    width: 80px;
    padding-bottom: 30px;
    text-align: right;
    padding-left: 30px;
}

.join-us-box .box .submit input {
    width: 200px;
    height: 34px;
    cursor: pointer;
    color: #fff;
    background: #fd987a;
    border: 1px solid #fd987a;
    outline: none;
    -webkit-appearance: none;
    margin-left: 95px;
}

.join-us-box .box .submit input:hover {
    background: #f26d6e;
    border: 1px solid #f26d6e;
    color: #fff;
}

.join-top .confont-con {
}

.join-top .confont-con {
}

/*ÎÒÃǵÄÓÅÊÆÒ³Ãæ*/
.bgcolor-green {
    background: #f7fbff;
}

.fcolor-blue5 {
    color: #3383d3;
}

/*2017.5.17ºÅÌí¼ÓÐÓÒ«Ñùʽ*/

/*ÐÓÒ«ÎÒÃǵļÛÖµÒ³Ãæ*/
.value-bgf7 {
    background: #f7f7f7;
}

.value-red {
    color: #e91012;
}

.value-hr {
    border: 1px solid #e91012;
    width: 6%;
    left: 0px;
    vertical-align: middle;
}

.value-iconput {
    width: 82px;
    height: 82px;
    background: #ed0808;
    border-radius: 10px;
    align-items: center;
    display: flex;
}

.valueone {
    width: 360px;
    height: 130px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.valuecont {
    width: 260px;
}

.value-iconput img {
    width: 57px;
    height: 57px;
}

.valuecon {
    border: 1px solid red;
    background: #f7f7f7;
}

.valueone:hover {
    -webkit-box-shadow: 2px 2px 8px #666;
    -moz-box-shadow: 0 0 8px #666;
    box-shadow: 0 0 8px #666;
    -webkit-box-shadow: 0 0 8px rgba(102, 102, 102, .3);
    -moz-box-shadow: 0 0 8px rgba(102, 102, 102, .3);
    box-shadow: 2px 2px 6px rgba(102, 102, 102, .3);
    transition: 0.2s;
}

.valee-iconblue {
    background: #67cbfa;
}

.value-iconred {
    background: #f76c6c;
}

.value-iconskin {
    background: #6d94db;
}

.value-iconperp {
    background: #9933ff;
}

.value-icondark {
    background: #228f99;
}

.moresupl {
    top: 118px;
    left: 220px;
}

.moresupr {
    top: 118px;
    right: 220px;
}

/*ÌØÉ«¹¦ÄÜչʾ*/
.gn-animet {
    left: 325px;
}

.conh680 {
    height: 680px;
}

.gn-animetone {
    top: 40px;
    left: 470px;
    animation: img3 1s ease backwards;
    transition: img1 1s ease;
}

@keyframes img3 {
    0% {
        opcity: 0;
        transform: scale(0);
    }

    /*¶¯»­ÔÚ0%ʱλÖÃλÓÚtopµÄ0%£»*/
    30% {
        opacity: 1;
        transform: scale(1.15);
    }

    40% {
        opacity: 1;
        transform: scale(1.15);
    }

    50% {
        opacity: 1;
        transform: scale(0.9);
    }

    60% {
        opacity: 1;
        transform: scale(1.1);
    }

    70% {
        opacity: 1;
        transform: scale(0.91);
    }

    80% {
        opacity: 1;
        transform: scale(1.06);
    }

    90% {
        opacity: 1;
        transform: scale(1.02);
    }

    100% {
        opcity: 1;
        transform: scale(1);
    }

}

.gn-animettwo {
    top: 85px;
    left: 270px;
    animation: img3 1s ease backwards;
    transition: img1 1s ease;
}

@keyframes gn-animettwo {
    0% {
        opcity: 0;
        transform: scale(0);
    }

    /*¶¯»­ÔÚ0%ʱλÖÃλÓÚtopµÄ0%£»*/
    30% {
        opacity: 1;
        transform: scale(1.15);
    }

    40% {
        opacity: 1;
        transform: scale(1.15);
    }

    50% {
        opacity: 1;
        transform: scale(0.9);
    }

    60% {
        opacity: 1;
        transform: scale(1.1);
    }

    70% {
        opacity: 1;
        transform: scale(0.91);
    }

    80% {
        opacity: 1;
        transform: scale(1.06);
    }

    90% {
        opacity: 1;
        transform: scale(1.02);
    }

    100% {
        opcity: 1;
        transform: scale(1);
    }

}

.gn-pic {
    top: 0px;
    left: 20px;
    animation: img3 1s ease backwards;
    transition: img1 1s ease;
}

@keyframes gn-pic {
    0% {
        left: 0px;
        top: -1020px;
        transform: translate3d(2000px, 0, 0);
    }

    /*¶¯»­ÔÚ0%ʱλÖÃλÓÚtopµÄ0%£»*/
    100% {
        top: 5px;
        left: 200px;
        tranleft: 200px;
        sform: translate3d(0, 0, 0);
    }

}

/*È«ÖÕ¶ËÖ§³Ö*/
.supercon {
    display: flex;
    justify-content: space-between;
    width: 1020px;
    margin: 0 auto;
}

.super-one {
    width: 140px;
}

.super-one:hover {
    color: #ff2453;
    transform: translateY(-2px);
    margin-top: -5px;
    transition: all 0.3s;
}

.super-pc {
    width: 140px;
    height: 130px;
    border: 1px solid #eaeaea;
    border-radius: 10px;
    background: #f5f5f5;
}

.super-top {
    width: 140px;
    height: 30px;
    background: #fc673d;
    border-top-left-radius: 10px;
    line-height: 30px;
    border-top-right-radius: 10px;
}

.super-wx {
    background: #fdd316;
}

.super-app {
    background: #fe9b23;
}

.super-topmnge {
    background: #fe9b23;
}

.super-mnge {
    background: #4ed366;
}

.super-big {
    background: #267eff;
}

/*°¸Àý*/
.place-case a .top .case-red {
    background: #dd3322;
}

/*²úÆ·Áбí*/
.product-two {

    /*background: red;*/
    width: 1200px !important;
    padding: 0px !important;
}

/*×ó±ß²¿·Ö*/
.product-leftnv {
    width: 210px !important;/*background:blue !important;*/
    height: 500px;
    padding: 0px 10px;
}

.product-leftnv dt {
    cursor: pointer;
    padding: 0px 10px !important;
    height: 40px;
    line-height: 40px;
}

.product-leftnv dt:hover {
    background: #eee;
}

.leftjt {
    width: 8px;
    height: 13px;
    margin-top: 15px;
    margin-right: -1px;
    display: inline-block;
}

.product-leftnv dd {
    width: auto !important;
    cursor: pointer;
    height: 40px !important;
    line-height: 40px;
    padding: 0px 0px 0px 18px !important;
}

.product-leftnv dd img {
    vertical-align: middle;
    height: 18px !important;
    width: 18px !important;
    margin-right: 8px !important;
    float: none !important;
}

.product-leftnv dd:hover {
    background: #f7f7f7 !important;
}

/*Óұ߲¿·Ö*/
.product-right {
    width: 890px !important;
}

/*±êÌⲿ·Ö*/
.funt-tit {
    background: #f4f4f4;
    padding: 15px;
}

.funt-tit .funt-tit-bt {
    color: #0db4a9;
}

/*²úÆ·Ò³£¬¹¦ÄÜÄ£¿éÒ»¼¶Ò³Ãæ*/
.funtone-bbdb {
    border-bottom: 1px dashed #eee;
}

.function-eight-one {
    display: flex;
    justify-content: space-between;
}

.funct-contone {
    width: 135px;
    height: 135px;
    background: #51a5fb;
}

.funct-conttwo {
    width: 750px;
    margin-left: 16px;
}

.fut-btn {
}

.btn-one {
    padding: 4px 8px;
    background: none;
    cursor: pointer;
    margin-bottom: 10px;
    border: 0px;
    color: #9aabb8;
    border: 1px solid #78c5ff;
}

.btn-one:hover {
    border: 1px solid #4fb3ff;
    color: #9aabb8;
}

.func-bord {
    border-bottom: 1px dashed #eee;
}

.func-bord:last-child {
    border-bottom: 0px;
}

.funt-img {
    margin: 18px 15px 10px 18px;
}

.func-two {
    background: #6ad8a9;
}

.func-three {
    background: #ffe44d;
}

.func-four {
    background: #fb7677;
}

.func-five {
    background: #fbc058;
}

.func-six {
    background: #fd754d;
}

.func-eight {
    background: #a0a5f9;
}

.func-nigh {
    background: #a0a5f9;
}

/*ÌØÉ«¹¦ÄÜչʾ´øÓÐ×ó²àµ¼º½µÄÒ³Ãæ*/

/*z×ó²à²¿·Ö*/
.funt-leftnav {
    width: 1180px;
    border: 1px solid #dadada;
    min-height: 350px;
}

.funt-left {
    width: 210px;/*min-height:350px;*/
    background: #ff5c5a;
}

.funt-left dl dt {
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #ff9796;
    cursor: pointer;
}

.funt-left dl dd {
    height: 45px;
    line-height: 45px;
    border-bottom: 1px dashed #ff9796;
    cursor: pointer;
}

.funt-left dl dd:last-child {
    border-bottom: 0px;
}

.funt-leftnav .item.active {
    background: url(?statics/images/szyh/jiazu/func_lefnav_icon.png) no-repeat center right;
}

/*ÓҲಿ·Ö*/
.conright {
    width: 940px;
    display: none;
}

.conright .right-titl {
    border-bottom: 1px solid #e9e9e9;
    height: 45px;
    line-height: 45px;
    color: #ff5c5a;
}

.conright .right-titl span {
    border-bottom: 2px solid #ff5c5a;
    padding-bottom: 12px;
}

.conright .right-con ul li {
    width: 170px;
    height: 122px;
    background: #f87d7d;
}

.conright .right-con .bg-6ccfff {
    background: #6ccfff;
}

.conright .right-con .bg-a09dff {
    background: #a09dff;
}

.conright .right-con .bg-34c26a {
    background: #34c26a;
}

.conright .right-con .bg-ffac4d {
    background: #ffac4d;
}

.conright .right-con .bg-19e0bd {
    background: #19e0bd;
}

.conright .right-con .bg-16c3c5 {
    background: #16c3c5;
}

.conright .right-con .bg-edaf68 {
    background: #edaf68;
}

.conright .right-con .bg-ef8d8d {
    background: #ef8d8d;
}

.conright .right-con .bg-efefef {
    background: #efefef;
}

.conright .right-con ul li {
    position: relative;
    text-align: center;
    overflow: hidden;
}

.conright .right-con ul li:before {
    content: "";
    width: 0;
    height: 100%;
    background: #000;
    position: absolute;
    top: 0;
    left: 50%;
    opacity: 0;
    transition: all 500ms cubic-bezier(0.47, 0, 0.745, 0.715) 0s;
    transition: all 500ms cubic-bezier(0.47, 0, 0.745, 0.715) 0s;
}

.conright .right-con ul li {
    cursor: pointer;
}

.conright .right-con ul li:last-child:before {
    background: none;
}

.conright .right-con ul li:hover:before {
    width: 100%;
    left: 0;
    opacity: 0.5;
}

.box-content {
    width: 100%;
    color: #fff;
    position: absolute;
    top: 15%;
    left: 0;
    height: 100%;
    overflow: hidden;
}

.conright .right-con ul li .box-content .title {
    font-size: 18px;
    padding: 5px 10px;
    color: #ffe605;
    text-transform: capitalize;
    opacity: 0;
    transition: all 0.1s ease 0.1s;
}

.conright .right-con ul li .box-content .post {
    font-size: 12px;
    padding: 5px 10px;
    color: #fff;
    text-transform: capitalize;
    opacity: 0;
    transition: all 0.1s ease 0.1s;
}

.conright .right-con ul li .box-content:hover .title, .box:hover .post {
    opacity: 1;
    transition-delay: 0.2s;
}

.conright .right-con ul li .box-content:hover .post, .box:hover .title {
    opacity: 1;
    transition-delay: 0.2s;
}

/*ÎÒÃǵļÛÖµÏêÇéÒ³µÄ×ó²à´¹Ö±µ¼º½*/
#loutinav {
    width: 85px;
    position: fixed;
    top: 100px;
    left: 50px;
    border: 1px solid #ddd;
    display: none;
    z-index: 999;
}

#loutinav ul li {
    width: 85px;
    height: 32px;
    border-bottom: 1px dotted #DDDDDD;
    list-style: none;
    font-size: 12px;
    text-align: left;
    position: relative;
    cursor: pointer;
    padding: 10px;
    background: #918888;
    color: #fff;
    padding-bottom: 5px;
}

#loutinav ul li span {
    height: 32px;
    padding: 10px 0;
    position: absolute;
    top: 0;
    left: 0;
    padding-bottom: 5px;
    text-overflow: -o-ellipsis-lastline;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

#loutinav ul li.last {
    background: #5e4a4a;
    color: #fff;
    border-bottom: 1px solid #ddd;
}

#loutinav ul li.active span {
    background: #239ffd;
    color: #fff;
    display: block;
}

#loutinav ul li:hover span {
    background: #239ffd;
    color: #fff;
    display: block;
}

.louti {
    height: 470px;
    width: 100%;
    font-size: 50px;
    color: #fff;
    text-align: left;
}
.product-list-up-banner {
    width: 100%;
    overflow: hidden;
    min-width: 1200px;
    position: relative;
    top: 0;
    height: 300px;
}

.product-list-up-bannerImg {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -960px;
}
img {
  border: none;
  list-style: none;
}

.confont-con {
  width: 1200px;
  margin: 0 auto;
}

.fcolor-yellow {
  color: #ffb800;
}

.letter-1 {
  letter-spacing: 1px;
}

.letter-2 {
  letter-spacing: 2px;
}

.letter-3 {
  letter-spacing: 3px;
}

.letter-4 {
  letter-spacing: 4px;
}

.h-170 {
  height: 170px
}

.lh-170 {
  line-height: 170px
}

.w-720 {
  width: 720px
}

.fsize-50 {
  font-size: 50px;
}

.fcolor-blue2 {
  color: #0165b6
}

/*°´Å¥*/
.btn-button-gb-blue {
  border: 1px solid #0165b6;
  background: #0165b6;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -webkit-border-radius: 4px;
  -o-border-radius: 4px;
  color: #fff;
  cursor: pointer;
  padding-top: 2px;
  padding-bottom: 2px;
}

.btn-button-gb-blue:hover {
  color: #0165b6;
  background: #fff;
}

.btn-button-gb-blue3 {
  background: #0165b6;
  color: #fff;
  display: block;
  border: 1px solid #0165b6;
  padding: 0 10px;
}

.btn-button-gb-blue3:hover {
  background: #fff;
  color: #0165b6;
}

.btn-button-gb-blue2 {
  background: #0165b6;
  border: 1px solid #0165b6;
  color: #fff;
}

.btn-button-gb-blue2:hover {
  border: 1px solid #0165b6;
  background: #fff;
  color: #0165b6;
}

.btn-button-gb-blue4 {
  background: #0165b6;
  border: 1px solid #0165b6;
  color: #fff;
}

.btn-button-gb-blue4:hover {
  border: 1px solid #0165b6;
  background: #0769f9;
}

.btn-button-blue2 {
  border: 1px solid #0165b6;
  padding: 2px 6px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -webkit-border-radius: 4px;
  -o-border-radius: 4px;
  color: #0165b6
}

.btn-button-blue2:hover {
  background: #0165b6;
  color: #fff!IMPORTANT;
}

.center .btn-button-blue2 {
  padding: 5px 40px
}

/*°´Å¥*/
.btn-button-bg-red {
  background: #fd5d5d;
  border: 1px solid rgba(255, 255, 255, 0.4);
  color: #fff;
  transition: all ease 0.2s;
  -moz-transition: all ease 0.2s;
  -ms-transition: all ease 0.2s;
  -o-transition: all ease 0.2s;
  -webkit-transition: all ease 0.2s;
}

.btn-button-bg-red:hover {
  background: #fff;
  color: #fd5d5d;
  border: 1px solid #fd5d5d
}

.btn-button-bg-white {
  background: #fff;
  border: 1px solid rgba(255, 255, 255, 0.4);
  color: #fff;
  transition: all ease 0.2s;
  -moz-transition: all ease 0.2s;
  -ms-transition: all ease 0.2s;
  -o-transition: all ease 0.2s;
  -webkit-transition: all ease 0.2s;
  color: #be191b;
}

.btn-button-bg-white:hover {
  background: #be191b;
  color: #fff;
  border: 1px solid #fd5d5d
}

.btn-button-w {
  padding: 10px 20px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
  transition: all ease 0.2s;
  -moz-transition: all ease 0.2s;
  -ms-transition: all ease 0.2s;
  -o-transition: all ease 0.2s;
  -webkit-transition: all ease 0.2s;
}

.btn-button-w:hover {
  background: #0165b6;
  color: #fff;
  border: 1px solid #0165b6
}

/*Ãæ°üм²¼¾Ö*/
.confont-next * {
  color: #999;
  font-size: 12px;
}

.confont-next .active *,
.confont-next span:hover * {
  color: #0165b6;
}

/*רÌâÒ³ÑÕÉ«·½°¸*/
.confont-next-explain * {
  color: #333;
  font-size: 12px;
}

/*×ó²àµ¼º½*/

/*×ó²àµ¼º½Ò»¼¶*/
.confont-left {
  width: 240px;
}

.confont-left dl {
  background: #f3f3f3;
}

.gray1 {
  background: #e1e1e1;
}

.confont-left  dl dd a,
.confont-con .confont-left dl dt {
  height: 50px;
  line-height: 50px;
  display: block;
  color: #333;
}

.confont-left dl dt,
.confont-con .confont-left dl dd {
  border-bottom: 1px solid #dfdfdf;
  cursor: default;
}

.confont-left dl dt {
  font-size: 18px;
  padding-left: 25px;
}

.confont-left dl dt i.iconfont {
  padding-right: 6px;
  font-size: 24px;
  font-weight: 900;
  float: left;
}

.confont-left dl dd a {
  font-size: 14px;
  padding-left: 35px;
}

.confont-left dl dd i.iconfont {
  float: right;
  padding-right: 30px;
  font-size: 22px;
  color: #999
}

.confont-left dl dd:hover a,
.confont-con .confont-left dl dd:hover a i,
.confont-con .confont-left dl dd.active a,
.confont-con .confont-left dl dd.active a i {
  background: #0165b6;
  color: #fff;
}

/*×ó²àµ¼º½¶þ¼¶*/
.confont-left ul {
  border-bottom: 1px solid #dfdfdf
}

.confont-left ul li {
  line-height: 35px;
  padding-left: 75px;
}

.confont-left ul li a {
  display: block;
  color: #666;
  font-size: 12px;
}

.confont-left ul li:hover a,
.confont-left ul li:hover {
  background: #0165b6;
  color: #fff;
}

.confont-left ul li.active,
.confont-left ul li.active a {
  background: #dfdfdf;
  color: #333;
}

.hr-db-gray-4 {
  border-bottom: 4px solid #bfbfbf !important
}

/*×ó²àµ¼º½Ò»¼¶*/
.confont-left2 {
  width: 240px;
}

.confont-left2 dl {
  background: #f3f3f3;
}

.confont-left2  dl dd a,
.confont-con .confont-left2 dl dt {
  height: 50px;
  line-height: 50px;
  display: block;
  color: #333;
}

.confont-left2 dl dt,
.confont-con .confont-left2 dl dd {
  border-bottom: 1px solid #dfdfdf;
  cursor: default;
}

.confont-left2 dl dt {
  font-size: 18px;
  padding-left: 25px;
}

.confont-left2 dl dt i.iconfont {
  padding-right: 6px;
  font-size: 24px;
  font-weight: 900;
  float: left;
}

.confont-left2 dl dd a {
  font-size: 14px;
  padding-left: 35px;
}

.confont-left2 dl dd i.iconfont {
  float: right;
  padding-right: 30px;
  font-size: 22px;
  color: #999
}

.confont-left2 dl dd:hover a,
.confont-con .confont-left2 dl dd:hover a i,
.confont-con .confont-left2 dl dd.active a,
.confont-con .confont-left2 dl dd.active a i {
  background: #0165b6;
  color: #fff;
}

/*×ó²àµ¼º½¶þ¼¶*/
.confont-left2 ul {
  border-bottom: 1px solid #dfdfdf
}

.confont-left2 ul li {
  line-height: 35px;
  padding-left: 75px;
}

.confont-left2 ul li a {
  display: block;
  color: #666;
  font-size: 12px;
}

.confont-left2 ul li:hover a,
.confont-left2 ul li:hover {
  background: #0165b6;
  color: #fff;
}

.confont-left2 ul li.active,
.confont-left2 ul li.active a {
  background: #dfdfdf;
  color: #333;
}

.hr-db-gray-4 {
  border-bottom: 4px solid #bfbfbf !important
}

/*ÓÒ²àÄÚÈÝ*/
.go-top .after-con>div {
  display: none;
}

.confont-con .confont-right {
  width: 920px;
}

.confont-con .confont-right .fcolor-66 a:hover {
  color: #0165b6;
  text-decoration: underline;
}

/*À¸Ä¿Ò³¹«ÓÃ*/
.hr-dl-yellow-4 {
  border-left: 3px solid #ffb800
}

.list-top-banner {
  width: 940px;
  height: 250px;
}

/*ÁбíרÓûƵã*/
.yellow-dian {
  background: #ffbe00;
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -webkit-border-radius: 100%;
  -o-border-radius: 100%;
  margin-right: 10px;
}

.yellow-dian-min {
  background: #ffbe00;
  display: inline-block;
  width: 4px;
  height: 4px;
  border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -webkit-border-radius: 100%;
  -o-border-radius: 100%;
  margin-right: 5px;
}

.mb-2 {
  margin-bottom: 2px
}

/*·­Ò³²¼¾Ö*/
.next {
  width: 100%;
}

.next ul {
  height: 25px;
  clear: both;
  overflow: hidden;
  cursor: pointer;
  margin: 25px auto;
  float: right;
}

.next ul a {
  padding: 1px 10px;
  border: 1px solid #ddd;
  margin-right: 4px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  display: inline-block;
}

/*.next ul a:nth-last-child(2){margin-left:10px;}
*/
.next ul a:hover,
.next ul a.active,
.next ul li:hover,
.next ul li.active a,
.next ul span.active,
.next ul span:hover {
  background: #0165b6;
  color: #fff;
}

.next ul span {
  padding: 1px 10px;
  margin-right: 4px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  display: inline-block;
  background: #0165b6;
  color: #fff;
}

/**/

/*µ×²¿*/
.bottom-top {
  background: #efefef;
  padding: 10px 0;
  height: 25px;
  overflow: hidden;
  min-width: 1200px;
  margin: 0px auto 0px auto;
  clear: both;
}

.bottom-top .confont-con {
  position: relative;
}

.bottom-top ul {
  width: 1120px
}

.bottom-top ul p {
  padding: 4px;
}

.bottom-top ul li {
  float: left;
  padding: 4px;
  cursor: pointer;
}

.bottom-top ul li a {
  color: #999;
}

.bottom-top ul li a:hover {
  color: #0165b6
}

.bottom-top-morelink {
  position: absolute;
  top: -15px;
  right: 0;
  background: #e5e5e5;
  text-align: center;
  width: 80px;
  height: 180px;
  cursor: pointer;
}

/*ºÚÉ«±³¾°ÑÕÉ«·½°¸*/
.bottom-top2 {
  background: #314a61;
}

.bottom-top2 ul li a {
  color: #7b8792;
}

.bottom-top2 ul p {
  color: #bad3e9;
  font-weight: 900
}

.bottom-top2 ul li a:hover {
  color: #fff
}

.bottom-top2 .bottom-top-morelink {
  background: #4d7192
}

.bottom-top2 .bottom-top-morelink p {
  color: #b2c3d2;
}

.confont-bottom {
  height: 450px;
  background: #f4f4f4;
  width: 100%;
  min-width: 1200px;
  margin: 0 auto;
}

.confont-bottom .confont-con {
  clear: both;
  overflow: hidden;
}

.confont-bottom .confont-con dl {
  float: left;
  margin-right: 105px
}

.confont-bottom .confont-con dl a:hover {
  color: #0165b6
}

.confont-bottom .confont-con dl dt,
.confont-bottom .confont-con dl dt a {
  font-size: 14px;
  font-weight: 900;
  line-height: 2.5em;
  color: #666;
}

.confont-bottom .confont-con dl dd a,
.confont-bottom .confont-con dl dd {
  color: #666;
  line-height: 1.8em;
}

.confont-bottom .hr-sb-gray1 {
  height: 1px;
  border-bottom-color: #cfcfcf;
  clear: both;
}

.confont-bottom p  a,
.confont-bottom p {
  color: #666;
  font-size: 12px;
}

.confont-bottom p  a:hover {
  color: #0165b6;
  text-decoration: underline;
}

.bottom-footer-pr {
  position: relative;
  top: -30px;
  z-index: 0;
}

/*ÄÚÒ³¼ò»¯°æfootÇøÓò*/
.confont-bottom2 {
  height: 200px;
  background: #f4f4f4;
  width: 100%;
  min-width: 1200px;
  margin: 0 auto;
  position: relative;
}

.confont-bottom2 .confont-con {
  clear: both;
}

.confont-bottom2 .confont-con dl {
  float: right;
  margin-right: -40px;
}

.confont-bottom2 .confont-con dl a:hover {
  color: #0165b6
}

.confont-bottom2 .confont-con dl dt,
.confont-bottom2 .confont-con dl dt a {
  font-size: 14px;
  font-weight: 900;
  line-height: 2.5em;
  color: #666;
}

.confont-bottom2 .confont-con dl dd a,
.confont-bottom2 .confont-con dl dd {
  color: #666;
  line-height: 1.8em;
}

.confont-bottom2 .hr-sb-gray1 {
  height: 1px;
  border-bottom-color: #cfcfcf;
  clear: both;
}

.confont-bottom2 p  a,
.confont-bottom2 p {
  color: #666;
  font-size: 12px;
}

.confont-bottom2 p  a:hover {
  color: #0165b6;
  text-decoration: underline;
}

.confont-bottom2 .bottom-footer-pr {
  position: relative;
  top: -140px;
  z-index: 0;
}

/*¹ÙÍøÐÓÒ«footÇøÓò×îиİæ*/
.confont-bottom3 {
  height: 230px;
  background: #f4f4f4;
  width: 100%;
  min-width: 1200px;
  margin: 0 auto;
}

.confont-bottom3 .confont-con {
  clear: both;
}

.confont-bottom3 .confont-con dl {
  float: left;
  margin-right: 50px;
}

.confont-bottom3 .confont-con dl a:hover {
  color: #0165b6
}

.confont-bottom3 .confont-con dl dt,
.confont-bottom3 .confont-con dl dt a {
  font-size: 14px;
  font-weight: 900;
  line-height: 2.5em;
  color: #666;
}

.confont-bottom3 .confont-con dl dd a,
.confont-bottom3 .confont-con dl dd {
  color: #666;
  line-height: 1.8em;
}

.confont-bottom3 .hr-sb-gray1 {
  height: 1px;
  border-bottom-color: #cfcfcf;
  clear: both;
}

.confont-bottom3 p  a,
.confont-bottom3 p {
  color: #666;
  font-size: 12px;
}

.confont-bottom3 p  a:hover {
  color: #0165b6;
  text-decoration: underline;
}

.confont-bottom3 .bottom-footer-pr {
  position: relative;
  top: -140px;
  z-index: 0;
}

/*ºÚÉ«±³¾°ÑÕÉ«·½°¸*/
.confont-bottom5 {
  background: #233546;
}

.confont-bottom5 .confont-con dl dt {
  color: #7b8792;
}

.confont-bottom5 .confont-con dl dt a {
  color: #bad3e9
}

.confont-bottom5 .confont-con dl dd a,
.confont-bottom5 .confont-con dl dd {
  color: #7b8792;
}

.confont-bottom5 p  a,
.confont-bottom5 p {
  color: #7b8792;
}

.confont-bottom5 .bottom-footer-pr {
  color: #7b8792;
}

.confont-bottom5 p  a:hover {
  color: #fff;
}

.confont-bottom5 .confont-con dl a:hover {
  color: #fff
}

/*¹ÙÍøfootÇøÓòÄÚÒ³×îиİæ*/
.confont-bottom4 {
  height: 180px;
  background: #f4f4f4;
  width: 100%;
  min-width: 1200px;
  margin: 0 auto;
  position: relative;
}

.confont-bottom4 .confont-con {
  clear: both;
}

.confont-bottom4 .confont-con dl {
  float: right;
  margin-top: -40px
}

.confont-bottom4 .confont-con dl dd {
  display: inline-block;
  margin-left: 70px;
}

.confont-bottom4 .confont-con dl a:hover {
  color: #0165b6
}

.confont-bottom4 .confont-con dl dt,
.confont-bottom4 .confont-con dl dt a {
  font-size: 14px;
  font-weight: 900;
  line-height: 2.5em;
  color: #666;
}

.confont-bottom4 .confont-con dl dd a,
.confont-bottom4 .confont-con dl dd {
  color: #666;
  line-height: 1.8em;
}

.confont-bottom4 .hr-sb-gray1 {
  height: 1px;
  border-bottom-color: #cfcfcf;
  clear: both;
}

.confont-bottom4 p  a,
.confont-bottom4 p {
  color: #666;
  font-size: 12px;
}

.confont-bottom4 p  a:hover {
  color: #0165b6;
  text-decoration: underline;
}

.confont-bottom4 .bottom-footer-pr {
  position: relative;
  top: -100px;
  z-index: 0;
}

/*ºÚÉ«±³¾°ÑÕÉ«·½°¸*/
.confont-bottom6 {
  background: #233546;
}

.confont-bottom6 .confont-con dl a:hover {
  color: #fff
}

.confont-bottom6 .confont-con dl dt,
.confont-bottom6 .confont-con dl dt a {
  color: #7b8792;
}

.confont-bottom6 .confont-con dl dd a,
.confont-bottom6 .confont-con dl dd {
  color: #7b8792;
}

.confont-bottom6 p  a,
.confont-bottom6 p {
  color: #7b8792;
}

.confont-bottom6 p  a:hover {
  color: #fff
}

.confont-bottom6 .bottom-footer-pr span {
  color: #7b8792;
}

.bottom-list {
  position: relative;
  z-index: 1;
}

.sp-logo {
  float: left;
  margin-left: 190px;
  margin-top: 3px;
}

.index-bottomLink {
  margin-left: 300px;
  font-size: 12px
}

.index-bottomLink a {
  background: url(?statics/images/szyh/jiazu/index_bottomLink.png) center left no-repeat;
  padding-left: 10px;
  margin-left: 10px;
  font-size: 12px
}

.fcolor-f4 {
  color: #f4f4f4
}

/*³É¹¦°¸Àý*/
.confont-case {
  background: url(?statics/images/szyh/jiazu/index_case_bd.png) center center no-repeat;
  width: 100%;
  min-width: 1200px;
  margin: 0px auto 0 auto;
  clear: both;
  height: 600px;
  overflow: hidden;
}

.confont-case .confont-con {
}

.confont-case .bd {
  width: 1100px;
  position: relative;
  left: 40px;
}

.confont-case .bd ul li {
}

.confont-case .case-slibe {
  width: 180px;
  height: 180px;
  float: left;
  margin-bottom: 30px;
  float: left;
  margin-right: 46px;
  overflow: hidden;
  text-align: center;
  position: relative;
}

.confont-case-right div.case-slibe:nth-child(4n) {
  margin-right: 0px !important;
}

.confont-case  .case-slibe .before,
.confont-case  .case-slibe .after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.confont-case .case-slibe .before {
  line-height: 180px;
  background: url(?statics/images/szyh/jiazu/bg_blue_op_3.png);
  width: 180px;
  height: 180px;
}

.confont-case .case-slibe .before img {
  vertical-align: middle;
  width: 170px;
  height: 170px;
}

.confont-case .case-slibe .after {
  line-height: 2em;
  background: url(?statics/images/szyh/jiazu/bg_blue_op_9.png);
  padding: 10px;
  width: 160px;
  height: 160px;
}

.confont-case .case-slibe .after h5 {
  color: #fff;
}

.confont-case .case-slibe .after p {
  text-align: left;
  font-size: 12px;
  color: #fff;
}

.confont-case .case-slibe .after span {
  color: #fff;
  float: right;
}

.confont-case .case-slibe:hover {
  box-shadow: 0 0 10px #023e6e
}

.confont-case .confont-con .case-slibe:nth-child(5n) {
  margin-right: 0px;
}

/*°¸ÀýÏÂÃæµÄÔ²µã*/
.confont-case .hd {
  overflow: hidden;
  height: 20px;
  padding: 0 10px;
  text-align: center;
  width: 40px;
  margin: 0 auto;
  clear: both;
}

.confont-case .confont-con .hd ul {
  overflow: hidden;
  zoom: 1;
  zoom: 1;
  display: inline-block;
}

.confont-case .confont-con .hd ul li {
  float: left;
  width: 9px;
  height: 9px;
  overflow: hidden;
  margin-right: 5px;
  text-indent: -999px;
  cursor: pointer;
  background: url(?statics/images/szyh/jiazu/ico_circle.png) 0 -9px no-repeat;
}

.confont-case .confont-con .hd ul li.on {
  background-position: 0 0;
}

/*³É¹¦°¸ÀýÀ¸Ä¿Ò³ºÍÁбíÒ³°¸ÀýÁбí*/
.case-top-list li {
  margin-right: 20px;
}

.case-top-list li div.h-80 {
  line-height: 80px;
}

.case-top-list li img,
.case-list li img,
.case-list-info li img {
  vertical-align: middle;
}

.case-list li {
  margin-right: 35px;
  height: 250px;
}

.case-list li p a:hover {
  color: #0165b6;
}

.case-list li div.h-200 {
  line-height: 200px;
}

.case-top-list li:nth-child(4n),
.case-list li:nth-child(4n) {
  margin-right: 0;
}

.case-list-info li:hover .bg-color-blue2,
.case-top-list li:hover .bg-color-blue2,
.case-list li:hover .bg-color-blue2 {
  background: #00c9c2
}

.case-list-info li div.h-170 {
  line-height: 170px;
}

.case-list-info li a span:hover {
  color: #0165b6;
}

.h-200 {
  height: 200px
}

.lh-200 {
  line-height: 200px
}

.case-list li p {
  width: 200px;
  font-size: 12px;
  margin-top: 10px;
}

/*³É¹¦°¸ÀýÏêÇéÒ³*/

/*ÏêÇéÒ³tableµ¼º½¼àÌý*/
.case-list-infoCon {
  position: relative;
  background: #fff;
  width: 920px;
  z-index: 99999999;
}

.case-list-infoCon-top {
  position: fixed;
  top: 0;
  z-index: 999999;
}

.case-list-infoCon p.hr-sb-gray1 {
  height: 1px;
  width: 920px;
  position: absolute;
  top: 42px;
  border-color: #cfcfcf;
  z-index: 999999
}

.case-list-infoTable {
  clear: both;
  height: 50px;
  border: 1px solid #fff;
}

.case-list-infoTable li {
  float: left;
  position: relative;
  background: #fff;
  border-top: 4px solid #fff;
  border-right: 1px solid #fff;
  border-left: 1px solid #fff;
  z-index: 999999
}

.case-list-infoTable li:hover,
.case-list-infoTable li.active {
  z-index: 99999999;
  border-top: 4px solid #0165b6;
  border-right: 1px solid #cfcfcf;
  border-left: 1px solid #cfcfcf
}

.case-list-infoTable li a {
  font-size: 16px;
  color: #666;
  display: block;
  padding: 2px 15px;
  height: 35px;
  line-height: 35px;
}

.case-list-infoTable div.pull-right {
  margin-top: 3px
}

.case-list-infoTable .btn-button-gb-blue3 {
  line-height: 37px;
}

/*°¸ÀýÏêÇéÒ³ÎÄÕ¸ñʽ*/
.case-list-infoTxtcon div,
.news-list-infoTxtcon div,
.news-list-infoTxtcon p,
.news-list-infoTxtcon p p,
.case-list-infoTxtcon p {
  line-height: 2em;
  color: #666;
  text-indent: 2em;
}

.case-list-infoTxtcon img,
.news-list-infoTxtcon img {
  margin: 0 auto;
  display: block;
  border: 1px solid #efefef;
}

.case-list-infoTxtcon h2,
.news-list-infoTxtcon h2 {
  line-height: 60px;
  font-size: 16px;
  color: #0165b6
}

.case-list-infoTxtcon h3,
.news-list-infoTxtcon h3 {
  font-weight: 100;
  line-height: 50px;
  color: #0165b6
}

.case-list-infoTxtcon h4,
.case-list-infoTxtcon h5 {
  text-indent: 2em;
  line-height: 40px;
}

.case-list-infoTxtcon h5 {
  width: 650px;
  margin: 40px auto 10px auto;
}

/*°¸ÀýÏêÇéÒ³Ïà¹Ø×ÊѶ*/
.case-list-infoNews {
  border: 1px solid #dfdfdf;
  line-height: 2em;
  width: 910px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
}

.case-list-infoNews li {
  width: 425px;
  padding-left: 30px;
}

.case-list-infoNews li a {
  color: #666
}

.case-list-infoNews li a:hover {
  color: #0165b6
}

/*°¸ÀýÏêÇéЧ¹ûչʾ*/
.cast-list-infoPicFocus {
  width: 500px;
  height: 400px;
  padding: 5px;
  position: relative;
  overflow: hidden;
  zoom: 1;
}

.cast-list-infoPicFocus .hd {
  width: 100%;
  padding-top: 5px;
  overflow: hidden;
}

.cast-list-infoPicFocus .hd ul {
  margin-right: -5px;
  overflow: hidden;
  zoom: 1;
}

.cast-list-infoPicFocus .hd ul li {
  padding-top: 5px;
  float: left;
  text-align: center;
}

.cast-list-infoPicFocus .hd ul li img {
  width: 119px;
  height: 72px;
  margin-right: 5px;
  border: 1px solid #dfdfdf;
  cursor: pointer;
}

.cast-list-infoPicFocus .hd ul li.on img {
  box-shadow: 0 3px 5px #ccc;
}

.cast-list-infoPicFocus .top li {
  vertical-align: middle;
  border: 1px solid #dfdfdf
}

.cast-list-infoPicFocus .top img {
  width: 500px;
  height: 300px;
  display: block;
}

/*°¸ÀýÏêÇéҳЧ¹ûչʾµØÖ·*/
.cast-list-infoAddress {
  width: 360px;
  height: 420px;
  padding: 10px;
  position: relative;
  overflow: hidden;
  zoom: 1;
  top: -440px;
  float: right;
  margin-bottom: -440px
}

/*ÐÂÎÅÀ¸Ä¿Ò³bannerÏÂÃæµÄ±êÇ©TAG*/
.news-banner-footertxt {
  float: right;
}

.news-banner-footertxt a {
  color: #666;
  font-size: 12px;
}

.news-banner-footertxt a:hover {
  color: #0165b6;
}

/*ÐÂÎÅСbannerµÄµÚ¶þÖÖ°´Å¥Ñùʽ*/
.list-top-banner a {
  border: 1px solid #fff;
}

.list-top-banner a:hover {
  border: 1px solid #0165b6;
  background: #0165b6;
}

/*ÐÂÎÅÀ¸Ä¿Ò³Áбí*/
.news-list-confont {
  min-height: 270px;
}

.news-list-confont div.pull-left {
  width: 280px;
  height: 210px;
  padding: 6px;
  position: relative;
}

.news-list-shade {
  width: 250px;
  height: 75px;
  position: absolute;
  bottom: 6px;
  left: 6px;
  background: url(?statics/images/szyh/jiazu/news_list_shade.png);
  padding: 0 15px;
}

.news-list-shade p {
  color: #fff;
  font-size: 12px;
}

.news-list-shade h4 {
  color: #ffb800;
  margin-top: 8px;
  margin-bottom: 5px;
  font-size: 16px;
  font-weight: 100;
}

.news-list-confont div.pull-right a:hover * {
  color: #0165b6
}

.news-list-confont div.pull-right {
  width: 600px;
  height: 250px
}

.news-list-confont div.pull-right li {
  clear: both;
  float: none;
}

.news-list-confont div.pull-right li p {
  color: #999;
  font-size: 14px;
}

.news-list-confont div.pull-right li span {
  color: #999;
}

/*ÐÂÎÅÁбíÒ³*/
.news-list-info .hr-s-gray1 {
  width: 170px;
  height: 125px;
  padding: 5px;
}

.news-list-info .hr-s-gray1 img {
  line-height: 135px
}

.news-list-info li a p:hover {
  color: #0165b6;
}

/*ÐÂÎÅÏêÇéÒ³*/
.news-list-infoTxtcon h1 {
  font-size: 26px;
  font-weight: 100;
  text-align: center;
  line-height: 2em;
  margin-top: 30px
}

.news-list-infoTxtcon h6 {
  font-weight: 100;
  font-size: 12px;
  text-align: center;
  color: #999;
  margin-bottom: 20px;
}

/*ÎÄÕÂÕªÒª*/
.news-list-infoTxtcon .title-head {
  background: #f2f2f2;
  padding: 20px;
}

.news-list-infoTxtcon .title-head span {
  color: #0165b6;
}

.news-list-infoTxtcon h5 {
  font-weight: 100;
  font-size: 16px;
  line-height: 2em;
}

.news-list-infoTxtcon p.pull-left,
.news-list-infoTxtcon p.pull-right {
  width: 450px;
}

/*¹ØÓÚÎÒÃÇÁªÏµÎÒÃǵÄͼƬÑùʽ*/
.news-list-infoTxtcon p img {
  border: none;
  display: inline;
  margin-left: 5px;
}

/*¹ØÓÚÎÒÃÇÀ¸Ä¿Ò³ÈÙÓþÄ£¿éµÄͼƬ*/
.about-honorImg {
  margin-top: 10px;
  margin-bottom: 10px;
  clear: both;
  overflow: hidden;
  margin-left: 30px
}

.about-honorImg img {
  width: 170px;
  height: 120px;
  margin-right: 50px;
  float: left;
  margin-bottom: 20px;
}

.about-honorImg img:nth-last-child(1) {
  margin-right: 0;
}

/*¹ØÓÚÎÒÃÇ·´À¡ÐÅÏ¢±íµ¥*/
.about-advice-from p {
  display: inline-block;
  font-size: 16px;
}

.about-advice-from p .radio-blue {
  background: url(?statics/images/szyh/jiazu/about_advice_radio.png) center center no-repeat;
  width: 18px;
  height: 18px;
  -webkit-appearance: none;
}

.about-advice-from p .radio-blue:hover,
.about-advice-from p input[type='radio'].active {
  background: url(?statics/images/szyh/jiazu/about_advice_radio_hover.png) center center no-repeat;
}

.about-advice-input p {
  display: inline-block;
}

.about-advice-input span {
  width: 80px;
  display: inline-block;
}

.about-advice-input input {
  color: #999;
  height: 35px;
  border: 1px solid #dadada;
  padding-left: 15px;
  width: 300px;
  font-size: 12px
}

.about-advice-input textarea {
  width: 790px;
  color: #999;
  border: 1px solid #dadada;
  padding: 10px 10px 10px 15px;
  font-size: 12px;
  position: relative;
  top: -20px;
}

.about-advice-input a {
  width: 120px;
  line-height: 35px;
  display: block;
  cursor: pointer;
}

.yellow-xing {
  background: url(?statics/images/szyh/jiazu/yellow_xing.png) center center no-repeat;
  width: 10px;
  height: 10px;
  display: inline-block;
}

/*¶à˵ÆÀÂÛ¿ò*/
#ds-reset .ds-gradient-bg,
.ds-post-button {
  background: none !important;
}

.ds-textarea-wrapper {
  height: 140px !important;
}

.ds-replybox {
  z-index: 0 !important
}

/*ÓÒ²àÐü¸¡¿ò·µ»Ø¶¥²¿*/
.go-top {
  position: fixed;
  right: 0;
  top: 27%;
  width: 40px;
  z-index: 99999999999999;
  display: none;
}

.go-top .before-icon {
  position: relative;
}

.go-top .before-icon div {
  width: 40px;
  height: 40px;
  background: #0165b6;
  margin-bottom: 5px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -webkit-border-radius: 4px;
  -o-border-radius: 4px;
  text-align: center;
  cursor: pointer;
}

.go-top .before-icon div:hover {
  background: #0196ff;
}

.go-top .before-icon i.iconfont {
  color: #fff;
  font-size: 30px;
  line-height: 40px
}

.go-top .after-con {
  position: absolute;
  text-align: center;
}

.go-top .after-con * {
  color: #666;
}

.go-top .after-con>div {
  background: #fff;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  position: relative;
  box-shadow: 7px 0px 10px #aaa;
}

.go-top .after-con>div:before {
  content: "";
  position: absolute;
  left: 100%;
  top: 30%;
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-left: 10px solid #fff;
  border-bottom: 5px solid transparent;
}

.go-top .after-con>div.sp {
  width: 130px;
  padding: 10px 20px;
  right: 190px;
  top: -180px;
  line-height: 15px;
}

.go-top .after-con>div.sp img {
  float: left;
}

.go-top .after-con>div.st {
  width: 130px;
  padding: 10px 20px;
  right: 190px;
  top: -225px;
  line-height: 15px;
}

.go-top .after-con>div.st img {
  float: left;
}

.go-top .after-con>div.erweima {
  right: 280px;
  top: -165px;
  padding: 10px 5px;
  width: 250px;
}

.go-top .after-con>div.erweima div {
  display: inline-block;
  margin: 0 10px;
}

.go-top .after-con>div.help {
  right: 180px;
  bottom: 80px;
  width: 160px;
  line-height: 30px;
}

/*ÓÒ²à¿Í·þ*/
.box-os {
  height: auto;
  overflow: hidden;
  width: 131px;
  position: fixed;
  right: -200px;
  top: 20%;
  _position: absolute;
  z-index: 9999999999;
}

.box-os .os-x {
  background-color: #f7f7f7;
  text-align: center;
  padding: 0px 6px;
  float: right;
  display: inline;
  cursor: pointer;
  font-size: 24px;
  border: 1px solid #efefef;
}

.box-os .osqq {
  width: 129px;
  border: 1px solid #D1D1D1;
  background-color: #fff;
  background-position: 0 -120px;
  clear: both;
  padding-top: 5px;
  padding-bottom: 8px;
  text-align: center;
}

.box-os .osqq p {
  height: auto;
  line-height: 20px;
  width: 129px;
  padding-top: 10px;
}

.box-os .osqq p strong {
  color: #666;
}

.box-os .osqq  h4 {
  font-size: 18px !important
}

.box-os .osqq p em {
  color: #999;
  display: block;
  font-size: 12px !important;
  font-style: normal;
}

.box-os .osqq p span {
  color: #547816;
  display: block;
}

.box-os .osqq p img {
  margin: 0 auto;
  padding-top: 5px;
  padding-bottom: 5px;
}

.box-os .osqq p span a {
  color: #557917;
}

/*³ÇÊÐÑ¡ÔñÆ÷*/
.search-citys {
  position: relative;
  display: inline;
}

.search-citys input.text {
  color: #999;
  width: 300px;
  border: 1px solid #dadada;
  font-size: 12px;
  padding-left: 15px;
}

.search-citys-tit {
  padding: 10px 10px 0;
}

.search-citys-tt {
  margin: 12px;
  border-bottom: 1px solid #d5d5d5;
  height: 22px;
}

.search-citys-tt a {
  display: block;
  height: 22px;
  float: left;
  line-height: 22px;
  text-align: center;
  position: relative;
  _display: inline-block;
  margin-bottom: -1px;
  position: relative;
  width: 90px
}

.search-citys-tt a.current {
  background-color: #fff;
  color: #5e5e5e;
  text-decoration: none;
  border: #ccc 1px solid;
  border-bottom: #FFF 1px solid;
}

.search-citys-list {
  background: #fff;
}

.search-citys-list ul {
  overflow: hidden;
  width: 700px;
}

.search-citys-list li {
  float: left;
  width: 50px;
  padding: 5px 0 5px 12px;
}

.search-citys-list li a {
  color: #555;
}

.search-citys .search-citys-pop {
  position: absolute;
  border: 1px solid #cfcfcf;
  top: 30px;
  left: 100px;
  width: 700px;
  z-index: 1;
  display: block;
  font-size: 12px;
  display: none;
  z-index: 99999
}

.pop {
  border: 3px solid #d4d4d4;
  background-color: #FFF;
  position: fixed;
  left: 50%;
  top: 50%;
  z-index: 8500;
  display: none;
}

.pop a {
  color: #506eaa;
}

.pop a.pop-close {
  display: block;
  width: 17px;
  height: 17px;
  position: absolute;
  right: 12px;
  top: 12px;
  background: url(?statics/images/szyh/jiazu/close.png) no-repeat 0 0;
}

.pop a.pop-close:hover {
  background-position: -17px 0;
}

/*ËÑË÷ÁªÏë*/

/*ËÑË÷ÁªÏë*/
.search-text {
}

.search-text ul {
  border: 1px solid #ccc;
  border-top: 0;
  position: absolute;
  z-index: 101;
  top: 0px;
  padding-top: 10px;
  padding-bottom: 10px;
  background: #fff;
  width: 295px;
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.search-text ul li {
  height: 40px;
  line-height: 40px;
  border-bottom: 1px solid #ededed;
  padding-left: 10px;
  cursor: pointer;
}

.search-text ul li strong {
  font-weight: bold;
}

.search-text ul li.ac_over {
  background: #efefef;
}

/*ËÑË÷½á¹û*/
.search-last {
  margin-bottom: 30px;
}

.search-last .text {
  padding: 5px 5px;
  width: 300px;
  border: 1px solid #efefef;
}

.search-last .submit {
  padding: 5px 5px;
  width: 50px;
  background: #0165b6;
  color: #fff;
  border: 1px solid #0165b6;
  cursor: pointer;
}

/*tag±êÇ©*/
.tag-con {
  border: 1px solid #efefef;
  padding: 20px 20px;
}

.tag-con a {
  padding: 5px;
  display: inline-block;
  margin-bottom: 5px;
  color: #999;
}

.tag-con a:hover {
  background: #0165b6;
  color: #fff;
}

/*ÐÓÒ«¹«¹²flex*/
.flx {
  display: flex;
}
.product-card-content-logo{ float:left;}

@media (max-width:768px) {
    .product-banner{min-width: 100%;}
    .product-banner img{max-width: 100%;height: 100%;}
    .product-banner-content{width: 100%;height: 100%;}
    .product-banner-content-text{height: 100%;width: 100%;left: 0;top:0;padding:70px 10px 0px 10px}
    .product-banner-img{height: 100%;}
    .lh-2em{text-indent: 2em}
    .confont-con{width: 100%;}
    .product-card-header a{width: 100%;display:block;}
    .product-card-header a img{display:none;}
    .product-card-header a p{width: 100%;left: 0px;padding:10px}
    .product-card-content li{width: 100%;padding:0 10px;margin-top: 20px;height: 150px;}
    .top-banner-menu a{width: 90px;}
}
@media (max-width:450px) {
    .l-sport .row .col-md-7 ul li{height: 36px;}
    .l-sport{padding-bottom: 0;}
    .l-trans{padding-bottom: 0;}
    .l-police{padding-bottom: 0;}
    .l-education{padding-bottom: 0;}
}



@media only screen and (min-width: 320px) and (max-width: 992px) {

    .l-policy .table tbody>tr>td {
        border:none;
         text-align:center;
          border-bottom:1px solid #ececec; 
          padding:0px 0;    vertical-align: middle;}
          .product-card-content li {
            height: auto; 
        }
        .product-card-content-text{float: none;}
        .fcolor-33{margin-left: 10px;}
}