﻿
h2,
.h6 {
  font-weight: 500;
  line-height: 1.1;
}
h2,
.h2 {
  font-size: 30px;
}




.text-center {
  text-align: center;
}




/*product*/
#owl-demoa {width: 100%; margin-left: auto; margin-right: auto; }
#owl-demoa .item {display: block; }
#owl-demoa img {display: block; width: 100%; }
#owl-demo{margin-bottom: 60px;}
#owl-demo .owl-pagination{bottom: -50px;}
#owl-demo .owl-page.active span{background: #21a1e9;}
.products li{margin: 0 1%;float: left;border: 1px solid #ccc;border-radius: 10px;padding: 20px;overflow: hidden;}
.products li span{display: block;width: 100%;height: 100%;overflow: hidden;}
.products li img{max-width: 100%;margin-bottom: 10px;}
.products li:hover img{-webkit-transform:scale(1.2); 
    -moz-transform:scale(1.2); 
    -o-transform:scale(1.2);)}
.products em{font-style: normal;float: right;font-size: 12px;}
.products li p{height: 38px;line-height: 38px;text-align: center;}
.products li i{width: 38px;height: 38px;background:#e4e4e4 url(../images/link.png) no-repeat center;display: inline-block;border-radius: 50%;margin:0 auto;}
.products li p b{float: left;font-weight: normal;}
.products li:hover i{background: #21a1e9 url(../images/link.png) no-repeat center;}

/*news*/
.news-bg{background: #f3f3f3;}
.title h2 a{color: #21a1e9;}
.title h3{height: 22px;width: 100%;background: url(../images/title.png) no-repeat center;margin-top: 5px;}
.title p{color: #919191;}
.news-title{margin-bottom: 20px;margin-top: 10px;}
.news-title li{display: inline-block;margin: 0 10px;width: 120px;height: 35px;line-height: 35px;border: 1px solid #ccc;border-radius: 10px;}
.news-title li:hover{background: #21a1e9;border-color: #21a1e9;}
.news-title li:hover a{color: #fff;}
.news-con li{margin-bottom: 10px;}
.news-title-a{background-color: #fff;padding-top: 10px;}
.news-title-a li{float: left;margin-right: 10px;}
.news-title-a li:hover a,.news-title-a li.on a{border-bottom: 1px solid #21a1e9;color: #21a1e9;}
.news-con{font-size: 12px;background: #fff;padding-top: 5px;padding-bottom: 1px;}
.news-con span{border: 1px solid #ccc;display: block;width: 60px;height: 50px;float: left;text-align: center;margin-right: 20px;}
.news-con span b{font-size: 24px;font-weight: normal;display: block;line-height: 30px;height: 60%;}
.news-con span i{display: block;height: 40%;background: #b2b2b2;font-style: normal;line-height: 20px;color: #fff;}
.news-con p{line-height: 1.5;color: #777;}
.news-con li{margin-bottom: 12px;}
.news-con li:after{display: block;content: "";clear: both;}
.news-con li:hover a,.news-con li:hover span{color: #21a1e9;border-color: #21a1e9;}
.news-con li:hover i{background: #21a1e9;color: #fff;}
.news-con li:hover p{color: #21a1e9;}

/*
 * 	Core Owl Carousel CSS File
 *	v1.3.3
 */


.owl-carousel{ width: 100%; margin-left: auto; margin-right: auto;}
.owl-carousel .item{ display: block;}
.owl-carousel img { display: block; width: 100%;}
 /* clearfix */
 .owl-carousel .owl-wrapper:after {
 	content: ".";
 	display: block;
 	clear: both;
 	visibility: hidden;
 	line-height: 0;
 	height: 0;
 }
 /* display none until init */
 .owl-carousel{
 	display: none;
 	position: relative;
 	width: 100%;
 	-ms-touch-action: pan-y;
 }
 .owl-carousel .owl-wrapper{
 	display: none;
 	position: relative;
 	-webkit-transform: translate3d(0px, 0px, 0px);
 }
 .owl-carousel .owl-wrapper-outer{
 	overflow: hidden;
 	position: relative;
 	width: 100%;
 }
 .owl-carousel .owl-wrapper-outer.autoHeight{
 	-webkit-transition: height 500ms ease-in-out;
 	-moz-transition: height 500ms ease-in-out;
 	-ms-transition: height 500ms ease-in-out;
 	-o-transition: height 500ms ease-in-out;
 	transition: height 500ms ease-in-out;
 }

 .owl-carousel .owl-item{
 	float: left;
 }
 .owl-controls .owl-page,
 .owl-controls .owl-buttons div{
 	cursor: pointer;
 }
 .owl-controls {
 	-webkit-user-select: none;
 	-khtml-user-select: none;
 	-moz-user-select: none;
 	-ms-user-select: none;
 	user-select: none;
 	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }

 /* fix */
 .owl-carousel  .owl-wrapper,
 .owl-carousel  .owl-item{
 	-webkit-backface-visibility: hidden;
 	-moz-backface-visibility:    hidden;
 	-ms-backface-visibility:     hidden;
 	-webkit-transform: translate3d(0,0,0);
 	-moz-transform: translate3d(0,0,0);
 	-ms-transform: translate3d(0,0,0);
 }






/*
* 	Owl Carousel Owl Demo Theme
*	v1.3.3
*/

.owl-theme .owl-controls{
	text-align: center;
	z-index: 99;
	width: 100%;
	position: static;
}

.owl-pagination{
	position: absolute;
	bottom: 10px;
	z-index: 99;
	width: 100%;
}
/* Styling Next and Prev buttons */

.owl-theme .owl-controls .owl-buttons div{
	color: #FFF;
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
	margin: 5px;
	padding: 3px 10px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	background: #869791;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
}
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
	text-decoration: none;
}

/* Styling Pagination*/

.owl-theme .owl-controls .owl-page{
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span{
	display: block;
	width: 16px;
	height: 16px;
	margin: 5px 7px;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background: #ccc;
	overflow: hidden;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
}

/* If PaginationNumbers is true */

.owl-theme .owl-controls .owl-page span.owl-numbers{
	height: auto;
	width: auto;
	color: #FFF;
	padding: 2px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}

/* preloading images */
.owl-item.loading{
	min-height: 150px;
}



 .owl-buttons  div{
 	position: absolute;
 	top: 40%;
 	z-index: 99;
 	font-size: 72px ;
 	background: none!important;
 }
 .owl-buttons .owl-prev{
 	left: 0;
 }
 .owl-buttons .owl-next{
 	right: 0;
 }



.wapper { width: 1200px; margin: 0 auto; }
.wapper02 { width: 1200px; margin: 0 auto; }

.tgxitong_tit { padding-bottom: 30px; }
.tgxitong_tit h2 { text-align: center; font-size: 30px; font-weight: normal; text-align: center; color: #333; line-height: 68px; }
.tgxitong_tit h3 { font-size: 14px; color: #757575; font-weight: normal; text-align: center; line-height: 20px; }

.tgxitong { margin-top:30px; }
.tgxitong_con { border: #efefef solid 1px;  overflow: hidden; background:#fff; }
.tgxitong_con ul { padding-left: 1px; }
.tgxitong_con ul li { float: left; border-right:#f0f0f0 solid 1px; width: 298px; }
.tgxitong_con ul li { height: 90px; line-height: 24px; }
.tgxitong_con ul li h3 { font-size: 16px; font-weight: normal; height:20px; line-height:20px; color: #333;  width:215px; float:right;padding-right:20px;}
.tgxitong_con ul li span { color: #999;  display:block; line-height:20px; float:right;padding-top:5px; width:215px; padding-right:20px; }
.tgxitong_con ul li strong{ float:left; padding-left:20px;}

.tgxitong_con ul li img{transition: all .5s;-moz-transition: all .5s; /* Firefox 4 */-webkit-transition:  all .5s; /* Safari 和 Chrome */-o-transition:  all .5s; /* Opera */}
.tgxitong_con ul li:hover{ transform: translateY(-3px);-webkit-transform: translateY(-3px);-moz-transform: translateY(-3px);box-shadow: 0 10px 20px -12px rgba(0, 36, 100, 0.3);-webkit-box-shadow: 0 10px 20px -12px rgba(0, 36, 100, 0.3);-moz-box-shadow: 0 10px 20px -12px rgba(0, 36, 100, 0.3);-webkit-transition: all 0.3s ease;}


