/*通用样式*/
blockquote, body, button, caption, dd, div, dl, dt, fieldset, figure, form, h1, h2, h3, h4, h5, h6, hr, html, input, legend, li, menu, ol, p, pre, table, td, textarea, th, ul {
	margin: 0;
	padding: 0
}
address, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
caption, th {
	font-weight: 400
}
abbr, body, fieldset, html, iframe {
	border: 0
}
address, cite, dfn, em, i, var {
	font-style: normal
}
[hidefocus], summary {
outline:0
}
li, ol, ol li, ul, ul li {
	list-style: none
}
h1, h2, h3, h4, h5, h6, small {
	font-size: 100%;
	font-weight: 400
}
sub, sup {
	font-size: 83%
}
code, kbd, pre, samp {
	font-family: inherit
}
q:after, q:before {
	content: none
}
textarea {
	overflow: auto;
	resize: none
}
label, summary {
	cursor: default
}

.wrap {
	width: 1200px;
	margin-left: auto;
	margin-right: auto;
	text-align:left;
}
.fl {
	float: left
}
.fr {
	float: right
}
.clearfix:after, .clearfix:before {
	content: "";
	display: table
}
.clearfix:after {
	clear: both
}

.mkt-nav>ul {
	font-size: 0;
	line-height: 0;
	border-left: #eee solid 1px;
}
.mkt-nav>ul>li {
	font-size: 18px;
	line-height: 1.1;
	padding: 25px;
	border-right: #eee solid 1px;
	border-top: transparent solid 3px;
	display: inline-block
}
.mkt-nav>ul>li.current, .mkt-nav>ul>li:hover {
	border-top-color: #ef7b2d;
}
.mkt-nav .rjt:after {
	content: '';
	display: inline-block;
	border: transparent solid 4px;
	border-top-color: #666;
	border-bottom: 0;
	vertical-align: middle;
	margin-left: 5px;
}
.mkt-nav a:hover {
	text-decoration: none;
	color: #ef7b2d;
}
.w950 {
	width: 950px;
	margin-left: auto;
	margin-right: auto
}
.dot, .dot.telno i:after {
	background: url(../images/26100000009261147762692001278.png) no-repeat;
	display: inline-block
}
.fixed-rb {
	position: fixed;
	right: 3px;
	bottom: 40px;
}
.fixed-rb a {
	text-decoration: none;
}
.fixed-rb em {
	background-color: #0f69d1;
	display: block;
	margin-bottom: 4px;
	width: 50px;
	height: 50px
}
.fixed-rb em:hover {
	cursor: pointer;
	background-color: #3883da
}
.fixed-rb em.zxzx {
	height: 42px;
}
.fixed-rb img {
	margin-left: -12px;
	margin-bottom: -3px;
}
.zxzx {
	padding-top: 8px;
	color: #fff;
	font-size: 14px;
	text-align: center;
	line-height: 16px;
}
.dot.telno {
	background-position: -144px -114px;
	position: relative
}
.dot.gotop {
	background-position: -145px -159px
}
.dot.telno i {
	position: absolute;
	display: none;
	width: 170px;
	border: #2277da solid 1px;
	background-color: #fff;
	padding: 10px;
	left: -205px;
	top: 6px;
	color: #2277da;
	font-size: 14px
}
.dot.telno i:after {
	content: '';
	display: inline-block;
	width: 9px;
	height: 14px;
	background-position: 0 -69px;
	position: absolute;
	right: -9px;
	top: 9px
}
.dot.telno:hover i {
	display: block
}
*+html .mkt-nav>ul>li {
	display: inline;
}
*+html .mkt-nav .sub>dl {
	display: inline;
}
.footer2 {
	border-top: #f2f2f2 solid 50px;
	padding: 45px 0;
}
.footer2 .h-title {
	font-size: 26px;
	margin-bottom: 30px;
}
.footer2 a {
	display: block;
	float: left;
	width: 164px;
	height: 47px;
	line-height: 47px;
	text-indent: 30px;
}
.footer2 a:hover {
	background-color: #0b8df4;
	color: #fff;
	text-decoration: none
}
.footer2 .dot {
	display: inline-block;
	vertical-align: middle;
	margin-right: 6px;
}
.dot.a1 {
	width: 28px;
	height: 16px;
	background-position: -1px -160px;
}
a:hover .dot.a1 {
	background-position: -34px -160px
}
.dot.a7 {
	width: 25px;
	height: 24px;
	background-position: -1px -185px
}
a:hover .dot.a7 {
	background-position: -33px -185px
}
.dot.a2 {
	width: 25px;
	height: 25px;
	background-position: -2px -216px
}
a:hover .dot.a2 {
	background-position: -35px -216px
}
.dot.a8 {
	width: 20px;
	height: 18px;
	background-position: -5px -250px
}
a:hover .dot.a8 {
	background-position: -38px -250px
}
.dot.a3 {
	width: 24px;
	height: 24px;
	background-position: -5px -288px
}
a:hover .dot.a3 {
	background-position: -38px -288px
}
.dot.a9 {
	width: 20px;
	height: 17px;
	background-position: -3px -330px
}
a:hover .dot.a9 {
	background-position: -37px -330px
}
.dot.a4 {
	width: 20px;
	height: 19px;
	background-position: -6px -370px
}
a:hover .dot.a4 {
	background-position: -39px -370px
}
.dot.a10 {
	width: 20px;
	height: 23px;
	background-position: -4px -405px
}
a:hover .dot.a10 {
	background-position: -37px -405px
}
.dot.a5 {
	width: 18px;
	height: 17px;
	background-position: -8px -444px
}
a:hover .dot.a5 {
	background-position: -41px -444px
}
.dot.a11 {
	width: 21px;
	height: 21px;
	background-position: -8px -477px
}
a:hover .dot.a11 {
	background-position: -41px -477px
}
.dot.a6 {
	width: 20px;
	height: 20px;
	background-position: -7px -512px
}
a:hover .dot.a6 {
	background-position: -40px -512px
}
.dot.a12 {
	width: 26px;
	height: 21px;
	background-position: -2px -132px
}
a:hover .dot.a12 {
	background-position: -35px -132px
}
a, .mkt-nav li .sub, .mkt-nav li .down {
	-moz-transition: all .5s ease 0s;
	-o-transition: all .5s ease 0s;
	-webkit-transition: all .5s ease 0s;
	transition: all .5s ease 0s
}
/*背景*/
.mkt-nav>ul>li.tj_icon i, .down .menu1 li em, .down .menu2 li em, .lunbo .btn {
	background: url(http://static.hudong.com/26/79/26100000010122149543798103514.png) no-repeat;
}
.down {
	position: absolute;
	z-index: 2;
	top: 105px;
	left: 0;
	padding-bottom: 60px;/*background:#252b31;*/
	width: 100%;
	overflow: hidden;
}
.tj_icon {
	position: relative;
}
.mkt-nav>ul>li.tj_icon i {
	display: block;
	position: absolute;
	top: 8px;
	right: 14px;
	width: 24px;
	height: 16px;
	background-position: 0px 0px;
}
.mkt-nav li .down {
	height: 0;
	overflow: hidden;
	padding-bottom: 0px;
}
.mkt-nav li:hover .down {
	height: 333px;
	border-top-color: #252b31;
	background: #252b31;
	padding-bottom: 60px;
}
.down .menu1 {
	width: 170px;
	padding-top: 20px;
}
.down .menu1 li {
	font-size: 16px;
	color: #fff;
	padding: 12px 0 12px 15px;
	cursor: pointer;
}
.down .menu1 li em {
	display: inline-block;
	float: right;
	margin: 5px 15px 0 0;
	width: 6px;
	height: 10px;
	background-position: 1px -39px;
}
.down .menu1 .active1 {
	background: #3a3e42;
	color: #ff7200;
}
.down .menu1 .active1 em {
	background-position: 1px -23px;
}
.down .menu2 {
	width: 230px;
	min-height: 300px;
	position: relative;
	border-right: 1px solid #676a6e;
	border-left: 1px solid #676a6e;
}
.down .menu2 ul {
	padding: 10px 10px 0px;
}
.down .menu2 li {
	position: relative;
	width: 210px;
	height: 65px;
	background: #2f3337;
	margin-top: 10px;
}
.down .menu2 li i {
	display: block;
	font-style: normal;
	font-size: 16px;
	color: #fff;
	padding: 10px 12px 6px;
}
.down .menu2 li span {
	font-size: 13px;
	color: #787b7f;
	padding: 0 12px;
}
.down .menu2 li em {
	position: absolute;
	top: 27px;
	right: 16px;
	display: block;
	width: 6px;
	height: 10px;
	background-position: 1px -39px;
}
.down .menu2 .active2 i {
	color: #ff7200;
}
.down .menu2 .active2 em {
	background-position: 1px -23px;
}
.down .nr1 {
	width: 825px;/*border-left:1px solid #676a6e;*/
}
.down .nr2 {
	width: 593px;
	padding-top: 31px;
}
.down .nr2 .c-top {
	margin-left: 30px;
	height: 176px;
}
.down .nr2 .dianj {
	display: block;
	margin: 18px 0 20px 30px;
	font-size: 13px;
	color: #1a8af8;
}
.down .nr2 .yx_zx {
	margin-left: 30px;
}
.down .nr2 .yx_zx a {
	display: inline-block;
	width: 115px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	border: 1px solid #ff7200;
	font-size: 16px;
}
.down .nr2 .yx_zx .zx {
	margin-right: 20px;
	background: #ff7200;
	color: #fff;
}
.down .nr2 .yx_zx .xq {
	color: #ff7200;
}
.down .nr2 .yx_zx .xq:hover {
	color: #fff;
	background: #ff7200;
}
.down .nr2 .c-top img {
	width: 342px;
	height: 176px;
	margin-left: 22px;
}
.down .nr2 .c-top h2 {
	color: #fff;
	padding-bottom: 14px;
}
.down .nr2 .c-top p {
	text-indent: 25px;
	color: #96999d;
	font-size: 13px;
	line-height: 20px;
}
.btn-red, .title:after, .td3-ico2, .td3-ico3, .td3-ico4, .td3-ico1, .td4-ico2, .td4-ico1, .td4-ico3, .td4-ico4, .td5-ico9, .td5-ico1, .td5-ico10, .td5-ico5, .td5-ico7, .td5-ico4, .td5-ico8, .td5-ico6, .td5-ico2, .td5-ico3, .td7-ico, .page-goto a {
background:url(../images/26100000011362150279048385571s.png) no-repeat;
}
.td4-ico2 {
	height: 33px;
	width: 27px;
	background-position: 0 -36px;
}
.td4-ico1 {
	height: 31px;
	width: 27px;
	background-position: 0 -4px;
}
.td4-ico3 {
	height: 29px;
	width: 36px;
	background-position: 0 -70px;
}
.td4-ico4 {
	height: 23px;
	width: 36px;
	background-position: 0 -100px;
}
.td7-ico {
	height: 31px;
	width: 30px;
	background-position: -28px -36px;
}
.td5-ico9 {
	height: 41px;
	width: 42px;
	background-position: 0 -147px;
}
.td5-ico10 {
	height: 39px;
	width: 44px;
	background-position: 0 -188px;
}
.td5-ico1 {
	height: 58px;
	width: 58px;
	background-position: 0 -227px;
}
.td5-ico5 {
	height: 48px;
	width: 46px;
	background-position: 0 -285px;
}
.td5-ico7 {
	height: 46px;
	width: 46px;
	background-position: 0 -333px;
}
.td5-ico4 {
	height: 44px;
	width: 48px;
	background-position: 0 -379px;
}
.td5-ico8 {
	height: 41px;
	width: 52px;
	background-position: 0 -423px;
}
.td5-ico6 {
	height: 44px;
	width: 52px;
	background-position: 0 -464px;
}
.td5-ico2 {
	height: 54px;
	width: 55px;
	background-position: 0 -508px;
}
.td5-ico3 {
	height: 55px;
	width: 55px;
	background-position: 0 -562px;
}
.title:after {
	height: 3px;
	width: 73px;
	background-position: 0 0;
}
.td3-ico2 {
	height: 79px;
	width: 79px;
	background-position: 0 -618px;
}
.td3-ico3 {
	height: 79px;
	width: 79px;
	background-position: 0 -698px;
}
.td3-ico4 {
	height: 79px;
	width: 79px;
	background-position: 0 -778px;
}
.td3-ico1 {
	height: 85px;
	width: 81px;
	background-position: 0 -858px;
}
.btn-red {
	height: 63px;
	width: 275px;
	background-position: 0 -944px;
}
.btn-red:hover {
	text-decoration: none;
}
.header-banner {
	background: url(http://static.hudong.com/22/06/26100000011362150279062101024.jpg) no-repeat center top;
	height: 405px;
	padding-top: 100px;
	text-align: center;
}
.header-banner h2 {
	font-size: 68px;
	font-weight: 400;
	color: #fff;
	margin: 0 0 20px 0;
}
.header-banner h3 {
	font-size: 36px;
	font-weight: 400;
	color: #fff;
	letter-spacing: 10px;
	margin-bottom: 45px;
}
.header-banner .btn-red {
	display: block;
	margin: 0 auto;
	line-height: 56px;
	color: #fff;
	font-size: 30px;
}
.bgf6 {
	background-color: #fff;
}
.td1 {
	margin-bottom:60px;
}
.td1 .wrap {
	background-color: #fff;
	width: 1350px;
	top: 20px;
	position: relative;
}
.title {
	padding-top: 60px;
	font-size: 52px;
	padding-bottom: 30px;
	text-align: center;
	font-weight: 400;
}
.title:after {
	content: '';
	display: table;
	margin: 0 auto;
	margin-top: 38px;
}
.title-s {
	text-align: center;
	font-size: 24px;
	font-weight: 400;
	margin-bottom: 45px;
}
.td1 .info {
	margin: 0 auto;
	width: 1000px;
	line-height: 1.5;
}
.td1 p.info {
	margin-bottom: 110px;
	width: 800px; font-size:16px; text-align:left;
}
.td1 .video-play {
	width: 530px;
	height: 300px;
	background-color: #f6f6f6;
	float: left;
}
.td1-ico {
	background: url(../images/26100000011362150279052691916.png);
	width: 391px;
	height: 303px;
	float: right;
}
.td1-ico .s1, .td1-ico .s2, .td1-ico .s3 {
	display: inline-block;
	width: 112px;
	text-align: center;
	color: #158DC2;
	font-size: 18px;
	margin: 140px 26px 100px 0;
}
.td1-ico .s3 {
	margin-right: 0;
}
.td1-ico p {
	text-align: center;
	color: #fff;
}
.td2 ul {
	background: url() no-repeat center;
	position: relative;
	margin-top: 80px;
}
.td2 strong {
	font-size: 24px;
}
.td2 li {
	width: 210px;
	position: absolute;
}
.td2 li p {
	margin-top: 10px;
	font-size: 14px;
	line-height: 1.5;
	text-align: justify;
}
.td2 .item1 {
	left: 230px;
	top: 0;
	text-align: right;
}
.td2 .item2 {
	top: 220px;
	right: 0;
}
.td2 .item3 {
	bottom: 0;
	right: 92px;
}
.td2 .item4 {
	bottom: 20px;
	left: 95px;
	text-align: right
}
.td2 .item5 {
	top: 220px;
	left: 0;
	text-align: right
}
.td3 {
	height: 840px;
}
.td3 ul {
	padding-top: 80px;
}
.td3 li {
	display: inline-block;
	width: 425px;
	margin-bottom: 80px;
}
.td3 i {
	float: left;
	margin-right: 50px;
	display: inline-block
}
.td3 h6 {
	font-size: 22px;
	line-height: 2;
	margin-bottom: 20px;
	text-align:center;
}
.td3 p a {
	display: inline-block;
	background-color: #67BAF0;
	padding: 8px 15px;
	color: #fff;
	border-radius: 3px;
	margin-right: 5px;
	font-size:16px;
}
.td3 p a:hover {
	background-color: rgb(114, 198, 252);
	text-decoration: none;
}
.td3 .item2, .td3 .item4 {
	float: right;
	width: 390px;
}
.td3 .item2 p, .td3 .item4 p {
	text-align: right;
}
.td3 .item3, .td3 .item4 {
	margin-bottom: 30px;
}
.td4 {
	background-color: #34347C;
	padding-bottom: 80px;
}
.td4 .title {
	color: #fff;
}
.td4 .item {
	width: 408px;
	background-color: #fff;
	box-shadow: 0 0 10px rgba(0,0,0,.2);
	height: 485px;
	display: inline-block;
	margin-top: 30px;
}
.td4 dt {
	height: 175px;
	text-align: center;
	font-size: 18px;
	line-height: 1.5;
	color: #4A3F39;
}
.td4 dt h6 {
	font-size: 26px;
	padding-top: 35px;
	margin-bottom: 20px;
}
.td4 i {
	display: inline-block;
	vertical-align: middle;
	margin-right: 15px;
}
.td4 dd {
	padding: 0 45px;
	line-height: 1.5;
	font-size: 14px;
	color: #555;
}
.td4 dd h6 {
	font-size: 18px;
	padding-top: 20px;
	color: #5E4437;
}
.td4 .it1 dt {
	background-image: linear-gradient(to right, #FB7E60 0%, #FB665F 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FB7E60', endColorstr='#FB665F', GradientType='1');
}
.td4 .it2 dt {
	background-image: linear-gradient(to right, #28CBB6 0%, #28DBB3 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#28CBB6', endColorstr='#28DBB3', GradientType='1');
}
.td4 .it3 dt {
	background-image: linear-gradient(to right, #0499ED 0%, #08DCEA 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0499ED', endColorstr='#08DCEA', GradientType='1');
}
.td4 .it4 dt {
	background-image: linear-gradient(to right, #FEAD5E 0%, #FAC34C 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FEAD5E', endColorstr='#FAC34C', GradientType='1');
}
.td4 .it2, .td4 .it4 {
	float: right;
}
.td4 .mkt-btn {
	margin-top: 80px;
	margin-bottom: 0;
}
.td5 {
	width:1200px;
	margin:0 auto;
}
.td5 ul {
	margin-left: -20px;
}
.td5 li {
	width: 31.5%;
	padding-top: 35px;
	background-color: #fff;
	padding-bottom: 20px;
	text-align: center;
	line-height: 1.5;
	display:inline-block;
	border:1px solid #eee;
	margin-left:2%;
	vertical-align:top;
	margin-bottom:30px;
}
.td5 li:nth-child(3n+1) {
	margin-left:0;
}
.td5 li h6{ font-size:26px; color:#222; margin-bottom:10px;}
.td5 li p{ width:80%; margin:0 auto; height:80px;}
.td5 i {
	display: block;
	margin: 0 auto 30px auto;
}
.td5 i  img{ width:100%; height:auto;}
.td6 {
	background: url() no-repeat center;
	height: 775px;
}
.td6 .title {
	color: #fff;
	margin-bottom: 30px;
	padding-top: 70px;
}
.td6 a {
	color: #fff;
	text-decoration: underline;
}
.td6 .tag-case {
	display: block;
	background-color: #fc7a60;
	color: #fff;
	font-size: 18px;
	width: 38px;
	padding: 20px 20px 30px 20px;
	border-radius: 0 0 100px 100px;
	position: absolute;
	top: 0;
	right: 75px;
}
.SuperSlide-case {
	position: relative;
}
.SuperSlide-case .bd {
	height: 425px;
	padding: 0 75px 60px 75px;
	box-shadow: 0 0 20px rgba(0,0,0,.2);
	background-image: linear-gradient(to right, #377EF0 0%, #8572F2 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#377EF0', endColorstr='#8572F2', GradientType='1');
}
.SuperSlide-case .bd ul {
	overflow: hidden;
	color: #fff;
	line-height: 1.5;
}
.SuperSlide-case .bd li {
	position: relative;
	padding-top: 60px;
	padding-bottom: 15px;
}
.SuperSlide-case .bd img {
	width: 462px;
	height: 347px;
	box-shadow: 0 0 25px rgba(0,0,0,0.3);
	float: right;
	margin-right: 10px;
}
.SuperSlide-case .bd h4 {
	font-size: 30px;
	margin-top: 30px;
	height: 100px;
}
.SuperSlide-case .bd h6 {
	font-size: 18px;
	margin-top: 15px;
}
.SuperSlide-case .bd p {
	font-size: 18px;
	margin-top: 15px;
}
.SuperSlide-case .bd p .tag {
	display: inline-block;
	margin-right: 5px;
	padding: 2px 5px;
	background-color: #3a64ca;
	border-radius: 3px;
}
.SuperSlide-case .hd {
	position: absolute;
	text-align: center;
	bottom: 30px;
	left: 0;
	right: 0;
}
.SuperSlide-case .hd li {
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 10px;
	background-color: #DCDCDA;
	margin: 0 6px;
	overflow: hidden;
	text-indent: -999em;
	cursor: pointer;
}
.SuperSlide-case .hd li.on {
	background-color: #16C7FB;
}
.SuperSlide-case .hd .next, .SuperSlide-case .hd .prev {
	display: block;
	width: 50px;
	height: 50px;
	border: #87B2F7 solid 2px;
	border-radius: 50px;
	position: absolute;
	top: -220px;
	left: 20px;
	text-align: center;
	opacity: .5;
	filter: alpha(opacity=50);
}
.SuperSlide-case .hd .next {
	left: auto;
	right: 20px;
}
.SuperSlide-case .hd .next:hover, .SuperSlide-case .hd .prev:hover {
	opacity: 1;
	filter: alpha(opacity=100);
}
.SuperSlide-case .hd .next:before, .SuperSlide-case .hd .prev:before {
	content: '';
	display: inline-block;
	width: 20px;
	height: 20px;
	border-right: #87B2F7 solid 2px;
	border-top: #87B2F7 solid 2px;
	transform: translate(-5px, 13px) rotate(45deg);
}
.SuperSlide-case .hd .prev:before {
	transform: translate(5px, 13px) rotate(-135deg);
}
.td7 {
	background-color: #FAFBFF;
}
.td7 .wrap {
	background: url(http://static.hudong.com/23/06/26100000011362150279060352555.png) no-repeat bottom left;
	height: 720px;
}
.td7 p {
	font-size: 32px;
	color: #2E7FE8;
	font-weight: 700;
	padding-top: 50px;
}
.td7 h5 {
	font-size: 24px;
	color: #2E7FE8;
	margin-top: 15px;
}
.td7-ico {
	margin-right: 15px;
	display: inline-block;
	vertical-align: middle;
}
.td7 .formdiv {
	width: 550px;
	height: 660px;
	background-color: #fff;
	box-shadow: 0 0 40px rgba(0,0,0,.1);
	margin-top: -70px;
	float: right;
}
.page-goto {
	width: 160px;
	position: absolute;
	left: 50%;
	top: 630px;
	margin-left: -673px;
	z-index: 10;
	padding: 10px 0;
}
.page-goto nav {
	background: url(http://static.hudong.com/13/05/26100000011362150279058685608.png) no-repeat center;
	border-radius: 5px;
	overflow: hidden;
}
.page-goto a {
	background-position: 23px -1030px;
	display: block;
	padding: 12px 0;
	text-align: center;
	font-size: 18px;
	color: #fff;
}
.page-goto a:hover, .page-goto a.current {
	background-color: #4AA584;
	background-image: none;
	text-decoration: none;
}
.page-goto .stick {
	position: fixed;
	left: 50%;
	top: 3px;
	margin-left: -673px;
	width: 160px;
}
.mkt-btn {
	display: block;
	margin: 50px auto;
	font-size: 18px;
	width: 178px;
	height: 47px;
	line-height: 47px;
	background: #fe5840;
	color: #fff;
	text-align: center;
}
.mkt-btn:hover {
	text-decoration: none;
	opacity: .8;
	color:#fff;
}
@media \0screen\,screen\9 {
.SuperSlide-case .hd .next:before {
	content: '';
	width: auto;
	height: auto;
	border: transparent solid 18px;
	border-left-color: #87B2F7;
	margin: 6px 0 0 18px;
}
.SuperSlide-case .hd .prev:before {
	content: '';
	width: auto;
	height: auto;
	border: transparent solid 18px;
	border-right-color: #87B2F7;
	margin: 6px 20px 0 0;
}
}
.wcircle {
	margin-top: 3px;
	width: 100%;
	height: 4px;
	text-align: center;
}
.wcircle span {
	display: inline-block;
	margin: 0 7px;
	width: 29px;
	height: 4px;
	background: #d4d4d4;
}
.wcircle span.wactive {
	background: #2372e1;
	transition: all .3s ease-in-out;
}
.hb-icon1, .hb-icon2 {
	background: url(http://static.hudong.com/77/40/26100000011362150950402467346.png) no-repeat;
	margin-right: 10px !important;
}
.hb-icon1 {
	display: inline-block;
	width: 22px;
	height: 30px;
	background-position: 0px 0px;
	vertical-align: middle;
}
.hb-icon2 {
	display: inline-block;
	width: 27px;
	height: 34px;
	background-position: -27px 0px;
	vertical-align: middle;
}
.hb-xcx {
	background: url(http://static.hudong.com/86/41/26100000011362150950414414940.jpg) no-repeat center top;
	padding-bottom: 110px;
}
.hb-xcx .wrap {
	width: 870px;
}
.sm {
	margin-top: 50px;
	width: 197px;
	text-align: center;
}
.sm h3 {
	font-size: 30px;
}
.sm p {
	padding: 22px 0 40px;
	font-size: 18px;
	line-height: 24px;
	color: #4c3f39;
}
.hb-lunbo {
	position: relative;
}
.hb-lunbo li {
	transition: all .5s ease-in-out;
}
.pro-state {
	position: absolute;
	top: 0;
	width: 440px;
	left: 50%;
	margin-left: -220px;
}
.pro-state p {
	cursor: default;
	margin-bottom: 20px;
	padding: 12px 20px;
	border-radius: 5px;
	width: 148px;
	font-size: 14px;
	line-height: 26px;
}
.pro-state p.fl {
	text-align: right;
	background: #fff;
}
.pro-state .active p.fl {
	box-shadow: 6px 12px 20px rgba(56,75,95,.17);
}
.pro-state .active p.fr {
	box-shadow: 10px 12px 20px rgba(56,75,95,.17);
	background: -webkit-linear-gradient(150deg, #19cefd, #028cee);
	background: linear-gradient(150deg, #19cefd, #028cee);
	color: #fff;
}

.service-nav-list {
    width: 1190px;
    height: 200px;
    margin: 35px auto 0;
    text-align: center;
    font-size: 0;
}
.service-nav-list .service-nav-card {
    position: relative;
    display: inline-block;
    vertical-align: top;
    font-size: 12px;
    text-align: center;
    height: 100%;
    width: 25%;
	margin-right:-4px;
}
.service-nav-list .active {
}
.service-nav-list .service-nav-card .nav-img {
    width: 90px;
    height: 90px;
    border-radius: 50%;
    margin: 16px auto 19px;
}
.service-nav-list .active .nav-img {
    box-shadow: 0px 4px 20px 0px rgba(23, 165, 246, 0.75);
}
.service-nav-list .service-nav-card .s1 {
    background: url("../images/sc1.png") center no-repeat;
}
.service-nav-list .active .s1 {
    background: url("../images/sc1.png") center no-repeat;
}
.service-nav-list .service-nav-card .s2 {
    background: url("../images/sc2.png") center no-repeat;
}
.service-nav-list .active .s2 {
    background: url("../images/sc2.png") center no-repeat;
}
.service-nav-list .service-nav-card .s3 {
    background: url("../images/sc3.png") center no-repeat;
}
.service-nav-list .active .s3 {
    background: url("../images/sc3.png") center no-repeat;
}
.service-nav-list .service-nav-card .s4 {
    background: url("../images/sc4.png") center no-repeat;
}
.service-nav-list .active .s4 {
    background: url("../images/sc4.png") center no-repeat;
}
.service-nav-list .service-nav-card .nav-tit {
    font-size: 20px;
    color: #333;
}
.service-nav-list .service-nav-card .nav-titdes {
    font-size: 14px;
    color: #666;
	width:80%;
	margin:0 auto;
	line-height:1.5;
}
.services{ width:1190px; margin:0 auto; margin-bottom:80px;}
.services .services_dh{ text-align:left; background:#099ef3;}
.services .services_dh>ul>li{ display:inline-block; height:56px; line-height:56px; padding:0 10px; font-size:18px; color:#fff; cursor:pointer;}
.services .services_dh>ul>li>em{ display:block; padding:0 20px;}
.services .services_dh>ul>li.on>em{ position:relative; top:5px; background:#fff; color:#333;}
.services .services_dh>ul>li.on>em>i{ position:relative; top:-5px;}
.services .services_con{ border:1px solid #099ef3; padding:30px; overflow:hidden; padding-bottom:10px;}
.services .services_con>ul{ font-size:0;}
.services .services_con>ul>li{ width:23.2%; float:left; font-size:15px; text-align:center; border:1px solid #099ef3; margin-left:2%; margin-bottom:2%; height:125px;}
.services .services_con>ul>li:nth-child(4n+1){ margin-left:0;}
.services .services_con>ul>li>span{ display:block; font-size:22px; color:#222; margin:0 auto; padding-top:20px; padding-bottom:5px;}
.services .services_con>ul>li>p{ color:#666; width:90%; margin:0 auto; margin-bottom:20px;}
.services .services_con>ul>li:hover{ background:#099ef3;}
.services .services_con>ul>li:hover>span{ color:#fff;}
.services .services_con>ul>li:hover>p{ color:#fff;}

.td1 img{ float:left;}
.td1 .r{ float:right; width:700px; font-size:16px; line-height:2; margin-top:50px;}

.td2{ background:#f5f5f5;}
.td2 dd{ margin-bottom:50px;}
.td2 .margin{ margin-top:100px;}
.td2 .img{box-shadow:0px 1px 15px 1px rgba(0,0,0,.1);-webkit-box-shadow:0px 1px 15px 1px rgba(0,0,0,.1); text-align:center; background:#fff;}
.td2 .l{ float:left; width:50%; font-size:16px; line-height:2;}
.td2 .r{ float:right; width:50%; font-size:16px; line-height:2;}
.td2 .desc{ margin-left:30px;}
.td2 .l .desc{ margin-right:30px; text-align:right; margin-left:0;}
.td2 em{ font-size:26px; display:block;}

.td5{ margin-bottom:40px;}
	
@media screen and (max-width:768px) {
	.td1{ height:auto; margin-bottom:50px;}
	.td1 .wrap{ width:100%;}
	.wrap{ width:100%;}
	.title{ font-size:26px; padding-top:10px; padding-bottom:20px;}
	.title:after{ margin-top:12px;}
	.title-s{ font-size:16px;margin:0 auto;margin-bottom:10px; width:90%;}
	.td1 p.info{width:90%; margin:0 auto; font-size:14px; margin-bottom:20px;}
	.td1 .info{ width:100%;}
	.td1 .video-play{ width:90%;margin:0 auto; height:auto; float:none;}
	.td1-ico{ float:none; width:90%;margin:0 auto; background-size:contain; background-repeat:no-repeat; margin-top:20px; display:none;}
	.td1-ico .s1, .td1-ico .s2, .td1-ico .s3{ margin-top:35%; width:28%; font-size:15px; margin-bottom:26%;}
	.td2 ul{ background:none; margin:0 auto;margin-top:30px; text-align:center;}
	.td2 .item1{left:20px; text-align:left;position:static;}
	.td2 .item2{left:20px; text-align:left;position:static;}
	.td2 .item3{left:20px; text-align:left;position:static;}
	.td2 .item4{left:20px; text-align:left;position:static;}
	.td2 .item5{left:20px; text-align:left;position:static;}
	.td2 li{ width:90%;margin:0 auto; margin-bottom:20px;}
	.mkt-btn{margin:30px auto;}
	.td3{height:auto; margin-bottom:50px}
	.padd{ margin-top:30px;}
	.td3 ul{ padding-top:30px; margin:0 auto; width:92%;}
	.td3 li{ width:100%;margin:0 auto;}
	.td3 .item2, .td3 .item4{float:none; width:100%;}
	.td3 h6{ font-size:16px; }
	.td3 i{ margin-right:20px;margin-bottom:20px;}
	.td3 p a{ display:none;}
	.td3 .item3, .td3 .item4{ margin-bottom:0;}
	.hb-xcx .wrap{ width:90%;margin:0 auto; height:auto; display:none;}
	.hb-xcx{ padding-bottom:0;}
	.padd2{ padding-top:30px;}
	.td4{ padding-bottom:40px;}
	.td4 .item{ width:90%;margin:0 auto; height:auto; display:block; padding-bottom:20px; margin-bottom:20px;}
	.td4 .it2, .td4 .it4{ float:none;}
	.td4 .mkt-btn{ margin-top:30px;}
	.td5{ height:auto;}
	.td5 ul{margin-left:0;}
	.td5 li{ width:46%; margin-left:2%;height:auto; padding-top:10px; margin-bottom:15px;}
	.td5 i{ margin-bottom:10px;}
	.td5 li p{ height:auto;}
	.td5 li:nth-child(2n+1){ margin-left:0;}
	.td5 li:nth-child(4){ margin-left:2%;}
	.td6{ height:auto;}
	.td6 .title{padding-top:30px;margin-bottom:10px;}
	.SuperSlide-case .bd{ height:auto; padding-bottom:30px;}
	.SuperSlide-case .bd img{ width:100%; height:auto; float:none;margin-right:0;}
	.SuperSlide-case .bd h4{ height:auto; font-size:16px; margin-top:10px;}
	.SuperSlide-case .bd p{ display:none;}
	.SuperSlide-case .bd h6{font-size:14px;}
	.SuperSlide-case .hd .next{ right:10px; width:30px; height:30px;}
	.SuperSlide-case .hd .prev{ left:10px; width:30px;height:30px;}
	.SuperSlide-case .hd .next:before, .SuperSlide-case .hd .prev:before{ height:12px; width:12px; position:relative; top:-5px;}
	.service-nav-list{ width:100%; height:auto;}
	.service-nav-list .service-nav-card{ width:50%;}
	.td2 img{ width:98%; height:auto; margin:0 auto;}
	.td5{ width:100%;}
	.services{ width:94%; margin:0 auto;}
	.services .services_dh{ margin-top:20px;}
	.services .services_dh>ul{ padding-left:5px;}
	.services .services_dh>ul>li{ height:36px; line-height:36px; font-size:16px; padding:0 5px;}
	.services .services_dh>ul>li>em{ padding:0 5px;}
	.services .services_con{ padding:15px;}
	.services .services_con>ul>li{ width:47.8%; margin-left:3%; margin-bottom:3%;}
	.services .services_con>ul>li:nth-child(4n+1){ margin-left:3%;}
	.services .services_con>ul>li:nth-child(2n+1){ margin-left:0;}
	.services .services_con>ul>li>span{ font-size:16px; margin-bottom:0;}
	.services .services_con>ul>li>p{ font-size:14px; line-height:1.6;overflow:hidden;text-overflow:ellipsis;display:box;display:-webkit-box;line-clamp:3;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
	.td1 img{ float:none; width:94%; height:auto; margin:0 auto; margin-bottom:20px;}
	.td1 .r{ width:100%; float:none; width:94%; margin:0 auto;}
	.td2 dd{ width:94%; margin:0 auto; text-align:center; margin-bottom:20px;}
	.td2 .margin{ margin-top:0;}
	.td2 em{ font-size:16px; text-align:left;}
	.td2 .desc{ text-align:left; font-size:15px; margin-left:10px; overflow:hidden;text-overflow:ellipsis;display:box;display:-webkit-box;line-clamp:3;-webkit-line-clamp:3;-webkit-box-orient:vertical; line-height:1.6;}
	.td2 .l .desc{ text-align:left; margin-right:10px;}
	.td5 li h6{ font-size:16px;}
}