@charset "utf-8";
/* CSS Document */
.conten .section {
	margin-bottom: 50px;
}
.Title {
	margin-bottom: 20px;
}
.Title h3 span {
	display: inline-block;
}
.Title .cn {
	font-size: 26px;
	color: #0185cb;
	line-height: 30px;
	margin-right: 15px;
	letter-spacing: 1px;
	text-shadow: -1px -1px white, 1px 1px #333
}
.Title .en {
	font-size: 16px;
	color: #c4c4c4;
	letter-spacing: 1px;
	text-shadow: -1px -1px white, 1px 1px #333
}
.Title .More {
	background: #fff;
	font-size: 12px;
	color: #333;
	line-height: 30px;
	padding: 0 20px;
	box-shadow: 0 0 5px #888;
	border-radius: 5px;
	display: block;
	transition: all 0.3s linear;
}
.Title .More:hover {
	background: #0588ce;
	color: #fff;
}
/**** Business--style ****/
#Business {
	margin-top: -80px;
	z-index: 90;
	position: relative;
}
#Business .owl {}
#Business .Buslist {
	margin: 0 -5px;
}
#Business .Item {
	top: 0;
	margin: 0 5px;
	border-radius: 5px;
	overflow: hidden;
	position: relative;
	transition: all 0.3s linear;
	box-shadow: 0px 0px 5px rgb(0,0,0,0.5);
}
#Business .Item .pic {
	overflow: hidden;
}
#Business .Item .pic img {
	width: 100%;
	transition: all 0.3s linear;
}
#Business .Item h3 {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	font-size: 14px;
	color: #fff;
	line-height: 40px;
	background: rgba(0,0,0,0.5);
	text-align: center;
	transition: all 0.3s linear;
}
#Business .Item:hover {
	top: -5px;
	box-shadow: 0 0 5px #888;
}
#Business .Item:hover h3 {
	line-height: 50px;
}
/**** News--style ****/
#News .left {
	float: left;
	width: 48%;
}
#News .right {
	float: right;
	width: 49%;
}
.piclist .Item {
	position: relative;
}
.piclist .Item .pic img {
	width: 100%;
    height: 390px;
}
.piclist .Item h3 {
	background: rgba(0,0,0,0.5);
	font-size: 14px;
	color: #fff;
	line-height: 40px;
	position: absolute;
	left: 0;
	bottom: 0;
	text-align: center;
	width: 100%;
	white-space: nowrap;
	height: 40px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.owl-theme .owl-controls .owl-buttons div {
	position: absolute;
	top: 50%;
	text-align: center;
	text-align: center;
	background: rgba(0,0,0,0.5);
	padding: 0;
	opacity: 1;
	filter: alpha(opacity=100);
	z-index: 8;
	font-size: 0;
}
.piclist .owl-controls .owl-buttons div {
	margin-top: -18px;
	width: 36px;
	height: 36px;
	line-height: 36px;
	border-radius: 100%;
}
.owl-theme .owl-controls .owl-buttons div.owl-prev {
	left: 0;
	background: rgba(0,0,0,0.5) url("../images/bl.png")no-repeat center center;
	background-size: 25px;
}
.owl-theme .owl-controls .owl-buttons div.owl-next {
	right: 0;
	background: rgba(0,0,0,0.5) url("../images/br.png") no-repeat center center;
	background-size: 25px;
}
.Textlist {
}
.Textlist .Item {
	border-bottom: 1px dashed #e6e6e6;
	padding: 15px 0 16px;
	overflow: hidden;
}
.Textlist li:last-child .Item {
	border-bottom: none;
	padding-bottom: 0;
}
.Textlist li:first-child .Item {
	padding-top: 0;
}
.Textlist .Item .date {
	float: left;
	width: 15%;
	background: #f6f6f6;
	text-align: center;
	padding: 5px 0;
}
.Textlist .Item strong {
	display: block;
	font-size: 30px;
	color: #0185cb;
	line-height: 40px;
}
.Textlist .Item span {
	display: block;
	font-size: 14px;
	color: #666;
	line-height: 24px;
}
.Textlist .Item .Intro {
	float: right;
	width: 82%;
}
.Textlist .Item .Intro h3 {
	font-size: 15px;
	color: #333;
	line-height: 23px;
	margin-bottom: 6px;
	white-space: nowrap;
	height: 23px;
	text-overflow: ellipsis;
	overflow: hidden;
}
.Textlist .Item .Intro p {
	font-size: 13px;
	color: #999;
	line-height: 23px;
	height: 44px;
	overflow: hidden;
}
.Textlist .Item:hover .Intro h3 {
	color: #0185cb;
}
/**** Product--style ****/
#Product {
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: top 60px center;
	background-image: url("../images/Homebg01.jpg");
	padding: 50px 0 30px;
	margin-bottom: 0;
	overflow: hidden;
}
#Product .Title {
	padding-bottom: 20px;
	border-bottom: 1px solid #66aed3;
	margin-bottom: 0;
}
#Product .main {
	padding-top: 20px;
	border-top: 1px solid #80c8ed;
}
#Product h3 .cn {
	color: #fff;
}
#Product h3 .en {
	color: #fff;
	opacity: 0.6;
	filter: alpha(opacity=60);
}
#Product .offset {
	margin: 0 -15px;
}
.Prolist .Item {
	background: #fff;
	position: relative;
	margin: 15px;
}
.Prolist .Item .pic {
	overflow: hidden;
}
.Prolist .Item .pic img {
	width: 100%;
	transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}
.Prolist .Item .Intro {
	padding: 10px 20px;
	padding-bottom: 30px;
	position: relative;
	text-align: center;
}
.Prolist .Item .Intro h3 {
	font-size: 14px;
	color: #333;
	line-height: 30px;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: block;
	height: 30px;
}
.Prolist .Item .Intro p {
	font-size: 12px;
	color: #999;
	line-height: 22px;
	height: 44px;
	overflow: hidden;
}
.Prolist .Item .Intro .line {
	position: absolute;
	bottom: 0;
	height: 3px;
	transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}
.Prolist .Item .Intro .line_1 {
	width: 100%;
	background: #c4c4c4;
	z-index: 2;
	right: 0;
}
.Prolist .Item .Intro .line_2 {
	width: 0;
	background: #0588ce;
	z-index: 3;
	left: 0;
}
.Prolist .Item:hover .Intro h3 {
	color: #0588ce;
}
.Prolist .Item:hover .Intro .line_1 {
	width: 0;
}
.Prolist .Item:hover .Intro .line_2 {
	width: 100%;
}
.Prolist .Item:hover .pic img {
	transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
.Prolist .owl-controls .owl-buttons div {
	width: 40px;
	height: 40px;
	margin-top: -80px;
	border-radius: 0;
}
.Prolist .owl-controls .owl-buttons div.owl-prev {
	left: -18px;
}
.Prolist .owl-controls .owl-buttons div.owl-next {
	right: -18px;
}
/**** AboutUs--style ****/
#AboutUs {
	margin-bottom: 0;
	padding: 50px 0;
	background: #f6f6f6;
}
#AboutUs .main {
	position: relative;
}
#AboutUs .left {
	float: left;
	width: 55%;
}
#AboutUs .right {
	float: right;
	width: 42%;
}
#AboutUs .Intro {
}
#AboutUs .Intro h2 {
	font-size: 24px;
    color: #313131;
    line-height: 40px;
    font-weight: 600;
    margin-bottom: 10px;
}
#AboutUs .Intro h2 .en {
	font-size: 17px;
	color: #c4c4c4;
	font-weight: 500;
	margin-left: 20px;
}
#AboutUs .Intro p {
	font-size: 15px;
    color: #666;
    line-height: 2;
    margin-bottom: 20px;
}
#AboutUs .Intro .More {
	margin-bottom: 20px;
	display: inline-block;
	padding: 0 20px;
	line-height: 30px;
	font-size: 13px;
	letter-spacing: 1px;
	color: #fff;
	background: #0588ce;
	border-radius: 20px;
}
#AboutUs .Intro .More .icon-more {
	position: relative;
	top: 2px;
	margin-left: 10px;
}
.Alist {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 570px;
}
.Alist li {
	float: left;
	margin-right: 20px;
}
.Alist a {
	background: #fff;
	padding: 10px;
	display: block;
	text-align: center;
	border: 1px solid #e5e5e5;
	width: 100px;
	transition: all 0.3s linear;
}
.Alist .iconfont {
	font-size: 40px;
	color: #afb3b1;
	line-height: 60px;
	display: block;
	text-align: center;
	font-weight: 500;
}
.Alist h3 {
	font-size: 14px;
	color: #333;
	line-height: 30px;
	text-align: center;
}
.Alist .icon-zscq {
	font-size: 50px;
}
.Alist li:hover a {
	background: #0588ce;
	color: #fff;
}
.Alist li:hover .iconfont {
	color: #fff;
}
.Alist li:hover h3 {
	color: #fff;
}
#AboutUs .video {
	position: relative;
}
#AboutUs .video .pic {
	width: 504px;
    height: 284px;
}
#AboutUs .video .pic img {
	width: 504px;
    height: 284px;
}
#AboutUs .video .fancybox {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	text-align: center;
	color: #fff;
	margin-top: -60px;
	transition: all 0.3s linear;
}
#AboutUs .video .iconfont {
	font-size: 60px;
	line-height: 80px;
	display: block;
	font-weight: 100;
}
#AboutUs .video h3 {
	font-size: 18px;
	line-height: 40px;
}
#AboutUs .video .fancybox:hover {
	margin-top: -70px;
	color: #0588ce;
}
 @media (min-width: 1200px) {
}
 @media (min-width: 1024px) {
}
 @media (min-width: 768px) {
}
 @media (max-width: 1360px) {
.conten .section {
	margin-bottom: 30px;
}
#News .left {
	width: 50%;
}
.Textlist .Item {
	padding: 7px 0;
}
#Product {
	padding: 30px 0;
}
#Product .offset {
	margin: 0 -10px;
}
.Prolist .Item {
	margin: 10px;
}
#AboutUs {
	padding: 30px 0;
}
#AboutUs .left {
	padding-bottom: 90px;
}
#AboutUs .Intro p {
	margin-bottom: 10px;
}
#AboutUs .Intro .More {
	margin: 0px auto;
    display: block;
    width: 125px;
}
.Alist li {
	margin-right: 10px;
}
.Alist .iconfont {
	line-height: 40px;
	font-size: 30px;
}
.Alist a {
	padding: 5px;
	width: 80px;
}
}
 @media (max-width: 1200px) {
}
 @media (max-width: 1025px) {
.Title {
	margin-bottom: 10px;
}
.Title .cn {
	font-size: 20px;
}
.Title h3 .en img {
	width: 80px;
}
#Business {
	margin-top: 10px;
}
#Product .main {
	padding-top: 10px;
}
}
 @media (max-width: 768px) {
#Business .Buslist {
	margin: 0;
}
#Business .owl {
	width: auto;
	float: none;
}
#News .left {
	float: none;
	width: 100%;
    margin-bottom: 25px;
}
#News .right {
	float: none;
	width: 100%;
}
#AboutUs .left {
	float: none;
	width: 100%;
	padding: 0;
	margin-bottom: 20px;
}
#AboutUs .right {
	float: none;
	width: 100%;
}
#AboutUs .Intro {
	margin-bottom: 20px;
}
.Alist {
	position: relative;
	width: 100%;
}
#AboutUs .video {
	text-align: center;
}
}
 @media (max-width: 640px) {
#Business {
	margin-bottom: 20px;
}
#Product {
	background-position: top center;
}
.Textlist .Item span {
	font-size: 12px;
}
.Textlist .Item .date {
	width: 19%;
}
.Textlist .Item .Intro {
	width: 78%;
}
.Textlist .Item strong {
	font-size: 26px;
}
}
 @media (max-width: 520px) {
.Alist a {
	width: 70px;
}
.Alist h3 {
	font-size: 12px;
	line-height: 20px;
}
.Textlist .Item .Intro p {
	font-size: 12px;
}
}
 @media (max-width: 380px) {
.Alist li {
	margin-right: 5px;
}
}