.chuangyi_bj {
	width: 100%;
	height: auto;
	overflow: hidden;
	background: url(../images/chuangyi.jpg) no-repeat center;
	background-size: cover;
	padding: 150px 0;
}

.chuangyi {

	height: auto;
	overflow: hidden;
	margin: 0px auto;
}

.chuangyi_left {
	float: left;
	width: 40%;
	height: auto;
	overflow: hidden;
}

.chuangyi_left span {
	display: block;
}

.chuangyi_left span.cyt1 {
	font-size: 48px;
	font-weight: bold;
	color: #000;
	margin-bottom: 50px;
}

.chuangyi_left span.cyt1 i {
	font-size: 48px;
	font-weight: 200;
	font-style: normal;
	color: #656363;
	font-style: italic;

}

.chuangyi_left span.cyt2 {
	font-size: 34px;
	font-weight: lighter;
	color: #000;
	margin-bottom: 20px;
}

.chuangyi_left span.cyt3 {
	font-size: 16px;
	font-weight: lighter;
	color: #6f6d6d;
	margin-bottom: 65px;
}

.chuangyi_right {
	float: left;
	width: 60%;
	height: auto;
	overflow: hidden;
}

.chuangyi_right ul li {
	float: left;
}


.chuangyi_right li {
	position: relative;
	width: 31%;
	height: 200px;
	overflow: hidden;
	background: #fff;
	border-radius: 8px;
	margin-right: 3%;
	border: 1px solid #e9e9e9;
	box-sizing: border-box;
}

.chuangyi_right li:last-child {
	margin-right: 0;
}

.chuangyi_box {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
}

.chuangyi_box img {
	display: block;
	margin: 0px auto;
	margin-bottom: 30px;
}

.chuangyi_box span {
	font-size: 18px;
	color: #000;
}





.shipin_bj {
	width: 100%;
	height: auto;
	overflow: hidden;
	background: url(../images/shipinbj.jpg) no-repeat center;
	background-size: cover;
	padding: 160px 0;
}

.shipin {

	height: auto;
	overflow: hidden;
	margin: 0px auto;
}




.shipin_left {
	float: left;
	width: 100%;
	height: auto;
	overflow: hidden;
}

.shipin_left span {
	display: block;
}

.shipin_left span.cyt1 {
	font-size: 48px;
	font-weight: bold;
	color: #fff;
	margin-bottom: 45px;
}

.shipin_left span.cyt1 i {
	font-size: 48px;
	font-weight: 200;
	font-style: normal;
	color: #fff;

}

.shipin_left span.cyt2 {
	font-size: 34px;
	font-weight: lighter;
	color: #fff;
	margin-bottom: 20px;
}

.shipin_left span.cyt3 {
	font-size: 16px;
	font-weight: lighter;
	color: #fff;
	margin-bottom: 95px;
}

.shipin_right {
	float: left;
	width: 100%;
	height: auto;
	overflow: hidden;
}

.shipin_right ul li {
	float: left;
}

.shipin_right li {
	position: relative;
	width: 18%;
	margin-right: 2.5%;
}

.shipin_right li:last-child {
	margin-right: 0;
}

.shipin_box {
	position: relative;
	height: 200px;
}

.shipin_box img {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.shipin_right li span {
	display: block;
	font-size: 18px;
	text-align: center;
	color: #fff;
	margin-top: 30px;
}






.pingmian_bj {
	width: 100%;
	height: auto;
	overflow: hidden;
	background: #f6f6f6;
	background-size: cover;
	padding: 150px 0;
}

.pingmian {

	height: auto;
	overflow: hidden;
	margin: 0px auto;
}



.pingmian_left {
	float: left;
	width: 100%;
	height: auto;
	overflow: hidden;
}

.pingmian_left span {
	display: block;
}

.pingmian_left span.cyt1 {
	font-size: 48px;
	font-weight: bold;
	color: #000;
	margin-bottom: 45px;
}

.pingmian_left span.cyt1 i {
	font-size: 48px;
	font-weight: 200;
	font-style: normal;
	color: #656363;

}

.pingmian_left span.cyt2 {
	font-size: 34px;
	font-weight: lighter;
	color: #000;
	margin-bottom: 20px;
}

.pingmian_left span.cyt3 {
	font-size: 16px;
	font-weight: lighter;
	color: #8b8b8b;
	margin-bottom: 65px;
}


.pingmian_right {
	float: left;
	width: 100%;
	height: auto;
	overflow: hidden;
	background: url(../images/pingmianbj.jpg) no-repeat center;
	background-size: cover;
	padding: 95px 0;
}

.pingmian_right ul li {
	float: left;
}

.pingmian_right li {
	width: calc(100% / 3);
	height: auto;
	min-height: 265px;
	overflow: hidden;
	position: relative;
	border-right: 1px solid #90908f;
	box-sizing: border-box;
}

.pingmian_right li:last-child {
	border-right: none;
}

.pingmian_box {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.pingmian_box img {
	display: block;
	margin: 0px auto;
	margin-bottom: 30px;
}

.pingmian_box span {
	display: block;
	text-align: center;
	font-size: 24px;
	color: #fff;
}




.fuwu_bj {
	width: 100%;
	height: auto;
	overflow: hidden;
	background: #fff;
	background-size: cover;
	padding: 150px 0 100px 0;
}

.fuwu {

	height: auto;
	overflow: hidden;
	margin: 0px auto;
}

.fuwu_t1 {
	display: block;
	font-size: 34px;
	color: #000;
	text-align: center;
	margin-bottom: 15px;
}

.fuwu_t2 {
	display: block;
	font-size: 16px;
	color: #8c8989;
	text-align: center;
}


.fuwulist {
	width: 100%;
	max-width: 1320px;
	height: auto;
	overflow: hidden;
	margin: 80px auto;
}

.fuwulist ul li {
	float: left;
}

.fuwulist li {
	width: calc(100% / 5 - 10px);
	height: auto;
	min-height: 300px;
	position: relative;
	margin: 15px auto;
}


.fuwo_box {
	position: relative;
	min-width: 295px;
	min-height: 295px;
	border: 1px solid #cac8c8;
	box-sizing: border-box;
	border-radius: 50%;
}

.fuwo_box img.jiantou {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translate(-50%, -50%);
}

.fuwulist li:nth-child(5n+5) .fuwo_box img.jiantou {
	display: none;
}

.fuwo_box_mian {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.fuwo_box_mian img {
	display: block;
	margin: 20px auto;
}

.fuwo_box_mian span {
	font-size: 18px;
	color: #000;
}







/*悬浮链接*/
.suspension {
	position: fixed;
	z-index: 55;
	right: 0;
	bottom: 180px;
	width: 70px;
	height: 240px;
}

.suspension-box {
	position: relative;
	float: right;
}

.suspension .a {
	display: block;
	width: 44px;
	height: 44px;
	background-color: #026bb2;
	margin-bottom: 0px;
	cursor: pointer;
	outline: none;
	border-bottom: 1px solid #559ccc;
}

.suspension .a:nth-child(3){
	border-bottom: none;
}
.suspension .a:nth-child(4){
	border-bottom: none;
}

.suspension .a.active,
.suspension .a:hover {
	background: #353535;
}

.suspension .a .i {
	float: left;
	width: 44px;
	height: 44px;
	background-image: url(../images/side_icon.png);
	background-repeat: no-repeat;
}

/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i {
	width: 20px;
	height: 20px;
	margin-top: 12px;
	margin-left: 12px;
	background-image: url(../images/suspension-bg.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}

.suspension .a-service-phone .i {
	width: 20px;
	height: 20px;
	margin-top: 12px;
	margin-left: 12px;
	background-image: url(../images/suspension-bg.png);
	background-repeat: no-repeat;
	background-position: -27px 0;
}

.suspension .a-qrcode .i {
	background-position: -44px 0;
}

.suspension .a-cart .i {
	background-position: -88px 0;
}

.suspension .a-top .i {
	background-position: -132px 0;
}

.suspension .a-top {
	background: #026bb2;
	display: none;
}

.suspension .a-top:hover {
	background: #353535;
}

.suspension .d {
	width: 230px; display:none;
	background: #fff;
	position: absolute;
	right: 55px;
	min-height: 90px;
	border: 1px solid #E0E1E5;
	border-radius: 3px;
	box-shadow: 0px 2px 5px 0px rgba(161, 163, 175, 0.11);
}

.suspension .d .arrow {
	position: absolute;
	width: 8px;
	height: 12px;
	background: url(../images/side_bg_arrow.png) no-repeat;
	right: -8px;
	top: 31px;
}

.suspension .d-service {
	top: 0;
}

.suspension .d-service-phone {
	top: 34px;
}

.suspension .d-qrcode {
	top: 78px;
}

.suspension .d .inner-box {
	padding: 10px 20px;
}

.suspension .d-service-item {
	/*border-bottom: 1px solid #eee;*/
	padding: 14px 0;
}

.suspension .d-service .d-service-item {
	border-bottom: none;
}

.suspension .d-service-item .circle {
	width: 44px;
	height: 44px;
	border-radius: 50%;
	overflow: hidden;
	background: #F1F1F3;
	display: block;
	float: left;
}

.suspension .d-service-item .i-qq {
	width: 44px;
	height: 44px;
	background: url(../images/side_con_icon03.png) no-repeat center 15px;
	display: block;
	transition: all .2s;
	border-radius: 50%;
	overflow: hidden;
}

.suspension .d-service-item:hover .i-qq {
	background-position: center 3px;
}

.suspension .d-service-item .i-tel {
	width: 44px;
	height: 44px;
	background: url(../images/side_con_icon02.png) no-repeat center center;
	display: block;
}

.suspension .d-service-item h3 {
	float: left;
	width: 112px;
	line-height: 44px;
	font-size: 15px;
	margin-left: 12px;
}

.suspension .d-service-item .text {
	float: left;
	line-height: 22px;
	font-size: 14px;
	margin-left: 12px;
}

.suspension .d-service-item .text .number {
	font-family: Verdana; font-weight:bold;
}

.suspension .d-service-intro {
	padding-top: 10px;
}

.suspension .d-service-intro p {
	float: left;
	line-height: 27px;
	font-size: 12px;
	width: 50%;
	white-space: nowrap;
	color: #888;
}

.suspension .d-service-intro i {
	background: url(../images/side_con_icon01.png) no-repeat center center;
	height: 27px;
	width: 14px;
	margin-right: 5px;
	vertical-align: top;
	display: inline-block;
}

.suspension .d-qrcode {
	text-align: center;
}

.suspension .d-qrcode .inner-box {
	padding: 20px 0;
}

.suspension .d-qrcode p {
	font-size: 15px;
	color: #93959c;
}

.qrcode-img img {
	display: block; width:180px;
	margin: 0px auto;
}
@media all and (max-width:1600px) {
	.head .nav ul li{ padding:0px 20px;}
}
@media all and (max-width:1400px) {
	.head .nav ul li{ padding:0px 18px;}
	.logo{ width:180px;}
}
@media all and (max-width:1280px) {
	.head .tel{ display:none;}
	.head .nav{ width:calc(100% - 180px); }
	.head .nav .nav_pc{ margin-right:0;}
	
	.bd_txt span.txt1{ font-size:40px;}
	.bd_txt span.ge{ margin-top:20px; margin-bottom:40px;}
	.bd_txt span.txt2{ font-size:28px; margin-bottom:20px;}
	.bd_txt span.txt3{ font-size:16px;}
	
	.chuangyi_bj{ padding:120px 0 100px;}
	.chuangyi_left span.cyt1, .shipin_left span.cyt1, .pingmian_left span.cyt1{ font-size:36px; margin-bottom:40px;}
	.chuangyi_left span.cyt1 i, .shipin_left span.cyt1 i, .pingmian_left span.cyt1 i{ font-size:36px;}
	.chuangyi_left span.cyt2, .shipin_left span.cyt2, .pingmian_left span.cyt2{ font-size:28px;}
	.chuangyi_left span.cyt3, .shipin_left span.cyt3, .pingmian_left span.cyt3{ font-size:15px; margin-bottom:40px;}
	.chuangyi_box img{ margin-bottom:20px;}
	.chuangyi_box span{ font-size:15px;}
	
	.shipin_bj, .pingmian_bj{ padding:120px 0;}
	.shipin_right li span{ font-size:16px;}
	
	.pingmian_right{ padding:80px 0;}
	.pingmian_right li{ min-height:180px;}
	.pingmian_box span{ font-size:18px;}
	
	.fuwu_bj{ padding:120px 0 80px 0;}
	.fuwulist{ margin:50px auto;}
	.fuwulist li{ min-height:250px;}
	.fuwo_box{ min-width:250px; min-height:250px;}
	.fuwo_box_mian span{ font-size:16px;}
}
@media all and (max-width:1080px) {
	.head{ height:70px;}
	.logo{ height:70px;}
	.head .nav ul li{ padding:0px 15px;}
	.head .nav ul li .f_a{ line-height:70px; font-size:15px; }
	.head .nav ul .active a.f_a, .head .nav ul li:hover a.f_a{ line-height:70px;}
}