

body {

	min-width: 1240px;

	width: 100%;

}

/*合作客户*/



.hz {

	height: 296px; width:1240px; margin:auto;

	overflow: hidden;border: 1px solid #e5e5e5; margin-bottom:80px; overflow:hidden;

}

.hz1 {

	height: 300px;

	overflow: hidden; background:#fff;padding-left: 42px;box-shadow: 0px 0px 10px rgba(0, 0, 0, .1);

}

.hz ul li {

    width: 247px;

    height: 148px;

    float: left;

    position: relative;

    line-height: 0;

    overflow: hidden;

    border-right: 1px solid #e5e5e5;

    border-top: 1px solid #e5e5e5;

    margin-top: -1px;text-align: center;

}

.hz ul li:nth-child(5n){border-right: 0px solid #e5e5e5;}

.hz1 ul li {

	width: 360px;

	height: 240px;

	float: left;

	position: relative;

	line-height: 0;

	margin-top: 30px;

	margin-left: 37px;

	overflow: hidden;

}

.hz1 ul li img {

	width: 360px;

	height: 240px;

}

.hz ul li img {

	width: 239px;

	height: 148px;

}

.hz ul li a {

	width: 239px;

	height: 0;

	display: block;

	position: absolute;

	bottom: 0;

	left: 0;

	font-size: 18px;

	color: #fff;

	background: rgba(234,0,0,0.9);

	text-align: center;

	line-height: 148px;

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

	padding: 0 10px;

	transition: height .3s;

	-moz-transition: height .3s; /* Firefox 4 */

	-webkit-transition: height .3s; /* Safari and Chrome */

	-o-transition: height .3s; /* Opera */

}

.hz ul li:hover a {

	height: 148px;

}





.hz1 ul li a {

	width: 360px;

	height: 0;

	display: block;

	position: absolute;

	bottom: 0;

	left: 0;

	font-size: 18px;

	color: #fff;

	background: rgba(234,0,0,0.9);

	text-align: center;

	line-height: 240px;

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

	padding: 0 10px;

	transition: height .3s;

	-moz-transition: height .3s; /* Firefox 4 */

	-webkit-transition: height .3s; /* Safari and Chrome */

	-o-transition: height .3s; /* Opera */

}

.hz1 ul li:hover a {

	height: 240px;

}

.hz1 .nobor, .hz1 ul li:first-child {

	margin-left: 0;

}





/*品牌坚守*/



.pinz {

	height: 500px;

	overflow: hidden;

	padding: 60px 0;

	width: 100%;

}

.pinz01 {

	width: 413px;

	height: auto;

	position: relative;

	float: left;

	overflow: hidden;

}

.pinz01 dl {

	width: 412px;

	height: 300px;

	overflow: hidden;

	text-align: center;

	border-right: 1px solid #ebebeb;

	margin: 0;

}

.pinz01 dl dd {

	width: 70%;

	height: 260px;

	background: #fff;

	position: absolute;

	padding: 20px 15%;

}

.pinz01 dl dd em {

	display: block;

	width: 100px;

	height: 100px;

	margin: AUTO;

	border: 1px solid #dfdfdf;

	border-radius: 50%;

}

.pinz01 dl dd em img, .pin01_m em img {

	width: 50px;

	height: 43px;

	padding-top: 28px;

}

.pinz01 dl dd h5, .pin01_m h5 {

	font-size: 22px;

	color: #333;

	font-weight: normal;

	height: 70px;

	line-height: 70px;

	overflow: hidden;

	background: url(../image/pinz_line01.gif) no-repeat center 65px;

}

.pinz01 dl dd p, .pin01_m p {

	font-size: 14px;

	color: #666;

	line-height: 25px;

	padding: 10px 0 0;

	height: 75px;

	overflow: hidden;

}

.pinz01 dl dd p i, .pin01_m p i {

	display: block;

}

.pinz01:hover dd {

	display: none;

}

.pinz .nobor {

	margin-right: 0;

}

.pin01_m {

	width: 70%;

	padding: 0 15%;

	height: 0;

	position: absolute;

	bottom: 0;

	left: 0;

	overflow: hidden;

	text-align: center;

	background: rgba(234,0,0,0.9);

	transition: height .5s;

	-moz-transition: height .5s; /* Firefox 4 */

	-webkit-transition: height .5s; /* Safari and Chrome */

	-o-transition: height .5s; /* Opera */

}

.pin01_m em {

	display: block;

	width: 100px;

	height: 100px;

	margin: AUTO;

	border: 1px solid #fff;

	border-radius: 50%;

	margin-top: 20px;

}

.pin01_m h5 {

	color: #fff;

	background: url(http://anli.kaibaidu.com/yl486/skin/images/pinz_line02.gif) no-repeat center 65px;

}

.pin01_m p {

	color: #fff;

}

.pinz01:hover .pin01_m {

	height: 300px;

}

.g_cpys {

	height: 660px;

	overflow: hidden;

	background: url(../image/index_02.jpg) no-repeat center;

	padding: 60px 0;

}

.g_cpys h2 {

	color: #fff;

	line-height: 55px;

}

.g_cpys dl {

	float: left;

	width: 500px;

	margin-right: 240px;

	height: auto;

	transition: all 1s ease 0s;

}

.m_ys {

	background: url(../image/vs.png) no-repeat center;

	overflow: hidden;

}

.m_ys dd {

	background: #00409a;

	padding: 5px 15px;

	min-height: 170px;

}

.g_cpys dl:hover {

	transform: translateX(-10px);

}

.g_cpys .lastdl {

	margin-right: 0;

}

.g_cpys dt {

	width: 500px;

	height: 310px;

	position: relative;

}

.g_cpys dt img {

	width: 500px;

	height: 310px;

	display: block;

}

.g_cpys dd {

	color: #fff!important;

}

.g_cpys span {

	color: #fff!important;

}

.g_cpys p {

	font-size: 14px;

	line-height: 24px;

	color: #fff;

	margin-bottom: 20px;

}

.g_ser {

	padding-top: 20px;

	height: 55px;

	border-bottom: 1px solid #d7d7d7;

}

.h_sea {

	height: 40px;

	line-height: 40px;

	overflow: hidden;

	color: #666666;

	font-size: 14px;

}

.h_sea b {

	font-weight: bold;

	color: #666666;

}

.inp01 {

	height: 38px;

	line-height: 38px;

	padding-left: 22px;

	width: 216px;

	float: left;

	color: #999999;

	font-size: 14px;

	border: none;

	background: none;

	font-family: "Microsoft Yahei";

	border: 1px solid #d7d7d7;

	border-radius: 50px;

}

.s_ss {

	float: left;

	width: 40px;

	height: 40px;

	border: none;

	cursor: pointer;

	background: url(../image/ser.png) no-repeat;

	margin-left: -32px;

}

.key {

	background: url(../image/index_11.jpg) 0 8px no-repeat;

	padding-left: 20px;

}

.key a {

	color: #666666;

	padding: 0 5px;

}

.key .lasta {

	background: none;

}

.s_inp {

	width: 264px;

	height: 40px;

}

#box_products {

	background: url(../image/index_04.jpg) bottom no-repeat;

	padding: 60px 0;

	overflow: hidden;

}

.yin_t {

	font-size: 40px;

	color: #00409a;

	text-align: center;

	position: relative;

	line-height: 50px;

}

.yin_t span {

	display: block;

	font-size: 16px;

	font-weight: normal;

	color: #656464;

}

.yin_t i {

	color: #ccc;

	font-weight: 100;

	margin: 0 20px;

}

.yin_t dd {

	color: #00409a;

	font-weight: bold;

	line-height: 0px;

}

.products_left {

	width: 260px;

	float: left;

	background: #fff;

	overflow: hidden;

	box-shadow: 0px 0px 10px rgba(0, 0, 0, .1);

	text-align: CENTER;

	padding-bottom: 30px;

}

.products_left h3 {

	width: 100%;

	text-align: center;

	line-height: 100px;

	font-size: 30px;

	font-weight: bold;

	background: #00409a;

	color: #fff;

}

.products_left li {

	background: url(../image/index_13.jpg) #1953a4 185px center no-repeat;

	text-align: left;

	padding-left: 22px;

	width: 200px;

	height: 42px;

	line-height: 42px;

	border-radius: 50px;

	margin: 20px auto;

}

.products_left li a {

	color: #Fff;

}

.products_left li:hover {

	background: url(../image/index_10.jpg) #ea0000 185px center no-repeat;

}

.products_left .cur {

	background: url(../image/index_10.jpg) #ea0000 185px center no-repeat;

}

.p_tu{ width:220px; position:relative; margin:auto}

.p_tu p{    position: absolute;

    display: block;

    background: #00409a;

    color: #fff;

    font-size: 14px;

    right: 0px;

    top: 65px;

    width: 70px;

    height: 28px;

    line-height: 28px;

    text-align: RIGHT;

    padding-right: 5px;

    border-radius: 30px 0 0 30px;}



.p_tu dd{    position: absolute;

    display: block;

    background: #ea0000;

    color: #fff;

    font-size: 14px;

    right: 0px;

    top: 100px;

    width: 102px;

    height: 30px;

    line-height: 30px;

    text-align: RIGHT;

    padding-right: 5px;

    border-radius: 30px 0 0 30px;}

.p_tu a{color:#fff;}







.products_right {

	width: 940px;

	float: right;

}

.r_title {

	width: 100%;

	height: 44px;

	border-bottom: 1px solid #dfdfdf;

	position: relative;

}

.r_title h1 {

	font-size: 20px;

	color: #00409a;

	line-height: 20px;

	border-bottom: 2px solid #00409a;

	display: initial;

	padding-bottom: 19px;

}

.r_title .more {

	position: absolute;

	right: 5px;

	top: 5px;

	background: #ea0000;

	text-align: center;

	width: 88px;

	line-height: 28px;

	color: #fff;

	border-radius: 15px;

	font-size: 14px;

}

.g_pro .cplst li {

	float: left;

	width: 295px;

	margin-right: 26px;

	transition: all 0.3s linear 0s;

	background: #fff;

	box-shadow: 0px 0px 10px rgba(0, 0, 0, .1);

	margin-bottom: 25px;

	margin-top: 6px;

}

.g_pro .cplst li:nth-child(3n) {

	margin-right: 0;

}

.g_pro .cplst li img {

	width: 250px;

	height: 188px;

	display: block;

	transition: all 0.3s linear 0s;

	margin: AUTO; padding-top:20px;

}

.g_pro .cplst li em {

	display: block;

	height: 45px;

	line-height: 45px;

	font-size: 16px;

	color: #333333;

	overflow: hidden;

	text-align: center;

	width: 285px;

}

.g_pro .cplst li:hover {

	transform: scale(1.01);

}

#box_gg {

	width: 100%;

	background: url(../image/index_15.jpg) center no-repeat;

	height: 180px;

	text-align: center;

}

.g_an {

	width: 100%;

	padding: 60px 0; height:680px;

}

.g_an .m_anfl {

	height: 131px;

}

.g_an .m_anfl h3 {

	width: 389px;

	float: left;

	font-size: 16px;

	color: #34353e;

	font-weight: normal;

	background: url(http://anli.kaibaidu.com/yl486/skin/images/antit.png) no-repeat 111px 5px;

}

.g_an .m_anfl h3 a {

	color: #34353e;

}

.g_an .m_anfl ul {

	float: left;

	width: 810px;

}

.g_an .m_anfl li {

	float: left;

	width: 112px;

	margin-right: 20px;

	height: 44px;

	text-align: center;

}

.g_an .m_anfl li:hover {

	border-bottom: 13px solid #f4bd01;

}

.g_an .m_anfl li a {

	color: #34353e;

	font-size: 16px;

}

.g_an .anmore {

	background: url(http://anli.kaibaidu.com/yl486/skin/images/anmore.png) no-repeat right 1px;

	padding-right: 15px;

}

.g_an .m_anlst .anlst {

	position: relative;

}

.g_an .m_anlst ul {

	width: 640px;

	float: right;

}

.g_an .m_anlst li {

	width: 300px;

	height: 250px;

	overflow: hidden;

	position: relative;

	margin-bottom: 20px;

	margin-left: 20px;

	float: left;

}

.g_an .m_anlst li img {

	width: 300px;

	height: 250px;

	display: block;

	transition: all 0.3s linear 0s;

}

.g_an .m_anlst li:hover img {

	transform: scale(1.1);

}

.g_an .m_anlst li em {

	display: block;

	width: 100%;

	height: 52px;

	line-height: 52px;

	position: absolute;

	left: 0;

	bottom: 0;

	text-align: center;

	overflow: hidden;

	font-size: 18px;

	color: #fff;

	background: rgba(0,0,0,.5);

}

.g_an .m_anlst .antj {

	float: left;

	width: 600px;

	height: 520px;

	overflow: hidden;

	position: relative;

}

.g_an .m_anlst .antj img {

	width: 600px;

	height: 520px;

	display: block;

	transition: all 0.3s linear 0s;

}

.g_an .m_anlst .antj:hover img {

	transform: scale(1.1);

}

.g_an .m_anlst .antj em {

	display: block;

	width: 100%;

	height: 52px;

	line-height: 52px;

	position: absolute;

	left: 0;

	bottom: 0;

	text-align: center;

	overflow: hidden;

	font-size: 18px;

	color: #fff;

	background: rgba(0,0,0,.5);

}

.g_an .u_ljt, .g_an .u_rjt {

	position: absolute;

	width: 31px;

	height: 31px;

	top: -35px;

}

.g_an .u_ljt {

	background: url(http://anli.kaibaidu.com/yl486/skin/images/ljt.jpg) no-repeat;

	right: 31px;

}

.g_an .u_rjt {

	background: url(http://anli.kaibaidu.com/yl486/skin/images/rjt.jpg) no-repeat -31px 0;

	right: 0;

}

.g_an .u_ljt:hover, .g_an .u_rjt:hover {

	background-position: -31px 0

}

#box_ys {

	background: url(../image/index_01.jpg) no-repeat center;

	width: 100%;

	padding: 60px 0;

	height: 625px

}

#box_ys h2, #box_ys span, #box_ys dd ,#box_about h2,#box_about span,#box_about dd{

	color: #fff;

}

.box_ys {

	background: url(../image/y_1.png) no-repeat center;

	overflow: hidden

}

.box_ys dl {

	float: left;

	display: inherit;

	margin: AUTO;

	width: 30%;

	margin-right: 40%;

	padding: 60px 0;

	transition: all 1s ease 0s;

}

.box_ys dl:hover {

	transform: translateX(-10px);

}

.box_ys dl:nth-child(2n) {

	margin-right: 0;

}

.box_ys dl dt {

	width: 70px;

	height: 70px;

	background: #ff0000;

	float: left;

	text-align: center;

	color: #Fff;

	font-size: 40px;

	line-height: 70px;

	border-radius: 50%;

	margin-right: 15px;

}

.box_ys dl dd {

	margin-left: 85px;

}

.box_ys dl dd h2 {

	font-size: 26px;

	font-weight: bold;

	color: #fff;

	line-height: 55px;

}

.box_ys dl dd p {

	font-size: 15px;

	font-variant: normal;

	line-height: 30px;

}

.new_title li {

	width: 180px;

	height: 48px;

	display: inline-block;

	border: 1px solid #d8d8d8;

	border-radius: 30px;

	text-align: center;

	line-height: 48px;

	margin: 0 5px;

}

.new_title li a {

	font-size: 16px;

	color: #5d5d5d;

}

.new_title li:hover {

	border: 1px solid #ea0000;

	background: #ea0000

}

.new_title li:hover a {

	color: #fff

}

.g_news {

	text-align: center;

}

.g_news {

	width: 100%;

	padding: 60px 0;

}

.g_news .gsdt {

	float: left;

	width: 610px;

}

.g_news .gsdt h3 {

	background: url(http://anli.kaibaidu.com/yl486/skin/images/newtits.jpg) no-repeat 0 5px;

	height: 48px;

	font-size: 22px;

	color: #333333;

	padding-left: 17px;

}

.g_news .gsdt h3 a {

	color: #333333;

}

.g_news .dttj {



}

.g_news .dttj dt {

	width: 610px;

	height: 330px;

	overflow: hidden;

	margin-bottom: 14px;

}

.g_news .dttj dt img {

	width: 610px;

	height: 330px;

	display: block;

	transition: all 0.3s linear 0s;

}

.g_news .dttj dt:hover img {

	transform: scale(1.1);

}

.g_news .dttj h4 {

	height: 30px;

	line-height: 30px;

	    margin-bottom: 10px;

	font-size: 18px;

	font-weight: normal;

	color: #222222;text-align: left;

	position: relative;

}

.g_news .dttj h4 a {

	color: #222222;

}

.g_news .dttj p {

font-size: 14px;

    line-height: 28px;

    color: #666666;

    overflow: hidden;

    text-align: left;

}

.n_more{    display: block;

    color: #da251d;

    line-height: 60px;}

.g_news .newr {

	float: right;

	width: 600px;

}

.g_news .bk {

	height: 334px;

}

.g_news .bk h3 {



	height: 48px;

	font-size: 22px;

	color: #333333;

	padding-left: 17px;

}

.g_news .bk h3 a {

	color: #333333;

}

.g_news .bk dl {

	height: 136px;

}

.g_news .bk dl:hover dt,.g_news .bk dl:hover h4 a{ color:#ea0000}

.g_news .bk dt {

	width: 102px;

    height: 92px;

    overflow: hidden;

    border-right: 1px solid #ccc;

    float: left;

    margin-right: 20px; color:#c6c6c6; font-size:14px;

}

.g_news .bk dt span{ display:block; font-size:60px;line-height: 67px;}

.g_news .bk dt img {

	width: 213px;

	height: 120px;

	display: block;

	transition: all 0.3s linear 0s;

}

.g_news .bk dt:hover img {

	transform: scale(1.1);

}

.g_news .bk dd {

	float: left;

	width: 476px;    text-align: left;

}

.g_news .bk h4 {

	height: 42px;

	line-height: 42px;

	overflow: hidden;

	font-size: 18px;

	color: #222222;font-weight: normal;

}

.g_news .bk h4 a {

	color: #222222;

}

.g_news .bk p {

	font-size: 14px;

	line-height: 22px;

	color: #666;

	height: 44px;

	overflow: hidden;

}

#box_about{ width:100%; background:url(../image/a_bg.png) top no-repeat; padding:60px 0;	}

.box_about p{ font-size:15px; color:#fff; line-height:36px;}

.m_flex {

    width: 100%;

    padding: 60px 0px;

    display: flex;

    flex-wrap: wrap;

    justify-content: space-around;

    align-items: center;

}

.f_box {

    margin: 0px 0px;    line-height: 1.42857143;

}

.f_content {

    position: relative;

    text-align: center;

}

.run_num {

    font-size: 48px;

    font-family: "Impact"!important;

    color: #fff;

}

.f_unit {

    font-size: 18px;

    position: relative;

    color: #fff;

}

.f_title {

    font-size: 16px;

    color: #fff;

    text-align: center;

    font-weight: 300;

}

.m_flex sup {

    top: 4px;

    bottom: 0px;

    margin-left: 5px;

    vertical-align: super;

}

.f_unit1 {

    font-size: 28px;

    position: relative;

    color: #fff;

}

