html,body{
	min-width: 1200px;
	margin: 0 auto;
	background-color: #FFFFFF;
}
li {
	list-style: none;
}
a{text-decoration: none;}
a:hover, a:focus{
	text-decoration: none;
}

.swiper-container{
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
}
.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.probox{
	display: flex;
	flex-wrap: wrap;
}
.probox .col-md-4{
	min-height: 345px;
}

.xnit-logo div {
	background: url("../images/logo_en.png") no-repeat;
	background-size: contain;
	display: inline-block;
	height: 60px;
	margin-right: 15px;
	transition: all 0.3s ease 0s;
	width: 645px;
}

.top_phone div {
	background: url("../images/top_phone.png") right no-repeat;
	background-size: contain;
	display: inline-block;
	height: 75px;
	margin-bottom: 8px;
	margin-top: 20px;
	transition: all 0.3s ease 0s;
	width: 258px;
}

/*@media screen and (max-width:768px) {
	.xnit-logo div {
		width: 60px;
		height: 50px;
	}
}*/

.item img{width:100%;}

.rslides {
	position: relative;
	list-style: none;
	overflow: hidden;
	width: 100%;
	padding: 0;
	margin: 0;
}

.share-ul{
	float: left;
	margin-left: 25%;
	width: 210px;
}
.share-ul li{
	float: left;
	line-height: 40px;
	margin-right: 15px;
}

.nav_index{
	margin: 0 !important;
	width: 100%;
}
.nav_index>li {
	text-align: center;
	height: 100%;
}
.nav>li>a{
    padding: 25px 15px;
    font-size: 16px;
    height: 100%;
}

@media screen and (max-width:1200px) {
	.nav_index>li>a {
		padding: 15px 27px;
	}
	.nav_index>li {
		text-align: center;
	}
}

@media screen and (max-width:768px) {
	.nav_index>li,.aa,.nav_index>.nav2{
		width: 100%;
	}
	.nav_index{
		margin-left:0;
	}
	.container{
		width: 1170px;
	}
}


.menu{
	background: url("../images/menu_title_close.png") no-repeat 0 8px;
	padding-left: 10px;
	color: #828282;
	font-size: 18px;
}

.menusub{
	background: url("../images/menu_sub.png") no-repeat 0 8px;
	padding-left: 10px;
	color: #828282;
	font-size: 15px;
	margin-bottom:10px;
}

.productbox{
	padding: 10px 20px;
	background: #F7F7F7;
}
.productbox .prolist{
	height: 370px;
	padding: 25px 0;
	text-align: center;
	overflow: hidden;
	background: #FFFFFF;
}
.productbox .prolist .col-md-7{
	text-align: left;
}
.productbox .prolist a{
	color: #333333;
	font-size: 16px;
	font-weight: bolder;
}
.productbox .prolist a.btn{color: #FFFFFF;}
.prolist img{
	display: inline-block;
	
}

.products-type {
	margin-bottom: 20px;
}

.products-type a {
	color: #000;
	padding-bottom: 10px;
}

.products-type a:hover {
	text-decoration: none;
	color: #0071c1;
	border-bottom: 2px solid #0071c1;
	display: block;
}

.products-type .active {
	text-decoration: none;
	color: #0071c1;
	border-bottom: 2px solid #0071c1;
	display: block;
}

.products-type li {
	float: left;
	margin: 10px;
	height: 20px;
}

.Products_title_name {
	border-bottom: 2px solid #29a5d9;
	color: #333333;
	font-size: 36px;
	height: 67px;
	margin-bottom: 30px;
	text-align: center;
}

.Products_title_name2 {
	color: #333333;
	font-size: 36px;
	height: 67px;
	margin-bottom: 30px;
	text-align: center;
}

.Products_title_name3 {
	border-bottom: 5px solid #0071c1;
	color: #333;
	font-size: 36px;
	height: 67px;
	margin-bottom: 30px;
	text-align: center;
}

.Products_title_name .title_English {
	background: #29a5d9;
	border-radius: 15px;
	color: #ffffff;
	display: block;
	font-size: 16px;
	height: 30px;
	line-height: 30px;
	margin: 0 auto;
	text-align: center;
	width: 220px;
}

.Products_title_name2 .title_English2 {
	background: url("../images/index_sreach.png") no-repeat;
	color: #000;
	display: block;
	font-size: 14px;
	height: 60px;
	line-height: 45px;
	margin: 0 auto;
	width: 91%;
	padding-left: 30px;
}

.Products_title_name3 .title_English3 {
	background: url("../images/select_y.png") no-repeat;
	background-size: 100% 100%;
	color: #000;
	display: block;
	font-size: 14px;
	height: 60px;
	line-height: 45px;
	margin: 0 auto;
	width: 62%;
	padding-left: 30px;
}

.Systems_info {
	padding:0;
	margin:0 7px;
	width:271px;
	float:left;
	height:320px;
}


.Systems_info:hover {}

.Systems_info .title_name h5 {
	color: #333333;
	font-size: 18px;
}

.Systems_info .title_name {
	color: #999999;
	padding: 5px 0;
}

.Systems_info .about p {
	color: #999999;
	font-size: 14px;
	text-align: left;
}

.Systems_info img {
	width: 70%;
	margin: 0 auto;
}

.heading.heading_relative::before {
	border-top: 1px solid #dbdbdb;
	content: "";
	height: 0;
	left: auto;
	position: absolute;
	right: 0;
	top: 50%;
	width: 100%;
}

.heading.heading-border {
	margin-top: 45px;
}

.center {
	text-align: center;
}

.heading_relative {
	position: relative;
}

.heading.heading_relative h4 {
	color: #f60 !important;
	font-size: 18px;
}

.heading .heading-primary {
	background: #fff;
	display: inline-block;
	padding: 0 45px;
	position: relative;
}

.col-md-4 footer {
	background-color: rgba(0, 0, 0, 0.6);
	bottom: 0;
	height: 50px;
	padding-top: 5px;
	padding-left: 10px;
	position: absolute;
	width: 93%;
	z-index: 0;
}

.col-md-2 a p {
	color: #000;
}

.col-md-4 footer p {
	margin: 0;
	color: #fff;
}

.col-md-4 footer p span {
	color: #3399FF;
}

.index-example {
	margin-bottom: 10px;
	box-shadow:5px 5px 5px #ccc;
}

.customer-item {
	position: relative;
}
.customer-item .text-center{
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	padding:70px 20px;
	background: rgba(0,0,0,0.6);
	color: #FFFFFF;
	font-size: 18px;
}
.video .col-md-4{
	padding: 0;
}
.video a:nth-child(even) .text-center{
	background: rgba(50,102,207,0.8);
}
.video .img-thumbnail{
	width: 100%;
	height: 265px;
	padding: 0;
}
.advantage{
	width: 100%;
	background: #FFFFFF;
	padding-bottom: 50px;
}
.advantage .titbox .title{
	background: #FFFFFF;
}
.partner{
	background: url(../images/partnerbg.jpg) center no-repeat;
	background-size: cover;
	height: 387px;
	margin-top: 50px;
}
.partner .container{
	position: relative;
}
.partner .titbox{
	margin: 50px 0 15px;
}
.partner .col-md-2 span{
	color: #FFFFFF;
	line-height: 3;
	font-size: 16px;
}

.about1,.about2,.about3 {
	padding-left: 50px;
	margin-bottom: 10px;
}

.indexabout{
	background: #3266CF;
	height: 405px;
	padding: 25px 45px 30px 15px;
	margin-top: 100px;
	position: relative;
}
.indexabout .indexaboutR{
	color: #FFFFFF;
	padding: 0 0 0 60px;
}
.indexabout img{
	margin-top: -80px;
}
.indexabout strong{
	font-size: 48px;
	position: absolute;
	top: 0;
	left: 0;
	margin-left: -200px;
	opacity: 0.65;
}
.about1 {
	background: url(../images/about1.png) no-repeat;
}

.about2 {
	background: url(../images/about2.png) no-repeat;
}

.about3 {
	background: url(../images/about3.png) no-repeat;
}
.inews{
	background: #FFFFFF;
	padding: 50px 0;
}
.inews .titbox{
	margin: 0 0 20px;
}
.inews .titbox .title{
	background: #FFFFFF;
}
.news-list{
	background: #F7F7F7;
	padding: 20px;
	margin-bottom: 20px;
}
.news-list .nlistL{
	width: 15%;
	float: left;
	padding: 5px;
	text-align: center;
	background: #444444;
	color: #FFFFFF;
}
.news-list .nlistL b{
	font-size: 24px;
	line-height: 1;
}
.news-list .nlistL p{
	margin: 0;
	color: #333;
	font-size: 16px;
}
.news-list .nlistR{
	width: 82%;
	height: 100px;
	float: right;
}
.news-list .nlistR h3{
	margin: 0;
	margin-bottom: 15px;
	font-size: 20px;
	color: #333;
}
.news-list .nlistR span{
	color: #333333;
}
.news-list:hover{
	background: #FFFFFF;
	box-shadow:0 5px 15px rgba(0,0,0,0.1);
}
.news-list:hover .nlistL{
	background: #3266CF;
}

.subyou img {
	border-radius: 6px 6px 0 0;
}

.select {
	width: 370px;
	padding-left: 55px;
	padding-top: 2px;
	
}

.select li {
	line-height: 30px;
	min-height: 30px;
}

.select li img{
	margin-right: 10px;
}

.select-item {
	font-size: 20px;
	margin-left: 55px;
	border-bottom: 4px dotted;
	display: inline-block;
}

.select-item-title{
	color: coral; padding-bottom: 8px; 
}

@media screen and (max-width:768px) {
	.select-item {
		font-size: 1em;
	}
	.container{
		width: 1170px;
	}
}

.ournews li{
	margin: 10px 0;
	list-style-image: url(../images/index_news_list.png);
}

.ournews a{
	color: #656565;
}

.index-active-title {
	background: #000;
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	filter: alpha(opacity=50);
	opacity: 0.6;
	cursor: hand;
	height: 40px;
	line-height: 40px;
	padding-left: 5px;
	width: 100%;
}

/* scrollbox */
.scrollbox{position:relative;width:100%;height:146px;overflow:hidden;}
.scrollbox ul{position:absolute;left:0px;top:0px;}
.scrollbox li{float:left;width:6%;height:73px;overflow:hidden;padding:5px 0px;}
.scrollbox li a{float:left;display:inline-block;width:156px;height:63px;overflow:hidden;margin-left:10px;}
.scrollbox li a img{display:block;width:156px;height:63px;background:#eee;}
/* leftlist */
#leftlist{width:999em;padding-left: 0;}

/* ============================================================
  EFFECT 1 - SLIDE IN BOTTOM
============================================================ */

.effects {
	padding-left: 15px;
}

.effects .img {
	position: relative;
	float: left;
	margin-bottom: 20px;
	width: 25%;
	overflow: hidden;
}

.effects .img:nth-child(n) {}

.effects .img:first-child {}

.effects .img:last-child {
	margin-right: 0;
}

.effects .img img {
	display: block;
	margin: 0;
	padding: 0;
	max-width: 100%;
	height: auto;
}

.overlay {
	display: block;
	position: absolute;
	z-index: 20;
	background: rgba(0, 0, 0, 0.8);
	overflow: hidden;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

a.close-overlay {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 100;
	width: 45px;
	height: 45px;
	font-size: 20px;
	font-weight: 700;
	color: #fff;
	line-height: 45px;
	text-align: center;
	background-color: #000;
	cursor: pointer;
}

a.close-overlay.hidden {
	display: none;
}

a.expand {
	display: block;
	position: absolute;
	z-index: 100;
	width: 60px;
	height: 60px;
	border: solid 5px #fff;
	text-align: center;
	color: #fff;
	line-height: 50px;
	font-weight: 700;
	font-size: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	-ms-border-radius: 30px;
	-o-border-radius: 30px;
	border-radius: 30px;
}

#effect-1 .overlay {
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 0;
}

#effect-1 .overlay a.expand {
	left: 0;
	right: 0;
	bottom: 50%;
	margin: 0 auto -30px auto;
}

#effect-1 .img.hover .overlay {
	height: 100%;
}

.container .span6,.container .span5{
	margin: 0;
}
.container .span5{
	width: 560px;
}
@media only screen and (max-width: 1200px) {
	.effects {
		padding-left: 5px;
	}
	.effects .img {
		width: 50%;
	}
	.effects .img:nth-child(n) {
		margin-right: 5px;
	}
	.effects .img:first-child {
		margin-left: 0;
	}
	.effects .img:nth-child(2n-1) {
		margin-left: -5px;
	}
	.effects .img:nth-child(2n) {
		margin-right: 0;
	}
	.effects .img:last-child {
		margin-right: 0;
	}
	.container{
		width: 1170px;
	}
	.col-md-4{
		width: 33.3333%;
		float: left;
	}
	.col-md-3 {
	    width: 25%;
	    padding: 0;
	    float: left;
	}
	.col-md-9 {
	    width: 75%;
	    float: left;
	}
	.span6 {
	    width: 570px;
	    float: left;
	}
	.span5 {
	    width: 590px !important;
	    float: left !important;
	}
}

@media only screen and (max-width: 520px) {
	.effects .img {
		width: 100%;
	}
	.effects .img:nth-child(n) {
		margin-right: 0;
	}
	.effects .img:first-child {
		margin-left: 0;
	}
	.effects .img:nth-child(2n-1) {
		margin-left: 0;
	}
	.effects .img:nth-child(2n) {
		margin-right: 0;
	}
	.effects .img:last-child {
		margin-right: 0;
	}
	.effects .img img {
		margin: 0 auto;
	}
}


/*app*/

.app-mobile {
	padding-left: 50px;
}

.app-mobile-bottom {
	margin-top: 90px;
}

@media screen and (max-width:1200px) {
	.app-mobile {
		padding-left: 0px;
	}
	.app-mobile-bottom {
		margin-top: 0px;
	}
}

.app-mobile-icon {
	font-size: 35px;
}

.mobile-title {
	height: 40px;
	line-height: 40px;
	margin-bottom: 20px;
	border-bottom: 1px solid darkgrey;
}

.app-otitle {
	color: #f60;
}

.app-function>h4 {
	margin: 30px 0;
}

.app-function>h4>span {
	border-bottom: 1px solid;
	padding-bottom: 3px;
}

.app-function-icon {
	height: 115px;
	line-height: 115px;
	font-size: 50px;
}

.app-news-list .col-md-4 {
	padding: 0 50px;
}

.inside-list-title {
	border-left: 3px solid coral;
	height: 30px;
	line-height: 30px;
	padding-left: 10px;
}

.inside-list {
	border: none;
	margin-left: 10px;
	padding-left: 0;
	padding-right: 0;
	margin-bottom: 0;
}

.inside-list span {
	margin-right: 10px;
}

.more {
	float: right;
	height: 30px;
	line-height: 30px;
}


/*about us*/

.about-title {
	border-left: 5px solid coral;
}

.about-direction {
	margin-bottom: 20px;
}

.about-direction a {
	color: #333;
}

.product_tb1 img{margin:0 10px 10px 0;}

.product_tb table{width:100%}

.product_tb tr,.product_tb td{border:1px solid #000;}


/*footer*/

#footer {
	background: #f7f7f7 none repeat scroll 0 0;
	clear: both;
	font-size: 14px;
	line-height: 30px;
	padding: 50px 0 0;
	position: relative;
}

#footer a {
	color:#666;
}

#footer h5 {
	color: #3266CF;
	font-size: 18px;
	margin-bottom: 15px;
}

#footer .footer-copyright {
	background: #D9D9D9 none repeat scroll 0 0;
	padding: 10px 0;
}
#footer .code{
	font-size: 16px;
	font-weight: 600;
	margin-top: 40px;
}

#footerbox p {
	color: #333;
}
#footerbox tr td{
	padding-left: 20px;
}

.breadcrumb2{
	border-radius: 4px;
    list-style: outside none none;
    margin-bottom: 20px;
    padding: 8px 15px;
}

.breadcrumb2 li{
	display: inline-block;
}

.breadcrumb2 > li + li::before {
    color: #ccc;
    content: "|";
    padding: 0 10px;
}

/*首页轮播-zhauto*/
.pic_lists ul{padding:0;margin: 0;}
.pic_con{width:850px;padding:15px;margin:0px auto 0px;position:relative}
.pic_lists{float:left;width:8888px;height:130px;overflow:hidden;position:absolute;top:0px;left:0px}
.btn_change{width:45px;height:45px;position:absolute;text-indent:-9999px;cursor:pointer;z-index:999;}
.left_btn{background:url(../images/p_left.png) left no-repeat;top:20%;left:-15px;background-size: 100% !important;}
.right_btn{background:url(../images/p_right.png) right no-repeat;top:20%;right:-15px;background-size: 100% !important;}

.pic_content{overflow:hidden;height:130px;float:left;width:1110px;padding:10px 0;position:relative;margin:10px 32px;}
.pic_content ul li{float:left;width:222px;padding:5px;text-align:center;position:relative;height: 120px;}
.pic_content li a{display: block;width: 98%;height: 100%;margin: 0 auto;border: 1px solid #ddd;padding: 5px;}
.pic_content ul li p{color:#333;margin: 0;}
.pic_content ul li a img{width:190px;height:148px}

.highlight_tip{width:50%;position:relative;margin:0 auto;top: -15px;left: 20%;}
.highlight_tip span{height:24px;padding:5px;line-height:24px;float:left;margin:0 2px;cursor:pointer}
.highlight_tip span.current{height:18px;width:18px;line-height:18px;background:#9CC;text-align:center}

#backtotop{width: 50px;height: 50px;padding: 25px;position: fixed;right: 50px;bottom: 200px;z-index: 999;}
#backtotop .fa{font-size: 50px;}


.pagination ul {
    display: inline-block;
    display: inline;
    margin-bottom: 0;
    margin-left: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    zoom: 1;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.05);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.05);
    box-shadow: 0 1px 2px rgba(0,0,0,0.05);
}
.pagination ul>li {
    display: inline;
}
.pagination ul>li:first-child>a, .pagination ul>li:first-child>span {
    border-left-width: 1px;
    -webkit-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
    -webkit-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-topleft: 0;
}

.pagination ul>li>a, .pagination ul>li>span {
    float: left;
    padding: 4px 12px;
    line-height: 20px;
    text-decoration: none;
    background-color: #dfdfdf;
    border: 1px solid transparent;
    border-left-width: 0;
    margin-right: 6px;
    color: #222;
}
.pagination ul>.active>a, .pagination ul>.active>span {
    color: #dfdfdf;
    cursor: default;
}
.pagination ul>li>a:hover, .pagination ul>li>a:focus, .pagination ul>.active>a, .pagination ul>.active>span {
    background-color: #428bca;
}
.pagination ul>li>a, .pagination ul>li>span {
    margin-right: 6px;
    color: #222;
}
.pagination ul>li>a, .pagination ul>li>span {
    float: left;
    padding: 4px 12px;
    line-height: 20px;
    text-decoration: none;
    background-color: #dfdfdf;
    border: 1px solid transparent;
    border-left-width: 0;
}
.swiper-container {
	margin:0 auto;
	position:relative;
	overflow:hidden;
	direction:ltr;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	-o-backface-visibility:hidden;
	backface-visibility:hidden;
	/* Fix of Webkit flickering */
	z-index:1;
}
.swiper-wrapper {
	position:relative;
	width:100%;
	-webkit-transition-property:-webkit-transform, left, top;
	-webkit-transition-duration:0s;
	-webkit-transform:translate3d(0px,0,0);
	-webkit-transition-timing-function:ease;
	
	-moz-transition-property:-moz-transform, left, top;
	-moz-transition-duration:0s;
	-moz-transform:translate3d(0px,0,0);
	-moz-transition-timing-function:ease;
	
	-o-transition-property:-o-transform, left, top;
	-o-transition-duration:0s;
	-o-transform:translate3d(0px,0,0);
	-o-transition-timing-function:ease;
	-o-transform:translate(0px,0px);
	
	-ms-transition-property:-ms-transform, left, top;
	-ms-transition-duration:0s;
	-ms-transform:translate3d(0px,0,0);
	-ms-transition-timing-function:ease;
	
	transition-property:transform, left, top;
	transition-duration:0s;
	transform:translate3d(0px,0,0);
	transition-timing-function:ease;

	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
.swiper-free-mode > .swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto;
}
.swiper-slide {
	float: left;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
	-ms-touch-action: pan-y;
}
.swiper-wp8-vertical {
	-ms-touch-action: pan-x;
}

/* ===============================================================
Your custom styles, here you need to specify container's and slide's
sizes, pagination, etc.
================================================================*/
.swiper-container {
	/* Specify Swiper's Size: */

	/*width:200px;
	height: 100px;*/
}
.swiper-slide {
	/* Specify Slides's Size: */
	
	/*width: 100%;
	height: 100%;*/
}
.swiper-slide-active {
	/* Specific active slide styling: */
	
}
.swiper-slide-visible {
	/* Specific visible slide styling: */	

}
/* ===============================================================
Pagination Styles
================================================================*/
.swiper-pagination-switch {
	/* Stylize pagination button: */	

}
.swiper-active-switch {
	/* Specific active button style: */	
	
}
.swiper-visible-switch {
	/* Specific visible button style: */	
	
}



.hidden-xs .col-md-3 {width: 25%;padding: 0;float: left;padding-right: 30px;}
.hidden-xs .col-md-9 {width: 75%;float: left;}
.hidden-xs .headbg{padding: 70px 0 20px;text-align: center;background: url(../images/promenubg.png) 50% no-repeat;background-size: cover;}
.hidden-xs .headbg h2{color: #FFFFFF;}
.hidden-xs .accordion-heading .accordion-toggle{font-size: 16px;color: #FFFFFF;background: url(../images/menubg.png) repeat-x;padding:10px 15px;font-weight: 500;}
.hidden-xs .accordion-heading .accordion-toggle img{float: right;margin: 5px;}
.hidden-xs .accordion-group{border: none;}
.hidden-xs .row-fluid{border: 4px solid #0d64be;}
.hidden-xs .accordion{margin-bottom: -2px;}
.hidden-xs .accordion-inner{padding: 0;}
.hidden-xs .accordion-inner .col-md-12{padding:5px 15px;border-bottom: 1px solid #888888;font-size: 14px;}
.hidden-xs .nav-tabs{margin: 50px 0;-webkit-box-shadow: 0px 10px 35px rgba(0,0,0,0.1);box-shadow: 0px 10px 35px rgba(0,0,0,0.1);background: #FFFFFF;}
.hidden-xs .nav-tabs,.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{border: 0;}
.hidden-xs .nav-tabs>li{width: 20%;text-align: left;padding: 30px 0;}
.hidden-xs .nav-tabs>li>a{background: #FFFFFF;border: 0;border-right: 1px solid #d4d4d4;color: #333333;font-weight: 500;font-size: 14px;padding: 15px 1px;margin: 0; border-radius: 0;height: 70px;text-align: center;}
.hidden-xs .nav-tabs>li:last-child a{border: 0;}
.nav-tabs>li.active, .nav-tabs>li.active:focus, .nav-tabs>li.active:hover{background: #3266cf;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{background: #3266cf;color: #FFFFFF;border: 0;}
.nav-tabs>li>a:hover {border-right: 1px solid #d4d4d4;}
.hidden-xs .nav-tabs>li>a span{color: #999999;font-size: 12px;font-weight: 200;}
.nav-tabs>li.active>a span, .nav-tabs>li.active>a:focus span, .nav-tabs>li.active>a:hover span{color: #E0E0E0;}
.tab-content .tab-pane .col-md-12{margin: 0 auto;margin:30px 0;padding: 20px;-webkit-box-shadow: 3px 4px 18px rgba(0,0,0,0.2);-moz-box-shadow: 3px 4px 18px rgba(0,0,0,0.2);box-shadow: 3px 4px 18px rgba(0,0,0,0.2); float: none;}
.hidden-xs .tab-content{overflow: inherit;padding: 0 5px;}
.tab-pane .title{border-bottom: 1px solid #666;padding: 20px 0 10px;font-size: 20px;font-weight: 500;}
.tab-pane .excerpt{margin-top: 10px;height: 80px;}
.tab-pane .button{width: 70%;margin: 0 auto;}
.tab-pane .btn{padding: 5px 32px;border-radius: 25px;background: #3266cf;color: #FFFFFF;}
.tab-pane .btn-primary{background: url(../images/lanbg.png) repeat-x;float: left;}
.tab-pane .btn-default{float: right;}
.tab-pane .arrow-leftl {
  background: url(../images/left.png) no-repeat left top;
  background-size: cover;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -15px;
  width: 50px;
  height: 50px;
  z-index: 9;
}
.tab-pane .arrow-rightl {
  background: url(../images/right.png) no-repeat left bottom;
  background-size: cover;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -15px;
  width: 50px;
  height: 50px;
  z-index: 9;
}
.tab-pane .swiper-container{width: 90%;margin: 0 auto;height: 280px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.tab-pane .swiper-container .swiper-slide{padding: 0 10px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.tab-pane .swiper-slide .slide-content{border: 1px solid #DDDDDD;padding: 5;}
.tab-pane .swiper-slide .proimg{height: 170px;overflow: hidden;}
.tab-pane .swiper-slide .listtitle{font-size: 14px;text-align: left;padding: 5px 10px;height: 70px;}

.fra-boxCenter {
	display: flex !important;
	justify-content: center;
	align-items: center;
}

.fra-lineCenter {
	margin: 0 auto;
   }