/**
 * 搜索区
 */
.searchBg {
	height: 55px;
	background-color: #F2F2F2;
}
.searchBg .searchLine {
	width: 1035px; height: 55px;
	margin: 0 auto;
	display: flex; justify-content: space-between; align-items: center;
}
.searchBg .searchLine .searchHot {
	font-size: 13px; color: #333; font-weight: 600;
}
.searchBg .searchLine .searchHot a {
	display: inline-block;
	margin-right: 8px;
	color: #615D5C; font-weight: normal;
}
.searchBg .searchLine .searchHot a:hover {
	color: #333;
}
.searchBg .searchLine .searchBox {
	width: 310px; height: 30px;
	background-color: #FFF;
	border-radius: 15px;
	display: flex; justify-content: space-between; align-items: center;
}
.searchBg .searchLine .searchBox:before {
	display: block;
	margin: 0 20px 0 10px;
	font-size: 18px; color: #717171;
}
.searchBg .searchLine .searchBox input {
	flex-grow: 1;
	height: 100%;
	border: 0;
	outline: none;
}
.searchBg .searchLine .searchBox button {
	width: 60px; height: 30px;
	background-color: #0050D6;
	border: 0; border-radius: 15px;
	color: #FFF;
	outline: none;
	cursor: pointer;
	transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out;
}
.searchBg .searchLine .searchBox button:hover {
	background-color: #0A4592;
}
/**
 * 产品区
 */
.productTitleBg {
	height: 138px;
}
.productTitleBg .productTitleBox {
	width: 1035px; height: 137px;
	margin: 0 auto;
	border-bottom: 1px #CFCFCF solid;
	display: flex; flex-direction: column; justify-content: flex-end; align-items: center;
}
.productTitleBg .productTitleBox .productTitleEn {
	width: 100%;
	font: 400 20px/30px "Arial"; color: #888; text-transform: uppercase; text-align: center;
	background: url(/images/product_title_bg.png?v=v1.0.2) no-repeat center;
}
.productTitleBg .productTitleBox .productTitleCn {
	font: 700 26px/30px Microsoft YaHei; color: #2E2E2E;
}
.productTitleBg .productTitleBox .productTitleMore {
	align-self: flex-end;
	font: 400 14px/30px "Arial"; color: #666; text-transform: uppercase;
}
.productBox {
	width: 1035px;
	margin: 20px auto 0 auto;
	display: flex; justify-content: space-between; align-items: flex-start;
}
.productBox .productLeft {
	width: 232px;
	background-color: #F7F7F7;
	border-bottom: 4px #034091 solid;
}
.productBox .productLeft .productTitle {
	height: 119px;
	font: 400 24px/35px "Arial"; color: #FFF; text-transform: uppercase;
	background: url(/images/product_left_title_bg.png?v=v1.0.2) no-repeat center/100% 100%;
	display: flex; flex-direction: column; justify-content: center; align-items: center;
}
.productBox .productLeft .products {
	padding: 0 10px;
}
.productBox .productLeft .products li {
	height: 35px;
	margin-top: 26px;
	border: 1px #0074D6 solid;
	display: flex; justify-content: flex-start; align-items: center;
	transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out;
}
.productBox .productLeft .products li:hover {
	background-color: #0074D6;
}
.productBox .productLeft .products li a {
	width: 100%; height: 100%;
	white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
	display: flex; justify-content: flex-start; align-items: center;
	transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out;
}
.productBox .productLeft .products li a:before {
	display: block;
	margin: 0 10px 0 15px;
	font-size: 24px; color: #0074D6;
	transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out;
}
.productBox .productLeft .products li:hover a,
.productBox .productLeft .products li:hover a:before {
	color: #FFF;
}
.productBox .productLeft .contactTitle {
	margin-top: 50px;
	font-size: 23px; color: #034091; font-weight: 600; text-align: center;
}
.productBox .productLeft .contacts {
	padding: 0 10px 20px 10px;
}
.productBox .productLeft .contacts li {
	margin-top: 16px;
	font-size: 12px;
}
.productBox .productMain {
	width: 783px;
}
/**
 * x + m + 20 = 783
 * y = n * 3 + 20
 * x / y = m / n = 4 / 3
 *
 * x = 763 - 552.25 / 3 = 578.916667
 * y = 434.1875
 * m = 552.25 / 3 = 184.083333
 * n = 552.25 / 4 = 138.0625
 */
.productBox .productMain .productBigBox {
	height: 434.1875px;
	display: flex; justify-content: space-between; align-items: center;
}
.productBox .productMain .productBigBox img {
	display: block;
	width: 100%; height: 100%;
}
.productBox .productMain .productBigBox .productFirst {
	display: block;
	width: 578.916667px; height: 434.1875px;
	border: 1px #F2F2F2 solid; box-sizing: border-box;
	position: relative;
}
.productBox .productMain .productBigBox .productFirst h3 {
	position: absolute; left: 0; right: 0; bottom: 0;
	height: 46px;
	background-color: rgba(10, 10, 10, 0.49);
	font-size: 15px; color: #FFF; font-weight: 400;
	display: flex; justify-content: center; align-items: center;
	transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out;
}
.productBox .productMain .productBigBox .productFirst:hover h3 {
	height: 92px;
	font-size: 20px;
}
.productBox .productMain .productBigBox .productOther {
	width: 184.083333px; height: 434.1875px;
}
.productBox .productMain .productBigBox .productOther a {
	display: block;
	width: 184.083333px; height: 138.0625px;
	margin-top: 10px;
	border: 1px #F2F2F2 solid; box-sizing: border-box;
	position: relative;
}
.productBox .productMain .productBigBox .productOther a:first-child {
	margin-top: 0;
}
.productBox .productMain .productBigBox .productOther h3 {
	position: absolute; left: 0; right: 0; bottom: 0;
	height: 22px;
	background-color: rgba(10, 10, 10, 0.49);
	font-size: 13px; color: #FFF; font-weight: 400;
	display: flex; justify-content: center; align-items: center;
	transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out;
}
.productBox .productMain .productBigBox .productOther a:hover h3 {
	height: 44px;
	font-size: 16px;
}
/**
 * 产品滚动区
 */
.productBox .productMain .productScrollBox {
	height: 182.81px;
	margin-top: 20px;
	display: flex; justify-content: space-between; align-items: center;
}
.productBox .productMain .productScrollBox .iconTurnLeft,
.productBox .productMain .productScrollBox .iconTurnRight {
	width: 36px; height: 100%;
	background-color: #F2F2F2;
	font-size: 30px; color: #0A4592;
	display: flex; justify-content: center; align-items: center;
	cursor: pointer;
	transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out;
}
.productBox .productMain .productScrollBox .iconTurnLeft:hover,
.productBox .productMain .productScrollBox .iconTurnRight:hover {
	background-color: #0A4592;
	color: #FFF;
}
.productBox .productMain .productScrollBox .iconTurnLeft:active,
.productBox .productMain .productScrollBox .iconTurnRight:active {
	background-color: #C00;
}
.productBox .productMain .productScrollBox .productScroll {
	flex-grow: 1;
	height: 100%;
	overflow: hidden;
}
.productBox .productMain .productScrollBox .productScroll ul {
	width: 100000%; height: 100%;
	display: flex; justify-content: flex-start; align-items: center;
}
.productBox .productMain .productScrollBox .productScroll li {
	width: 243.746667px; height: 100%;
	margin-right: 10px;
	border: 1px #F2F2F2 solid; box-sizing: border-box;
	position: relative;
}
.productBox .productMain .productScrollBox .productScroll li h3 {
	position: absolute; left: 0; right: 0; bottom: 0;
	height: 22px;
	background-color: rgba(10, 10, 10, 0.49);
	font-size: 13px; color: #FFF; font-weight: 400;
	display: flex; justify-content: center; align-items: center;
	transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out;
}
.productBox .productMain .productScrollBox .productScroll li:hover h3 {
	height: 44px;
	font-size: 16px;
}
.productBox .productMain .productScrollBox .productScroll img {
	display: block;
	width: 100%; height: 100%;
}
/**
 * 公司简介区
 */
.aboutTitleBg {
	height: 138px;
	background-color: #F2F2F2;
}
.aboutTitleBg .aboutTitleBox {
	width: 1035px; height: 100%;
	margin: 0 auto;
	display: flex; flex-direction: column; justify-content: flex-end; align-items: center;
}
.aboutTitleBg .aboutTitleBox .aboutTitleEn {
	width: 100%;
	font: 400 20px/30px "Arial"; color: #888; text-transform: uppercase; text-align: center;
	background: url(/images/product_title_bg.png?v=v1.0.2) no-repeat center;
}
.aboutTitleBg .aboutTitleBox .aboutTitleCn {
	margin-bottom: 30px;
	font: 700 26px/30px Microsoft YaHei; color: #2E2E2E;
}
.aboutTitleBg .aboutTitleBox .aboutTitleCn span {
	color: #034091;
}
.aboutBg {
	height: 400px;
	background: #F2F2F2 url(/images/about_bg.png?v=v1.0.2) no-repeat bottom;
}
.aboutBg .aboutBox {
	width: 1035px; height: 362px;
	margin: 0 auto;
	background-color: #FFF;
	display: flex; justify-content: space-between; align-items: flex-start;
}
.aboutBg .aboutBox .aboutImage {
	width: 444px; height: 304px;
	padding: 8px;
}
.aboutBg .aboutBox .aboutImage img {
	display: block;
	width: 100%; height: 100%;
}
.aboutBg .aboutBox .aboutInfo {
	width: 545px;
	padding: 30px 20px 0 10px;
}
.aboutBg .aboutBox .aboutInfo .aboutCompanyName {
	width: 74px;
	font-size: 24px; color: #333; font-weight: 400; line-height: 60px; white-space: nowrap;
	border-bottom: 2px #034091 solid;
}
.aboutBg .aboutBox .aboutInfo .aboutContent {
	padding: 20px 0 10px 0;
	font-size: 14px; color: #6D6D6D; font-weight: 400; line-height: 30px; text-indent: 2em;
}
.aboutBg .aboutBox .aboutInfo .aboutMore {
	width: 100px; height: 32px;
	font-size: 14px; color: #FFF; font-weight: 400;
	background-color: #034091;
	display: flex; justify-content: center; align-items: center;
}
/**
 * 优势区
 */
.advantageBg {
	height: 438px;
	background: url(/images/advabtages.jpg?v=v1.0.2) no-repeat center/auto 100%;
}
.advantageBg .advantageTitleBox {
	width: 1035px; height: 138px;
	margin: 0 auto;
	display: flex; flex-direction: column; justify-content: flex-end; align-items: center;
}
.advantageBg .advantageTitleBox .advantageTitleEn {
	width: 100%;
	font: 400 20px/30px "Arial"; color: #FFF; text-transform: uppercase; text-align: center; text-shadow: 1px 1px 0 #333;
	background: url(/images/product_title_bg.png?v=v1.0.2) no-repeat center;
}
.advantageBg .advantageTitleBox .advantageTitleCn {
	margin-bottom: 30px;
	font: 700 26px/30px Microsoft YaHei; color: #FFF; text-shadow: 1px 1px 0 #333;
}
.advantageBg .advantages {
	width: 1035px;
	margin: 0 auto;
	display: flex; justify-content: space-around; align-items: flex-start;
}
.advantageBg .advantages li {
	width: 166px; height: 212px;
	background-color: #FFF;
	position: relative;
}
.advantageBg .advantages li:after {
	content: "";
	display: block;
	width: 0; height: 0;
	position: absolute; bottom: -27px; left: 56px;
	border-top: 27px #FFF solid;
	border-left: 27px transparent solid;
	border-right: 27px transparent solid;
}
.advantageBg .advantages .img {
	height: 98px;
}
.advantageBg .advantages .img img {
	display: block;
	width: 100%; height: 100%;
}
.advantageBg .advantages .title {
	padding-top: 8px;
	font-size: 18px; color: #0050D6; font-weight: bold; line-height: 30px; text-align: center;
}
.advantageBg .advantages .content {
	padding: 5px;
	font-size: 12px; color: #666; font-weight: 400; line-height: 22px; text-align: center;
}
/**
 * 滚动栏目切换
 */
.tabBox {
	width: 1035px; height: 70px;
	margin: 0 auto;
	border-bottom: 1px #CFCFCF solid;
	display: flex; justify-content: center; align-items: flex-end;
}
.tabBox li {
	width: 185px; height: 47px;
	border: 1px #D0CECF solid;
	background-color: #FFF;
	font-size: 16px; color: #949599; font-weight: 400;
	display: flex; justify-content: center; align-items: center;
	cursor: pointer;
	transform: translateY(23px); -webkit-transform: translateY(23px);
	transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out;
}
.tabBox li:hover {
	border-color: #0074D6;
	background-color: #0074D6;
	color: #FFF;
}
.tabBox li.current {
	border-color: #0050D6;
	background-color: #0050D6;
	color: #FFF;
}
.tabScrollBox {
	width: 1035px; height: 200px;
	margin: 43px auto 0 auto;
	display: flex; justify-content: space-between; align-items: center;
}
.tabScrollBox .iconToLeft,
.tabScrollBox .iconToRight {
	width: 36px; height: 100%;
	font-size: 30px; color: #9A9A9A;
	display: flex; justify-content: center; align-items: center;
	cursor: pointer;
	transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out;
}
.tabScrollBox .iconToLeft:hover,
.tabScrollBox .iconToRight:hover {
	color: #666;
}
.tabScrollBox .iconToLeft:active,
.tabScrollBox .iconToRight:active {
	background-color: #F2F2F2;
}
.tabScrollBox .tabScroll {
	flex-grow: 1;
	height: 100%;
	overflow: hidden;
}
.tabScrollBox .tabScroll ul {
	width: 100000%; height: 100%;
	display: flex; justify-content: flex-start; align-items: center;
}
.tabScrollBox .tabScroll li {
	width: 243.746667px; height: 100%;
	margin-right: 10px;
	border: 1px #F2F2F2 solid; box-sizing: border-box;
	position: relative;
}
.tabScrollBox .tabScroll li h3 {
	position: absolute; left: 0; right: 0; bottom: 0;
	height: 22px;
	background-color: rgba(10, 10, 10, 0.49);
	font-size: 13px; color: #FFF; font-weight: 400;
	display: flex; justify-content: center; align-items: center;
	transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out;
}
.tabScrollBox .tabScroll li:hover h3 {
	height: 44px;
	font-size: 16px;
}
.tabScrollBox .tabScroll img {
	display: block;
	width: 100%; height: 100%;
}
/**
 * 新闻资讯区
 */
.newsTitleBg {
	height: 138px;
	margin-top: 40px;
	background-color: #F2F2F2;
}
.newsTitleBg .newsTitleBox {
	width: 1035px; height: 100%;
	margin: 0 auto;
	display: flex; flex-direction: column; justify-content: flex-end; align-items: center;
}
.newsTitleBg .newsTitleBox .newsTitleEn {
	width: 100%;
	font: 400 20px/30px "Arial"; color: #888; text-transform: uppercase; text-align: center;
	background: url(/images/product_title_bg.png?v=v1.0.2) no-repeat center;
}
.newsTitleBg .newsTitleBox .newsTitleCn {
	margin-bottom: 30px;
	font: 700 26px/30px Microsoft YaHei; color: #2E2E2E;
}
.newsBg {
	background-color: #F2F2F2;
}
.newsBg .newsBox {
	width: 1035px;
	margin: 0 auto; padding: 15px 15px 40px 15px;
	background-color: #FFF;
	box-sizing: border-box;
}
.newsBg .newsBox .newsTop {
	height: 45px;
	padding-bottom: 15px;
	display: flex; justify-content: space-between; align-items: flex-end;
}
.newsBg .newsBox .newsTop .newsTitle {
	font-size: 18px; color: #2D2D2D; font-weight: 600;
}
.newsBg .newsBox .newsTop .newsMore {
	font-size: 14px; color: #999; font-weight: 200;
}
.newsBg .newsBox .newsInfo {
	display: flex; justify-content: space-between; align-items: flex-start;
}
.newsBg .newsBox .newsInfo .newsImage {
	width: 246px; height: 326px;
	border: 1px #CFCFCF solid;
}
.newsBg .newsBox .newsInfo .newsImage img {
	display: block;
	width: 100%; height: 100%;
}
.newsBg .newsBox .newsInfo .newsList {
	width: 737px; height: 327px;
	margin-left: 20px;
	border-top: 1px #CFCFCF solid;
}
.newsBg .newsBox .newsInfo .newsList li {
	height: 108px;
	border-bottom: 1px #CFCFCF solid;
	display: flex; justify-content: space-between; align-items: center;
}
.newsBg .newsBox .newsInfo .newsList li .newsTime {
	width: 80px;
	font-size: 14px; color: #494949; text-align: right; line-height: 25px;
}
.newsBg .newsBox .newsInfo .newsList li .newsTime p:first-child {
	font-size: 28px; color: #2D2D2D;
}
.newsBg .newsBox .newsInfo .newsList li .newsContents {
	width: 637px; height: 88px;
	padding: 10px 0 10px 20px;
	color: #575757; line-height: 29px;
}
.newsBg .newsBox .newsInfo .newsList li .newsContents p:first-child {
	line-height: 30px;
	white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.newsBg .newsBox .newsInfo .newsList li .newsContents p:first-child a {
	font-size: 14px; color: #000; font-weight: 400;
}
.newsBg .newsBox .newsInfo .newsList li .newsContents p:first-child a:hover {
	color: #034091;
}
.newsBg .newsBox .newsInfo .newsList li .newsContents p:last-child {
	display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;
}
/**
 * 友情链接区
 */
.friendBg {
	background-color: #F2F2F2;
}
.friendBg .friends {
	width: 1035px;
	margin: 0 auto; padding: 10px 0;
	line-height: 30px;
}
.friendBg .friends span {
	display: inline-block;
	width: 165px; height: 23px;
	margin: 0 10px;
	font-size: 18px; color: #333; line-height: 23px; text-align: center;
	background-color: #FFF;
}
.friendBg .friends span small {
	padding-left: 5px;
	font-size: 14px;
}
.friendBg .friends a {
	display: inline-block;
	margin: 0 2px;
	font-size: 12px; color: #666;
}
/**
 * 广告条
 */
.ad {
	width: 1035px; height: 103px;
	margin: 30px auto;
	background: url(/images/ad.jpg?v=v1.0.2) no-repeat;
}