.swiper-container {



	width: 100%;



	height: 475px;



	z-index: 1



}



.swiper-container .swiper-slide {



	width: 100%;



	height: 475px



}



.swiper-container .swiper-slide a {



	width: 100%;



	height: 475px;



	display: block



}



.swiper-pagination {



	width: 1200px!important;



	left: 50%!important;



	text-align: center;



	margin-left: -600px;



	margin-bottom: 40px



}



.swiper-pagination .swiper-pagination-bullet {



	width: 10px;



	height: 6px;



	margin: 0 0 0 4px!important;



	opacity: 1;



	background: #fff;



	border-radius: 4px;



	font-size: 0



}



.swiper-pagination .swiper-pagination-bullet-active {



	width: 15px;



	background: #fff



}



.notice_warp_box {



	width: 1200px;



	height: 30px;



	margin: 0 auto;



	position: relative



}



.notice_warp_box .notice_box {



	width: 100%;



	height: 60px;



	background: #fff;



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



	position: absolute;



	left: 0;



	top: -30px;



	z-index: 99;



	overflow: hidden



}



.notice_warp_box .notice_box .button-next {



	width: 50px;



	height: 60px;



	text-align: center;



	line-height: 60px;



	float: left;



	position: initial;



	color: #999



}



.notice_warp_box .notice_box .button-prev {



	width: 50px;



	height: 60px;



	text-align: center;



	line-height: 60px;



	float: left;



	position: initial;



	color: #999



}



.notice_warp_box .notice_box .swiper-wrapper {



	width: 900px;



	height: 60px;



	float: left



}



.notice_warp_box .notice_box .swiper-wrapper .swiper-slide {



	height: 60px;



	line-height: 60px



}



.notice_warp_box .notice_box .swiper-wrapper .swiper-slide a {



	height: 60px;



	line-height: 60px;



	display: block



}



.notice_warp_box .notice_box .pagination {



	width: auto;



	height: 60px;



	position: absolute;



	margin: 0;



	right: 15px



}



.notice_warp_box .notice_box .pagination .swiper-pagination-bullet {



	width: 30px;



	height: 60px;



	float: left;



	padding: 0;



	margin: 0;



	background: url(../images/do.gif) no-repeat center;



	opacity: 1



}



.notice_warp_box .notice_box .pagination .swiper-pagination-bullet-active {



	background: url(../images/doo.gif) no-repeat center



}



.title_pulice_box {



	width: 1200px;



	height: 60px;



	margin: 22px auto 0



}



.title_pulice_box .title_left {



	height: 50px;



	float: left



}



.title_pulice_box .title_left b {



	height: 50px;



	line-height: 50px;



	font-size: 26px;



	padding-right: 8px;



	display: block;



	float: left



}



.title_pulice_box .title_left span {



	height: 50px;



	line-height: 64px;



	font-size: 14px;



	font-weight: 500;



	overflow: hidden;



	color: #ccc;



	display: block;



	float: left



}



.title_pulice_box .title_right {



	height: 50px;



	float: right



}



.title_pulice_box .title_right ul li {



	float: left;



	height: 26px;



	line-height: 26px;



	margin-top: 14px;



	margin-right: 1px



}



.title_pulice_box .title_right ul li a {



	padding: 0 9px;



	display: block



}



.title_pulice_box .title_right ul li.active a {



	background: #152b59;



	color: #fff



}



.title_pulice_box .title_right ul li.more {



	width: 30px;



	margin-top: 16px;



	transition: .2s ease-in-out;



	-webkit-transition: .2s ease-in-out;



	-moz-transition: .2s ease-in-out;



	-o-transition: .2s ease-in-out



}



.title_pulice_box .title_right ul li.more a {



	width: 100%;



	height: 20px;



	line-height: 20px;



	display: block;



	position: relative



}



.title_pulice_box .title_right ul li.more a:before {



	position: absolute;



	color: #dedede;



	right: -5px;



	top: 2px;



	font-family: iconfont!important;



	content: "\e621"



}



.title_pulice_box .title_right ul li.more a i {



	width: 25px;



	height: 1px;



	background: #dedede;



	right: 0;



	top: 11px;



	position: absolute;



	transition: .2s ease-in-out;



	-webkit-transition: .2s ease-in-out;



	-moz-transition: .2s ease-in-out;



	-o-transition: .2s ease-in-out



}



.title_pulice_box .title_right ul li.more a:hover i {



	width: 56px;



	background: #cb2730;



	transition: .2s ease-in-out;



	-webkit-transition: .2s ease-in-out;



	-moz-transition: .2s ease-in-out;



	-o-transition: .2s ease-in-out



}



.title_pulice_box .title_right ul li.more:hover {



	width: 56px;



	transition: .2s ease-in-out;



	-webkit-transition: .2s ease-in-out;



	-moz-transition: .2s ease-in-out;



	-o-transition: .2s ease-in-out



}



.title_pulice_box .title_right ul li.more:hover a:before {



	background: #fff;



	color: #cb2730



}



.goods_warp_box {



	width: 1200px;



	height: auto;



	display: table;



	margin: 0 auto



}



.goods_warp_box ul li {



	width: 285px;



	height: auto;



	display: table;



	float: left;



	margin-right: 20px



}



.goods_warp_box ul li a {



	width: 285px;



	height: auto;



	display: table;



	border-bottom: 1px solid #eee;



	transition: .2s ease-in-out;



	-webkit-transition: .2s ease-in-out;



	-moz-transition: .2s ease-in-out;



	-o-transition: .2s ease-in-out



}



.goods_warp_box ul li a img{



	width:285px;



	height:165px;



}



.goods_warp_box ul li.l4 {



	margin-right: 0



}



.goods_warp_box ul li p {



	width: 100%;



	height: 32px;



	line-height: 36px;



	font-size: 14px;



	display: block;



	overflow: hidden;



	transition: .2s ease-in-out;



	-webkit-transition: .2s ease-in-out;



	-moz-transition: .2s ease-in-out;



	-o-transition: .2s ease-in-out



}



.goods_warp_box ul li time {



	width: 100%;



	height: 28px;



	display: block;



	transition: .2s ease-in-out;



	-webkit-transition: .2s ease-in-out;



	-moz-transition: .2s ease-in-out;



	-o-transition: .2s ease-in-out



}



.goods_warp_box ul li a:hover p, .goods_warp_box ul li a:hover time {



	color: #fff;



	padding-left: 15px;



	transition: .2s ease-in-out;



	-webkit-transition: .2s ease-in-out;



	-moz-transition: .2s ease-in-out;



	-o-transition: .2s ease-in-out



}



.goods_warp_box ul li a:hover {



	background: #428be3;



	border-bottom: 1px solid #428be3;



	transition: .2s ease-in-out;



	-webkit-transition: .2s ease-in-out;



	-moz-transition: .2s ease-in-out;



	-o-transition: .2s ease-in-out



}



.news_warp_box {



	width: 1200px;



	height: auto;



	display: table;



	margin: 0 auto 40px



}



.news_warp_box ul li {



	width: 580px;



	height: auto;



	display: table;



	float: left;



	margin-right: 40px



}



.news_warp_box ul li a {



	width: 580px;



	height: auto;



	display: table;



	padding-bottom: 14px;



	transition: .2s ease-in-out;



	-webkit-transition: .2s ease-in-out;



	-moz-transition: .2s ease-in-out;



	-o-transition: .2s ease-in-out



}



.news_warp_box ul li a img {



	width:580px;



	height:287px;



}



.news_warp_box ul li.l2 {



	margin-right: 0



}



.news_warp_box ul li b {



	width: 100%;



	height: 38px;



	line-height: 44px;



	padding: 0 10px;



	color: #000;



	font-size: 16px;



	font-weight: 500;



	display: block;



	overflow: hidden;



	transition: .2s ease-in-out;



	-webkit-transition: .2s ease-in-out;



	-moz-transition: .2s ease-in-out;



	-o-transition: .2s ease-in-out



}



.news_warp_box ul li span {



	width: 100%;



	height: 30px;



	color: #ccc;



	padding: 0 10px;



	display: block;



	overflow: hidden;



	transition: .2s ease-in-out;



	-webkit-transition: .2s ease-in-out;



	-moz-transition: .2s ease-in-out;



	-o-transition: .2s ease-in-out



}



.news_warp_box ul li p {



	width: 100%;



	height: 40px;



	line-height: 20px;



	padding: 0 10px;



	display: block;



	overflow: hidden;



	color: #999;



	transition: .2s ease-in-out;



	-webkit-transition: .2s ease-in-out;



	-moz-transition: .2s ease-in-out;



	-o-transition: .2s ease-in-out



}



.news_warp_box ul li a:hover {



	background: #428be3;



	transition: .2s ease-in-out;



	-webkit-transition: .2s ease-in-out;



	-moz-transition: .2s ease-in-out;



	-o-transition: .2s ease-in-out



}



.news_warp_box ul li a:hover b, .news_warp_box ul li a:hover p {



	color: #fff;



	padding: 0 15px;



	transition: .2s ease-in-out;



	-webkit-transition: .2s ease-in-out;



	-moz-transition: .2s ease-in-out;



	-o-transition: .2s ease-in-out



}



.news_warp_box ul li a:hover span {



	color: #9dbff7;



	padding: 0 15px;



	transition: .2s ease-in-out;



	-webkit-transition: .2s ease-in-out;



	-moz-transition: .2s ease-in-out;



	-o-transition: .2s ease-in-out



}



.solution_box {



	width: 100%;



	height: 609px;



	position: relative



}



.solution_box .about_text_bg {



	width: 50%;



	height: 609px;



	float: left



}



.solution_box .about_text_bg img {



	width: 100%;



	height: 100%



}



.solution_box .about_text_box {



	width: 50%;



	height: 609px;



	background: url(../images/s_bg.png) no-repeat left bottom #428be3;



	float: right



}



.solution_box .about_box_hz {



	width: 1200px;



	height: 609px;



	position: absolute;



	top: 0;



	left: 50%;



	margin-left: -600px



}



.solution_box .about_box_hz .nl_box {



	width: 600px;



	height: 609px;



	float: right;



	padding: 0 42px;



	padding-right: 0



}



.solution_box .about_box_hz .nl_box .title {



	width: 100%;



	height: auto;



	display: table;



	padding-top: 42px



}



.solution_box .about_box_hz .nl_box .title b {



	width: 100%;



	height: 54px;



	font-size: 34px;



	color: #fff;



	display: block



}



.solution_box .about_box_hz .nl_box .title i {



	width: 34px;



	height: 2px;



	font-size: 0;



	display: block;



	background: #fff;



	clear: both



}



.solution_box .about_box_hz .nl_box .title span {



	width: 100%;



	height: 60px;



	font-weight: 700;



	font-size: 26px;



	color: #fff;



	display: block;



	text-transform: uppercase



}



.solution_box .about_box_hz .nl_box .solution_li {



	width: 100%;



	height: 350px



}



.solution_box .about_box_hz .nl_box .solution_li ul li {



	width: 100%;



	height: 50px;



	line-height: 50px; 



	overflow:hidden;



}



.solution_box .about_box_hz .nl_box .solution_li ul li a {



	display: block;



	font-size: 16px;



	color: #c2d5f4



}



.solution_box .about_box_hz .nl_box .solution_li ul li a:hover {



	color: #ffab00



}



.solution_box .about_box_hz .nl_box .btn_coolc {



	width: 100%;



	height: 48px



}



.solution_box .about_box_hz .nl_box .btn_coolc a {



	width: 160px;



	height: 48px;



	line-height: 46px;



	padding: 0 15px;



	border: 1px solid #c2d5f4;



	display: block;



	transition: .2s ease-in-out;



	-webkit-transition: .2s ease-in-out;



	-moz-transition: .2s ease-in-out;



	-o-transition: .2s ease-in-out



}



.solution_box .about_box_hz .nl_box .btn_coolc a span {



	font-size: 15px;



	display: block;



	float: left;



	color: #fff;



	transition: .2s ease-in-out;



	-webkit-transition: .2s ease-in-out;



	-moz-transition: .2s ease-in-out;



	-o-transition: .2s ease-in-out



}



.solution_box .about_box_hz .nl_box .btn_coolc a i {



	display: block;



	float: right;



	color: #fff;



	transition: .2s ease-in-out;



	-webkit-transition: .2s ease-in-out;



	-moz-transition: .2s ease-in-out;



	-o-transition: .2s ease-in-out



}



.solution_box .about_box_hz .nl_box .btn_coolc a:hover {



	width: 220px;



	background: #fff;



	border: 1px solid #fff;



	transition: .2s ease-in-out;



	-webkit-transition: .2s ease-in-out;



	-moz-transition: .2s ease-in-out;



	-o-transition: .2s ease-in-out



}



.solution_box .about_box_hz .nl_box .btn_coolc a:hover span, .solution_box .about_box_hz .nl_box .btn_coolc a:hover i {



	color: #428be3;



	transition: .2s ease-in-out;



	-webkit-transition: .2s ease-in-out;



	-moz-transition: .2s ease-in-out;



	-o-transition: .2s ease-in-out



}



.case_warp_box {



	width: 1200px;



	height: auto;



	display: table;



	margin: 0 auto;



	padding-bottom: 35px;

	padding-top: 52px;



}



.case_warp_box ul li {



	width: 293px;



	height: 253px;



	;



	display: table;



	float: left;



	margin-right: 9px



}



.case_warp_box ul li a {



	width: 293px;



	height: 253px;



	;



	display: table;



	border-bottom: 1px solid #eee;



	transition: .2s ease-in-out;



	-webkit-transition: .2s ease-in-out;



	-moz-transition: .2s ease-in-out;



	-o-transition: .2s ease-in-out



}



.case_warp_box ul li.l4 {



	margin-right: 0



}



.case_warp_box ul li p {



	width: 100%;



	height: 46px;



	line-height: 46px;



	text-align: center;



	font-size: 14px;



	display: block;



	overflow: hidden;



	transition: .2s ease-in-out;



	-webkit-transition: .2s ease-in-out;



	-moz-transition: .2s ease-in-out;



	-o-transition: .2s ease-in-out



}



.case_warp_box ul li a img {



	width: 293px;



	height: 253px;



}



.case_warp_box ul li a:hover p {



	color: #fff;



	transition: .2s ease-in-out;



	-webkit-transition: .2s ease-in-out;



	-moz-transition: .2s ease-in-out;



	-o-transition: .2s ease-in-out



}



.case_warp_box ul li a:hover {



	background: #428be3;



	border-bottom: 1px solid #428be3;



	transition: .2s ease-in-out;



	-webkit-transition: .2s ease-in-out;



	-moz-transition: .2s ease-in-out;



	-o-transition: .2s ease-in-out



}



.about_warp_box {



	width: 100%;



	height: auto;



	display: table;



	padding: 40px 0;



	background: #f5f5f5;



	overflow: hidden



}



.about_warp_box .about_box {



	width: 1200px;



	height: auto;



	display: table;



	margin: 0 auto



}



.about_warp_box .about_box .left_pic {



	width: 576px;



	height: 376px;



	float: left



}



.about_warp_box .about_box .right_box {



	width: 600px;



	height: 376px;



	float: right



}



.about_warp_box .about_box .right_box .title_box {



	width: 100%;



	height: 56px;



	display: block



}



.about_warp_box .about_box .right_box .title_box b {



	height: 40px;



	line-height: 26px;



	font-size: 26px;



	padding-right: 8px;



	display: block;



	float: left



}



.about_warp_box .about_box .right_box .title_box span {



	height: 40px;



	line-height: 40px;



	font-size: 14px;



	font-weight: 500;



	overflow: hidden;



	color: #ccc;



	display: block;



	float: left



}



.about_warp_box .about_box .right_box .title_text {



	width: 100%;



	height: 272px;



	display: block



}



.about_warp_box .about_box .right_box .title_text p {



	width: 100%;



	height: auto;



	display: table;



	color: #999;



	font-size: 14px;



	line-height: 28px;



	text-indent: 28px;



	padding-bottom: 15px



}



.about_warp_box .about_box .right_box .btn_coolc {



	width: 100%;



	height: 48px



}



.about_warp_box .about_box .right_box .btn_coolc a {



	width: 160px;



	height: 48px;



	line-height: 46px;



	padding: 0 15px;



	border: 1px solid #ccc;



	display: block;



	transition: .2s ease-in-out;



	-webkit-transition: .2s ease-in-out;



	-moz-transition: .2s ease-in-out;



	-o-transition: .2s ease-in-out



}



.about_warp_box .about_box .right_box .btn_coolc a span {



	font-size: 15px;



	display: block;



	float: left;



	color: #999;



	transition: .2s ease-in-out;



	-webkit-transition: .2s ease-in-out;



	-moz-transition: .2s ease-in-out;



	-o-transition: .2s ease-in-out



}



.about_warp_box .about_box .right_box .btn_coolc a i {



	display: block;



	float: right;



	color: #999;



	transition: .2s ease-in-out;



	-webkit-transition: .2s ease-in-out;



	-moz-transition: .2s ease-in-out;



	-o-transition: .2s ease-in-out



}



.about_warp_box .about_box .right_box .btn_coolc a:hover {



	width: 220px;



	background: #428be3;



	border: 1px solid #428be3;



	transition: .2s ease-in-out;



	-webkit-transition: .2s ease-in-out;



	-moz-transition: .2s ease-in-out;



	-o-transition: .2s ease-in-out



}



.about_warp_box .about_box .right_box .btn_coolc a:hover span, .about_warp_box .about_box .right_box .btn_coolc a:hover i {



	color: #fff;



	transition: .2s ease-in-out;



	-webkit-transition: .2s ease-in-out;



	-moz-transition: .2s ease-in-out;



	-o-transition: .2s ease-in-out



}



.pic-img a img{



	width:576px;



	height:376px;



}



.partner_links_box {



	width: 100%;



	height: auto;



	display: table;



	background: #fff;



	padding: 30px 0 25px



}



.partner_links_box .partner_title {



	width: 1200px;



	height: auto;



	display: table;



	text-align: center;



	padding-bottom: 15px



}



.partner_links_box .partner_title h2 {



	width: 100%;



	height: 32px;



	font-size: 26px;



	display: block;



	color: #000



}



.partner_links_box .partner_title p {



	width: 100%;



	height: 22px;



	line-height: 22px;



	display: block;



	color: #999



}



.partner_links_box .partner_li {



	width: 100%;



	height: 225px;



	border: 1px solid #ededed



}



.partner_links_box .partner_li ul li {



	width: 20%;



	height: 223px;



	border-right: 1px solid #ededed;



	float: left



}



.partner_links_box .partner_li ul li:nth-last-child(1) {



	border-right: 0



}



.partner_links_box .partner_li ul li a {



	padding: 25px;



	display: block



}



.partner_links_box .partner_li ul li a img {



	width: 190px;



	height: 130px



}



.partner_links_box .partner_li ul li a p {



	width: 100%;



	height: 43px;



	overflow: hidden;



	line-height: 43px;



	font-size: 14px;



	text-align: center;



	display: block



}



.partner_links_box .links_title {



	width: 100%;



	height: auto;



	display: table;



	padding: 12px 0



}



.partner_links_box .links_title b {



	font-size: 18px



}



.partner_links_box .links_content {



	width: 100%;



	height: auto;



	display: table



}



.partner_links_box .links_content a {



	padding: 0 15px 5px 0;



	font-size: 14px;



	color: #999



}



.partner_links_box .links_content a:hover {



	color: red



}