*, html, body {
	padding: 0;
	margin: 0;
	border: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 14px;
	font-family: "Microsoft Yahei", sans-serif;
	color: #333;
}
ul, ol, dl, li, dt, dd {
	padding: 0;
	margin: 0;
	list-style: none;
}
img {
	vertical-align: middle;
	border: 0;
	outline: none;
}
a {
	text-decoration: none;
	outline: none;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
/*====
 	common
===============================================================================================*/
.kang {
	/*width: 90%;*/
	/*margin: 0 auto;*/
	min-width: 1300px;
}
.main-null {
	height: 82px;
}
.main-width {
	min-width: 1300px;
	width: 80%;
	margin: 0 auto;
}
/*标题*/
.main-title {
	margin-bottom: 42px;
}
.main-title span {
	font-size: 46px;
	text-transform: capitalize;
	position: relative;
	font-family: Georgia, "Times New Roman", Times, serif;
}
.main-title span:after {
	content: "";
	width: 60px;
	height: 3px;
	position: absolute;
	bottom: -8px;
	left: 0;
	background: #059aec;
}
.main-title h3 {
	font-size: 24px;
	margin-top: 22px;
	color: #888;
	/* font-family: cursive; */
	font-weight: 500;
}
/*更多*/
.main-more {
	text-align: center;
	margin-top: 50px;
}
.main-more a {
	border: 1px solid #333;
	padding: 8px 60px
}
.main-more:hover a {
	background: #000000;
	color: #ffffff;
}
.main-banner img {
	width: 100%;
}
/*page 页数*/
#page {
	clear: both;
	margin: 60px auto 0;
	text-align: center;
}
#page ul a {
	display: inline-block;
	border: 1px solid #333;
	padding: 8px 16px;
}
#page ul .current {
	color: #fff;
    background: #333333;

}
#page ul  a {
	color: #000;
	font-size: 14px;
}
#page ul a:hover {
	background: #333333;
	cursor: pointer;
}

/*标题*/
.main-title {
	text-align: center;
}
.main-title h2 {
	font-size: 34px;
	margin-top: 0;
	text-align: center;
	font-weight: 300;
	margin-bottom: 30px;
	color: #2f318b;
	position: relative;
}
.main-title h2:before {
	background: #e62129;
	content: "";
	height: 3px;
	width: 66px;
	left: 0;
	right: 0;
	margin: 0 auto;
	bottom: -22px;
	position: absolute;
}
.main-title h2:after {
	/*background: #ccc;*/
	/*content: "";*/
	/*height: 1px;*/
	/*width: 50px;*/
	/*left: 0;*/
	/*right: 0;*/
	/*margin: 0 auto;*/
	/*bottom: -25px;*/
	/*position: absolute;*/
}
.main-title p {
	font-size: 14px;
	font-weight: 300;
	text-align: center;
	color: #686868;
	margin: 0 auto;
	width: auto;
	letter-spacing: 2px;
}
/*main-nav*/
.main-nav {
	padding: 20px 0;
}
.main-nav li {
	padding: 0 20px 0 6px;
	display: inline-block;
	background: url(../img/iconr.png) no-repeat right center;
	line-height: 20px;
	background-size: 6px;
}
.main-nav li img {
	vertical-align: baseline;
}
.main-nav li:last-child {
	background: none;
}
.main-nav li:hover a {
	color: #2f318b;
	text-decoration: underline;
}
/*main-banner*/
.main-banner {
	margin-top: 80px;
}
/*====
 	header
===============================================================================================*/
header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background: #ffffff;
	z-index: 9999;
	box-shadow: 0 0 10px 0 #999;
}
header .main-width {
	/*overflow: hidden;*/
	text-align: center;
	position: relative;
}
header .head-logo {
	position: absolute;
	left: 0;
	top: 26px;
    z-index: 2;
}
header .head-logo img {
	width: 160px;
}
header .head-nav {
    position: relative;
    background: #fff;
    z-index: 1;
}
header .head-nav ul {
}
header .head-nav li {
	display: inline-block;
	padding: 20px 30px;
}
header .head-nav li a {
	font-size: 15px;
	display: block;
	height: 100%;
	color: #666;
	padding: 10px 0;
	position: relative;
}
header .head-nav li a::after {
	content: "";
	position: absolute;
	width: 0;
	left: 0;
	bottom: 0;
	height: 2px;
	background: #2f318b;
	-webkit-transition: all 500ms; -moz-transition: all 500ms; -ms-transition: all 500ms; -o-transition: all 500ms; transition: all 500ms;
}
header .head-nav li:hover a::after {
	width: 100%;
}
header .head-nav li:hover a {
	color: #2f318b;
}
header .head-nav li.active a::after {
	width: 100%;
}
header .head-nav li.active a {
	color: #2f318b;
}
header .head-icon {
	position: absolute;
	right: 0;
	top: 30px;
    z-index: 2;
}
header .head-icon img {
	width: 22px;
}
header .head-icon a {
	display: inline-block;
	margin: 0 5px;
	color: #2f318b;
	font-size: 13px;
	vertical-align: bottom;
}
header .head-icon-form{
    position: absolute;
    top: 0;
    right: 0;
    height: 46px;
    width: 300px;
    -webkit-transition: all 0.68s;
    -moz-transition: all 0.68s;
    -ms-transition: all 0.68s;
    -o-transition: all 0.68s;
    transition: all 0.68s;
    z-index: -1;
}
header .head-icon-form.active
{
    top:82px;
}
header .head-icon-form form
{
    height: 100%;
    width: 100%;
}
header .head-icon-form input
{
    height: 100%;
    width: 100%;
    font-size: 12px;
    padding-left: 10px;
    border: 1px solid #205aa7;
    outline: none;
    background: #ffffff;
}

/*====
 	footer
===============================================================================================*/
footer {
	margin-top: 30px;
}
footer .footer_top {
	width: 100%;
	height: 19px;
	overflow: hidden;
	background: url(../img/footer_bg_t.png) center top no-repeat;
	z-index: 9;
	position: relative;
	top: 1px;
}
footer .footer {
	width: 100%;
	overflow: hidden;
	background: url(../img/footer_bg.png) center top no-repeat #eee;
	z-index: 9;
}
.footer .footer_content {
	overflow: hidden;
	padding: 10px 0 50px 0;
	position: relative;
}
.footer .footer_content ul {
	float: left;
	margin-right: 10px;
	color: #666;
	width: 150px;
}
.footer .footer_content ul li {
	line-height: 30px;
	font-family: "微软雅黑";
	font-size: 12px;
	color: #666;
}
.footer .footer_content ul li a {
	color: #666;
}
.footer .footer_content ul li a span {
	color: #666666;
	font-weight: bold;
}
.footer .footer_content ul h3 {
	font-family: "微软雅黑";
	font-size: 16px;
	color: #333;
	padding: 20px 0;
}
.footer .footer_content .f_end {
	width: 280px !important;
}
.footer .footer_fx {
	width: 200px;
	position: absolute;
	right: 0;
	top: 11px;
}

footer .footer_fx a {
    display: block;
    width: 30px;
    float: left;
    margin-left: 23px;
    /*position: relative;*/
}

footer .footer_fx a .footer-ewm
{
    position: absolute;
    background-color: #fff;
    padding: 10px;
    left: 28px;
    top: 40px;
    width: 132px;
    display: none;
}
footer .footer_fx a .footer-ewm p
{
    text-align: center;
}
footer .footer_fx .footer_a:hover .footer-ewm
{
    display: block;
}


footer .footer_fx a img {
	max-width: 100%;
}
footer .copyright {
	background: #24315e;
	overflow: hidden;
	padding: 12px 0;
}
footer .copyright .fl {
	color: #eee;
	font-size: 12px;
}
footer .copyright .copy {
	color: #eee;
	font-size: 12px;
}
footer .copyright a {
	color: #eee;
	font-size: 12px;
}
/*====
  index
  ===============================================================================================*/
/*banner*/
.banner {
	width: 100%;
	height: 100vh;
}
.flexslider { position: relative; overflow: hidden; height: 100%; }
.flexslider .slides { position: relative; z-index: 1; height: 100%; }
.flexslider .slides li { height: 100%; }
.flexslider .slides li img { width: 100%; }
.flex-control-nav { position: absolute; bottom: 3%; z-index: 2; width: 100%; text-align: center; }
.flex-control-nav li { display: inline-block; width: 66px; height: 3px; margin: 0 5px; zoom: 1; }
.flex-control-nav a { display: inline-block; width: 100%; height: 100%; background: #ffffff; line-height: 40px; overflow: hidden; /*background: url(img/dot.png) right 0 no-repeat;*/ cursor: pointer; }
.flex-control-nav .flex-active { background: #2f318b }
.flex-direction-nav { position: absolute; z-index: 3; width: 100%; top: 45%; }
.flex-direction-nav li a { display: block; width: 50px; height: 50px; overflow: hidden; cursor: pointer; position: absolute; }
.flex-direction-nav li a.flex-prev { left: 10px; background: url(../img/prev.png) center center no-repeat; }
.flex-direction-nav li a.flex-next { right: 10px; background: url(../img/next.png) center center no-repeat; }


/*main-pro*/
.main-pro
{
	text-align: center;
	padding: 3% 0;
}
.main-pro .main-pro-img{
	width: 40%;
}
.main-pro .main-pro-bor{
	border: 2px solid #2f318b;
	position: relative;
}
.main-pro .main-pro-bor span
{
	background: #e62129;
	color: #fff;
	padding: 8px 26px;
	display: inline-block;
	border-radius: 8px;
	position: absolute;
	top: -20px;
	right: 50px;
}
.main-pro .main-pro-bor img{
	width: 100%;
	position: relative;
	left: 42px;
	top: 42px;
	max-height: 400px;
}
.main-pro .main-pro-con
{
	width: 50%;
	text-align: left;
}
.main-pro .main-pro-con>div
{
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);
}
.main-pro .main-pro-con h3
{
	font-size: 26px;
	font-weight: 500;
	margin-bottom: 22px;
}
.main-pro .main-pro-con p
{
	line-height: 28px;
	font-size: 15px;
	text-indent: 2em;
}
.main-pro-more
{
	border: 1px solid #e62129;
	display: inline-block;
	padding: 8px 36px;
	position: relative;
	margin-top: 36px;
}
.main-pro-more::before
{
	content: "";
	position: absolute;
	top: 50%;
	left: -25px;
	width: 50px;
	height:1px;
	background: #e62129;
}


.productDemo { padding: 0 50px 0; }
.productDemo .item { border-radius: 5px; background-color: #d7d7d7; font-size: 14px; color: #333; padding: 10px 10px; margin: 0px 7px; display: block; text-align: center; }
.productDemo .item:hover, .productDemo .item.act { background-color: #cc0000; color: #fff; }
.productDemo .slick-arrow { width: 33px; height: 33px; display: block; border-radius: 5px; top: 50%; margin-top: -16px; }
.productDemo .slick-arrow i { background: url(../img/iconl.png) no-repeat scroll center center; width: 100%; height: 100%; margin: 0px auto; display: block; transition: 300ms; -webkit-transition: 300ms; }
.productDemo .slick-prev { left: 0; }
.productDemo .slick-next { right: 0; }
.productDemo .slick-prev i { background-image: url(../img/iconl.png); }
.productDemo .slick-next i { background-image: url(../img/iconr.png); }
.productDemo .itemA { display: block; margin: 0 20px 50px; padding: 30px 0}
.productDemo .img {

	position: relative;
	display: block;
	height: 100%;
	margin: 0 auto 8px;
	text-align: center; }
.productDemo .img img {
	width: 100%;
}
.slick-slider { position: relative; display: block; margin-top: 20px; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; padding: 0; border: none; outline: none; }


/*main-news*/
.main-news{
	background: url("../img/main-news2.jpg") no-repeat center fixed;
	background-size: cover;
	padding: 4% 0;
	text-align: center;
}
.main-news .main-newx-box{
	overflow: hidden;
}
.main-news .main-news-item
{
	width: 24%;
	margin-right: 1.33%;
	border: 2px solid transparent;
	padding: 30px;
	-webkit-transition: all 500ms; -moz-transition: all 500ms; -ms-transition: all 500ms; -o-transition: all 500ms; transition: all 500ms;
}
.main-news .main-news-item:last-child
{
	margin-right: 0;
}
.main-news .main-news-bor
{
	position: relative;
	padding: 30px;
	background-color: rgba(255,255,255,0.4);
	border: 2px solid transparent;
	-webkit-transition: all 500ms; -moz-transition: all 500ms; -ms-transition: all 500ms; -o-transition: all 500ms; transition: all 500ms;
	text-align: left;
}

.main-news .main-news-bor h3
{
	font-size: 18px;
	padding-bottom: 18px;
	line-height: 26px;
	margin-bottom: 28px;
	position: relative
}
.main-news .main-news-bor h3::after
{
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 66px;
	height: 2px;
	background: #e62129;


}
.main-news .main-news-bor p
{
	font-size: 13px;
	line-height: 26px;
	height: 180px;
	overflow: hidden;
}

.main-news .main-news-item:hover
{
	background: url('../img/news_bg.jpg') no-repeat;background-size: cover;
}
.main-news .main-news-item:hover .main-news-bor
{
	border: 2px solid #2f318b;
	background: url('../img/news_bg1.jpg') no-repeat;background-size: cover
}


/*====
  about
  ===============================================================================================*/
/*公司简介*/
.about {
}
.about > div {
	padding: 3% 0;
	margin: 0 auto;
}

.about .about-ab {
}
.about .about-ab-three
{
	overflow: hidden;
}
.about .about-three-item
{
	float: left;
	width: 32%;
	margin-right: 2%;
	position: relative;
}
.about .about-three-item:last-child
{
	margin-right: 0;
}
.about .about-three-item img
{
	width: 100%;
}
.about .about-three-bg
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height:100%;
	background: rgba(255,255,255,0.6);
}
.about .about-three-bg>div
{
	text-align: center;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);
}
.about .about-three-bg h3
{
	font-size: 20px;
	font-weight: 500;
	display: inline-block;
	position: relative;
	margin-bottom: 20px;
}
.about .about-three-bg h3::after
{
	content: "";
	position: absolute;
	bottom: -8px;
	left: calc(50% - 15px);
	height:2px;
	width: 30px;
	background: #2f318b;

}
.about .about-three-bg p
{
	line-height: 40px;
}


.about .about .about-ab-box {
}
.about .about-ab-con {
	margin: 36px auto 42px;
}
.about .about-ab-con p {
	text-indent: 2em;
	line-height: 36px;

}
/*荣誉*/
.about .about-honor {
	background: url("../img/honor-bg.jpg") no-repeat  right center  fixed;
	background-size: cover;
}
.honorPage { padding: 3% 0; width: 90%; margin: 0 auto }
.honorDemo { padding: 0 50px 0; }
.honorDemo .item { border-radius: 5px; background-color: #d7d7d7; font-size: 14px; color: #333; padding: 10px 10px; margin: 0px 7px; display: block; text-align: center; }
.honorDemo .item:hover, .honorDemo .item.act { background-color: #cc0000; color: #fff; }
.honorDemo .slick-arrow { width: 33px; height: 33px; display: block; border-radius: 5px; top: 50%; margin-top: -16px; }
.honorDemo .slick-arrow i { background: url(../img/iconl.png) no-repeat scroll center center; width: 100%; height: 100%; margin: 0px auto; display: block; transition: 300ms; -webkit-transition: 300ms; }
.honorDemo .slick-prev { left: 0; }
.honorDemo .slick-next { right: 0; }
.honorDemo .slick-prev i { background-image: url(../img/iconl.png); }
.honorDemo .slick-next i { background-image: url(../img/iconr.png); }
.honorDemo .itemA { display: block; margin: 0 20px; height: 360px; }
.honorDemo .img {
	overflow: hidden;
	position: relative;
	display: block;
	height: 100%;
	margin: 0 auto 8px;
	text-align: center; }
.honorDemo .img img {
	width: 100%;
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.slick-slider { position: relative; display: block; margin-top: 20px; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; padding: 0; border: none; outline: none; }
/*公司环境*/
.envDemo { padding: 0 50px 0; }
.envDemo .item { border-radius: 5px; background-color: #d7d7d7; font-size: 14px; color: #333; padding: 10px 10px; margin: 0px 7px; display: block; text-align: center; }
.envDemo .item:hover, .envDemo .item.act { background-color: #cc0000; color: #fff; }
.envDemo .slick-arrow { width: 33px; height: 33px; display: block; border-radius: 5px; top: 50%; margin-top: -16px; }
.envDemo .slick-arrow i { background: url(../img/iconl.png) no-repeat scroll center center; width: 100%; height: 100%; margin: 0px auto; display: block; transition: 300ms; -webkit-transition: 300ms; }
.envDemo .slick-prev { left: 0; }
.envDemo .slick-next { right: 0; }
.envDemo .slick-prev i { background-image: url(../img/iconl.png); }
.envDemo .slick-next i { background-image: url(../img/iconr.png); }
.envDemo .itemA { display: block; margin: 0 20px; text-align: center;outline: none}
.envDemo .img {
	overflow: hidden;
	position: relative;
	display: inline-block;
	height: 100%;
	width: 30%;
	text-align: center;
	outline: none;
}

.envDemo .img img {
	width: 100%;
}
.envDemo .img p
{
	width: 100%;
	background-color: #2f318b;
	color: #fff;
	padding: 10px;
}
.slick-slider { position: relative; display: block; margin-top: 20px; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; padding: 0; border: none; outline: none; }

/*公司文化*/
.about .about-cul {
	overflow: hidden;
	/*background: #EBEFF3;*/
	/*background: url("img/1011.jpg");*/
	position: relative;
	top: 30px;
	padding: 2% ;
}
.about .about-cul-box
{

}
.about .about-cul-item
{
	width: 48%;
	margin-bottom: 3%;
	padding: 3% 0;
	margin-right: 4%;

}
.about .about-cul-item:nth-child(2n)
{
	margin-right: 0;
}
.about .about-cul-icon
{
	width: 22%;


}
.about .about-cul-icon>div
{
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);
}
.about	.about-cul-zfx
{
	width: 100px;
	height: 100px;
	background-color: #Fff;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	text-align: center;
	box-shadow: 6px 6px 14px 1px #D2D2D2;
}
.about .about-cul-icon img
{
	width:68px;
	margin: 14px auto;
	-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);

}
.about .about-cul-det{
	width: 68%;

}

.about .about-cul-det h3{
	font-size: 18px;
	margin-bottom: 16px;
}
.about .about-cul-det p{
	font-size: 13px;
	line-height: 26px;
	color: #666;
	text-indent: 2em;
}
/*====
  product
  ===============================================================================================*/
.product {
	padding: 3% 0;
}
.product .main-title {
	margin-bottom: 0;
}
.product .product-box {
	padding: 30px 60px;
}
.product .pro-items {
	/*overflow: hidden;*/
	background: #f8f7fc;
	margin-top: 80px;
	height: 460px;
}
.product .pro-img {
	width: 30%;
	height: 100%;
	position: relative;
}
.product .pro-series {
	position: absolute;
	bottom: -30px;
	right: -60px;
}
.product  .pro-title
{
	width: 168px;
	height: 168px;
	padding: 8% 12%;
	text-align: right;
}
.product .pro-items:nth-child(2n)  .pro-title
{
	text-align: left;
}
.product  .pro-title span
{
	font-size: 18px;
	font-family: -webkit-body;
	margin: 0 0 16px;
	font-weight: bold;
	/*text-transform: uppercase;*/
	letter-spacing: 2px;
}
.product  .pro-title p
{
	font-size: 40px;
	font-family: -webkit-pictograph;
	font-weight: 800;
}
.product .pro-series-line {
}
.product .pro-series-line span {
	position: absolute;
	background: #2f318b;
	display: block;
}
.product .pro-series-line .span1 {
	left: 0;
	top: 0;
	width: 0;
	height: 3px;
	-webkit-transition: all 180ms;
	-moz-transition: all 180ms;
	-ms-transition: all 180ms;
	-o-transition: all 180ms;
	transition: all 180ms;

}
.product .pro-series-line .span2 {
	left: 0;
	bottom: 0;
	height: 0;
	width: 3px;
	-webkit-transition: all 180ms 480ms;
	-moz-transition: all 180ms 480ms;
	-ms-transition: all 180ms 480ms;
	-o-transition: all 180ms 480ms;
	transition: all 180ms 480ms;

}
.product .pro-series-line .span3 {
	right: 0;
	top: 0;
	height: 0;
	width: 3px;
	-webkit-transition: all 180ms 180ms;
	-moz-transition: all 180ms 180ms;
	-ms-transition: all 280 180ms;
	-o-transition: all 180ms 180ms;
	transition: all 180ms  180ms;

}
.product .pro-series-line .span4 {
	right: 0;
	bottom: 0;
	width: 0;
	height: 3px;
	-webkit-transition: all 180ms 360ms ;
	-moz-transition: all 180ms 360ms ;
	-ms-transition: all 180ms 360ms;
	-o-transition: all 180ms 360ms ;
	transition: all 180ms 360ms;

}
.product .pro-items:nth-child(2n) .pro-series {
	top: -30px;
	left: -60px;
	right: auto;
	bottom: auto;
}
.product .pro-series-line.active .span1 {
	width: 100%;
}
.product .pro-series-line.active .span2 {
	height: 100%;
}
.product .pro-series-line.active .span3 {
	height: 100%;
}
.product .pro-series-line.active .span4 {
	width: 100%;
}
.product .pro-det {
	width: 70%;
	height: 100%;
}
.product .pro-det > div {
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	padding-left: 8%;
	width: 78%;
}
.product .pro-det .pro-det-num {
	margin: 0 0 16px;
	font-size: 16px;
	color: #e62129;
	font-weight: bold;
	line-height: 1.8;
	text-transform: uppercase;
	display: block;
}
.product .pro-det h3 {
	font-size: 22px;
	margin: 0 0 30px;
	color: #111830;
	font-weight: bold;
	line-height: 1.6;
}
.product .pro-det h3 span {
	display: block;
	letter-spacing: 4px;
	font-size: 20px;
	text-transform: uppercase;
	font-family: fantasy;
	font-weight: 500;
}
.product .pro-det p {
	font-size: 14px;
	line-height: 30px;
	letter-spacing: 1px;
}
.product .main-more {
	text-align: left;
}



/*====
  pro-list
  ===============================================================================================*/
.pro-list {
	padding: 3% 0;
}
.pro-list .pro-list-view
{
	overflow: hidden;margin-bottom: 3%;
}
.pro-list .pro-list-view>div
{

	/*width: 46%;*/
}
.pro-list .pro-view-title
{
	/*float: right;*/
}
.pro-list .pro-view-img
{
	/*float: left;*/
	text-align: center;
}
.pro-list .pro-view-img img
{
	/*width: 100%;*/
}
.pro-list .pro-list-box {
	overflow: hidden;
	margin-bottom: 4%;
	padding: 4% 0;
}
.pro-list .pro-list-item {
	width: 24%;
	float: left;
	margin-right: 1%;
	position: relative;
	margin-bottom: 3%;
	background: #333;
	height:300px;

}
.pro-list .pro-list-item:nth-child(4n) {
	margin-right: 0;
}
.pro-list .pro-list-item:nth-child(2n) {
	top: 66px;
}
.pro-list .pro-list-search{
	position: relative;
	top: 12%;
	/*-webkit-transform: translateY(-50%);*/
	/*-moz-transform: translateY(-50%);*/
	/*-ms-transform: translateY(-50%);*/
	/*-o-transform: translateY(-50%);*/
	/*transform: translateY(-50%);*/
	width: 80%;
	margin: 0 auto;
	text-align: center;
}
.pro-list .pro-list-search span
{
	color: #fff;
	margin-bottom: 50px;
	display: block;
	text-align: left;
}
.pro-list .pro-list-search .pro-list-btn
{
	margin-top: 66px;
	padding: 8px 40px;
	background: #e62129;
	color: #fff;

}
.pro-list .pro-list-search select
{
	width: 100%;
	padding: 10px;
	text-align: center;
}
.pro-list .pro-list-img {
	width: 100%;
	height:100%;
	position: relative;
}
.pro-list .pro-list-name
{
	position: absolute;
	bottom: -20px;
	width: 100%;
	line-height: 40px;
	text-align: center;
}
.pro-list .pro-list-name h3
{
	font-size: 15px;
	padding: 0 20px;
	line-height: 40px;
	display: inline-block;
	background: rgba(255,255,255,0.8);

}

/*====
  pro-con
  ===============================================================================================*/
.pro-con .pro-con-img {
	width: 10%;
	height: 100%;
	overflow-y: auto;
	position: relative;

}
.pro-con .pro-con-img img:hover {
	cursor: pointer;
}
.pro-con .pro-con-img::-webkit-scrollbar {
	width: 2px;
}
.pro-con .pro-con-img::-webkit-scrollbar-track {
	-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;
	background: #999;
}
.pro-con .pro-con-img::-webkit-scrollbar-thumb {
	background: #2f318b;
	-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;
}
.pro-con .pro-con-img > div {
	padding: 6% 10%;
}
.pro-con .pro-con-big {
	width: 40%;
	height: 100%;
	overflow: hidden;
	margin: 0 3% 0 3%;
}
.pro-con .pro-con-big img {
	min-height: 100%;
}
/*.pro-con .pro-con-big > div {*/
/*position: relative;*/
/*top: 50%;*/
/*-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);*/
/*}*/
.pro-con .pro-det-con {
	width: 42%;
	height: 100%;
}
.pro-con .pro-det-con .main-more {
	text-align: left;
}
.pro-con .pro-det-con .main-more a {
	padding: 6px 42px;
}
.pro-con .pro-det-con > div {
	position: relative;
	top: 42%;
	-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);
}
.pro-con .pro-det-con h3 {
	padding-right: 42px;
	display: inline-block;
	font-size: 23px;
	letter-spacing: 0.3px;
	line-height: 48px;
	border-bottom: 1px solid #eeeeee;
	margin-bottom: 30px;
	font-weight: 500;
}
.pro-con .pro-det-con p {
	line-height: 30px;
}



.pro-con {
	padding: 3% 0;
}
.pro-con .pro-con-box {
}
.pro-con .pro-con-det {
	overflow: hidden;
	height: 500px;
	padding: 3% 0;
	background: #fafafa;
}
.pro-con .pro-con-det .main-width {
	height: 100%;
	width: 1200px;
	/*min-width: auto;*/
}
.pro-con .pro-con-det img {
	width: 100%;
}
.pro-con .pro-con-font {
	width: 1200px;
	margin: 66px auto 0;
}
.pro-con .pro-con-name {
	border-bottom: 2px solid #2f318b;
	margin-bottom: 20px;
}
.pro-con .pro-con-name h3 {
	display: inline-block;
	padding: 10px 28px;
	background: #2f318b;
	color: #fff;
	font-size: 17px;
}
.pro-con .pro-con-div {
	padding: 0 3%;
}
.pro-con .pro-con-div img {
	max-width: 100%;
}
.pro-con .pro-con-div span {
	font-weight: bold;
	font-size: 16px;
	line-height: 40px;
	margin-top: 12px;
	display: inline-block;
}
.pro-con .pro-con-div p {
	text-indent: 2em;
	line-height: 28px;
	font-size: 15px;
}
.pro-con .pro-con-div em {
	font-weight: bold;
}
.pro-con .pro-con-div ol {
}
.pro-con .pro-con-div ul {
}
.pro-con .pro-con-div li {
	line-height: 30px;
	text-indent: 3em;
}

/*====
  news
  ===============================================================================================*/
.news .news-all
{
	clear: both;
	background: #eee;
	padding: 3% 0;
}
.news .news-all-box
{
	overflow: hidden;
	border: 1px solid transparent;
}
.news .news-all-item{
	display: block;
	padding: 30px;
	width: 24%;
	background: #fff;
	margin-right: 1%;
	height: 425px;
	overflow: hidden;
	margin-bottom: 1.33%;
}
.news .news-all-item:nth-child(4n)
{
	margin-right: 0;
}
.news .news-all-item h3
{
	font-size: 16px;
	line-height: 26px;
	display: block;
	color: #2f318b;
	height: 52px;
	position: relative;
	overflow: hidden;
}
.news .news-all-item span
{
	line-height: 32px;
	color: #888;
	display: block;
}
.news .news-all-item div
{
	overflow: hidden;
}
.news .news-all-item img
{
	width: 100%;
	-webkit-transition: all 500ms; -moz-transition: all 500ms; -ms-transition: all 500ms; -o-transition: all 500ms; transition: all 500ms;
}
.news .news-all-item p
{
	margin: 13px 0 20px 0;
	width: 100%;
	display: block;
	color: #666;
	height: 76px;
	overflow: hidden;
	line-height: 24px;
	font-size: 12px;
}
.news .news-all-item a
{
	line-height: 24px;
	display: inline-block;
	padding-right: 16px;
	background: url("http://www.hailiang.com/static/web/css/../img/ico_42.png") no-repeat right center;
	color: #333;
	margin-top: 19px;

}
.news .news-all-item:hover img
{
	-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);
}




.news-more {
	clear: both;
}
.news-more img {
}
.news-more span {
	font-size: 13px;
	color: #666666;
}
.news {
	padding-top: 3%;
}
.news .news-title {
	margin-bottom: 42px;
	color: #666666;
}
.news .news-time {
	vertical-align: top;
	display: inline-block;
}
.news .news-time img {
	width: 16px;
}
.news .news-time span {
	vertical-align: middle;
	color: #666;
	font-size: 13px;
}




.news-box
{
	overflow: hidden;
	padding: 3% 0 6%;
}
.news-box>div
{

	float: left;
	overflow: hidden;
}
.news-box-l{
	width: 40%;
}
.news-box-l ul
{

}
.news-box-l ul li
{
	background: #eeeeee;
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;
}
.news-box-l ul  li.active
{
	background: #333;
}
.news-box-l ul li.active,.news-box-l ul  li.active span,.news-box-l ul  li.active  h3,.news-box-l ul  li.active p
{
	color: #ffffff;
}

.news-box-l ul  li a
{
	display: block;
	padding:6%;
	-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;

}
.news-box-l ul li span
{
	display: block;
	-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;
}
.news-box-l ul  li .news-box-date
{
	font-size: 2rem;
	color: #999;
	line-height: 2rem;
	font-weight: 500;
	font-family: -webkit-pictograph;
}
.news-box-l ul  li .news-box-time
{
	font-size: 0.75rem;
	color: #333;
}
.news-box-l ul  li h3
{
	font-size: 16px;
	line-height: 40px;
	margin-top: 10px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;

}
.news-box-l ul  li p
{
	font-size: 13px;
	line-height: 26px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;
}
.news-box-r
{
	width: 60%;
}
.news-box-r img
{
	width: 100%;
}


/*====
  news-con
  ===============================================================================================*/
.news-con
{
	width: 1200px;
	padding-bottom: 46px;
	margin:66px auto 50px;
	border-bottom: 1px solid #c9c9c9;
}
.news-con img
{
	margin: 20px auto;
    max-width: 100%;
}
.news-con h2
{
	text-align: center;
	margin: 50px 0 12px;
	border-bottom: 1px solid #c9c9c9;
	padding-bottom: 20px;
	font-size: 22px;
}
.news-con em
{
	text-align: center;
	display: inline-block;
	color: #888888;
	font-size: 14px;
	font-style: inherit;
	margin: 0 28px 50px;
}
.news-con p
{
	padding: 0 2%;
	text-indent: 2em;
	line-height: 40px;
	font-size: 14px;

	color: #666;
	letter-spacing: 1px ;
}
.news-con div
{
	text-align: center;

}

.news-con span
{
	padding-left: 2%;
	font-weight: bold;
	display: block;
	margin: 14px;
	font-size: 16px;
}
.news-btn
{    text-align: center;
	margin: 20px auto 100px;
}

.news-btn .blog-block__btn
{
	display: inline-block;
	margin-right: 30px;
	width: 160px;
}
.news-btn .blog-block__btn a
{
	width:100%;
}
.news-btn .blog-block__btn2 .parts__btn:before
{
	content: "";
}
.news-btn .blog-block__btn1 .parts__btn:before
{
	left: -100px;
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}


/*====
  service
  ===============================================================================================*/
.service {
}
.service .service-box {
}
.service .service-box > div {
	padding: 3% 0;
}
.service .service-load {
}
.service .service-load-box {
	overflow: hidden;
}
.service .service-load-items {
	width: 33.33%;
	float: left;
	padding: 2% 4%;
	overflow: hidden;
	margin-bottom: 28px;
}
.service .service-load-icon {
	overflow: hidden;
}
.service .service-load-icon p {
	background: #2f318b;
	display: inline-block;
	padding: 10px 20px;
	margin-right: 10px;
}
.service .service-load-icon img {
	width: 12px;
}
.service .service-load-icon span { font-size: 18px;
	line-height: 42px;
	display: inline-block;
	border-bottom: 1px dashed #999;
	position: relative;
	width: calc(100% - 90px);
	height: 50px;
	overflow: hidden;
	vertical-align: top;
}
.service .service-load-icon span:after {
	content: "";
	position: absolute;
	bottom: 6px;
	left: 0;
	width: 100%;
	border-bottom: 1px dashed #999;
}
.service .service-load-con {
	margin-top: 20px;
}
.service .service-load-con p {
	line-height: 30px;
	color: #666;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	text-indent: 2em;
	height: 120px;
	overflow: hidden;
}
/*service-problem*/
.service .service-problem {
}
.service .service-prob-box {
	overflow: auto;
	height: 600px;
	padding: 0 2%;
}
.service .service-prob-box::-webkit-scrollbar {
	width: 6px;
	background: #eee;
	-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;
}
.service .service-prob-box::-webkit-scrollbar-thumb {
	background: #2f318b;
	-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;
}
.service .service-prob-box ul {
}
.service .service-prob-box li {
	margin-bottom: 50px;
	padding-right: 2%;
}
.service .service-prob-box h3 {
	background: url(../img/icon-bg.jpg);
	padding: 5px 30px 2px 10px;
	display: inline-block;
}
.service .service-prob-box h3 span {
	line-height: 40px;
	font-size: 18px;
	font-weight: 700;
	color: #ffffff;
	display: inline-block;
	vertical-align: top;
	margin-left: 10px;
}
.service .service-prob-box h3 i {
	background: url(../img/icon-q1.png) no-repeat center;
	display: inline-block;
	height: 40px;
	width: 40px;
}
.service .service-prob-box div {
	padding: 12px 20px 0 60px;
	background: url(../img/icon-a.png) no-repeat 16px 14px
}
.service .service-prob-box p {
	line-height: 40px;
	letter-spacing: 0.2px;
	font-size: 16px;
}



/*====
  join
  ===============================================================================================*/
.join {
}
.join > div {
	overflow: hidden;
	padding: 6% 0;
}
.join .join-box > div {
}
.join .join-idea {
}
.join .join-idea > div {
	width: 50%;
	float: left;
}
.join .join-idea-l {
	/*background: #2f318b;*/
    background: #b7d4e4;
	padding: 50px;
	position: relative;
}
.join .join-idea-icon {
	position: absolute;
	right: 20%;
	top: 0;
}
.join .join-idea-red {
	position: relative;
	right: -55px;
	top: -18px;
}
.join .join-idea-white {
}
.join .join-idea-l ol {
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);
}
.join .join-idea-l li {
	font-size: 16px;
	margin-bottom: 10px;
	color: #ffffff;
}
.join .join-idea-l li p {
	color: #ffffff;
	text-indent: 2em;
	line-height: 22px;
}
.join .join-idea-l li p:first-child {
	margin-top: 6px;
}
.join .join-idea-r {
}
.join .join-idea-r img {
	width: 100%;
}
.join .join-program {
	background: #fafafa;
	padding: 3% 0;
}
.join .join-program-four {
	width: 22%;
	margin-right: 4%;
	background: rgba(255, 255, 255, 0.8);
	float: left;
	min-height: 420px;
	position: relative;
	/*padding: 3% 2%;*/
}
.join .join-program-four:last-child {
	margin-right: 0;
}
.join .join-program-yuan {
	position: absolute;
	height: 100px;
	width: 100px;
	top: -70px;
	left: calc(50% - 50px);
	-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;
	box-shadow: 7px 7px 20px 0 #c3c2c2;
}
.join .join-program-yuan img {
	width: 50%;
	margin: 25% auto;
}
.join .join-program-bg {
}
.join .join-program-bg h3 {
	font-size: 20px;
	font-weight: 500;
	border-bottom: 1px solid #eee;
	padding-bottom: 10px;
	margin-bottom: 20px;
	margin-top: 12%;
	line-height: 40px;
}
.join .join-program-con {
	text-align: left;
	padding: 3% 10%;
}
.join .join-program-con span {
	font-weight: 600;
	line-height: 36px;
}
.join .join-program-con p {
	line-height: 30px;
	text-indent: 2em;
	font-size: 13px;
}
.join .join-program-box {
	text-align: center;
	margin: 8% 0;
}
.join .join-job {
}
.join .join-job-box {
}
.join .join-job-box li {
	margin-bottom: 10px;
	/*-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;*/
}
.join .join-job-box a {
	display: block;
	width: 100%;
	line-height: 66px;
	background: #aaa;
	padding-left: 20px;
	position: relative;
	color: #ffffff;
	-webkit-transition: all 500ms; -moz-transition: all 500ms; -ms-transition: all 500ms; -o-transition: all 500ms; transition: all 500ms;
}
.join .join-job-box a > span {
	position: absolute;
	right: 20px;
	top: 28px;
	width: 14px;
	height: 14px;
	overflow: hidden;
	background: url("../img/icon-joinl.png") no-repeat top center;
}
.join .join-job-box li .join-job-con {
	width: 100%;
	padding: 0;
	height: 0;
	overflow: hidden;
	border: 1px solid #eeeeee;
	-webkit-transition: all 500ms; -moz-transition: all 500ms ; -ms-transition: all 500ms ; -o-transition: all 500ms ; transition: all 500ms ;
}

.join .join-job-box li .join-job-con h3
{
	color: #e62129;
	font-size: 15px;
	line-height: 47px;
}
.join .join-job-box li .join-job-con span {
	font-weight: 600;
}
.join .join-job-box li .join-job-con p {
	line-height: 40px;
	color: #555;
}
.join .join-job-box li.active a {
	background: #2f318b;
}
.join .join-job-box li.active a span {
	background: url("../img/icon-joinl.png") no-repeat bottom center;
}
.join .join-job-box li.active .join-job-con {
	height: auto;
	padding: 2%;
}




/*====
  contant
  ===============================================================================================*/
.contant {
	overflow: hidden;
	padding: 4% 0 6%;

}
.contant h3 {
	line-height: 28px;
	font-weight: 700;
	font-size: 18px;
	letter-spacing: 0.2px;
	position: relative;
	text-align: center;
	text-transform: capitalize;
	margin-bottom: 15px;
}
.contant  h3:after {
	content: "";
	margin: 10px auto 5px;
	width: 30px;
	height: 2px;
	background: #e62129;
	display: block;
}
.contant .con-icon {
	overflow: hidden;
	margin: 4% 0;
	text-align: center;
}
.contant .con-icon > div {
	display: inline-block;
	width: 25%;
	margin-right: 7%;
	height: 210px;
	padding: 30px;
	text-align: center;
	background: #fafafa;
	vertical-align: top;
	position: relative;
}
.contant .con-icon > div:after
{
	content: "";
	position: absolute;
	bottom: 0;
	left:0;
	width: 0;
	height: 2px;
	background: #e62129;
	-webkit-transition: all 680ms; -moz-transition: all 680ms; -ms-transition: all 680ms; -o-transition: all 680ms; transition: all 680ms;
}
.contant .con-icon > div:last-child
{
	margin-right: 0;
}
.contant .con-icon > div:hover:after
{
	width: 100%;
}
.contant .con-icon img
{
	width: 22px;
	margin-bottom: 12px;
}
.contant .con-icon p{
	text-align: center;
	clear: both;
	font-size: 14px;
	color: #656565;
	line-height: 28px;
}
.contant .con-box {
	overflow: hidden;
}
.contant .con-box > div {
	width: 49%;
}
.contant .con-mess {
	margin-right: 2%;
	background: #fafafa;
	padding: 40px 75px 20px;
}
.contant form {
	text-align: center;
}
.contant form p {
	font-size: 14px;
	font-weight: 300;
	text-align: center;
	color: #686868;
	margin: 0 auto 40px;
	width: auto;
	letter-spacing: 2px
}
.contant form input, .contant form textarea {
	display: block;
	width: 80%;
	margin: 10px auto;
	color: #323232;
	font-size: 14px;
	line-height: 24px;
	height: 42px;
	padding: 6px 10px;
	background: transparent;
	border-bottom: 1px solid #d1d1d1;
	outline: none;
}
.contant form input {
}
.contant form textarea {
	height: 120px;
}
.contant form .con-btn {
	background-color: #202020;
	color: #fff;
	margin-top: 10px;
	font-weight: 500;
	padding: 4px 20px;
	text-transform: uppercase;
	display: inline-block;
	position: relative;
	line-height: 34px;
	outline: 0;
	letter-spacing: .03em;
}
.contant .con-map {
	position: relative;
}
.pop .center,.pop .bottom
{
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}