.sol_cont .sol_ h4 {

		text-align: center;

		font-size: 35px;

		line-height: 35px;

	}

	

	.sol_cont {

		padding: 60px 0;

		box-sizing: border-box;

	}

	

	.zcon {

		width: 1200px;

	    margin: 0 auto;

	    /*display: flex;*/

	   display: table;

	}

	

	.sol_cont .sol_ .sol_tab .tab_cont {

		text-align: center;

		margin-top: 25px;

	}

	

	.sol_cont .sol_ .sol_tab .bt_cont {

		margin-top: 45px;

	}

	

	.sol_cont .sol_ .sol_tab .bt_cont .list_cont {

		float: left;

		width: 49%;

		box-sizing: border-box;

		padding-left: 4px;

	}

	

	.sol_cont .sol_ .sol_tab .bt_cont .list_cont .pro_item {

		overflow: hidden;

		margin-bottom: 20px;

	}

	

	.sol_cont .sol_ .sol_tab .bt_cont .left_cont .left_item {

		width: 278px;

		float: left;

		margin-right: 28px;

		overflow: hidden;

	}

	

	.sol_cont .sol_ .sol_tab .bt_cont .list_cont .pro_item a .right_info {

		float: left;

		width: 484px;

	}

	

	.sol_cont .sol_ .sol_tab .bt_cont .list_cont .pro_item a .time_cont {

		float: left;

		height: 80px;

		width: 80px;

		background: #ff6a64;

		color: #fff;

		text-align: center;

		margin-right: 20px;

		position: relative;

	}

	

	.sol_cont .sol_ .sol_tab .bt_cont .list_cont .pro_item a .right_info h5 {

		font-size: 16px;

		line-height: 16px;

		font-weight: bold;

		color: #444;

		margin-bottom: 12px;

		margin-top: 5px;

	}

	

	.sol_cont .sol_ .sol_tab .bt_cont .list_cont .pro_item a .right_info .item_info {

		word-break: break-all;

		text-overflow: ellipsis;

		display: -webkit-box;

		-webkit-box-orient: vertical;

		-webkit-line-clamp: 2;

		overflow: hidden;

		font-size: 15px;

	}

	

	.sol_cont .sol_ .sol_tab .bt_cont #pro {

		overflow: hidden;

		display: none;

	}

	

	.sol_cont .sol_ .sol_tab .tab_cont span a {

		display: block;

		width: 100%;

		height: 100%;

		padding: 5px 45px;

		border-bottom: 1px solid #666;

		transition: 0.5s;

		box-sizing: border-box;

	}

	

	.sol_cont .sol_ .sol_tab .tab_cont span.show a {

		color: #ff6a64;

		transition: 0.5s;

		border-bottom: 1px solid #ff6a64;

	}

	

	.sol_cont .sol_ .sol_tab .bt_cont .left_cont .left_item a h4 {

		font-size: 18px;

		font-weight: bold;

		word-break: break-all;

		text-overflow: ellipsis;

		display: -webkit-box;

		-webkit-box-orient: vertical;

		-webkit-line-clamp: 1;

		overflow: hidden;

		color: #444;

		margin-top: 10px;

		transition: 0.5s;

		text-align: left;

	}

	

	.sol_cont .sol_ .sol_tab .bt_cont .left_cont .left_item a img {

		display: block;

		width: 100%;

	}

	

	.sol_cont .sol_ .sol_tab .bt_cont .left_cont .left_item p {

		word-break: break-all;

		text-overflow: ellipsis;

		display: -webkit-box;

		-webkit-box-orient: vertical;

		-webkit-line-clamp: 4;

		overflow: hidden;

		font-size: 16px;

		line-height: 23px;

		margin-top: 16px;

		color: #666;

		height: 90px;

	}

	

	.sol_cont .sol_ .sol_tab .bt_cont .left_cont .left_item a {

		display: block;

		width: 100%;

		height: 100%;

	}

	

	.sol_cont .sol_ .sol_tab .bt_cont .left_cont .left_item .more_cont span:nth-child(1) {

		float: left;

	}

	

	.sol_cont .sol_ .sol_tab .bt_cont .left_cont .left_item .more_cont span {

		font-size: 15px;

		line-height: 15px;

	}

	

	.sol_cont .sol_ .sol_tab .bt_cont .list_cont .pro_item a .time_cont .center_ span:nth-child(1) {

		font-size: 30px;

		font-weight: bold;

	}

	

	.sol_cont .sol_ .sol_tab .bt_cont .list_cont .pro_item a .time_cont .center_ span {

		display: block;

	}

	

	.sol_cont .sol_ .sol_tab .bt_cont .left_cont .left_item .more_cont {

		margin-top: 22px;

		overflow: hidden;

	}

	

	.sol_cont .sol_ .sol_tab .bt_cont .left_cont .left_item a {

		display: block;

		width: 100%;

		height: 100%;

	}

	

	.IndexList li span {

		display: block;

		font-size: 14px;

		color: #666;

		letter-spacing: 4px;

	}

	

	.zz {

		width: 100%;

		height: 100%;

		position: fixed;

		top: 0;

		left: 0;

		z-index: 1000;

		background: #000;

		opacity: 0.5;

	}

	

	.tc-content {

		position: fixed;

		top: calc(50% - 150px);

		left: calc(50% - 150px);

		z-index: 1001;

	}

	

	.tc-content h1 {

		font-size: 16px;

		color: #fff;

		text-align: center;

	}

	

	.tc img {

		width: 300px;

		height: 300px;

	}

	

	.fuchuang {

		position: fixed;

		top: 54%;

		left: 6px;

		z-index: 999;

		color: #fff;

		width: 200px;

		height: 300px;

		border-radius: 4px;

		display: none;

		transform: translateX(0) translateY(-50%);

	}

	

	.f-content {

		padding: 0.5rem;

		background: rgb(60, 70, 74, 0.9);

	}

	

	.f-text {

		font-size: 16px;

		margin: 10px 0;

		text-align: center;

	}

	

	.txt {

		/*border-top: 1px solid #fff;*/

	}

	

	.txt p {

		font-size: 14px;

		padding: 2px 0;

	}

	

	.cha {

		position: absolute;

		right: 5px;

		cursor: pointer;

	}

	

	.t9c {

		width: 1000px;

		margin: 0 auto;

		display: table;

		padding: 10px 0;

	}

	

	.t9c_il {

		width: 680px;

		height: 100%;

		float: left;

		border-right: #d4d4d4 1px solid;

	}

	

	.t9c_il_o {

		width: 660px;

		height: 115px;

	}

	

	.t9c_il_o_l {

		width: 75px;

		height: 70px;

		float: left;

		margin-top: 20px;

		display: inline;

	}

	

	.cl_1 {

		width: 660px;

		height: 1px;

		background: #e9e9e9;

		clear: both;

	}

	

	.t9c_il_o {

		width: 660px;

		height: 115px;

		border-bottom: 1px solid #d1cbcb;

	}

	

	.t9c_ir {

		/*width: 300px;*/

		/*height: 347px;*/

		float: right;

	}

	

	.t5c_r_f li span {

		width: 14px;

		height: 14px;

		line-height: 14px;

		float: left;

		color: #fff;

		display: block;

		text-align: center;

	}

	

	.t9c_ir_tjh {

		/*width: 300px;*/

		height: 22px;

		display: table;

		clear: both;

		margin-top: 15px;

	}

	

	.t9c_ir_tjh h2 {

		width: 145px;

		height: 22px;

		line-height: 22px;

		float: left;

		display: inline-table;

		border-left: #ff5a00 5px solid;

		font-size: 16px;

		font-weight: bold;

		text-align: left;

		text-indent: 10px;

	}

	

	.t9c_ir_tjh a {

		width: 50px;

		height: 22px;

		line-height: 22px;

		font-size: 14px;

		display: block;

	}

	

	.t5c_r_f li a {

		width: 275px;

		height: 30px;

		line-height: 30px;

		overflow: hidden;

		float: right;

		display: inline-block;

		text-align: left;

		font-size: 14px;

	}

	

	.t5c_r_f li em {

		width: 16px;

		height: 14px;

		line-height: 14px;

		float: left;

		margin-top: 10px;

		display: inline-block;

		background-color: #ff5a00;

	}

	

	.t5c_r_f li:nth-child(n+4) em {

		background-color: #999 !important;

	}

	

	.t9c_il_o_l em {

		width: 55px;

		height: 20px;

		line-height: 20px;

		display: block;

		background: #ff4a00;

		color: #fff;

	}

	

	.t9c_il_o_l span {

		width: 55px;

		height: 20px;

		line-height: 20px;

		display: block;

		color: #7c7c7c;

		margin-top: 5px;

	}

	

	.t9c_il_o_r h2 {

		width: 580px;

		height: 30px;

		line-height: 30px;

		overflow: hidden;

		display: block;

		text-align: left;

		font-size: 14px;

		font-weight: bold;

	}

	

	.t5c_r_f li i {

		width: 16px;

		height: 14px;

		line-height: 14px;

		float: left;

		margin-top: 10px;

		display: inline-block;

		background-color: #ffb30d;

	}

	

	.t5c_r_f li {

		width: 300px;

		height: 30px;

		overflow: hidden;

	}

	

	ul {

		margin: 0;

		padding: 0;

		list-style-type: none;

	}

	

	.t9c_il_o_l i {

		width: 30px;

		height: 30px;

		display: block;

		background-position: 433px 440px;

		margin-left: 12px;

		margin-top: 5px;

	}

	

	.t5c_r_f {

		width: 300px;

		display: table;

		margin-top: 5px;

	}

	

	.xc {

		float: right;

		margin-top: auto;

		smargin-left: -28px;

	}

	

	.layout-fz {

		padding-left: 4%;

		padding-right: 4%;

	}

	

	.layout {

		/* padding-left: 4%; */

		/* padding-right: 4%; */

		margin: 0 auto;

		width: 1250px;

		display: block;

		position: relative;

		/* float: left; */

	}

	

	.news-text img {

		margin-top: 1rem;

		margin-bottom: 1rem;

	}

	

	.news_show_tag {

		margin-left: 30px;

	}

	

	img {

		max-width: 100%;

	}

	

	.tc_bg {

		width: 100%;

		height: 100%;

		position: fixed;

		top: 0;

		left: 0;

		z-index: 1000;

		background: #000;

		opacity: 0.5;

	}

	

	.tc_main {

		position: fixed;

		top: calc(100% - (50% + 193px));

		left: calc(100% - (50% + 328px));

		background: #fff;

		z-index: 1001;

	}

	

	.tc_content {

		z-index: 19891016;

		width: 655px;

		top: 225px;

		left: 321px;

	}

	

	.pop_zb_container {

		position: relative;

		width: 100%;

		margin: 0 auto;

		z-index: 10;

		background: #fff;

	}

	

	.pop_zb_left {

		width: 260px;

		height: 363px;

		float: left;

		margin: 25px 0 0 25px;

	}

	

	.pop_zb_right {

		width: 293px;

		float: left;

		margin-left: 35px;

	}

	

	.pop_zb_box .pop_zb_right .zb_column {

		margin-top: 23px;

		display: block;

	}

	

	.zb_column p.top {

		height: 24px;

		line-height: 24px;

		font-family: '微软雅黑';

		font-size: 18px;

		color: #dd4f50;

		font-weight: bold;

	}

	

	.zb_column p.bottom {

		line-height: 14px;

		font-family: '微软雅黑';

		font-size: 14px;

		color: #333;

		margin-top: 12px;

	}

	

	.pop_zb_right form .box {

		width: 293px;

		min-height: 44px;

		margin-top: 18px;

		position: relative;

	}

	

	.pop_zb_right input[type="text"] {

		width: 241px;

		height: 22px;

		padding: 10px 25px;

		line-height: 24px;

		border: 1px #999 solid;

		background: #fff;

		font-size: 14px;

		color: #333;

	}

	

	.smbmit_btn {

		width: 293px;

		height: 44px;

		display: block;

		margin: 24px 0 0;

		padding: 0;

		float: left;

		background: #dd4f50;

		border: none;

		font-size: 14px;

		text-align: center;

		color: #fff;

		cursor: pointer;

	}

	

	.clearfix:before,

	.clearfix:after {

		content: " ";

		display: table

	}

	

	.clearfix {

		zoom: 1

	}

	

	.clearfix:after {

		content: " ";

		clear: both;

		height: 0;

		visibility: hidden;

		display: block

	}

	

	#warpper {

		width: 100%;

		position: relative;

		overflow-x: hidden

	}

	

	.header {

		width: 100%;

		height: 100px;

		position: fixed;

		_position: absolute;

		left: 0;

		top: 0;

		z-index: 100

	}

	

	.portal-btn {

		display: block;

		width: 145px;

		margin: 22px auto 0;

		line-height: 30px;

		text-align: center;

		font-size: 14px;

		color: #ff4c53;

		border: 1px solid #ff4c53;

		background: #fff4f5;

		border-radius: 30px;

	}

	

	.header.header-hover,

	.header.header-hover1 {

		-moz-box-shadow: 0 0 8px rgba(0, 0, 0, .2);

		-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .2);

		box-shadow: 0 0 8px rgba(0, 0, 0, .2);

	    background: #f8f8f8;

		border-bottom: 1px solid #e6e6e6

	}

	

	.header.header-hover .logo a,

	.header.header-hover1 .logo a {

		/*height: 150px;*/

		margin: -13px 0 0 0px;

		color: #000;

		font-size: 32px;

	}

	

	.logo {

		position: absolute;

		left: 0;

		top: 0;

		padding-left: 4%;

		padding-top: 30px

	}

	

	.logo a {

		display: block;

		width: 296px;

		/*height: 38px;*/

		font-size: 0px;

		/* background-image: url(../images/logo.png); */

		background-size: contain;

		/*color: white;*/

		background-repeat: no-repeat

	}

	

	.myPhone {

		position: absolute;

		right: 4%;

		top: 11px;

		font-size: 12px;

		color: #fff;

		/* background: url(../images/myPhone.png) left center no-repeat; */

		padding-left: 18px

	}

	

	.myPhone b {

		margin-left: 3px;

		color: #e15620

	}

	

	.nav {

		position: absolute;

		right: 0;

		top: 40px;

		padding-right: 4%

	}

	

	.nav ul {

		float: left

	}

	

	.nav ul li {

		float: left;

		margin-left: 40px

	}

	

	.nav ul li a {

		font-size: 16px;

		color: #fff;

		position: relative

	}

	

	.nav ul li a:before {

		content: "";

		display: block;

		width: 0;

		height: 1px;

		background-color: #fff;

		position: absolute;

		left: 0;

		bottom: -3px;

		transition: .3s;

		-webkit-transition: .3s

	}

	

	.nav ul li:hover a:before,

	.nav ul li.on a:before {

		width: 100%

	}

	

	.nav .messsn {

		display: block;

		width: 21px;

		height: 21px;

		background-image: url(../images/messicon.png);

		background-position: 0 0;

		background-repeat: no-repeat;

		cursor: pointer;

		font-size: 0;

		float: left;

		margin-left: 40px;

		display: none

	}

	

	.header.header-hover .myPhone,

	.header-hover1 .myPhone {

		color: #333;

		

	}

	

	.header.header-hover .nav .messsn,

	.header.header-hover1 .nav .messsn {

		background-position: 0 -21px

	}

	

	.header.header-hover .nav ul li a,

	.header.header-hover1 .nav ul li a {

		color: #333

	}

	

	.header.header-hover .nav ul li a:before,

	.header.header-hover1 .nav ul li a:before {

		background-color: #333

	}

	

	.header.header-hover .btn-m-list span,

	.header.header-hover1 .btn-m-list span {

		/*background-color: #333*/

	}

	

	.btn-m-list {

		position: absolute;

		top: 50%;

		right: 75px;

		margin-top: -17px;

		height: 30px;

		width: 30px;

		cursor: pointer;

		display: none

	}

	

	.btn-m-list span {

		position: absolute;



		display: block;

		width: 100%;

		font-size: 1.5rem;



	}

	

	.btn-m-list span:first-child {

		/*top: 10px*/

	}

	

	.btn-m-list span:nth-child(2) {

		top: 18px

	}

	

	.btn-m-list span:nth-child(3) {

		top: 18px

	}

	

	.btn-m-list span:nth-child(4) {

		top: 26px

	}

	

	.btn-m-list.on span:first-child,

	.btn-m-list.on span:nth-child(4) {

		display: none

	}

	

	.btn-m-list.on span:nth-child(2) {

		transform: rotate(45deg);

		-o-transform: rotate(45deg);

		-moz-transform: rotate(45deg);

		-webkit-transform: rotate(45deg)

	}

	

	.btn-m-list.on span:nth-child(3) {

		transform: rotate(-45deg);

		-o-transform: rotate(-45deg);

		-moz-transform: rotate(-45deg);

		-webkit-transform: rotate(-45deg)

	}

	

	.mask {

		position: fixed;

		_position: absolute;

		top: 0;

		left: 0;

		width: 100%;

		height: 100%;

		background-color: #000;

		filter: alpha(opacity=70);

		background-color: rgba(0, 0, 0, .7);

		display: none;

		z-index: 100

	}

	

	.mob-nav {

		width: 60%;

		height: 100%;

		position: fixed;

		_position: absolute;

		top: 0;

		left: -60%;

		overflow-y: auto;

		overflow-x: hidden;

		background-color: #25211e;

		z-index: 200;

		visibility: hidden;

		opacity: 0;

		-webkit-transition: all .4s ease;

		transition: all .4s ease

	}

	

	.mob-nav.on {

		left: 0;

		visibility: visible;

		opacity: 1

	}

	

	.mob-nav .msearchbox {

		width: 100%;

		height: 35px;

		position: relative;

		background-color: #fff

	}

	

	.mob-nav .msearchbox .mtext {

		width: 100%;

		height: 35px;

		border: 0;

		background: 0 0;

		font-size: 14px;

		color: #333;

		text-indent: 10px

	}

	

	.mob-nav .msearchbox .mbtn {

		width: 40px;

		height: 35px;

		border: 0;

		position: absolute;

		right: 0;

		top: 0;

		z-index: 5;

		cursor: pointer;

		background: url(../images/searchbtn.png) no-repeat

	}

	

	.mob-nav .subtab li {

		border-bottom: 1px solid #343434;

		position: relative

	}

	

	.mob-nav .subtab li .tlink {

		display: block;

		padding: 10px;

		font-size: 14px;

		color: #fff;

		background-position: 98% center;

		background-repeat: no-repeat

	}

	

	.mob-nav .subtab li.on .tlink {

		background-color: #e15620

	}

	

	.mob-nav .subtab li .subbtn {

		background-image: url(../images/moli.png)

	}

	

	.mob-nav .subtab li.on .subbtn {

		background-image: url(../images/moli_h.png);

		background-position: 98% center;

		background-repeat: no-repeat

	}

	

	.mob-nav .subtab li .submenu {

		width: 100%;

		overflow: hidden;

		display: none

	}

	

	.mob-nav .subtab li .submenu a {

		display: block;

		font-size: 18px;

		color: #fff;

		padding: 10px;

		border-top: 1px solid #343434;

		background-color: #000

	}

	

	.neirong_bg {

		width: calc(100% - 290px);

		height: 100%;

		position: fixed;

		top: 0;

		left: 0;

		z-index: 1000;

		background: #000;

		opacity: 0.5;

		display: none;

	}

	

	.neirong {

		display: block;

		position: fixed;

		width: 100%;

		top: 0;

		z-index: 1000;

		overflow-y: auto;

		right: 0;

		touch-action: pan-y;

		-webkit-user-select: none;

		-webkit-user-drag: none;

		-webkit-tap-highlight-color: transparent

	}

	

	.neirong .neirong-bd {

		padding-bottom: 20px;

		padding-top: 100px;

		padding-left: 50px;

		padding-right: 50px;

		visibility: hidden

	}

	

	.neirong a {

		display: block;

		height: 47px;

		line-height: 47px;

		color: #fff;

		font-size: 16px;

		border-bottom: 1px solid #333;

		-webkit-transition: all .35s ease-out;

		-moz-transition: all .35s ease-out;

		-ms-transition: all .35s ease-out;

		-o-transition: all .35s ease-out;

		transition: all .35s ease-out

	}

	

	.neirong a.neirong-on {

		color: #aaa

	}

	

	.content {

		overflow-x: hidden;

		left: 0;

		position: relative

	}

	

	.content.content-on {

		left: 120px

	}

	

	.neirong.neirong-on {

		left: 0

	}

	

	.body-on {

		position: relative;

		overflow: hidden

	}

	

	.html-on {

		overflow: hidden

	}

	

	.neirong-close {

		width: 48px;

		height: 48px;

		

		position: absolute;

		top: 20px;

		right: 10px;

		visibility: hidden

	}

	

	.neirong.neirong-hide {

		background-color: rgba(0, 0, 0, .8);

		height: 0;

		-webkit-transition: background .35s linear, height .25s ease-in 200ms;

		-moz-transition: background .35s linear, height .25s ease-in 200ms;

		-ms-transition: background .35s linear, height .25s ease-in 200ms;

		-o-transition: background .35s linear, height .25s ease-in 200ms;

		transition: background .35s linear, height .25s ease-in 200ms

	}

	

	.neirong.neirong-show {

		background-color: #000;

		height: 100%

	}

	

	.neirong.neirong-show .neirong-bd,

	.neirong.neirong-show .neirong-close {

		visibility: visible

	}

	

	.neirong.neirong-hide a {

		opacity: 0;

		-webkit-transform: scale(1.1) translateY(-24px);

		-moz-transform: scale(1.1) translateY(-24px);

		-ms-transform: scale(1.1) translateY(-24px);

		-o-transform: scale(1.1) translateY(-24px);

		transform: scale(1.1) translateY(-24px)

	}

	

	.neirong.neirong-show a {

		opacity: 1;

		-webkit-transform: none;

		-moz-transform: none;

		-ms-transform: none;

		-o-transform: none;

		transform: none

	}

	

	.neirong a:nth-of-type(2) {

		-webkit-transition-delay: 300ms, 300ms;

		transition-delay: 300ms, 300ms

	}

	

	.neirong a:nth-of-type(3) {

		-webkit-transition-delay: 350ms, 350ms;

		transition-delay: 350ms, 350ms

	}

	

	.neirong a:nth-of-type(4) {

		-webkit-transition-delay: 400ms, 400ms;

		transition-delay: 400ms, 400ms

	}

	

	.neirong a:nth-of-type(5) {

		-webkit-transition-delay: 450ms, 450ms;

		transition-delay: 450ms, 450ms

	}

	

	.neirong a:nth-of-type(6) {

		-webkit-transition-delay: 500ms, 500ms;

		transition-delay: 500ms, 500ms

	}

	

	.neirong a:nth-of-type(7) {

		-webkit-transition-delay: 550ms, 550ms;

		transition-delay: 550ms, 550ms

	}

	

	.neirong a:nth-of-type(8) {

		-webkit-transition-delay: 600ms, 600ms;

		transition-delay: 600ms, 600ms

	}

	

	.neirong a:nth-of-type(9) {

		-webkit-transition-delay: 650ms, 650ms;

		transition-delay: 650ms, 650ms

	}

	

	.neirong a:nth-of-type(10) {

		-webkit-transition-delay: 700ms, 700ms;

		transition-delay: 700ms, 700ms

	}

	

	.neirong a:nth-of-type(11) {

		-webkit-transition-delay: 750ms, 750ms;

		transition-delay: 750ms, 750ms

	}

	

	.seebtn {

		text-align: center;

		position: relative;

		z-index: 10;

		padding: 0 0 30px

	}

	

	.seebtn a {

		display: block;

		width: 150px;

		height: 43px;

		line-height: 43px;

		border-radius: 10px;

		background: #2e2e2e;

		color: #fff;

		font-size: 18px;

		margin: 0 auto;

		transition: all .3s ease 0s

	}

	

	.seebtn a i {

		background: url(../images/loadmore.png) right center no-repeat;

		padding-right: 30px;

		line-height: 22px;

		display: inline-block

	}

	

	.seebtn a:hover {

		background: #cb0808

	}

	

	.bannerwarp {

		width: 100%;

		background-color: #000

	}

	

	.scrollBar {

		position: relative;

		left: 0;

		top: 0;

		width: 100%;

		height: 100%

	}

	

	.scrollBar .banner {

		position: absolute;

		left: 0;

		top: 0;

		width: 100%;

		height: 100%;

		/* background-image: url(../images/loading.gif); */

		background-position: center center;

		background-repeat: no-repeat

	}

	

	.scrollBar .banner ul li {

		position: absolute;

		left: 0;

		top: 0;

		width: 100%;

		height: 100%;

		overflow: hidden;

		transition: width 1.2s cubic-bezier(.35, .85, .55, 1) .2s;

		-webkit-transition: width 1.2s cubic-bezier(.35, .85, .55, 1) .2s;

		-moz-transition: width 1.2s cubic-bezier(.35, .85, .55, 1) .2s

	}

	

	.scrollBar .banner ul li .imgTimes {

		width: 100% !important;

		height: 100%;

		position: relative;

		z-index: 5;

		left: 0;

		top: 0;

		background-repeat: no-repeat !important;

		background-position: center center !important;

		background-size: 100% 100% !important;

		background-color: #000;

		filter: alpha(opacity=40);

		background-color: rgba(0, 0, 0, .4)

	}

	

	.scrollBar .banner ul li video {

		position: absolute;

		left: 0;

		top: 0;

		width: 0%;

		height: auto;

		object-fit: cover;

		object-position: center center;

		z-index: 1;

		transition: width 1.2s cubic-bezier(.35, .85, .55, 1) 0s;

		-webkit-transition: width 1.2s cubic-bezier(.35, .85, .55, 1) 0s;

		-moz-transition: width 1.2s cubic-bezier(.35, .85, .55, 1) 0s

	}

	

	.scrollBar .banner ul li .imgTimes>article {

		position: absolute;

		left: 4%;

		bottom: 15%

	}

	

	.scrollBar .banner ul li .imgTimes>article .banTops {

		font-size: 0;

		transform-style: preserve-3d;

		-webkit-transform-style: preserve-3d;

		-moz-transform-style: preserve-3d;

		perspective: 800px;

		-webkit-perspective: 800px;

		-moz-perspective: 800px

	}

	

	.scrollBar .banner ul li .imgTimes>article .banTops small {

		display: inline-block;

		vertical-align: middle;

		margin: 0 8px;

		opacity: 0;

		transform: matrix(.5, 0, 0, .5, 0, 0);

		-webkit-transform: matrix(.5, 0, 0, .5, 0, 0);

		-moz-transform: matrix(.5, 0, 0, .5, 0, 0)

	}

	

	.scrollBar .banner ul li .imgTimes>article .banTops em {

		display: inline-block;

		vertical-align: middle;

		margin: 0 8px;

		opacity: 0;

		transform: matrix(1, 0, 0, 1, 0, -80);

		-webkit-transform: matrix(1, 0, 0, 1, 0, -80);

		-moz-transform: matrix(1, 0, 0, 1, 0, -80)

	}

	

	.scrollBar .banner ul li .imgTimes>article .banTops em:nth-of-type(2) {

		opacity: 0;

		transform: matrix(1, 0, 0, 1, 0, -80);

		-webkit-transform: matrix(1, 0, 0, 1, 0, -80);

		-moz-transform: matrix(1, 0, 0, 1, 0, -80)

	}

	

	.scrollBar .banner ul li .imgTimes>article .banTops small,

	.scrollBar .banner ul li .imgTimes>article .banTops em,

	.scrollBar .banner ul li .imgTimes>article .banText i,

	.scrollBar .banner ul li .imgTimes>article .banText span {

		transition: all 200ms cubic-bezier(.35, .85, .55, 1) 0s;

		-webkit-transition: all 200ms cubic-bezier(.35, .85, .55, 1) 0s;

		-moz-transition: all 200ms cubic-bezier(.35, .85, .55, 1) 0s

	}

	

	.em-h1 {

		font-size: 48px;

		font-weight: 700;

		color: #da0000;

		line-height: 1

	}

	

	.em-h2 {

		font-size: 48px;

		color: #fff;

		margin: 10px 0

	}

	

	.scrollBar .banner ul li .imgTimes>article .banTops em:nth-of-type(1) {

		transition: all 1000ms cubic-bezier(.35, .85, .55, 1) .6s;

		-webkit-transition: all 1000ms cubic-bezier(.35, .85, .55, 1) .6s;

		-moz-transition: all 1000ms cubic-bezier(.35, .85, .55, 1) .6s

	}

	

	.scrollBar .banner ul li .imgTimes>article .banTops em:nth-of-type(2) {

		transition: all 1000ms cubic-bezier(.35, .85, .55, 1) 1.2s;

		-webkit-transition: all 1000ms cubic-bezier(.35, .85, .55, 1) 1.2s;

		-moz-transition: all 1000ms cubic-bezier(.35, .85, .55, 1) 1.2s

	}

	

	.scrollBar .banner ul li .imgTimes>article .banText {

		font-size: 0

	}

	

	.scrollBar .banner ul li .imgTimes>article .banText i {

		display: inline-block;

		vertical-align: middle;

		width: 0;

		height: 1px;

		background-color: #fff

	}

	

	.scrollBar .banner ul li .imgTimes>article .banText span {

		display: inline-block;

		width: 0;

		vertical-align: middle;

		margin-left: 8px;

		overflow: hidden

	}

	

	.scrollBar .banner ul li .imgTimes>article .banText span font {

		display: inline-block;

		width: 400px;

		font-size: 14px;

		color: #fff

	}

	

	.scrollBar .banner ul li.curs {

		width: 0%

	}

	

	.scrollBar .banner ul li.visb {

		width: 100%

	}

	

	.scrollBar .banner ul li.visb video {

		width: 100% !important

	}

	

	.scrollBar .banner ul li.visb .imgTimes>article .banTops small,

	.scrollBar .banner ul li.visb .imgTimes>article .banTops em {

		opacity: 1;

		transform: matrix(1, 0, 0, 1, 0, 0);

		-webkit-transform: matrix(1, 0, 0, 1, 0, 0);

		-moz-transform: matrix(1, 0, 0, 1, 0, 0)

	}

	

	.scrollBar .banner ul li.visb .imgTimes>article .banTops small {

		opacity: 1;

		transform: matrix(1, 0, 0, 1, 0, 0);

		-webkit-transform: matrix(1, 0, 0, 1, 0, 0);

		-moz-transform: matrix(1, 0, 0, 1, 0, 0);

		transition: all 1000ms cubic-bezier(.35, .85, .55, 1) 1.4s;

		-webkit-transition: all 1000ms cubic-bezier(.35, .85, .55, 1) 1.4s;

		-moz-transition: all 1000ms cubic-bezier(.35, .85, .55, 1) 1.4s

	}

	

	.scrollBar .banner ul li.visb .imgTimes>article .banText i {

		width: 35px;

		transition: all 300ms cubic-bezier(.35, .85, .55, 1) 1.5s;

		-webkit-transition: all 300ms cubic-bezier(.35, .85, .55, 1) 1.5s;

		-moz-transition: all 300ms cubic-bezier(.35, .85, .55, 1) 1.5s

	}

	

	.scrollBar .banner ul li.visb .imgTimes>article .banText span {

		width: 400px;

		transition: all 1500ms cubic-bezier(.35, .85, .55, 1) 1.7s;

		-webkit-transition: all 1500ms cubic-bezier(.35, .85, .55, 1) 1.7s;

		-moz-transition: all 1500ms cubic-bezier(.35, .85, .55, 1) 1.7s

	}

	

	.news_r {

		float: right;

		background: #fff;

		margin-right: -16px;

		width: 368px;

	}

	

	.news_r .news_ul3 {

		margin-left: 30px;

		margin-right: 30px;

		overflow: hidden;

	}

	

	.news_r .news_t {

		font-weight: normal;

		overflow: hidden;

		position: relative;

		padding-left: 30px;

		margin-top: 30px;

	}

	

	* {

		margin: 0;

		padding: 0;

		border: 0;

		margin-top: -7;

	}

	

	.news_r .news_t .h2 {

		font-weight: normal;

		color: #333333;

		font-size: 18px;

		margin-right: 30px;

		height: 34px;

		line-height: 34px;

	}

	.news_r .news_ul3 ul li .h3 {

		font-weight: normal;

		overflow: hidden;

		height: 27px;

		line-height: 27px;

		color: #333333;

		font-size: 16px;

		transition: all 0.3s;

	}

	

	.news_r .news_ul3 ul li label {

		display: block;

		height: 43px;

		line-height: 43px;

		color: #888888;

		font-size: 12px;

		cursor: pointer;

	}

	

	.news_r .news_ul3 ul li {

		display: block;

		border-bottom: 1px dashed #e7e7e7;

		padding-bottom: 16px;

		margin-bottom: 10px;

		padding-top: 18px;

	}

	

	.news_r2 {

		float: right;

		background: #fff;

		margin-right: -89px;

	}

	

	.news_r .news_ul3 {

		margin-left: 30px;

		margin-right: 30px;

		overflow: hidden;

	}

	

	.news_r .news_t {

		font-weight: normal;

		overflow: hidden;

		position: relative;

		padding-left: 30px;

		margin-top: 30px;

	}

	

	* {

		margin: 0;

		padding: 0;

		border: 0;

		margin-top: -7;

	}

	

	.news_r .news_t .h2 {

		font-weight: normal;

		color: #333333;

		font-size: 18px;

		margin-right: 30px;

		height: 34px;

		line-height: 34px;

	}

	

	.news_r .news_ul3 ul li .h3 {

		font-weight: normal;

		overflow: hidden;

		height: 27px;

		line-height: 27px;

		color: #333333;

		font-size: 16px;

		transition: all 0.3s;

	}

	

	.news_r .news_ul3 ul li label {

		display: block;

		height: 43px;

		line-height: 43px;

		color: #888888;

		font-size: 12px;

		cursor: pointer;

	}

	

	.news_r .news_ul3 ul li {

		display: block;

		border-bottom: 1px dashed #e7e7e7;

		padding-bottom: 16px;

		margin-bottom: 10px;

		padding-top: 18px;

	}

	

	.inbanner {

		overflow: hidden;

		clear: both;

		width: 100%;

		position: relative;

		z-index: 1

	}

	

	.bx-wrapper {

		position: relative;

		margin: auto;

		padding: 0;

		*zoom: 1

	}

	

	.bx-wrapper ul li {

		width: 100%

	}

	

	.bx-wrapper ul li img {

		display: block;

		width: 100%

	}

	

	.bannerheight {

		display: block;

		width: 100%;

		background-repeat: no-repeat !important;

		background-position: center center !important;

		background-size: 100% 100% !important

	}

	

	.bx-wrapper .bx-pager {

		position: absolute;

		left: 0;

		bottom: 20px;

		z-index: 10;

		width: 100%;

		text-align: center;

		display: none

	}

	

	.bx-wrapper .bx-pager-item {

		margin: 0 5px;

		display: inline-block;

		*display: inline;

		zoom: 1

	}

	

	.bx-wrapper .bx-pager-item a {

		display: block;

		width: 10px;

		height: 10px;

		border: 1px solid #fff;

		border-radius: 50%;

		font-size: 0;

		text-indent: -9999px

	}

	

	.bx-wrapper .bx-pager-item a.active {

		background-color: #2c3783;

		border-color: #2c3783

	}

	

	.bx-wrapper .bx-controls-direction a {

		display: none

	}

	

	.web-banner {

		display: block !important

	}

	

	.mob-banner {

		display: none !important

	}

	

	.index-waper-box {

		position: absolute;

		bottom: 0;

		width: 100%;

		height: 100px;

		overflow: hidden;

		z-index: 9;

		perspective: 800px;

		-webkit-perspective: 800px;

		-moz-perspective: 800px;

		transform-style: preserve-3d;

		-webkit-transform-style: preserve-3d;

		-moz-transform-style: preserve-3d

	}

	

	.index-back-box {

		width: 92%;

		height: 100px;

		background-color: #fff;

		position: absolute;

		bottom: 0;

		margin: 0 4%;

		overflow: hidden;

		transform-origin: bottom;

		-webkit-transform-origin: bottom;

		-moz-transform-origin: bottom;

		transform: rotateX(0deg) translate3d(0, 0, 0);

		-webkit-transform: rotateX(0deg) translate3d(0, 0, 0);

		-moz-transform: rotateX(0deg) translate3d(0, 0, 0);

		transition: all .65s cubic-bezier(.55, .65, .55, 1) 0s;

		-webkit-transition: all .65s cubic-bezier(.55, .65, .55, 1) 0s;

		-moz-transition: all .65s cubic-bezier(.55, .65, .55, 1) 0s

	}

	

	.index-back-box.active {

		transform: rotateX(100deg) translate3d(0, 0, 0);

		-webkit-transform: rotateX(100deg) translate3d(0, 0, 0);

		-moz-transform: rotateX(100deg) translate3d(0, 0, 0)

	}

	

	.index-back-box .sub-arrows {

		position: absolute;

		left: 0;

		top: 0;

		width: auto;

		height: 100%;

		line-height: 100px;

		padding-left: 100px;

		font-size: 0

	}

	

	.index-back-box .sub-arrows i.icom {

		display: inline-block;

		vertical-align: top;

		width: 60px;

		height: 100%;

		height: 100px\0;

		cursor: pointer;

		position: relative

	}

	

	.index-back-box .sub-arrows i.prev:before,

	.index-back-box .sub-arrows i.next:before {

		content: '';

		display: inline-block;

		position: absolute;

		top: 42%;

		width: 10px;

		height: 15px;

		background-image: url(../images/sub-arrows.png);

		background-position: 0 0;

		background-repeat: no-repeat

	}

	

	.index-back-box .sub-arrows i.prev:before {

		background-position: 0 0;

		left: -7px

	}

	

	.index-back-box .sub-arrows i.next:before {

		background-position: -10px 0;

		left: 24px

	}

	

	.index-back-box .sub-arrows i.icom:after {

		position: absolute;

		content: '';

		left: 0;

		top: 49px;

		width: 30px;

		height: 2px;

		background-color: #000;

		transform: scale(0, 1);

		-webkit-transform: scale(0, 1);

		-moz-transform: scale(0, 1);

		transition: all .3s ease-out 0s;

		-webkit-transition: all .3s ease-out 0s;

		-moz-transition: all .3s ease-out 0s

	}

	

	.index-back-box .sub-arrows i.icom font {

		color: #000;

		transition: all .3s ease-out 0s;

		-webkit-transition: all .3s ease-out 0s;

		-moz-transition: all .3s ease-out 0s

	}

	

	.index-back-box .sub-arrows i.icom.prev font {

		position: absolute;

		left: 9px

	}

	

	.index-back-box .sub-arrows i.icom.next font {

		position: absolute;

		left: 6px

	}

	

	.index-back-box .sub-arrows i:hover:after {

		transform: scale(1, 1);

		-webkit-transform: scale(1, 1);

		-moz-transform: scale(1, 1)

	}

	

	.index-back-box .sub-arrows i.icom.prev:hover font {

		left: -7px

	}

	

	.index-back-box .sub-arrows i.icom.next:hover font {

		left: 20px

	}

	

	.index-back-box .sub-share {

		position: absolute;

		right: 15px;

		top: 0;

		width: auto;

		height: 100%;

		display: table;

		cursor: pointer

	}

	

	.index-back-box .sub-share .tels {

		display: table-cell;

		vertical-align: middle

	}

	

	.index-back-box .sub-share .tels span {

		display: inline-block

	}

	

	.index-back-box .sub-share .tels .cc1 {

		opacity: 0;

		filter: alpha(opacity='0');

		transform: translateX(-40px);

		-webkit-transform: translateX(-40px);

		-moz-transform: translateX(-40px);

		transition: all .4s ease-in-out 0s;

		-webkit-transition: all .4s ease-in-out 0s;

		-moz-transition: all .4s ease-in-out 0s

	}

	

	.index-back-box .sub-share .tels .cc2 {

		transform: translateX(80px);

		-webkit-transform: translateX(80px);

		-moz-transform: translateX(80px);

		transition: all .7s ease 0s;

		-webkit-transition: all .7s ease 0s;

		-moz-transition: all .7s ease 0s

	}

	

	.index-back-box .sub-share .sider-tel {

		display: table-cell;

		vertical-align: middle;

		font-size: 0;

		opacity: 0;

		filter: alpha(opacity='0');

		transform: translateX(130px);

		-webkit-transform: translateX(130px);

		-moz-transform: translateX(130px);

		transition: all .4s cubic-bezier(.4, .8, .6, 1) 0s;

		-webkit-transition: all .4s cubic-bezier(.4, .8, .6, 1) 0s;

		-moz-transition: all .4s cubic-bezier(.4, .8, .6, 1) 0s

	}

	

	.index-back-box .sub-share .sider-tel a {

		display: inline-block;

		font-size: 12px;

		color: #000;

		margin: 0 8px;

		opacity: 0;

		filter: alpha(opacity='0');

		transform: translateX(50px);

		-webkit-transform: translateX(50px);

		-moz-transform: translateX(50px);

		transition: all .4s ease-in-out 0s;

		-webkit-transition: all .4s ease-in-out 0s

	}

	

	.index-back-box .sub-share:hover .tels .cc1 {

		opacity: 1;

		filter: alpha(opacity='100');

		transform: translateX(0px);

		-webkit-transform: translateX(0px);

		-moz-transform: translateX(0px);

		transition: all 1s cubic-bezier(.5, 1.25, .75, 1.65) 0s;

		-webkit-transition: all 1s cubic-bezier(.5, 1.25, .75, 1.65) 0s;

		-moz-transition: all 1s cubic-bezier(.5, 1.25, .75, 1.65) 0s

	}

	

	.index-back-box .sub-share:hover .tels .cc2 {

		opacity: 0;

		filter: alpha(opacity='0');

		transform: translateX(0px);

		-webkit-transform: translateX(0px);

		-moz-transform: translateX(0px)

	}

	

	.index-back-box .sub-share:hover .sider-tel {

		opacity: 1;

		filter: alpha(opacity='100');

		transform: translateX(0px);

		-webkit-transform: translateX(0px);

		-moz-transform: translateX(0px);

		transition: all 1s cubic-bezier(.5, 1, .75, 1) 0s;

		-webkit-transition: all 1s cubic-bezier(.5, 1, .75, 1) 0s;

		-moz-transition: all 1s cubic-bezier(.5, 1, .75, 1) 0s

	}

	

	.index-back-box .sub-share:hover .sider-tel a:nth-of-type(1) {

		opacity: 1;

		filter: alpha(opacity='100');

		transform: translateX(0px);

		-webkit-transform: translateX(0px);

		-moz-transform: translateX(0px);

		transition: all .4s cubic-bezier(.5, .65, .75, 1) 0s;

		-webkit-transition: all .4s cubic-bezier(.5, .65, .75, 1) 0s;

		-moz-transition: all .4s cubic-bezier(.5, .65, .75, 1) 0s

	}

	

	.index-back-box .sub-share:hover .sider-tel a:nth-of-type(2) {

		opacity: 1;

		filter: alpha(opacity='100');

		transform: translateX(0px);

		-webkit-transform: translateX(0px);

		-moz-transform: translateX(0px);

		transition: all .4s cubic-bezier(.5, .65, .75, 1) .2s;

		-webkit-transition: all .4s cubic-bezier(.5, .65, .75, 1) .2s;

		-moz-transition: all .4s cubic-bezier(.5, .65, .75, 1) .2s

	}

	

	.index-back-box .sub-mouse {

		width: 30px;

		height: 43px;

		position: absolute;

		top: 50px;

		right: 100px;

		cursor: pointer;

		z-index: 1;

		zoom: .7;

		-moz-transform: scale(.7)

	}

	

	.index-back-box .sub-mouse:after {

		display: none;

		z-index: -1;

		position: absolute;

		content: '';

		top: -30px;

		left: 50%;

		height: 53px;

		border-right: 1px solid #333;

		margin-left: -1px

	}

	

	.index-back-box .sub-mouse span {

		display: block;

		position: relative;

		width: 100%;

		height: 100%;

		animation: ani-svg .85s linear 0s alternate infinite;

		-webkit-animation: ani-svg .85s linear 0s alternate infinite

	}

	

	.index-back-box .sub-mouse i {

		position: absolute;

		bottom: 5px;

		left: 50%;

		color: #000;

		transform: translateX(-50%);

		-webkit-transform: translateX(-50%);

		-moz-transform: translateX(-50%)

	}

	

	@keyframes ani-svg {

		0% {

			opacity: .4;

			transform: translateY(-20px)

		}

		15% {

			opacity: .65;

			transform: translateY(-15px)

		}

		25% {

			opacity: .8;

			transform: translateY(-10px)

		}

		50% {

			opacity: 1;

			transform: translateY(0px)

		}

		65% {

			opacity: .8;

			transform: translateY(5px)

		}

		75% {

			opacity: .65;

			transform: translateY(10px)

		}

		100% {

			opacity: .4;

			transform: translateY(15px)

		}

	}

	

	@-webkit-keyframes ani-svg {

		0% {

			opacity: .4;

			-webkit-transform: translateY(-20px)

		}

		15% {

			opacity: .65;

			-webkit-transform: translateY(-15px)

		}

		25% {

			opacity: .8;

			-webkit-transform: translateY(-10px)

		}

		50% {

			opacity: 1;

			-webkit-transform: translateY(0px)

		}

		65% {

			opacity: .8;

			-webkit-transform: translateY(5px)

		}

		75% {

			opacity: .65;

			-webkit-transform: translateY(10px)

		}

		100% {

			opacity: .4;

			-webkit-transform: translateY(15px)

		}

	}

	

	@-moz-keyframes ani-svg {

		0% {

			opacity: .4;

			-moz-transform: translateY(-20px)

		}

		15% {

			opacity: .65;

			-moz-transform: translateY(-15px)

		}

		25% {

			opacity: .8;

			-moz-transform: translateY(-10px)

		}

		50% {

			opacity: 1;

			-moz-transform: translateY(0px)

		}

		65% {

			opacity: .8;

			-moz-transform: translateY(5px)

		}

		75% {

			opacity: .65;

			-moz-transform: translateY(10px)

		}

		100% {

			opacity: .4;

			-moz-transform: translateY(15px)

		}

	}

	

	.IndexList {

		width: 440px;

		margin: 0 auto;

		display: table;

		position: relative;

		-webkit-transition: all .8s ease-out 0s;

		transition: all .8s ease-out 0s

	}

	

	.IndexList ul {

		font-size: 0;

		padding-top: 30px

	}

	

	.IndexList li {

		display: inline-block;

		width: 33.33%;

		text-align: center;

		position: relative

	}

	

	.IndexList li i {

		font-size: 16px;

		color: #000

	}

	

	.IndexList li span {

		display: block;

		font-size: 14px;

		color: #666;

		letter-spacing: 4px

	}

	

	.nub {

		font-size: 48px;

		color: #000;

		line-height: 48px;

		height: 48px;

		display: inline-block

	}

	

	.NumContent {

		height: inherit;

		display: inherit;

		overflow: hidden;

		position: relative;

		line-height: inherit;

		font-size: inherit

	}

	

	.NumContent>div {

		line-height: inherit;

		color: inherit;

		font-size: inherit;

		display: inline-block

	}

	

	.NumContent>div>div {

		line-height: inherit;

		color: inherit;

		font-size: inherit

	}

	

	.NumContent>div:nth-child(1) {

		transition: all 2s cubic-bezier(.35, .75, .55, 1) 0s;

		-webkit-transition: all 2s cubic-bezier(.35, .75, .55, 1) 0s;

		-moz-transition: all 2s cubic-bezier(.35, .75, .55, 1) 0s

	}

	

	.NumContent>div:nth-child(2) {

		transition: all 2s cubic-bezier(.35, .75, .55, 1) 0s;

		-webkit-transition: all 2s cubic-bezier(.35, .75, .55, 1) 0s;

		-moz-transition: all 2s cubic-bezier(.35, .75, .55, 1) 0s

	}

	

	.NumContent>div:nth-child(3) {

		transition: all 2s cubic-bezier(.35, .75, .55, 1) 0s;

		-webkit-transition: all 2s cubic-bezier(.35, .75, .55, 1) 0s;

		-moz-transition: all 2s cubic-bezier(.35, .75, .55, 1) 0

	}

	

	.NumContent>div:nth-child(4) {

		transition: all 2s cubic-bezier(.35, .75, .55, 1) 0s;

		-webkit-transition: all 2s cubic-bezier(.35, .75, .55, 1) 0s;

		-moz-transition: all 2s cubic-bezier(.35, .75, .55, 1) 0s

	}

	

	.NumContent>div:nth-child(5) {

		transition: all 2s cubic-bezier(.35, .75, .55, 1) 0s;

		-webkit-transition: all 2s cubic-bezier(.35, .75, .55, 1) 0s;

		-moz-transition: all 2s cubic-bezier(.35, .75, .55, 1) 0s

	}

	

	.IndexList.active {

		opacity: 1;

		transform: translateY(0px);

		-webkit-transform: translateY(0px);

		-moz-transform: translateY(0px)

	}

	

	.contain {

		width: 100%;

		position: relative

	}

	

	.section01 {

		background-color: #fff;

		padding-top: 80px;

		padding-bottom: 100px

	}

	

	.index-title {

		text-align: center;

		font-size: 16px;

		color: #666

	}

	

	.index-title span {

		display: block;

		font-size: 40px;

		color: #000

	}

	

	.index-ser {

		width: 100%;

        margin-bottom: 50px;
		

	}

	.index-ser .h2{

	    width: 100%;

		text-align: center;

		font-size: 30px;

	}

	.index-ser ul li {

		width: 23.87%;

		float: left;

		margin-top: 40px;

		margin-bottom: 50px;

		margin-right: 1.5%;

		margin-right: 1%\0;

		-webkit-transition: all .5s ease;

		transition: all .5s ease

	}

	

	.index-ser ul li:hover {

		box-shadow: 0 17px 25px 0 rgba(0, 0, 0, .19);

		transform: translate3d(0, -2px, 0);

		transition: all .3s cubic-bezier(.55, 0, .1, 1)

	}

	

	.index-ser ul li:nth-of-type(4n),

	.index-ser ul li.mr0 {

		margin-right: 0

	}

	

	.index-ser ul li .item {

		border: 1px solid #ddd;

		text-align: center;

		padding: 10% 17%

	}

	

	.index-ser ul li .co {

		width: 180px;

		height: 100px;

		display: block;

		margin: 0 auto;

		-webkit-transition: all 1.5s ease;

		transition: all 1.5s ease

	}

	

	.index-ser ul li:hover .co {

		background-position: -180px 0

	}

	

	.index-ser ul li h2 {

		font-size: 18px;

		color: #333;

		margin: 15px 0;

	    height: 2.5rem;

	}

	

	.index-ser ul li span {

		font-size: 14px;

		color: #666;

		display: block

	}

	

	.section02 {

		background-color: #efefef;

		padding-top: 80px;

		overflow: hidden

	}

	

	.index-case {

		width: 100%;

		padding-top: 50px;

		padding-bottom: 40px;

		position: relative;

		margin: auto;

	}

	

	.index-case .owl-carousel {

		padding-bottom: 80px

	}

	

	.index-case .item {

		margin: 0 !important

	}

	

	.index-case ul {

		padding-bottom: 30px;

		background-color: transparent;

		text-align: center;

	}

	

	.index-case ul li {

		width: 396px;

		float: left;

		margin-bottom: 10px;

		margin-right: 10px;

		margin-left: 10px;

		background-color: #fff;

		margin-top: 10px;

	}

	/*

	.index-case ul li:nth-of-type(4n),

	.index-case ul li.mr0 {

		margin-right: 3%;

		margin-left: 3%;

	}

	*/

	.index-case ul li .pic {

		display: block;

		width: 100%;

		overflow: hidden;

		background-color: #eee;

		/* background-image: url(../images/loading.gif); */

		background-position: center center;

		background-repeat: no-repeat;

		position: relative;

		height: 396px;

   		overflow: hidden;

	}

	

	.index-case ul li .bg {

		display: block;

		width: 100%;

		height: 100%;

		position: absolute;

		left: 0;

		top: 0;

		z-index: 5;

		background-color: #000;

		filter: alpha(opacity=50);

		background-color: rgba(0, 0, 0, .5);

		visibility: hidden;

		opacity: 0;

		-webkit-transition: all .5s ease;

		transition: all .5s ease

	}

	

	.index-case ul li:hover .bg {

		visibility: visible;

		opacity: 1

	}

	

	.btn-group {

		position: absolute;

		width: 100%;

		height: auto;

		overflow: hidden;

		bottom: 0;

		-webkit-backdrop-filter: blur(10px);

		-webkit-transition: all .3s ease;

		transition: all .3s ease;

		text-align: center

	}

	

	.btn-group a {

		display: block;

		width: 100%;

		height: 0px;

		line-height: 50px;

		margin-bottom: 1px;

		font-size: 16px;

		background-color: rgba(0, 0, 0, 0.4);

		-webkit-transition: all .3s ease;

		transition: all .3s ease;

		color: #fff;

	}

	

	.btn-group a:hover {}

	

	.btn-group .details_btn:before {

		content: "";

		display: inline-block;

		width: 12px;

		height: 12px;

		/* background: url(../images/bw01.png) no-repeat; */

		margin-right: 5px

	}

	

	.btn-group .link_btn:before {

		content: "";

		display: inline-block;

		width: 12px;

		height: 12px;

		margin-right: 5px

	}

	

	.index-case ul li:hover .btn-group a,

	.index-case ul li:hover .btn-group a {

		height: 50px

	}

	

	.index-case ul li .inxcasetxt::before,

	.index-case ul li .inxcasetxt::after {

		position: absolute;

		top: 50%;

		left: 50%;

		width: 50%;

		height: 1.5px;

		background: #ccc;

		content: '';

		-webkit-transition: opacity .5s, -webkit-transform .5s;

		transition: opacity .5s, transform .5s;

		-webkit-transform: translate3d(-50%, -50%, 0);

		transform: translate3d(-50%, -50%, 0);

		opacity: 0;

		z-index: 20

	}

	

	.index-case ul li:hover .inxcasetxt::before {

		opacity: .8;

		-webkit-transform: translate3d(-50%, -50%, 0) rotate(45deg);

		transform: translate3d(-50%, -50%, 0) rotate(45deg)

	}

	

	.index-case ul li:hover .inxcasetxt::after {

		opacity: .8;

		-webkit-transform: translate3d(-50%, -50%, 0) rotate(-45deg);

		transform: translate3d(-50%, -50%, 0) rotate(-45deg)

	}

	

	.index-case ul li .pic img {

		/* width: 100%; */

		display: block;

		-webkit-transition: all .5s ease;

		transition: all .5s ease;

		width: 100%;

    	height: auto;

	}

	

	.index-case ul li .pic:hover img {

		-webkit-transform: scale(1.05);

		-ms-transform: scale(1.05);

		transform: scale(1.05)

	}

	

	.index-case ul li .h2 {

		padding: 25px 15px;

		min-height: 20px;

		position: relative;

		overflow: hidden;

		white-space: nowrap;

		text-overflow: ellipsis;

		/* background: #806592; */

		/*background-color: #3b93b0;*/

		color: #fff !important;

	}

	/* .index-case ul li .h2:before {

		content: "";

		position: absolute;

		z-index: 0;

		top: 0;

		left: 0;

		right: 0;

		bottom: 0;

		background-color: #cb0808;

		-webkit-transform: scaleY(0);

		transform: scaleY(0);

		-webkit-transform-origin: 50% 0;

		transform-origin: 50% 0;

		-webkit-transition-property: transform;

		transition-property: transform;

		-webkit-transition-duration: .3s;

		transition-duration: .3s;

		-webkit-transition-timing-function: ease-out;

		transition-timing-function: ease-out;

		height: 0px\0

	} */

	/* .index-case ul li:hover .h2 span,.index-case ul li:hover .h2 i {

		color: #fff

	} */

	

	.index-case ul li:hover .h2:before {

		-webkit-transform: scaleY(1);

		transform: scaleY(1);

		height: auto\0

	}

	

	.index-case ul li .h2 span {

		font-size: 16px;

		color: #444;

		margin-right: 10px;

		position: relative;

		z-index: 5

	}

	

	.index-case ul li .h2 i {

		font-size: 12px;

		color: #999;

		position: relative;

		z-index: 5

	}

	

	.index-case .indexmore {

		position: static;

		left: auto;

		bottom: auto;

		margin: 0 auto;

		transform: translateX(0) translateY(0);

		margin-top: 15px;

	}

	

	.section03 {

		background-color: #fff;

		padding-top: 80px;

		padding-bottom: 95px

	}

	

	.index-kehu {

		padding-top: 50px

	}

	

	.index-kehu ul li {

		width: 12.5%;

		float: left;

		position: relative;

		border: 1px solid #f3f3f3;

		box-sizing: border-box;

		-moz-box-sizing: border-box;

		-webkit-box-sizing: border-box;

		margin-left: -1px;

		margin-top: -1px

	}

	

	.index-kehu ul li span {

		display: block;

		overflow: hidden

	}

	

	.index-kehu ul li span img {

		opacity: .5;

		width: 100%;

		display: block;

		-webkit-filter: grayscale(100%);

		-moz-filter: grayscale(100%);

		-ms-filter: grayscale(100%);

		-o-filter: grayscale(100%);

		filter: grayscale(100%);

		filter: gray

	}

	

	.index-kehu ul li:hover span img {

		opacity: 1;

		-webkit-filter: grayscale(0%);

		-moz-filter: grayscale(0%);

		-ms-filter: grayscale(0%);

		-o-filter: grayscale(0%);

		filter: grayscale(0%);

		filter: gray

	}

	

	.index-kehu ul li .bg {

		display: block;

		width: 100%;

		height: 100%;

		position: absolute;

		left: 0;

		top: 0;

		z-index: 10

	}

	

	.index-kehu ul li .bg:before,

	.index-kehu ul li .bg:after {

		position: absolute;

		top: 0;

		right: 0;

		bottom: 0;

		left: 0;

		content: '';

		opacity: 0;

		pointer-events: none;

		-webkit-transition: opacity .35s, -webkit-transform .35s;

		transition: opacity .35s, transform .35s

	}

	

	.index-kehu ul li .bg:before {

		border-top: 2px solid #cb0808;

		border-bottom: 2px solid #cb0808;

		-webkit-transform: scale(0, 1);

		transform: scale(0, 1)

	}

	

	.index-kehu ul li .bg:after {

		border-right: 2px solid #cb0808;

		border-left: 2px solid #cb0808;

		-webkit-transform: scale(1, 0);

		transform: scale(1, 0)

	}

	

	.index-kehu ul li:hover .bg:after,

	.index-kehu ul li:hover .bg:before {

		opacity: 1;

		-webkit-transform: scale(1);

		transform: scale(1)

	}

	

	.section04 {

		background-color: #efefef;

		padding-top: 80px;

		overflow: hidden;

		zoom: 1

	}

	

	.index-news {

		padding-top: 20px;

		margin-bottom: 100px;

		position: relative

	}

	

	.index-news .item {

		padding: 0;

		margin: 30px 3% !important;

		background-color: #fff;

		max-width: 432px;

		-webkit-transition: all .5s ease;

		transition: all .5s ease

	}

	

	.index-news .item:hover {

		box-shadow: 0 17px 25px 0 rgba(0, 0, 0, .04);

		transform: translate3d(0, -4px, 0);

		transition: all .3s cubic-bezier(.55, 0, .1, 1)

	}

	

	.index-news .item .pic {

		width: 100%;

		position: relative;

		overflow: hidden;

		background-color: #eee;

		/* background-image: url(../images/loading.gif); */

		background-position: center center;

		background-repeat: no-repeat

	}

	

	.index-news .item .pic img {

		width: 100%;

		display: block;

		-webkit-transition: all .5s ease;

		transition: all .5s ease

	}

	

	.index-news .item:hover .pic img {

		-webkit-transform: scale(1.2);

		-ms-transform: scale(1.2);

		transform: scale(1.2)

	}

	

	.index-news .item .tmain {

		padding: 30px

	}

	

	.index-news .item .tmain .time {

		display: block;

		font-size: 14px;

		color: #999;

		line-height: 25px;

		padding-left: 25px;

		background-image: url(../images/time.png);

		background-position: left center;

		background-repeat: no-repeat

	}

	

	.index-news .item .tmain .title {

		font-size: 18px;

		color: #333;

		margin: 10px 0;

		height: 27px

	}

	

	.index-news .item .tmain .h3 {

		font-size: 14px;

		color: #666;

		height: 8rem;

		overflow: hidden;

		margin-bottom: 40px

	}

	

	.index-news .item .tmain .more {

		display: inline-block;

		font-size: 14px;

		color: #666;

		border-bottom: 1px solid #c6c6c6

	}

	

	.section02 .owl-theme .owl-controls .owl-buttons div,

	.section04 .owl-theme .owl-controls .owl-buttons div {

		width: 50px;

		height: 50px;

		border-radius: 5px;

		opacity: 1;

		background-color: #fff;

		background-image: url(../images/indexbtn.png);

		background-position: 0 0;

		background-repeat: no-repeat

	}

	

	.section04 .owl-theme .owl-controls .owl-buttons div:hover {

		background-color: #323232

	}

	

	.section04 .owl-theme .owl-controls .owl-buttons div.owl-prev:hover {

		background-position: 0 -50px

	}

	

	.section04 .owl-theme .owl-controls .owl-buttons div.owl-next:hover {

		background-position: -50px -50px

	}

	

	.section02 .owl-theme .owl-controls .owl-buttons div.owl-prev,

	.section04 .owl-theme .owl-controls .owl-buttons div.owl-prev {

		background-position: 0 0;

		margin-right: 55px

	}

	

	.section02 .owl-theme .owl-controls .owl-buttons div.owl-next,

	.section04 .owl-theme .owl-controls .owl-buttons div.owl-next {

		background-position: -50px 0;

		margin-left: 55px

	}

	

	.indexmore {

		display: block;

		width: 268px;

		height: 50px;

		font-size: 0;

		border-radius: 5px;

		background-color: #fff;

		background-image: url(../images/indexmore.png);

		background-position: 0 0;

		background-repeat: no-repeat;

		position: absolute;

		left: 50%;

		margin-left: -45px;

		bottom: 0;

		text-align: center;

		line-height: 50px;

		text-indent: 2rem;

	}

	

	.indexmore:hover {

		background-color: #323232;

		background-position: 0 -50px

	}

	

	.section05 {

		background-color: #fff

	}

	

	.gf-demand {

		*margin-top: 50px !important;

		padding: 70px 0;

		background: #efefef;

	}

	

	.gf-demand .h2 {

		font-size: 14px;

		color: #666

	}

	

	.gf-demand .h3 {

		font-size: 34px;

		color: #333;

		padding-bottom: 40px;

		line-height: 1

	}

	

	.gf-demand .write {

		padding-bottom: 10px

	}

	

	.gf-demand .write input {

		margin-right: 1%;

		background-color: #ffffff;

		padding: 20px 0;

		color: #6e6e6e;

		padding-left: 1%;

		font-size: 14px

	}

	

	.gf-demand .write .submit {

		background-color: #db0b0b;

		color: #fff;

		width: 11%;

		font-family: microsoft yahei;

		text-align: center;

		padding-left: 0;

		cursor: pointer;

		margin: 0 !important;

		padding: 17px0 !important;

		margin-right: 0;

		-webkit-box-sizing: border-box;

		-moz-box-sizing: border-box;

		box-sizing: border-box;

		padding: 0;

		height: 60px;

		line-height: 56px;

		/* border: 2px solid #040404; */

		-webkit-transition: all .3s;

		-moz-transition: all .3s;

		-ms-transition: all .3s;

		-o-transition: all .3s;

		transition: all .3s;

	}

	

	.gf-demand .write .submit:hover {

		background: #fff;

		color: #040404

	}

	

	.gf-demand .write .text1,

	.gf-demand .write .text2 {

		width: 16%;

		border: 0;

		font-family: microsoft yahei

	}

	

	.gf-demand .write .text3 {

		width: 50%;

		border: 0;

		font-family: microsoft yahei

	}

	.layout .contact{
		height: 80px;
		display: flex;
		flex-direction: column;
		justify-content: space-around;

	}

	.italic {

		font-size: 14px;

		color: #999;

	}

	

	.nybanner {

		width: 100%;

		height: 400px;

		background-position: center center;

		background-repeat: no-repeat;

		position: relative

	}

	

	.ny-title {

		width: 100%;

		position: absolute;

		left: 0;

		top: 50%;

		z-index: 5;

		text-align: center;

		transform: translateX(0) translateY(-50%)

	}

	

	.ny-title h2 {

		margin-bottom: 15px

	}

	

	.navigation {

		padding: 20px 0;

		text-align: right;

		background-color: #efefef

	}

	

	.navigation a {

		font-size: 14px;

		color: #999

	}

	

	.navigation a:hover,

	.navigation a.on {

		color: #e15620

	}

	

	.navigation em {

		margin: 0 3px;

		font-family: Simsun

	}

	

	.about-box01 {

		/*width: 100%;*/

		background-color: #fff;

		padding: 100px 0

	}

	

	.about-box01 .about-tm {

		max-width: 910px;

		margin: 0 auto;

		text-align: center

	}

	

	.about-box01 .about-tm .h2 {

		font-size: 40px;

		color: #000;

		margin-bottom: 30px

	}

	

	.about-box01 .about-tm .h3 {

		font-size: 14px;

		color: #666;

		line-height: 30px;

		text-align: left;

	}

	

	.about-box01 .IndexList {

		width: 70%;

		padding-top: 30px

	}

	.about-box03 {

		/*width: 100%;*/

		background-color: #fff;

		border-bottom: 1px solid #ddd;

		padding: 50px 0px 100px 0px;

	}

	

	.about-box03 .about-xzwm {

		max-width: 910px;

		margin: 0 auto;

		text-align: center

	}

	

	.about-box03 .about-xzwm .h2 {

		font-size: 40px;

		color: #000;

		margin-bottom: 30px

	}

	

	.about-box03 .about-xzwm .h3 {

		font-size: 14px;

		color: #666;

		line-height: 30px;
		
		text-align: left;

	}

	

	.ab-team {

		width: 100%

	}

	

	.ab-team ul li {

		width: 30%;

		float: left;

		position: relative;

		overflow: hidden;

		cursor: pointer;

		margin-top: 5%;

		margin-right: 5%;

		margin-right: 3%\0

	}

	

	.ab-team ul li:nth-of-type(3n) {

		margin-right: 0

	}

	

	.ab-team ul li .pic {

		width: 100%;

		overflow: hidden

	}

	

	.ab-team ul li .pic img {

		width: 100%;

		display: block

	}

	

	.ab-team ul li .tmask {

		width: 100%;

		height: 100%;

		overflow: hidden;

		position: absolute;

		left: 0;

		bottom: 0;

		z-index: 5;

		background-color: #000;

		filter: alpha(opacity=60);

		background-color: rgba(0, 0, 0, .6);

		visibility: hidden;

		opacity: 0;

		-webkit-transition: all .5s ease;

		transition: all .5s ease

	}

	

	.ab-team ul li:hover .tmask {

		visibility: visible;

		opacity: 1

	}

	

	.ab-team ul li .tm {

		padding: 35px;

		text-align: left;

		transform: translateX(0) translateY(10%);

		-webkit-transition: all .8s ease;

		transition: all .8s ease

	}

	

	.ab-team ul li:hover .tm {

		transform: translateX(0) translateY(0%)

	}

	

	.ab-team ul li .tm .n1 {

		font-size: 24px;

		font-weight: 700;

		color: #fff

	}

	

	.ab-team ul li .tm .n2 {

		font-size: 16px;

		color: #fff;

		display: block

	}

	

	.ab-team ul li .tm .line {

		display: block;

		width: 20px;

		height: 1px;

		background-color: #fff;

		margin-top: 10px;

		margin-bottom: 30px

	}

	

	.ab-team ul li .tm p {

		font-size: 14px;

		color: #fff;

		margin-bottom: 10px

	}

	

	.ser-box01 {

		width: 100%;

		background-color: #fff;

		padding-top: 80px;

		padding-bottom: 100px

	}

	

	.ser-box02 {

		width: 100%;

		height: 676px;

		background-image: url(../images/about03.jpg);

		background-position: center center;

		background-size: cover;

		background-repeat: no-repeat;

		overflow: hidden

	}

	

	.ser-bz {

		max-width: 920px;

		margin: 0 auto;

		padding-top: 70px;

		text-align: center

	}

	

	.ser-bz .h2 {

		font-size: 36px;

		color: #fff;

		margin-bottom: 20px

	}

	

	.ser-bz .h3 {

		font-size: 14px;

		color: #cdcdcd

	}

	

	.serlist {

		max-width: 910px;

		margin: 0 auto

	}

	

	.serlist ul li {

		width: 33.333%;

		float: left;

		text-align: center;

		font-size: 14px;

		color: #fff;

		margin-top: 20%

	}

	

	.serlist ul li .sn {

		font-size: 72px;

		color: #da0000;

		line-height: 1

	}

	

	.ser-box03 {

		width: 100%;

		background-color: #efefef;

		padding-top: 80px;

		padding-bottom: 100px

	}

	

	.ser-step {

		max-width: 1640px;

		margin: 0 auto

	}

	

	.ser-step ul li {

		width: 7%;

		min-width: 130px;

		height: 90px;

		padding: 20px 0;

		border: 1px solid #d2d2d2;

		background-color: #efefef;

		border-radius: 50%;

		float: left;

		margin-top: 65px;

		position: relative;

		margin-right: 5.06%

	}

	

	.ser-step ul li .co {

		display: block;

		width: 45px;

		height: 48px;

		margin: 5px auto;

		background-image: url(../images/ser01.png);

		background-position: 0 0;

		background-repeat: no-repeat;

		-webkit-transition: all .5s ease;

		transition: all .5s ease

	}

	

	.ser-step ul li:hover .co {

		background-position: 0 -48px

	}

	

	.ser-step ul li span {

		display: block;

		font-size: 16px;

		color: #666;

		text-align: center

	}

	

	.ser-step ul li.on {

		margin-top: 170px

	}

	

	.ser-step ul li:nth-of-type(8) {

		margin-right: 0

	}

	

	.ser-step ul li:before {

		content: "";

		display: block;

		width: 100%;

		height: 1px;

		border-top: 2px dashed #ddd;

		position: absolute;

		right: -85%;

		top: 92%;

		-webkit-transform: rotate(40deg);

		transform: rotate(40deg)

	}

	

	.ser-step ul li.on:before {

		-webkit-transform: rotate(-40deg);

		transform: rotate(-40deg);

		top: 9%

	}

	

	.ser-step ul li:nth-of-type(8):before {

		display: none

	}

	

	.ser-box04 {

		padding: 100px 0;

		border-bottom: 1px solid #ddd

	}

	

	.news-warp {

		width: 100%;

		background-color: #efefef;

		overflow: hidden;

	}

	

	.news-screen {

		padding: 0px 0px 14px 125px;

	}

	

	.news-screen .screenleft {

		float: left

	}

	

	.news-screen .screenleft ul li {

		width: 145px;

		height: 50px;

		line-height: 50px;

		float: left;

		margin-right: 1px;

		/*background-color: #fff;*/

		text-align: center

	}

	

	.news-screen .screenleft ul li.on,

	.news-screen .screenleft ul li:hover {

		background-color: #ce1212

	}

	

	.news-screen .screenleft ul li.on a,

	.news-screen .screenleft ul li:hover a {

		color: #fff

	}

	

	.news-screen .screenleft ul li a {

		display: block;

		font-size: 14px;

		color: #333;

		width: 123px;

	}

	

	.news-screen .screenleft ul li a:before {

		content: "";

		display: inline-block;

		width: 18px;

		height: 18px;

		vertical-align: middle;

		margin-right: 5px;

		background-position: 0 0;

		background-repeat: no-repeat

	}

	

	.news-screen .screenleft ul li.on a:before,

	.news-screen .screenleft ul li:hover a:before {

		background-position: 0 -18px

	}

	

	.news-screen .screenleft ul li a.n1:before {

		background-image: url(../images/nw01.png)

	}

	

	.news-screen .screenleft ul li a.n2:before {

		

	}

	

	.news-screen .screenleft ul li a.n3:before {

		background-image: url(../images/nw03.png)

	}

	

	.news-screen .screenleft ul li a.n4:before {

		background-image: url(../images/nw04.png)

	}

	

	.news-screen .screenleft ul li a.n5:before {

		background-image: url(../images/nw05.png)

	}

	

	.news-screen .screenright {

		width: 255px;

		height: 35px;

		padding: 0 10px;

		background-color: #fff;

		position: relative;

		float: right;

		margin-top: 8px

	}

	

	.news-screen .screenright .screentext {

		width: 100%;

		height: 35px;

		border: 0;

		color: #333

	}

	

	.news-screen .screenright .screenbtn {

		width: 43px;

		height: 35px;

		border: 0;

		position: absolute;

		right: 0;

		top: 0;

		background-color: #adadad;

		cursor: pointer;

		background-image: url(../images/nw06.png)

	}

	

	.newslist .item {

		background-color: #fff;

		width: 23.87%;

		-webkit-transition: all .5s ease;

		transition: all .5s ease;

		float: left;

		margin-bottom: 1.5%;

		margin-right: 1.5%;

		margin-right: 1\0

	}

	

	.newslist .item:hover,

	.newslist .hottou .hotbox:hover {

		box-shadow: 0 17px 25px 0 rgba(0, 0, 0, .19);

		transform: translate3d(0, -2px, 0);

		transition: all .3s cubic-bezier(.55, 0, .1, 1)

	}

	

	.newslist .item .pic {

		width: 100%;

		overflow: hidden;

		background-color: #eee;

		/* background-image: url(../images/loading.gif); */

		background-position: center center;

		background-repeat: no-repeat

	}

	

	.newslist .item .pic img {

		width: 100%;

		display: block;

		-webkit-transition: all .5s ease;

		transition: all .5s ease

	}

	

	.newslist .item .tmain {

		padding: 30px

	}

	

	.newslist .item .tmain .time {

		display: block;

		font-size: 14px;

		color: #999;

		line-height: 25px;

		padding-left: 25px;

		background-image: url(../images/time.png);

		background-position: left center;

		background-repeat: no-repeat

	}

	

	.newslist .item .tmain .title {

		font-size: 18px;

		color: #333;

		margin: 10px 0;

		height: 27px

	}

	

	.newslist .item .tmain .h3 {

		font-size: 14px;

		color: #999;

		height: 42px;

		overflow: hidden;

		margin-bottom: 40px

	}

	

	.newslist .item .tmain .more {

		display: inline-block;

		font-size: 14px;

		color: #666;

		border-bottom: 1px solid #c6c6c6

	}

	

	.newslist .hottou .item {

		margin-right: 0;

		margin-left: 1.5%

	}

	

	.newslist .hottou .hotbox {

		width: 49%;

		height: 100%;

		max-width: 862px;

		max-height: 479px;

		float: left;

		position: relative;

		background-color: #000;

		overflow: hidden

	}

	

	.newslist .hottou .hotbox img {

		width: 100%;

		display: block;

		position: absolute;

		left: 0;

		top: 50%;

		z-index: 20;

		-webkit-transform: translateX(0) translateY(-50%);

		-moz-transform: translateX(0) translateY(-50%);

		-ms-transform: translateX(0) translateY(-50%);

		-o-transform: translateX(0) translateY(-50%);

		transform: translateX(0) translateY(-50%)

	}

	

	.newslist .hottou .hotbox .bg {

		width: 100%;

		height: 100%;

		position: relative;

		background-color: #000

	}

	

	.newslist .hottou .hotbox .title {

		position: absolute;

		left: 4%;

		bottom: 6%;

		width: 92%;

		z-index: 30

	}

	

	.newslist .hottou .hotbox .title i {

		font-size: 14px;

		color: #fff

	}

	

	.newslist .hottou .hotbox .title h2 {

		font-size: 30px;

		color: #fff

	}

	

	.newslist .hottou .hotbox .title .more {

		display: inline-block;

		font-size: 14px;

		color: #fff;

		border-bottom: 1px solid #c6c6c6

	}

	

	.newslist .hotbom {

		padding-bottom: 0

	}

	

	.newslist .hottou .item {

		margin-left: 1%\0

	}

	

	.newslist .hotbom .item {

		margin-right: 1%\0

	}

	

	.newslist .hotbom .item:nth-of-type(4n) {

		margin-right: 0

	}

	

	.news-btn {

		width: 100%;

		position: absolute;

		left: 0;

		bottom: 4%;

		z-index: 10;

		text-align: center

	}

	

	.news-btn .nwprev,

	.news-btn .nwnext {

		display: block;

		width: 46px;

		height: 46px;

		position: absolute;

		top: 0;

		font-size: 0;

		background-image: url(../images/nwbtn.png);

		background-position: 0 0;

		background-repeat: no-repeat

	}

	

	.news-btn .nwprev {

		background-position: 0 0;

		left: 4%

	}

	

	.news-btn .nwprev:hover {

		background-position: 0 -46px

	}

	

	.news-btn .nwnext {

		background-position: -92px 0;

		right: 4%

	}

	

	.news-btn .nwnext:hover {

		background-position: -92px -46px

	}

	

	.news-btn .nwretrue {

		display: block;

		width: 46px;

		height: 46px;

		margin: 0 auto;

		font-size: 0;

		background-image: url(../images/nwbtn.png);

		background-position: -46px 0;

		background-repeat: no-repeat

	}

	

	.news-btn .nwretrue:hover {

		background-position: -46px -46px

	}

	

	.news-details {

		max-width: 798px;

		background-color: #fff;

		padding: 60px 40px;

		float: left;

	}

	

	.news-title {

		border-bottom: 1px solid #ddd

	}

	

	.news-title .tou {

		position: relative;

		padding-right: 90px

	}

	

	.news-title h1 {

		font-size: 30px;

		color: #333

	}

	

	.news-title .date {

		display: inline-block;

		font-size: 14px;

		color: #999;

		margin: 10px 0

	}

	

	.news-title .bdsharebuttonbox {

		position: absolute;

		right: 0;

		top: 10px

	}

	

	.news-title .bdsharebuttonbox a {

		display: inline-block;

		width: 30px;

		height: 30px;

		/*border: 1px solid #ddd;*/

		/*border-radius: 50%;*/

		padding: 0;

		margin: 0;

		margin-left: 10px;

		background-position: 0 0;

		background-image: url(/static/images/yanglei/share_app_icon.png);

		background-repeat: no-repeat;

		-webkit-transition: all .5s ease;

		transition: all .5s ease

	}

	

	.news-title .bdsharebuttonbox a.bds_tsina {

		background-position: 0 0

	}

	

	.news-title .bdsharebuttonbox a.bds_tsina:hover {

		background-position: -30px 0px

	}

	

	.news-title .bdsharebuttonbox a.bds_weixin {

		background-position: 0 -30px;

	}

	

	.news-title .bdsharebuttonbox a.bds_weixin:hover {

		background-position: -30px -30px

	}

	

	.news-text {

		-padding: 20px 0;

		font-size: 14px

	}

	

	.page {

		text-align: center;

		padding: 40px 0

	}

	

	.page a {

		display: inline-block;

		font-size: 14px;

		color: #666;

		border: 1px solid #e3e3e3;

		padding: 5px 15px

	}

	

	.page a:hover,

	.page a.on {

		background-color: #ca2310;

		color: #fff;

		border-color: #ca2310

	}

	

	.news-warp .index-case {

		padding-top: 0;

		margin-bottom: 0

	}

	

	.casedetails {

		background-color: #fff

	}

	

	.case-tou {

		border-bottom: 1px solid #ddd;

		padding: 171px 0 70px

	}

	

	.case-tou .name {

		border-right: 1px dashed #ddd;

		padding-right: 2%;

		float: left;

		width: 20%

	}

	

	.case-tou .name h1 {

		font-size: 30px;

		color: #333

	}

	

	.case-tou .name span {

		font-size: 14px;

		color: #999

	}

	

	.case-tou .tmain {

		margin-left: 5%;

		float: left;

		font-size: 14px;

		color: #999;

		position: relative;

		padding-left: 70px;

		width: 45%

	}

	

	.case-tou .tmain .sn {

		position: absolute;

		left: 0;

		top: 0;

		color: #333

	}

	

	.case-tou .link {

		float: right

	}

	

	.case-tou .link a {

		display: block;

		width: 48px;

		height: 48px;

		border: 1px solid #ddd;

		border-radius: 50%;

		background-image: url(../images/case01.png);

		background-position: 0 0;

		background-repeat: no-repeat

	}

	

	.casetext {

		max-width: 1300px;

		margin: 0 auto;

		padding-top: 90px;

		padding-bottom: 200px

	}

	

	.caselike {

		width: 100%;

		background-color: #efefef;

		padding-bottom: 100px

	}

	

	.caselike .name {

		font-size: 24px;

		color: #333;

		padding: 50px 0

	}

	

	.caselike .item {

		margin: 0 .3% !important;

		background-color: #fff

	}

	

	.caselike .item .pic {

		display: block;

		width: 100%;

		overflow: hidden;

		background-color: #eee;

		/* background-image: url(../images/loading.gif); */

		background-position: center center;

		background-repeat: no-repeat;

		position: relative

	}

	

	.caselike .item .bg {

		display: block;

		width: 100%;

		height: 100%;

		position: absolute;

		left: 0;

		top: 0;

		z-index: 5;

		background-color: #000;

		filter: alpha(opacity=50);

		background-color: rgba(0, 0, 0, .5);

		visibility: hidden;

		opacity: 0;

		-webkit-transition: all .5s ease;

		transition: all .5s ease

	}

	

	.caselike .item:hover .bg {

		visibility: visible;

		opacity: 1

	}

	

	.caselike .item .inxcasetxt::before,

	.caselike .item .inxcasetxt::after {

		position: absolute;

		top: 50%;

		left: 50%;

		width: 50%;

		height: 1.5px;

		background: #ccc;

		content: '';

		-webkit-transition: opacity .5s, -webkit-transform .5s;

		transition: opacity .5s, transform .5s;

		-webkit-transform: translate3d(-50%, -50%, 0);

		transform: translate3d(-50%, -50%, 0);

		opacity: 0;

		z-index: 20

	}

	

	.caselike .item:hover .inxcasetxt::before {

		opacity: .8;

		-webkit-transform: translate3d(-50%, -50%, 0) rotate(45deg);

		transform: translate3d(-50%, -50%, 0) rotate(45deg)

	}

	

	.caselike .item:hover .inxcasetxt::after {

		opacity: .8;

		-webkit-transform: translate3d(-50%, -50%, 0) rotate(-45deg);

		transform: translate3d(-50%, -50%, 0) rotate(-45deg)

	}

	

	.caselike .item .pic img {

		width: 100%;

		display: block;

		-webkit-transition: all .5s ease;

		transition: all .5s ease

	}

	

	.caselike .item .pic:hover img {

		-webkit-transform: scale(1.05);

		-ms-transform: scale(1.05);

		transform: scale(1.05)

	}

	

	.caselike .item .h2 {

		padding: 25px 15px;

		min-height: 20px;

		position: relative

	}

	

	.caselike .item .h2:before {

		content: "";

		position: absolute;

		z-index: 0;

		top: 0;

		left: 0;

		right: 0;

		bottom: 0;

		background-color: #cb0808;

		-webkit-transform: scaleY(0);

		transform: scaleY(0);

		-webkit-transform-origin: 50% 0;

		transform-origin: 50% 0;

		-webkit-transition-property: transform;

		transition-property: transform;

		-webkit-transition-duration: .3s;

		transition-duration: .3s;

		-webkit-transition-timing-function: ease-out;

		transition-timing-function: ease-out;

		height: 0px\0

	}

	

	.caselike .item:hover .h2 span,

	.caselike .item:hover .h2 i {

		color: #fff

	}

	

	.caselike .item:hover .h2:before {

		-webkit-transform: scaleY(1);

		transform: scaleY(1);

		height: auto\0

	}

	

	.caselike .item .h2 span {

		font-size: 16px;

		color: #333;

		margin-right: 10px;

		position: relative;

		z-index: 5

	}

	

	.caselike .item .h2 i {

		font-size: 12px;

		color: #999;

		position: relative;

		z-index: 5

	}

	

	.contact-box {

		padding: 140px 0

	}

	

	.contact-box .tw {

		width: 50%;

		float: left

	}

	

	.contact-box .name {

		width: 50%;

		float: left;

		font-size: 24px;

		color: #333

	}

	

	.contact-box .info {

		width: 50%;

		float: left

	}

	

	.contact-box .info dd {

		font-size: 16px;

		color: #666;

		position: relative;

		padding-left: 30px;

		margin-bottom: 35px

	}

	

	.contact-box .info dd img {

		position: absolute;

		left: 0;

		top: 0;

		max-width: 26px

	}

	

	.contact-box .conform {

		margin-left: 110px

	}

	

	.contact-box .conform li {

		width: 100%;

		margin-bottom: 20px;

		float: left

	}

	

	.contact-box .conform li.item1 {

		width: 31%;

		margin-right: 3%

	}

	

	.contact-box .conform li.item2 {

		width: 31%;

		margin-right: 3%

	}

	

	.contact-box .conform li.item3 {

		width: 32%;

		margin-right: 0

	}

	/* .contact-box .conform li.item5 {

		text-align: right

	} */

	

	.contact-box .context,

	.contact-box .conteat {

		width: 80%;

		height: 40px;

		background-color: #f4f4f4;

		border: 0;

		font-family: microsoft yahei;

		padding: 0 4%;

		color: #333

	}

	

	.contact-box .conteat {

		/* padding: 15px 2%;

		width: 92%; */

		height: 200px

	}

	

	.contact-box .consub {

		background-color: #ca2310;

		color: #fff;

		width: 21%;

		font-family: microsoft yahei;

		text-align: center;

		padding-left: 0;

		cursor: pointer;

		*margin: 0 !important;

		*padding: 17px0 !important;

		margin-right: 24px;

		-webkit-box-sizing: border-box;

		-moz-box-sizing: border-box;

		box-sizing: border-box;

		padding: 0;

		height: 50px;

		line-height: 50px;

		border: 2px solid #ca2310;

		-webkit-transition: all .3s;

		-moz-transition: all .3s;

		-ms-transition: all .3s;

		-o-transition: all .3s;

		transition: all .3s;

	    -webkit-appearance: none;

	}

	

	.contact-box .consub:hover {

		background: #fff;

		color: #040404

	}

	

	.contact-map img {

		width: 100%;

		display: block

	}

	

	.votewarp {

		padding-top: 82px

	}

	

	.votetmain {

		padding: 68px 0 96px

	}

	

	.votetmain .h2 {

		font-size: 20px;

		color: #666;

		font-weight: 700;

		text-align: center

	}

	

	.votetmain .h3 {

		font-size: 12px;

		color: #929292;

		text-align: center

	}

	

	.votetmain .vtext {

		font-size: 14px;

		color: #464646;

		text-align: center;

		max-width: 1310px;

		margin: 0 auto;

		padding-top: 35px

	}

	

	.votetmain .votefrom {

		max-width: 280px;

		margin: 0 auto;

		padding-top: 80px

	}

	

	.votetmain .votefrom .tit {

		font-size: 16px;

		color: #464646;

		padding-bottom: 15px

	}

	

	.votetmain .votefrom ul li {

		margin-top: 10px;

		font-size: 14px;

		color: #464646

	}

	

	.votetmain .votefrom ul li label input {

		vertical-align: -2px;

		margin-right: 3px

	}

	

	.votetmain .votefrom ul li .subimt {

		width: 105px;

		height: 32px;

		border: 0;

		background-color: #ca2310;

		color: #fff;

		border-radius: 5px;

		cursor: pointer;

		-webkit-transition: all .5s ease;

		transition: all .5s ease

	}

	

	.votetmain .votefrom ul li .subimt:hover {

		background-color: #000

	}

	

	.voteresult {

		max-width: 840px;

		margin: 0 auto;

		padding-top: 50px;

		overflow: hidden

	}

	

	.voteresult ul li {

		width: 95%;

		height: 40px;

		line-height: 40px;

		margin-top: 15px;

		float: left;

		background-color: #e6e6e6;

		position: relative;

		font-size: 16px;

		color: #fff;

		text-align: center

	}

	

	.voteresult ul li .name {

		width: 110px;

		height: 40px;

		position: absolute;

		left: 0;

		top: 0;

		background-color: #000;

		filter: alpha(opacity=40);

		background-color: rgba(0, 0, 0, .4)

	}

	

	.voteresult ul li .votewidth {

		width: 100%;

		height: 40px;

		background-color: #ca2310;

		-webkit-transition: all .5s ease;

		transition: all .5s ease

	}

	

	.voteresult ul li .num {

		position: absolute;

		right: 20px;

		top: 0;

		color: #909090

	}

	

	.voteresult ul li.net .votewidth {

		background-color: #ca2310

	}

	

	.voteresult ul li.tv .votewidth {

		background-color: #3498db

	}

	

	.voteresult ul li.sns .votewidth {

		background-color: #5a68a5

	}

	

	.voteresult ul li.news .votewidth {

		background-color: #2ecc71

	}

	

	.votemorewarp {

		padding: 0 0 150px

	}

	

	.votemorewarp .layout {

		max-width: 1400px;

		margin: 0 auto

	}

	

	.votemorewarp .votitle {

		font-size: 20px;

		color: #666;

		margin-top: 50px

	}

	

	.votemolist ul li {

		width: 27.9%;

		float: left;

		background-color: #ededed;

		margin-right: 8.1%;

		margin-top: 50px;

		-webkit-transition: all .5s ease;

		transition: all .5s ease

	}

	

	.votemolist ul li:nth-child(3n),

	.votemolist ul li.mr0 {

		margin-right: 0

	}

	

	.votemolist ul li:hover {

		box-shadow: 0 17px 25px 0 rgba(0, 0, 0, .19)

	}

	

	.votemolist ul li a {

		display: block;

		padding: 30px 45px

	}

	

	.votemolist ul li .time {

		display: block;

		font-size: 15px;

		color: #727272;

		line-height: 25px;

		padding-left: 25px;

		background-image: url(../images/time.png);

		background-position: left center;

		background-repeat: no-repeat

	}

	

	.votemolist ul li .votit {

		font-size: 16px;

		color: #464646;

		margin: 10px 0;

		height: 48px;

		overflow: hidden

	}

	

	.votemolist ul li .go {

		font-size: 14px;

		color: #a8a8a8;

		text-align: right;

		margin-top: 30px

	}

	

	#dowebok .section {

		overflow: hidden

	}

	

	.sosectionbox1 {

		background-color: #c60000

	}

	

	.sosectionbox2 {

		background-color: #f3a427

	}

	

	.sosectionbox3 {

		background-color: #2187c8

	}

	

	.sosectionbox4 {

		background-color: #d1b062

	}

	

	.sosectionbox5 {

		background-color: #0974b8

	}

	

	#dowebok .section .slide {

		position: relative

	}

	

	.baiweilfbox,

	.baiweilrbox {

		width: 50%;

		height: 100%;

		position: absolute;

		top: 0;

		background-position: left bottom;

		background-size: cover;

		background-repeat: no-repeat;

		-webkit-transition: all .8s ease;

		transition: all .8s ease

	}

	

	.baiweilfbox {

		left: -100%;

		background-image: url(../images/sbg1.jpg);

		opacity: 0

	}

	

	.baiweilrbox {

		right: -100%;

		background-image: url(../images/simg1.jpg);

		opacity: 0

	}

	

	.active .baiweilfbox {

		left: 0;

		opacity: 1

	}

	

	.active .baiweilrbox {

		right: 0;

		opacity: 1

	}

	

	#dowebok .fp-controlArrow:hover {

		opacity: .8

	}

	

	#dowebok .fp-controlArrow {

		width: 55px;

		height: 55px;

		background-image: url(../images/solbutton.png);

		background-repeat: no-repeat;

		border: 0

	}

	

	#dowebok .fp-controlArrow.fp-prev {

		right: auto;

		left: 50%;

		margin-left: -55px;

		background-position: left top;

		background-color: #fff;

		filter: alpha(opacity=50);

		background-color: rgba(255, 255, 255, .5)

	}

	

	#dowebok .fp-controlArrow.fp-next {

		left: auto;

		right: 50%;

		margin-right: -55px;

		background-position: right top;

		background-color: #000;

		filter: alpha(opacity=50);

		background-color: rgba(0, 0, 0, .5)

	}

	

	.baiweibtn {

		width: 55px;

		height: 55px;

		background-image: url(../images/solbutton.png);

		background-repeat: no-repeat;

		position: absolute;

		top: 50%;

		display: block;

		font-size: 0;

		cursor: pointer;

		visibility: hidden;

		opacity: 0;

		-webkit-transition: all 1s ease;

		transition: all 1s ease

	}

	

	.active .baiweibtn {

		visibility: visible;

		opacity: 1

	}

	

	.baiweibtn:hover {

		opacity: .8

	}

	

	.bwleftbtn {

		right: 0;

		background-position: left top;

		background-color: #fff;

		filter: alpha(opacity=50);

		background-color: rgba(255, 255, 255, .5)

	}

	

	.bwrightbtn {

		left: 0;

		background-position: right top;

		background-color: #000;

		filter: alpha(opacity=50);

		background-color: rgba(0, 0, 0, .5)

	}

	

	.bwcasetext {

		position: absolute;

		left: 50px;

		top: 50%;

		width: 71.9%;

		-webkit-transform: translateY(-50%);

		transform: translateY(-50%)

	}

	

	.bwcasetext .h2 {

		font-size: 36px;

		color: #fff;

		margin-top: 30px

	}

	

	.bwcasetext .h2 .line {

		display: inline-block;

		width: 30px;

		height: 3px;

		background-color: #fff;

		vertical-align: middle;

		margin-right: 5px

	}

	

	.bwcasetext .pcont {

		font-size: 14px;

		color: #fff;

		line-height: 25px;

		word-wrap: break-word;

		margin-top: 60px

	}

	

	.bwcasetext .more a {

		display: inline-block;

		min-width: 140px;

		height: 45px;

		line-height: 45px;

		font-size: 18px;

		color: #fff;

		border: 1px solid #fff;

		text-align: center;

		margin-top: 90px

	}

	

	.bwcasetext .more a em {

		font-family: simsun;

		font-weight: 700;

		margin-left: 5px

	}

	

	.bwcasetext .more a:hover {

		opacity: .8

	}

	

	.bwcasetext .h2 {

		-webkit-transition: all .3s ease;

		transition: all .3s ease

	}

	

	.bwcasetext .pcont {

		-webkit-transition: all .6s ease;

		transition: all .6s ease

	}

	

	.bwcasetext .more {

		-webkit-transition: all .9s ease;

		transition: all .9s ease

	}

	

	.active .bwcasetext .h2 {

		margin-top: 0

	}

	

	.active .bwcasetext .pcont {

		margin-top: 20px

	}

	

	.active .bwcasetext .more a {

		margin-top: 60px

	}

	

	#fp-nav ul li,

	.fp-slidesNav ul li {

		width: 14px;

		height: 2px

	}

	

	#fp-nav ul li a span,

	.fp-slidesNav ul li a span {

		width: 14px !important;

		height: 2px !important;

		border-radius: 0 !important;

		background-color: #9f9794 !important

	}

	

	#fp-nav ul li a.active span,

	.fp-slidesNav ul li a.active span,

	#fp-nav ul li:hover a.active span,

	.fp-slidesNav ul li:hover a.active span {

		width: 27px !important;

		background-color: #fff !important;

		margin: -1px 0 0 -15px !important

	}

	

	.kefu {

		width: 50px;

		position: fixed;

		_position: absolute;

		right: 0;

		top: 54%;

		z-index: 200;

		transform: translateX(0) translateY(-50%)

	}

	

	.kefu ul li {

		width: 50px;

		height: 50px;

		/*margin-top: 1px;*/

		position: relative

	}

	

	.kefu ul li:hover,

	.kefu ul li:hover .div-item {

		background-color: #da0000

	}

	

	.kefu .qq,

	.kefu .shouhou,

	.kefu .call,

	.kefu .back,

	.kefu .share,

	.kefu .weixin,

	.kefu ul li .bdsharebuttonbox a {

		display: block;

		width: 50px;

		height: 50px;

		float: left;

		font-size: 0;

		background-image: url(../images/kefu.png);

		background-repeat: no-repeat

	}

	

	.kefu .qq,

	.kefu .shouhou,

	.kefu .call,

	.kefu .back,

	.kefu .share,

	.kefu .weixin {

		position: relative;

		z-index: 10;

		background-color: #797979;

	}

	

	.kefu ul li:hover a {

		background-color: #da0000

	}

	

	.kefu .weixin {

		background-image: url(../images/weixin.png);

		background-repeat: no-repeat;

		background-position: 0 0

	}

	

	.kefu .qq {

		background-position: 0 0

	}

	

	.kefu .shouhou {

		background-position: -50px 0

	}

	

	.kefu .call {

		background-position: -100px 0

	}

	

	.kefu .back {

		background-position: -150px 0

	}

	

	.kefu .share {

		background-position: -200px 0

	}

	

	.kefu ul li .div-item {

		width: 200px;

		height: 50px;

		background-color: #242424;

		position: absolute;

		right: -200px;

		top: 0;

		cursor: pointer;

		-webkit-transition: all .5s ease;

		transition: all .5s ease

	}

	

	.kefu ul li:hover .div-item {

		right: 50px;

		margin-top: -0.5px;

	}

	

	.kefu ul li .div-ewm {

		width: 160px;

		height: 156px;

		padding-top: 20px;

		background-color: #da0000;

		position: absolute;

		right: 50px;

		display: none

	}

	

	.kefu ul li .div-ewm ul li {

		width: 119px;

		float: left;

		text-align: center;

		margin-left: 20px

	}

	

	.kefu ul li .div-ewm ul li img {

		width: 100%;

		display: block

	}

	

	.kefu ul li .div-ewm ul li p {

		font-size: 14px;

		color: #fff;

		margin-top: 5px

	}

	

	.kefu ul li:hover .div-ewm {

		display: block

	}

	

	.kefu ul li .h2 {

		display: block;

		line-height: 50px;

		font-size: 14px;

		color: #fff;

		padding: 0 15px

	}

	

	.kefu ul li .bdsharebuttonbox {

		width: 100%;

		height: 50px

	}

	

	.kefu ul li .bdsharebuttonbox a {

		padding: 0;

		margin: 0;

		width: 50px;

		height: 50px

	}

	

	.kefu ul li .bdsharebuttonbox a:hover {

		background-color: #565656

	}

	

	.kefu ul li .bdsharebuttonbox a.bds_tsina {

		background-position: -250px 0

	}

	

	.kefu ul li .bdsharebuttonbox a.bds_weixin {

		background-position: -300px 0

	}

	

	.kefu ul li .bdsharebuttonbox a.bds_tqq {

		background-position: -350px 0

	}

	

	.kefu ul li .bdsharebuttonbox a.bds_more {

		background-position: -400px 0

	}

	

	.footer {

		width: 100%;

		background-color: #282828

	}

	

	.foottou {

		overflow: hidden;

		zoom: 1;

		padding-top: 16px;

		padding-right: 0;

		/* padding-bottom: 20px; */

		padding-left: 0

	}

	

	.foottou .ftlogo {

		float: left;

		max-width: 210px;

		margin-top: 50px

	}

	

	.foottou .ftcont {

		float: left;

		margin-left: 10%

	}

	

	.foottou .ftcont .i {

		font-size: 14px;

		color: #797979

	}

	

	.foottou .ftcont h2 {

		font-size: 20px;

		color: #989898;

		margin: 10px 0

	}

	

	.foottou .ftcont p {

		font-size: 14px;

		color: #797979;

		margin-bottom: 5px

	}

	

	.foottou .foot-ewm {

		width: 158px;

		float: left

	}

	

	.foottou .foot-ewm ul li {

		width: 119px;

		float: left;

		text-align: center;

		/* margin-left: 60px */

	}

	

	.foottou .foot-ewm ul li img {

		width: 100%;

		display: block;

		/* margin-left:-450px; */

	}

	

	.foottou .foot-ewm ul li p {

		font-size: 14px;

		color: #797979;

		margin-top: 5px;

		/* margin-left:-906px; */

	}

	

	.foottou .foot-ewm ul li p span {

		color: #989898

	}

	

	.foottou .ftewm {

		float: right;

		text-align: right;

		font-size: 12px;

		color: #797979;

		margin-top: 100px

	}

	

	.foottou .ftewm img {

		margin-bottom: 20px

	}

	

	.footer .footbom {

		border-top: 1px solid #343435;

		padding: 25px 0;

		font-size: 14px;

		color: #797979

	}

	

	.footer .footbom a {

		color: #424242;

		margin-left: 5px;

		margin-top: 2px

	}

	

	.footer .footbom a:hover {

		color: #797979

	}

	

	@media screen and (min-width:320px) and (max-width:767px) {

		.screenleft {

			display: none;

		}

	}

	

	@media screen and (min-width:768px) and (max-width:1199px) {

		.foottou .foot-ewm {

			float: right

		}

		.foottou .ftewm {

			width: 100%;

			padding-top: 20px;

			text-align: center

		}

	}

	

	@media screen and (min-width:320px) and (max-width:767px) {

		.ftewm {

			display: none;

		}

	}

	

	@media screen and (min-width:320px) and (max-width:767px) {

		.sol_cont {

			display: none;

		}

	}

	

	@media screen and (min-width:320px) and (max-width:767px) {

		.overlay {

			display: none;

		}

	}

	

	@media screen and (min-width:320px) and (max-width:767px) {

		.bottom_zb_container {

			display: none;

		}

		.kefu {

			display: none

		}

		.logo a {

			width: 90px;

			height: 12px;

		}

		.scrollBar .banner ul li .imgTimes,

		.bannerheight {

			background-size: auto 100% !important

		}

		.foottou .foot-ewm {

			float: right;

			width: 100%;

			text-align: center;

			padding-top: 20px

		}

		.foottou .foot-ewm ul li {

			float: none;

			display: inline-block;

			margin: 0 10px

		}

		.foottou .ftewm {

			width: 100%;

			padding-top: 20px;

			text-align: center

		}

	}

	

	@media screen and (min-width:320px) and (max-width:767px) {

		.about-box02 {

			display: none;

		}

	}

	

	@media screen and (min-width:769px) and (max-width:1199px) {

		.gf-demand .write .text1,

		.gf-demand .write .text2 {

			width: 48%;

			margin-bottom: 20px

		}

		.gf-demand .write .text2 {

			margin-right: 0

		}

		.gf-demand .write .text3 {

			width: 77%

		}

		.gf-demand .write .submit {

			width: 20%

		}

		.index-ser ul li {

			width: 47%;

			margin-right: 6%

		}

		.index-ser ul li:nth-of-type(2n) {

			margin-right: 0

		}

	}

	

	@media screen and (max-width:1800px) {

		.ser-step {

			max-width: 1228px

		}

		.ser-step ul li {

			margin-right: 2%

		}

	}

	

	@media screen and (max-width:1400px) {

		.contact-box .name {

			margin-bottom: 35px

		}

		.contact-box .name,

		.contact-box .info {

			width: 100%

		}

	}

	

	@media screen and (max-width:1366px) {

		.ser-step {

			max-width: 1056px

		}

		.ser-step ul li {

			margin-right: 0

		}

		.nybanner {

			height: 545px

		}

	}

	

	@media screen and (max-width:1110px) {

		.news-screen .screenleft {

			width: 100%

		}

		.news-screen .screenleft ul li {

			width: 19.8%

		}

		.news-screen .screenright {

			width: 98%;

			padding: 0 1%

		}

	}

	

	@media screen and (max-width:1024px) {

		.baiweilfbox,

		.baiweilrbox {

			width: 100%;

			position: relative;

			left: auto;

			right: auto;

			top: auto;

			opacity: 1

		}

		.baiweilfbox {

			height: 500px

		}

		.baiweilrbox {

			height: 740px

		}

		.active .baiweilfbox {

			left: auto

		}

		.active .baiweilrbox {

			right: auto

		}

		.bwcasetext {

			width: 95%;

			left: 4%

		}

		.active .bwcasetext .h2,

		.bwcasetext .h2 {

			margin-top: 0

		}

		.active .bwcasetext .pcont,

		.bwcasetext .pcont,

		.active .bwcasetext .more a,

		.bwcasetext .more a {

			margin-top: 20px

		}

		.bwcasetext .h2 {

			font-size: 20px

		}

		.bwcasetext .pcont {

			font-size: 12px

		}

		.active .bwcasetext .more a {

			margin-top: 20px

		}

		.baiweibtn,

		#fp-nav {

			display: none

		}

		.bwrightbtn {

			top: auto;

			bottom: 0;

			margin-right: -27.5px;

			background-color: inherit

		}

		#dowebok .section {

			height: auto !important

		}

	}

	

	@media screen and (max-width:960px) {

		.logo {

			padding-top: 36px

		}

		.logo a {

			width: 220px;

			height: 30px

		}

		.nav ul li {

			margin-left: 25px

		}

		.nav .messsn {

			margin-left: 25px

		}

		.contact-box .conform {

			margin-left: 0

		}

	}

	

	@media screen and (max-width:768px) {

		.header {

			height: 44px;

			background-color: #fff

		}

		.logo {

			padding-top: 21px

		}

		.logo a {

			width: 170px;

			height: 22px;

		}

		.nav {

			display: none;

			top: 32px;

			right: 75px;

			padding-right: 0

		}

		.nav .messsn {

			background-position: 0 -21px

		}

		.myPhone {

			color: #333;

			

			right: 75px;

			top: 22px

		}

		.btn-m {

			position: absolute;

			top: 50%;

			right: -6px;

			margin-top: -13px;

			height: 30px;

			width: 60px;

			cursor: pointer;

		}

		.btn-m-list {

			display: block;

			margin-top: -19px;

			right: 4%

		}

		.btn-m-list span {

			/*background-color: #333*/

		}

		.contain {

			padding-top: 44px

		}

		.index-back-box {

			height: 75px

		}

		.IndexList ul {

			padding-top: 10px

		}

		.nub {

			font-size: 25px;

			height: 40px;

			line-height: 40px

		}

		.votewarp {

			padding-top: 60px

		}

		.index-back-box .sub-arrows,

		.index-back-box .sub-mouse {

			display: none

		}

		.scrollBar .banner ul li .imgTimes>article {

			bottom: 22%

		}

		.index-ser {

			padding-top: 30px

		}

		.index-ser ul li {

			width: 48%;

			margin-right: 3.7%;

			margin-top: 30px

		}

		.index-ser ul li:nth-of-type(2n) {

			margin-right: 0

		}

		.index-case ul li {

			width: 33%

		}

		.index-case ul li:nth-of-type(3n) {

			margin-right: 0

		}

		.index-kehu ul li {

			width: 25%

		}

		.gf-demand {

			padding: 60px 0

		}

		.gf-demand .write,

		.gf-demand .h3 {

			padding-bottom: 15px

		}

		.gf-demand .write .text1,

		.gf-demand .write .text2,

		.gf-demand .write .text3 {

			width: 99%;

			margin-right: 0;

			margin-bottom: 15px

		}

		.gf-demand .write .submit {

			width: 100%;

			display: block;

			padding: 4px!important;

		}

		.nybanner {

			height: 500px

		}

		.ab-team ul li {

			width: 48%;

			margin-top: 4%;

			margin-right: 4%

		}

		.ab-team ul li:nth-of-type(3n) {

			margin-right: 4%

		}

		.ab-team ul li:nth-of-type(2n) {

			margin-right: 0

		}

		.about-box02 .about-xzwm .abul li {

			margin-top: 80px

		}

		.ser-box02 {

			height: 500px

		}

		.serlist ul li {

			margin-top: 10%

		}

		.ser-step ul li,

		.ser-step ul li.on {

			width: 19%;

			height: auto;

			margin: 20px 2.5% 0

		}

		.ser-step ul li:before {

			display: none

		}

		.newslist .hottou .hotbox {

			width: 100%;

			max-height: inherit

		}

		.newslist .hottou .hotbox .bg {

			display: none

		}

		.newslist .hottou .hotbox img {

			position: static;

			left: auto;

			top: auto;

			transform: translateX(0) translateY(0)

		}

		.newslist .hottou .item:nth-of-type(2) {

			margin-left: 0

		}

		.newslist .hottou .item {

			width: 48%;

			margin-left: 0;

			margin-left: 4%;

			margin-bottom: 0;

			margin-top: 4%

		}

		.newslist .item {

			width: 48%;

			margin-right: 4%;

			margin-bottom: 0;

			margin-top: 4%

		}

		.newslist .item:nth-of-type(2n) {

			margin-right: 0

		}

		.news-title .tou {

			padding-right: 0

		}

		.news-title .bdsharebuttonbox {

			position: static;

			right: auto;

			top: auto;

			margin-top: 20px

		}

		.news-title .bdsharebuttonbox a {

			margin-left: 0;

			margin-right: 10px

		}

		.scrollBar .banner ul li.visb .imgTimes>article .banText i {

			display: none

		}

		.foottou {

			padding: 30px 0

		}

		.foottou .ftcont {

			width: 50%;

			padding-left: 0;

			float: right

		}

		.foottou .ftewm {

			float: left

		}

		.foottou .foot-ewm {

			width: 50%;

			text-align: center;

			margin-top: 20px;

			display: inline-block;

			position: relative;

			bottom: 130px;

			left: 15px;

		}

		.foottou .foot-ewm ul li {

			display: inline-block;

			float: none;

			margin: 0 20px

		}

		.baiweilfbox,

		.baiweilrbox {

			width: 100%;

			position: relative;

			left: auto;

			right: auto;

			top: auto;

			opacity: 1

		}

		.baiweilfbox {

			height: 500px

		}

		.baiweilrbox {

			height: 210px

		}

		.active .baiweilfbox {

			left: auto

		}

		.active .baiweilrbox {

			right: auto

		}

		.bwcasetext {

			width: 95%;

			left: 4%

		}

		.active .bwcasetext .h2,

		.bwcasetext .h2 {

			margin-top: 0

		}

		.active .bwcasetext .pcont,

		.bwcasetext .pcont,

		.active .bwcasetext .more a,

		.bwcasetext .more a {

			margin-top: 20px

		}

		.bwcasetext .h2 {

			font-size: 20px

		}

		.bwcasetext .pcont {

			font-size: 12px

		}

		.active .bwcasetext .more a {

			margin-top: 20px

		}

		.baiweibtn,

		#fp-nav {

			display: none

		}

		.bwrightbtn {

			top: auto;

			bottom: 0;

			margin-right: -27.5px;

			background-color: inherit

		}

		#dowebok .section {

			height: auto !important

		}

		.kefu {

			display: none

		}

	}

	

	@media screen and (max-width:640px) {

		.t9c {

			width: 100%;

			margin: 0 auto;

			display: table;

			/* padding: 1rem; */

		}

		.t9c_il {

			width: 100%;

			height: 100%;

			float: left;

			border-right: none;

		}

		.t9c_il_o {

			width: 100%;

			height: 115px;

		}

		.t9c_il_o_l {

			width: 35px;

			height: 70px;

			float: left;

			margin-top: 20px;

			/* 	display: inline; */

			display: flex;

		}

		.cl_1 {

			width: 100%;

			height: 0px;

			background: #e9e9e9;

			clear: both;

		}

		.t9c_il_o {

			/*

			width: 91%;

			height: 100%;

			display: flex;

			padding: 0 0.5rem 0px 17px;

			*/

		}

		.t9c_ir {

			width: 100%;

			/*height: 347px;*/

			float: right;

			margin-right: -15px;

		}

		.t5c_r_f li span {

			width: 14px;

			height: 14px;

			line-height: 14px;

			float: left;

			color: #fff;

			display: block;

			text-align: center;

		}

		.t9c_ir_tjh {

			/*width: 300px;*/

			height: 22px;

			display: table;

			clear: both;

			margin-top: 15px;

		}

		.t9c_ir_tjh h2 {

			width: 145px;

			height: 22px;

			line-height: 22px;

			float: left;

			display: inline-table;

			border-left: #ff5a00 5px solid;

			font-size: 16px;

			font-weight: bold;

			text-align: left;

			text-indent: 10px;

		}

		.t9c_ir_tjh a {

			width: 50px;

			height: 22px;

			line-height: 22px;

			font-size: 14px;

			display: block;

		}

		.t5c_r_f li a {

			/*width: 275px;*/

			height: 30px;

			line-height: 30px;

			overflow: hidden;

			float: right;

			display: inline-block;

			text-align: left;

			font-size: 14px;

		}

		.t5c_r_f li em {

			width: 16px;

			height: 14px;

			line-height: 14px;

			float: left;

			margin-top: 10px;

			display: inline-block;

			background-color: #ff5a00;

		}

		.t9c_il_o_l em {

			width: 55px;

			height: 20px;

			line-height: 20px;

			display: block;

			background: #ff4a00;

			color: #fff;

		}

		.t9c_il_o_l span {

			width: 55px;

			height: 20px;

			line-height: 20px;

			display: block;

			color: #7c7c7c;

			margin-top: 5px;

		}

		.t9c_il_o_r {

			/*width: 80%;*/

			margin-left: 20px;

		}

		.t9c_il_o_r h2 {

			width: 100%;

			height: 30px;

			line-height: 30px;

			overflow: hidden;

			display: block;

			text-align: left;

			font-size: 22px;

			font-weight: bold;

		}

		.t9c_il_o_r p {

			display: -webkit-box;

			-webkit-box-orient: vertical;

			-webkit-line-clamp: 2;

			overflow: hidden;

		}

		.t5c_r_f li i {

			width: 16px;

			height: 14px;

			line-height: 14px;

			float: left;

			margin-top: 10px;

			display: inline-block;

			background-color: #ffb30d;

		}

		.t5c_r_f li {

			/*width: 300px;*/

			height: 30px;

			overflow: hidden;

		}

		ul {

			margin: 0;

			padding: 0;

			list-style-type: none;

		}

		.t9c_il_o_l i {

			width: 30px;

			height: 30px;

			display: block;

			background-position: 433px 440px;

			margin-left: 12px;

			margin-top: 5px;

		}

		.t5c_r_f {

			/*width: 300px;*/

			display: table;

			margin-top: 5px;

		}

		.xc {

			float: right;

			display: none;

		}

		.logo {

			/* padding-top: 32px; */

			padding-top: 6px

		}

		.header.header-hover .logo a,

		.header.header-hover1 .logo a {

			height: 22px;

		    margin: 4px 0px 0px 0px;

		    font-size: 18px;

		}

		.ftop {

			cursor: pointer;

			color: #fff;

			padding-top: 4px;

			box-sizing: border-box;

			position: fixed;

			right: 40px;

			bottom: 80px;

			width: 40px;

			height: 40px;

			text-align: center;

			font-size: 12px;

			background: #3d85c6;

			z-index: 9999;

		}

		.logo a {

		    /*width: 120px;*/

		    /* height: 60px; */

		    margin: 4px 0px 0px 0px;

		    padding: 0;

		}

		.logo img {

			width: 120px;

			height: 16px;

		}

		.btn-m-list {

			right: 15px;

			/* margin-top: -9px */

		}

		.header .myPhone {

			/* right: 15px; */

			/* top: 5px; */

			margin: auto

		}

		.bannerwarp {

			background-color: #fff

		}

		.index-waper-box {

			position: static;

			left: auto;

			bottom: auto;

			height: 75px

		}

		.em-h1 {

			font-size: 14px

		}

		.em-h2 {

			font-size: 14px

		}

		.scrollBar .banner ul li .imgTimes>article {

			bottom: 33%

		}

		.scrollBar .banner ul li .imgTimes>article .banText span font {

			font-size: 12px

		}

		.IndexList {

			width: 95%

		}

		.nub {

			height: 30px;

			line-height: 30px;

			font-size: 25px

		}

		.index-title {

			font-size: 12px

		}

		.index-title span {

			font-size: 30px

		}



		.section01 {

			padding-bottom: 30px

		}

		.index-ser {

			padding-top: 0

		}

		.index-ser ul li {

			width: 49%;

			margin-right: 2%

		}

		.index-ser ul li:nth-of-type(2n) {

			margin-right: 0

		}

		.index-ser ul li .item {

			padding: 10px

		}

		.index-ser ul li .co {

			width: 100%;

			height: 84px;

			background-size: auto 100%

		}

		.index-case {

			padding-top: 30px

		}

		.index-case ul li,

		.index-case ul li:nth-of-type(3n) {

			width: 95%;

			margin-right: 2%;

			margin-bottom: 2%

		}

		.index-case ul li:nth-of-type(2n) {

			margin-right: 0

		}

		.index-case ul li .h2 {

			padding: 10px

		}

		.index-case ul li .h2 span {

			font-size: 14px;

			display: block

		}

		.index-kehu {

			padding-top: 20px

		}

		.index-kehu ul li {

			width: 33.333%

		}

		.section03 {

			padding-bottom: 70px

		}

		.index-news {

			margin-bottom: 50px

		}

		.index-news .item {

			margin: 0 !important

		}

		.gf-demand {

			padding: 30px 20px;

		}

		.gf-demand .write input {

			background: white;

		}

		.nybanner {

			height: 320px

		}

		.ny-title h2 img,

		.ny-title h3 img {

			max-width: 50%

		}

		.about-box01 .IndexList {

			width: 95%

		}

		.about-box01 .about-tm .h2 {

			font-size: 26px

		}

		.about-box02 {

			height: auto;

			padding-bottom: 70px;

			overflow: hidden

		}

		.about-box02 .about-xzwm .abul li,

		.about-box02 .about-xzwm .abul li:nth-of-type(3n) {

			max-width: 50%;

			width: auto;

			float: none;

			margin: 10% auto 0

		}

		.about-box01,

		.about-box02,

		.about-box03 {

			padding: 40px 1rem;

		}

		.ab-team ul li {

			width: 49%;

			margin-right: 2%

		}

		.ab-team ul li:nth-of-type(3n) {

			margin-right: 2%

		}

		.ab-team ul li:nth-of-type(2n) {

			margin-right: 0

		}

		.ab-team ul li .tm {

			padding: 10px

		}

		.ab-team ul li .tm .n1 {

			font-size: 14px

		}

		.ab-team ul li .tm .n2,

		.ab-team ul li .tm p {

			font-size: 12px

		}

		.ab-team ul li .tm .line {

			margin: 5px 0

		}

		.ab-team ul li .tm p {

			margin-bottom: 0

		}

		.ser-box01,

		.ser-box02,

		.ser-box03,

		.ser-box04 {

			padding: 50px 0

		}

		.ser-box02 {

			height: auto;

			padding-bottom: 70px

		}

		.serlist ul li {

			font-size: 12px

		}

		.serlist ul li .sn {

			font-size: 30px

		}

		.ser-step {

			text-align: center

		}

		.ser-step ul li {

			display: inline-block;

			float: none;

			margin: 20px 2% 0

		}

		.contact-box {

			padding: 40px 0

		}

		.contact-box .tw {

            width: calc(100% - 23px);

			margin-left: 23px;

		}

		.contact-box .name {

			font-size: 20px;

			margin-bottom: 20px

		}

		.contact-box .info dd {

			margin-bottom: 20px

		}

		.contact-box .conform li.item1,

		.contact-box .conform li.item2,

		.contact-box .conform li.item3,

		.contact-box .consub {

			width: 100%;

			margin-right: 0

		}

		.contact-box .conform li.item5 .consub {

			width: 88%;

		}

		.news-screen .screenleft {

			margin-top: -35px

		}

		.news-screen .screenleft ul li {

			width: 49.5%;

			margin-right: .5%;

			text-align: left;

			margin-bottom: 1px

		}

		.news-screen .screenleft ul li:nth-of-type(2n) {

			margin-right: 0

		}

		.news-screen .screenleft ul li a {

			padding-left: 20px

		}

		.newslist .hotbom {

			padding-bottom: 20px

		}

		.newslist .hottou .item {

			width: 49%;

			margin-left: 0;

			margin-right: 2%

		}

		.newslist .hottou .item:nth-of-type(3) {

			margin-right: 0

		}

		.newslist .hotbom .item {

			width: 49%;

			margin-left: 0;

			margin-right: 2%

		}

		.newslist .hotbom .item:nth-of-type(2n) {

			margin-right: 0

		}

		.newslist .item {

			width: 49%;

			margin-left: 0;

			margin-right: 1%

		}

		.newslist .item .tmain {

			padding: 10px

		}

		.newslist .item .tmain .title {

			font-size: 14px;

			margin: 5px 0;

			height: auto

		}

		.newslist .item .tmain .h3 {

			font-size: 12px;

			margin-bottom: 10px;

			height: 55px

		}

		.newslist .item .tmain .time {

			font-size: 12px

		}

		.newslist .hottou .hotbox .title h2 {

			font-size: 14px

		}

		.newslist .hottou .hotbox .title i,

		.newslist .hottou .hotbox .title .more {

			font-size: 12px

		}

		.news-details {

			padding: 20px 20px;

			margin: 0;

		}

		.news_r {

			margin: 20px auto !important;

			width: 100%;

		}

		.layout {

			padding: 0;

			width: 100%;

		}

		.news-title h1 {

			font-size: 20px

		}

		.case-tou {

			padding: 30px 0

		}

		.case-tou .name {

			width: 100%;

			padding-right: 0;

			border: 0;

			padding-bottom: 10px

		}

		.case-tou .tmain {

			width: 100%;

			margin-left: 0;

			padding-left: 0

		}

		.case-tou .tmain .sn {

			position: static;

			left: auto;

			top: auto;

			display: block;

			margin-bottom: 5px

		}

		.case-tou .link {

			float: left;

			margin-top: 10px

		}

		.casetext {

			padding: 40px 0

		}

		.caselike {

			padding-top: 10px;

			padding-bottom: 30px

		}

		.caselike .name {

			padding: 20px 0

		}

		.index-case ul li:hover .btn-group a,

		.index-case ul li:hover .btn-group a {

			height: 30px;

			line-height: 30px

		}

		.votemorewarp {

			padding-bottom: 60px

		}

		.votetmain {

			padding-top: 0;

			padding-bottom: 60px

		}

		.voteresult {

			padding-top: 30px

		}

		.votemolist ul li {

			width: 49%;

			margin-right: 2%;

			margin-top: 20px

		}

		.votemolist ul li:nth-of-type(2n) {

			margin-right: 0

		}

		.votemolist ul li a {

			padding: 20px 10px

		}

		.votemolist ul li .votit {

			font-size: 14px;

			height: 42px

		}

		.foottou {

			padding: 30px 20px;

		}

		.foottou .ftlogo {

			margin-top: 0

		}

		.foottou .ftcont {

			width: 100%;

			margin-left: 0;

			padding-top: 15px;

			display: inline-block;

			float: left;

		}

		.ftcont .hp {

			width: 50%;

			margin-left: 0;

			padding-top: 15px;

			display: inline-block;

			float: left;

		}

		.ftcont .hp:after {

			clear: both;

		}

		.foottou .ftewm {

			padding-top: 20px

		}

		.kefu {

			display: none

		}

	}

	

	.pageinfo {

		padding-right: 3px;

		padding-left: 3px;

		padding-bottom: 3px;

		margin: 31px;

		padding-top: 3px;

		text-align: center

	}

	

	.pageinfo a {

		border-right: #aad 1px solid;

		padding-right: 5px;

		border-top: #aad 1px solid;

		padding-left: 5px;

		padding-bottom: 2px;

		margin: 2px;

		border-left: #aad 1px solid;

		color: #ca2310;

		padding-top: 2px;

		border-bottom: #aad 1px solid;

		text-decoration: none

	}

	

	.pageinfo a:hover {

		border-right: #ca2310 1px solid;

		border-top: #ca2310 1px solid;

		border-left: #ca2310 1px solid;

		color: #000;

		border-bottom: #ca2310 1px solid

	}

	

	.pageinfo a:active {

		border-right: #ca2310 1px solid;

		border-top: #ca2310 1px solid;

		border-left: #ca2310 1px solid;

		color: #000;

		border-bottom: #ca2310 1px solid

	}

	

	.pageinfo span.thisclass {

		border-right: #ca2310 1px solid;

		padding-right: 5px;

		border-top: #ca2310 1px solid;

		padding-left: 5px;

		font-weight: 700;

		padding-bottom: 2px;

		margin: 2px;

		border-left: #ca2310 1px solid;

		color: #fff;

		padding-top: 2px;

		border-bottom: #ca2310 1px solid;

		background-color: #ca2310

	}

	

	.pageinfo span.disabled {

		border-right: #929292 1px solid;

		padding-right: 5px;

		border-top: #929292 1px solid;

		padding-left: 5px;

		padding-bottom: 2px;

		border-left: #929292 1px solid;

		color: #929292;

		margin-right: 2px;

		padding-top: 2px;

		border-bottom: #929292 1px solid

	}

	

	.portal-btn {

		display: block;

		width: 145px;

		margin: 22px auto 0;

		line-height: 30px;

		text-align: center;

		font-size: 14px;

		color: #ff4c53;

		border: 1px solid #ff4c53;

		background: #fff4f5;

		border-radius: 30px;

	}

	

	.tc_bg {

		width: 100%;

		height: 100%;

		position: fixed;

		top: 0;

		left: 0;

		z-index: 1000;

		background: #000;

		opacity: 0.5;

	}

	

	.tc_main {

		position: fixed;

		top: calc(100% - (50% + 193px));

		left: calc(100% - (50% + 328px));

		background: #fff;

		z-index: 1001;

	}

	

	.tc_content {

		z-index: 19891016;

		width: 655px;

		top: 225px;

		left: 321px;

	}

	

	.pop_zb_box {

		height: auto;

		width: 100%;

	}

	

	.pop_zb_box .pop_zb_container {

		position: relative;

		width: 100%;

		margin: 0 auto;

		z-index: 10;

		background: #fff;

	}

	

	.pop_zb_box .pop_zb_left {

		width: 260px;

		height: 363px;

		float: left;

		margin: 25px 0 0 25px;

	}

	

	.pop_zb_box .pop_zb_left .tips_img {

		width: 260px;

		height: 363px;

	}

	

	.pop_zb_box .pop_zb_right {

		width: 293px;

		float: left;

		margin-left: 35px;

	}

	

	.pop_zb_box .pop_zb_right .zb_column {

		margin-top: 23px;

		display: block;

	}

	

	.zb_column p.top {

		height: 24px;

		line-height: 24px;

		font-family: '微软雅黑';

		font-size: 18px;

		color: #dd4f50;

		font-weight: bold;

	}

	

	.pop_zb_right .zb_column i {

		margin: 0 4px -6px 0;

		/* width: 37px; */

		height: 24px;

		display: inline-block;

		background-position: -2px -327px;

	}

	

	.pop_zb_box .pop_zb_right .zb_column p.bottom {

		line-height: 14px;

		font-family: '微软雅黑';

		font-size: 14px;

		color: #333;

		margin-top: 12px;

	}

	

	.pop_zb_box .pop_zb_right form .box {

		width: 293px;

		min-height: 44px;

		margin-top: 18px;

		position: relative;

	}

	

	.pop_zb_box .pop_zb_right input[type="text"] {

		width: 270px;

		height: 22px;

		padding: 10px 10px;

		line-height: 24px;

		border: 1px #999 solid;

		background: #fff;

		font-size: 14px;

		color: #333;

	}

	

	.pop_zb_box .pop_zb_right select[name="yusuan_pop"] {

		width: 293px;

	}

	

	.pop_zb_box .pop_zb_right select {

		padding: 10px 21px 10px 21px;

		height: 44px;

		line-height: 44px;

		display: block;

		font-size: 14px;

		background: #f2f2f2;

		color: #202020;

	}

	

	.pop_zb_box .pop_zb_right .smbmit_btn {

		width: 293px;

		height: 44px;

		display: block;

		margin: 24px 0 0;

		padding: 0;

		float: left;

		background: #dd4f50;

		border: none;

		font-size: 14px;

		text-align: center;

		color: #fff;

		cursor: pointer;

	}

	

	.pop_zb_box .pop_zb_right .promise_txt {

		padding-top: 10px;

		clear: both;

		text-align: left;

		color: #999;

		font-size: 12px;

		line-height: 14px;

	}

	

	@media screen and (max-width:640px) {

		.f-content {

			display: none;

		}

		.fuchuang {}

		/*手机弹窗*/

		@media screen and (max-width:640px) {

			.tc_bg {

				width: 100%;

				height: 100%;

				position: fixed;

				top: 0;

				left: 0;

				z-index: 1000;

				background: #000;

				opacity: 0.5;

			}

			.tc_main {

				position: fixed;

				top: calc(100% - (50% + 187px));

				left: calc(100% - (50% + 167px));

				background: #fff;

				z-index: 1001;

			}

			.tc_content {

				z-index: 19891016;

				width: 335px;

				height: 373px;

			}

			.pop_zb_box {

				height: auto;

				width: 100%;

			}

			.pop_zb_box .pop_zb_container {

				position: relative;

				width: 100%;

				margin: 0 auto;

				z-index: 10;

				background: #fff;

			}

			.pop_zb_box .pop_zb_left {

				width: 260px;

				height: 363px;

				float: left;

				margin: 25px 0 0 25px;

				display: none;

			}

			.pop_zb_box .pop_zb_left .tips_img {

				width: 260px;

				height: 363px;

			}

			.pop_zb_box .pop_zb_right {

				width: 250px;

				float: left;

				margin-left: 23px;

			}

			.pop_zb_box .pop_zb_right .zb_column {

				margin-top: 23px;

				display: block;

			}

			.zb_column p.top {

				height: 24px;

				line-height: 24px;

				font-family: '微软雅黑';

				font-size: 18px;

				color: #dd4f50;

				font-weight: bold;

			}

			.pop_zb_right .zb_column i {

				margin: 0 4px -6px 0;

				/* width: 37px; */

				height: 24px;

				display: inline-block;

				background-position: -2px -327px;

			}

			.pop_zb_box .pop_zb_right .zb_column p.bottom {

				line-height: 14px;

				font-family: '微软雅黑';

				font-size: 14px;

				color: #333;

				margin-top: 12px;

			}

			.pop_zb_box .pop_zb_right form .box {

				width: 293px;

				min-height: 44px;

				margin-top: 18px;

				position: relative;

			}

			.pop_zb_box .pop_zb_right input[type="text"] {

				width: 241px;

				height: 22px;

				padding: 10px 25px;

				line-height: 24px;

				border: 1px #999 solid;

				background: #fff;

				font-size: 14px;

				color: #333;

			}

			.pop_zb_box .pop_zb_right select[name="yusuan_pop"] {

				width: 293px;

			}

			.pop_zb_box .pop_zb_right select {

				padding: 10px 21px 10px 21px;

				height: 44px;

				line-height: 44px;

				display: block;

				font-size: 14px;

				background: #f2f2f2;

				color: #202020;

			}

			.pop_zb_box .pop_zb_right .smbmit_btn {

				width: 292px;

				height: 44px;

				display: block;

				margin: 24px 0 0;

				padding: 0;

				float: left;

				background: #dd4f50;

				border: none;

				font-size: 14px;

				text-align: center;

				color: #fff;

				cursor: pointer;

			    -webkit-appearance: none;

			}

			.pop_zb_box .pop_zb_right .promise_txt {

				padding-top: 10px;

				clear: both;

				text-align: left;

				color: #999;

				font-size: 12px;

				line-height: 14px;

			}

		}

		.bottom_zb_box {

			display: none;

		}

		.bottom_zb_box .bottom_zb_container {

			position: relative;

			width: 100%;

			margin: 0 auto;

			z-index: 10;

		}

		.bottom_zb_box .zb_top_box {

			width: 100%;

			height: 80px;

			position: absolute;

			top: 0;

			left: 0;

			z-index: 15;

			cursor: pointer;

		}

		.bottom_zb_box .zb_top {

			width: 993px;

			height: 80px;

			margin: 0 auto;

			position: relative;

		}

		.bottom_zb_box .zb_top .zb_top_left,

		.bottom_zb_box .zb_top .zb_top_right {

			width: 275px;

			height: 65px;

			position: absolute;

			bottom: 0;

		}

		.bottom_zb_box .zb_top .zb_top_left {

			left: 90px;

			top: 24px;

			background-position: 0 -1px;

			background: url(//img.shejiben.com/shejiben_img/bottomZb/sprite.png?20170331) no-repeat;

		}

		.news_r {

			float: left;

			background: #fff;

			margin-left: 20px;

		}

		.news_r .news_ul3 {

			margin-left: 30px;

			margin-right: 30px;

			overflow: hidden;

		}

		.news_r .news_t {

			font-weight: normal;

			overflow: hidden;

			position: relative;

			padding-left: 30px;

			margin-top: 30px;

		}

		* {

			margin: 0;

			padding: 0;

			border: 0;

			-margin-top: -7px;

		}

		.news_r .news_t .h2 {

			font-weight: normal;

			color: #333333;

			font-size: 24px;

			margin-right: 30px;

			height: 34px;

			line-height: 34px;

		}

		.news_r .news_ul3 ul li .h3 {

			font-weight: normal;

			overflow: hidden;

			height: 27px;

			line-height: 27px;

			color: #333333;

			font-size: 18px;

			transition: all 0.3s;

		}

		.news_r .news_ul3 ul li label {

			display: block;

			height: 43px;

			line-height: 43px;

			color: #888888;

			font-size: 15px;

			cursor: pointer;

		}

		.news_r .news_ul3 ul li {

			display: block;

			border-bottom: 1px dashed #e7e7e7;

			padding-bottom: 16px;

			margin-bottom: 10px;

			padding-top: 18px;

		}

	}

	

	@media screen and (max-width: 1440px) {

		.news_r .news_ul3 {

			margin-left: 26px;

			margin-right: 26px;

		}

		.liucheng {

			padding: 12px 0px 0px 41px;

		}

	}

	

	@media screen and (max-width: 1440px) {

		.news_r .news_ul3 {

			margin-left: 26px;

			margin-right: 26px;

		}

		.liucheng {

			padding: 12px 0px 0px 41px;

		}

	}

/*文章详情页 正文内容*/

.news-text p {

    line-height: 1.8;

    font-size: 16px;

    margin-top: 1rem;

}
/*
.cities{

	margin-bottom: 80px;

}
*/
.recomand_news{

	float: left;

    width: calc(100% - 681px);

}

.index-case a {

    line-height: 3rem;

    font-size: 1.15rem;

}