@charset "UTF-8";

body {

	overflow-x: hidden;
	--fss--: 20px;
	--showcolor--: rgb(246 167 2);
	--botnavcolor--: rgb(184 0 0);
	overflow-y: auto;

}

body,
p,
form,
textarea,
h1,
h2,
h3,
h4,
h5,
dl,
dd {

	margin: 0px;

}

input,
button,
ul,
ol {

	margin: 0px;

	padding: 0px;

}

body,
input,
button,
form {

	font-size: 14px;

	line-height: 28px;

	font-family: "microsoft yahei", "宋体", "Arial";

	color: #333;

}

h1,
h2,
h3,
h4,
h5,
h6 {

	font-size: 14px;

	font-weight: normal;

}

ul,
ol,
li {

	list-style: none;

}

input {

	background: none;

	border: 0 none;

}

img,
iframe {

	border: 0px;

}

em,
i {

	font-style: normal;

}

button,
input,
select,
textarea {

	font-size: 100%;

}

table {

	border-collapse: collapse;

	border-spacing: 0;

}

.red {

	color: #ba292e;

}

.fl {

	float: left;

}

.fr {

	float: right;

}

.tac {

	text-align: center;

}

.tar {

	text-align: right;

}

.poa {

	position: absolute;

}

.por {

	position: relative;

}

.hidden {

	display: none;

}

.w1200 {

	width: 1200px;

	margin: 0 auto;

}

a {

	color: #434343;

	text-decoration: none;

}

a:hover {

	color: #f6a702;

	text-decoration: none;

}

a:visited {

	text-decoration: none;

}

.ease,
.ease * {

	-webkit-transition: all ease 300ms;

	-moz-transition: all ease 300ms;

	-ms-transition: all ease 300ms;

	-o-transition: all ease 300ms;

	transition: all ease 300ms;

}

.noease,
.noease * {

	-webkit-transition: none;

	-moz-transition: none;

	-ms-transition: none;

	-o-transition: none;

	transition: none;

}

:-moz-placeholder {

	color: #aaa;

}

::-moz-placeholder {

	color: #aaa;

}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {

	color: #aaa;

}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {

	color: #aaa;

}

/*清除浮动*/

.clear {

	clear: both;

}

.clearfix {

	*zoom: 1;

}

.clearfix:after {

	visibility: hidden;

	display: block;

	font-size: 0;

	content: " ";

	clear: both;

	height: 0;

}

/*网站头部*/

.header_main {

	width: 100%;

	height: 150px;

	z-index: 100;

}

.header_main .logo {

	display: block;

	margin-top: 35px;

}

.header_main .logo img {

	width: 100%;

	height: 100%;

	display: block;

}

.header_main .ewm {

	width: 100px;

	height: 100px;

	margin-top: 25px;

	margin-right: 27px;

}

.header_main .ewm img {

	width: 100%;

	height: 100%;

	display: block;

}

.header_main .tel {

	margin-top: 55px;

	padding-left: 55px;

	background: url(../img/tel.png) no-repeat top left;

}

.header_main .tel span {

	color: #091729;

	font-size: 15px;

	line-height: 10px;

}

.header_main .tel h3 {

	color: #f6a702;

	font-size: 29px;

	line-height: 30px;

	padding-top: 13px;

}

/*网站导航*/

.nav_main {

	width: 100%;

	height: 50px;

	position: absolute;

	z-index: 3;

	background: #f6a702;

}

.nav_main .nav li {

	float: left;

	width: 150px;

	line-height: 50px;

	display: block;

	position: relative;

	z-index: 10;

	font-size: 16px;

	text-align: center;

	transition: all .5s;

}

.nav_main .nav li a {

	display: block;

	color: #fff;

	font-size: 16px;

}

.nav_main .nav li:hover,
.nav_main .nav li.hover {

	background: #cd941c;

}

.nav_main .nav dl {

	width: 100%;

	position: absolute;

	left: 0;

	top: 100%;

	z-index: 12;

	box-shadow: 3px 0 10px rgba(0, 0, 0, 0.1);

}

.nav_main .nav dl {

	position: absolute;

	filter: progid:DXImageTransform.Microsoft.Shadow(color=#4c91c0, direction=120, strength=5);

	opacity: 0;

	visibility: hidden;

	transition: all .6s ease 0s;

	transform: translate3d(0, 10px, 0);

	-moz-transform: translate3d(0, 10px, 0);

	-webkit-transform: translate3d(0, 10px, 0);

}

.nav_main .nav li:hover dl {

	opacity: 1;

	visibility: visible;

	transform: translate3d(0, 0, 0);

	-moz-transform: translate3d(0, 0, 0);

	-webkit-transform: translate3d(0, 0, 0);

}

.nav_main .nav dl dd {

	line-height: 40px;

	height: 40px;

	text-align: left;

	position: relative;

	z-index: 12;

	display: block;

	width: 100%;

	border-top: 1px solid #b90505;

}

.nav_main .nav dl dd:first-child {

	border: none;

}

.nav_main .nav dl dd a {

	color: #fff;

	font-size: 14px;

	padding: 0;

	background: #f6a702;

	text-align: center;

	background-repeat: no-repeat;

	background-image: -webkit-linear-gradient(left, #b90505, #b90505);

	background-image: linear-gradient(to right, #b90505, #b90505);

	-webkit-transition: all 0.5s;

	transition: all 0.5s;

	background-size: 0% 100%;

}

.nav_main .nav dl dd a:hover {

	background-size: 100% 100%;

	color: rgba(255, 255, 255, 0.9999);

}

/*网站大图*/

#banner_main {

	overflow: hidden;

	position: relative;

	z-index: 2;

	max-width: 1920px;

	margin: 0 auto;

}

#banner_main .banner {

	height: 500px;

}

#banner {

	width: 100%;

	min-width: 1000px;

	position: relative;

	overflow: hidden;

	z-index: 0;

}

#banner,
.banner ul {

	max-height: 600px;

	overflow: hidden;

}

.banner li {

	width: 100%;

	position: absolute;

	z-index: 1;

	overflow: hidden;

	display: none;

}

.banner li:first-child {

	display: block;

}

.banner li img {

	width: 1920px;

	display: block;

	position: relative;

	left: 50%;

	margin-left: -960px;

	top: 0;

}

#banner .tip {

	width: 1000px;

	height: 10px;

	line-height: 0;

	font-size: 0;

	text-align: center;

	position: absolute;

	left: 50%;

	margin-left: -500px;

	bottom: 20px;

	z-index: 3;

}

#banner .tip span {

	width: 10px;

	height: 10px;

	margin: 0 5px;

	display: inline-block;

	cursor: pointer;

	background: #fff;

	border-radius: 50%;

	transition: all .5s;

}

#banner .tip span.cur {

	background: #f6a702;

}

#banner #btn_prev,
#banner #btn_next {

	width: 70px;

	height: 70px;

	position: absolute;

	top: 50%;

	margin-top: -35px;

	background: url(../img/ad_ctr.png) no-repeat;

	z-index: 5;

	border-radius: 100%;

	opacity: 0;

}

#banner #btn_prev {

	left: 4%;

}

#banner #btn_next {

	right: 4%;

	background-position: bottom;

}

#banner:hover #btn_prev,
#banner:hover #btn_next {

	opacity: 0.8;

}

#banner #btn_prev:hover,
#banner #btn_next:hover {

	opacity: 1;

}

/*搜索栏*/

.search_main {

	height: 60px;

	width: 100%;

	overflow: hidden;

	background: #f0f0f0;

	border-bottom: 1px solid #CCC;

	border-top: 1px solid #CCC;

}

.search_main .skey {

	float: left;

	line-height: 60px;

}

.search_main .skey p {

	font-size: 14px;

	font-weight: bold;

	color: #666;

	line-height: 60px;

}

.search_main .skey p a {

	display: inline-block;

	font-weight: normal;

	color: #666;

	border-right: 1px solid #e8e8e8;

	line-height: 15px;

	padding: 0 12px;

}

.search_main .skey p a:last-of-type {

	border-right: none;

}

.search_main .skey p a:hover {

	color: #f6a702;

}

.search_main .search_form {

	float: right;

	width: 285px;

	height: 30px;

	overflow: hidden;

	border: 1px solid #e8e8e8;

	background-color: #fff;

	position: relative;

	margin-top: 14px;

	border-radius: 3px;

	position: relative;

}

.search_main .search_form input {

	background-color: none;

	border: none;

	outline: none;

}

.search_main .search_form .stxt {

	width: 245px;

	height: 30px;

	line-height: 28px;

	display: block;

	text-indent: 10px;

	color: #999;

}

.search_main .search_form .sbtn {

	width: 40px;

	height: 30px;

	display: block;

	cursor: pointer;

	position: absolute;

	top: 0;

	right: 0;

	font-size: 0;

	background: #f6a702 url(../img/search.png) center no-repeat;

	border-radius: 3px;

}

/*网站底部*/

.footer {

	background: #202020;

	width: 100%;

	padding-top: 15px;

}

.footer .fnav {

	text-align: center;

	height: 46px;

	background: #000;

}

.footer .fnav a {

	color: #fff;

	font-size: 16px;

	line-height: 46px;

	padding: 0 15px;

	display: inline-block;

	margin: 0 15px;

}

.footer .fnav a:hover {

	background-color: #f6a702;

}

.footer .ewm {

	width: 510px;

	padding-left: 40px;

}

.footer .ewm .code {

	width: 140px;

	height: 140px;

	margin-right: 40px;

	margin-top: 40px;

}

.footer .ewm .code img {

	width: 100%;

	height: 100%;

}

.footer .ewm .blue {

	color: #f6a702;

	font-size: 28px;

	font-weight: bold;

	width: 100px;

	height: 40px;

	padding-right: 230px;

	padding-top: 60px;

	line-height: 40px;

	text-align: center;

}

.footer .ewm .labels {

	font-size: 24px;

	color: #FFF;

	width: 100px;

	height: 40px;

	padding-right: 230px;

	line-height: 40px;

	text-align: center;

}

.footer .contact {

	width: 320px;

	height: 210px;

}

.footer .contact .labels {

	width: 100%;

	height: 60px;

	line-height: 60px;

	font-size: 24px;

	font-weight: 500;

	color: #FFF;

}

.footer .contact p {

	color: #fff;

	font-size: 14px;

	line-height: 30px;

}

.footer .link {

	width: 240px;

	font-size: 14px;

	line-height: 55px;

	padding-left: 40px;

}

.footer .link .title {

	color: #fff;

	font-size: 24px;

	font-weight: 500;

}

.footer .link .box {

	width: 240px;

	height: 30px;

	line-height: 30px;

}

.footer .link .box a {

	padding-right: 15px;

	color: #aaa;

}

.footer .link .box a:hover {

	color: #f6a702;

}

.copymain {

	width: 100%;

	background: #000000;

	line-height: 50px;

	color: #FFF;

	text-align: center;

}

.copymain a {

	color: #fff;

}

.copymain a:hover {

	color: #f6a702;

}

/*******index css*******/

/*首页标题*/

.index .titlebox {

	height: 80px;

	padding-top: 30px;

}

.index .titlebox .name {

	height: 48px;

	border-bottom: 1px solid #ddd;

}

.index .titlebox .name .big {

	font-size: 28px;

	color: #f6a702;

	float: left;

	height: 40px;

	line-height: 40px;

	margin-right: 10px;

}

.index .titlebox .name .sam {

	font-size: 18px;

	color: #666;

	float: left;

	height: 30px;

	padding-top: 10px;

}

.index .titlebox .name .more {

	color: #666;

	font-size: 16px;

	line-height: 40px;

}

.index .titlebox .name .more:hover {

	color: #f6a702;

}

.index .titlebox .tx {

	font-size: 14px;

	line-height: 50px;

	color: #666;

	position: relative;

}

.index .titlebox .tx span {

	position: absolute;

	left: 0;

	width: 250px;

	border-top: 3px solid #f6a702;

	z-index: 400;

	top: -2px;

}

/*产品中心*/

.index .pro_box {

	padding-top: 50px;

	padding-bottom: 25px;

}

.index .pro_box .pro_l {

	width: 230px;

	float: left;

}

.index .pro_box .pro_l .pro_l_left {

	border: 1px solid #e1e1e1;

	background: #fff;

	border-top: 0px;

	overflow: hidden;

}

.index .pro_box .pro_l .pro_tit {

	height: 70px;

	box-sizing: border-box;

	background: #f6a702;

	color: #fff;

	line-height: 70px;

}

.index .pro_box .pro_l .pro_tit h3 {

	position: relative;

	font-size: 20px;

	margin: 0 20px;

}

.index .pro_box .pro_l .pro_tit h3:after {

	display: inline-block;

	content: " ";

	width: 50px;

	height: 1px;

	background-color: #fff;

	position: absolute;

	top: 50%;

	right: 0;

}

.index .pro_box .pro_l ul {

	overflow: hidden;

}

.index .pro_box .pro_l ul li {

	color: #333;

	font-size: 14px;

	line-height: 53px;

	border-bottom: 1px solid #e5e5e5;

}

.index .pro_box .pro_l ul li a {

	position: relative;

	display: block;

	color: #333;

	padding-left: 40px;

}

.index .pro_box .pro_l ul li a:after {

	content: ">";

	position: absolute;

	right: 15px;

	top: 50%;

	margin-top: -10px;

	width: 20px;

	height: 20px;

	font-family: 宋体;

	color: #d5d5d5;

	font-size: 16px;

	line-height: 20px;

	text-align: center;

	transition: all .5s;

	font-weight: bold;

}

.index .pro_box .pro_l ul li:last-child {

	border: 0;

}

.index .pro_box .pro_l ul li:hover a {

	color: #f6a702;

}

.index .pro_box .pro_l .more {

	font-size: 16px;

	line-height: 50px;

	text-align: center;

	background: #f6a702;

}

.index .pro_box .pro_l .more a {

	color: #fff;

}

.index .pro_box .pro_list {

	float: right;

	width: 940px;

}

.index .pro_box .pro_list .title {

	height: 70px;

	line-height: 70px;

}

.index .pro_box .pro_list .title h3 {

	display: inline-block;

	color: #f6a702;

	font-size: 26px;

}

.index .pro_box .pro_list .title span {

	color: #888;

	font-size: 14px;

	margin-left: 10px;

}

.index .pro_box .pro_list .title a {

	position: relative;

	float: right;

	color: #f6a702;

	font-size: 16px;

	font-weight: bold;

	padding-left: 23px;

}

.index .pro_box .pro_list .title a:before {

	display: inline-block;

	content: " + ";

	position: absolute;

	top: 50%;

	margin-top: -9px;

	left: 0;

	width: 16px;

	height: 16px;

	font-size: 16px;

	line-height: 14px;

	text-align: center;

	border: 1px solid #f6a702;

	border-radius: 100%;

}

.index .pro_box .pro_list li {

	float: left;

	margin-left: 8px;

	margin-bottom: 8px;

	padding: 4px;

	padding-bottom: 0;

	background: #fff;

	border: 1px solid #e1e1e1;

	transition: .5s;

}

.index .pro_box .pro_list li:nth-child(3n) {

	margin-right: 0;

}

.index .pro_box .pro_list li .img {

	position: relative;

	width: 215px;

	height: 140px;

	overflow: hidden;

}

.index .pro_box .pro_list li .img img {

	width: 100%;

	height: 100%;

	transition: all .5s;

}

.index .pro_box .pro_list li h3 {

	font-size: 16px;

	line-height: 43px;

	color: #666;

	text-align: center;

}

.index .pro_box .pro_list li:hover .img img {

	transform: scale(1.2);

}

.index .pro_box .pro_list li:hover h3 {

	color: #f6a702;

}

.index .pro_box .pro_list li .img .mask {

	width: 100%;

	height: 100%;

	background: rgba(221, 38, 38, .8);

	position: absolute;

	left: 0;

	top: 0;

	opacity: 0;

	transition: all .5s;

}

.index .pro_box .pro_list li .img .link {

	display: block;

	width: 40px;

	height: 40px;

	position: absolute;

	left: 50%;

	top: 50%;

	margin-left: -20px;

	margin-top: -20px;

	background: url(../img/look.png) center no-repeat;

}

.index .pro_box .pro_list li:hover .img .mask {

	opacity: 1;

}

/*工程案例*/

.index .case {

	height: 350px;
	/*background: url(../img/case_bg.jpg) no-repeat center top;*/

}

.index .case .w1200 {

	position: relative;

}

.index .case .bd {

	/* padding-top: 15px; */

	overflow: hidden;

}

.index .case .pro_list {}

.index .case .pro_list li {

	float: left;

	margin-right: 20px;

}

.index .case .pro_list li a {

	display: block;

}

.index .case .pro_list li a .img {

	width: 285px;

	height: 160px;

	overflow: hidden;

}

.index .case .pro_list li a .img img {

	width: 100%;

	height: 100%;

	transition: all .5s;

}

.index .case .pro_list li a h3 {

	color: #fff;

	font-size: 16px;

	line-height: 40px;

	text-align: center;

	background: #f6a702;

}

.index .case .pro_list li:hover img {

	transform: scale(1.2);

}

.index .case .hd {

	position: absolute;

	width: 100%;

}

.index .case .hd span {

	width: 45px;

	height: 45px;

	cursor: pointer;

	position: absolute;

	top: -125px;

	background: url(../img/btn-scroll.png) no-repeat;

	transition: all .5s;

}

.index .case .hd .prev {

	background-position: left center;

	left: -80px;

}

.index .case .hd .next {

	background-position: right center;

	right: -80px;

}

.index .case .hd span:hover {

	filter: grayscale(100%) brightness(50%);

}

/*新闻中心*/

.index .news {

	padding-bottom: 40px;

}

.index .news .textlist {

	width: 670px;

	margin-left: 50px;

}

.index .news .newsimg {

	width: 480px;

}

.index .news .newsimg .img {

	width: 100%;

	height: 360px;

	overflow: hidden;

}

.index .news .newsimg .img img {

	width: 100%;

	height: 100%;

	transition: all .5s;

}

.index .news .newsimg h3 {

	color: #fff;

	font-size: 18px;

	font-weight: bold;

	line-height: 40px;

	text-align: center;

	background: #fcbe00;

	transition: all .5s;

}

.index .news .newsimg:hover .img img {

	transform: scale(1.2);

}

.index .news .textlist .item {

	height: 85px;

	padding-bottom: 20px;

}

.index .news .textlist .item:last-child {

	padding-bottom: 0;

}

.index .news .textlist .item a {

	display: block;

}

.index .news .textlist .item h3 {

	font-size: 16px;

	font-weight: bold;

	vertical-align: top;

	color: #333;

	transition: all .5s;

}

.index .news .textlist .item p {

	font-size: 14px;
	word-break: break-all;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	line-height: 19px;

	color: #666;

	text-align: justify;

}

.index .news .textlist .item .time {

	display: block;

	width: 90px;

	height: 85px;

	font-size: 14px;

	line-height: 30px;

	margin-right: 20px;

	color: #fff;

	background: #f6a702;

	text-align: center;

}

.index .news .textlist .item .time b {

	font-weight: normal;

	display: block;

	font-size: 30px;

	line-height: 40px;

	padding-top: 10px;

}

.index .news .textlist .item:hover h3 {

	color: #f6a702;

}

/*优势*/

.index .youshi {

	position: relative;

	height: 780px;

	background: #f9f9f9;

}

.index .youshi .title {

	text-align: center;

	padding-top: 48px;

}

.index .youshi .title span {

	color: #8f8f8f;

	font-size: 28px;

}

.index .youshi .title h3 {

	color: #f6a702;

	font-size: 50px;

	font-weight: bold;

	line-height: 72px;

}

.index .youshi .title p {

	position: relative;

	display: inline-block;

	color: #2a2a2a;

	font-size: 17px;

	padding: 0 45px;

}

.index .youshi .title p:before {

	display: inline-block;

	content: "";

	position: absolute;

	top: 50%;

	left: 0;

	bottom: 0;

	width: 30px;

	height: 1px;

	background-color: #5d5d5f;

}

.index .youshi .title p:after {

	display: inline-block;

	content: "";

	position: absolute;

	top: 50%;

	right: 0;

	bottom: 0;

	width: 30px;

	height: 1px;

	background-color: #5d5d5f;

}

.index .youshi ul {

	position: relative;

	margin-top: 71px;

}

.index .youshi ul li {

	float: left;

	position: relative;

	width: 435px;

	height: 142px;

	background: #f6a702;

	overflow: hidden;

}

.index .youshi ul li:after {

	content: "";

	position: absolute;

	width: 558px;

	height: 558px;

	background-color: #f9f9f9;

	border-radius: 50%;

}

.index .youshi ul li:nth-child(1):after {

	top: -54px;

	right: -444px;

}

.index .youshi ul li:nth-child(4):after {

	top: auto;

	left: -444px;

	right: auto;

	bottom: -54px;

}

.index .youshi ul li:nth-child(2n) {

	float: right;

}

.index .youshi ul li:nth-child(3),
.index .youshi ul li:nth-child(4) {

	margin-top: 166px;

}

.index .youshi ul li:nth-child(2),
.index .youshi ul li:nth-child(3) {

	background: none;

}

.index .youshi ul li:nth-child(2):before,
.index .youshi ul li:nth-child(3):before {

	content: "";

	position: absolute;

	top: 0;

	right: 0;

	width: 355px;

	height: 2px;

	background-color: #bcc0c3;

}

.index .youshi ul li:nth-child(2):after,
.index .youshi ul li:nth-child(3):after {

	top: 28px;

	left: 12px;

	width: 80px;

	height: 2px;

	background-color: #bcc0c3;

	border-radius: 0;

	transform: rotate(-45deg);

	-ms-transform: rotate(-45deg);

	-moz-transform: rotate(-45deg);

	-webkit-transform: rotate(-45deg);

	-o-transform: rotate(-45deg);

}

.index .youshi ul li:nth-child(3):before {

	top: auto;

	left: 0;

	bottom: 0;

}

.index .youshi ul li:nth-child(3):after {

	top: auto;

	left: auto;

	right: 12px;

	bottom: 28px;

}

.index .youshi ul li:nth-child(2n) .img {

	float: right;

	margin-left: 0;

	margin-right: 27px;

}

.index .youshi ul li:nth-child(2n) .txt {

	float: left;

	width: 195px;

	padding-left: 85px;

	padding-right: 0;

}

.index .youshi ul li:nth-child(2) .txt {

	width: 240px;

	padding-left: 40px;

	padding-right: 0;

}

.index .youshi ul li:nth-child(3) .txt {

	width: 230px;

	padding-left: 0;

	padding-right: 50px;

}

.index .youshi ul li:nth-child(2n) .txt h3 {

	text-align: right;

}

.index .youshi ul li:nth-child(2) .txt h3,
.index .youshi ul li:nth-child(3) .txt h3 {

	color: #f6a702;

}

.index .youshi ul li:nth-child(2) .txt p,
.index .youshi ul li:nth-child(3) .txt p {

	color: #f6a702;

}

.index .youshi ul li .img {

	float: left;

	width: 110px;

	height: 110px;

	margin-top: 15px;

	margin-left: 27px;

	border-radius: 50%;

}

.index .youshi ul li .img img {

	width: 100%;

	height: 100%;

}

.index .youshi ul li .txt {

	float: right;

	width: 190px;

	padding-right: 90px;

	margin-top: 18px;

}

.index .youshi ul li .txt h3 {

	color: #fff;

	font-size: 30px;

	font-weight: bold;

	line-height: 35px;

}

.index .youshi ul li .txt p {

	color: #fff;

	font-size: 15px;

	line-height: 25px;

	padding-top: 10px;

	text-align: justify;

	opacity: .8;

}

.index .youshi .big {

	position: absolute;

	top: 50%;

	left: 50%;

	margin-top: -215px;

	margin-left: -215px;

}

.index .youshi .big img {

	width: 410px;

	height: 410px;

	padding: 8px;

	border: 2px solid #acacac;

	border-radius: 50%;

	z-index: 5;

	transition: all .5s;

	-webkit-animation: big 3s infinite linear;

}

@-webkit-keyframes big {

	0% {

		-webkit-transform: scale(1);

	}

	50% {

		-webkit-transform: scale(0.95);

	}

	100% {

		-webkit-transform: scale(1);

	}

}

/*关于我们*/

.index .about {

	padding-bottom: 50px;

	padding-top: 45px;

}

.index .about .title {

	line-height: 50px;

}

.index .about .title h3 {

	display: inline-block;

	color: #f6a702;

	font-size: 40px;

	font-weight: bold;

}

.index .about .title span {

	display: inline-block;

	font-family: "Arial";

	color: #373535;

	font-size: 40px;

	margin-left: 15px;

}

.index .about .title a {

	color: #f6a702;

	font-size: 18px;

	padding-left: 44px;

	background: url(../img/jia.png) no-repeat center left;

}

.index .about .con {

	padding-top: 10px;

}

.index .about .con .img {

	width: 500px;

	height: 320px;

}

.index .about .con .img img {

	width: 100%;

	height: 100%;

	display: block;

}

.index .about .con .txt {

	position: relative;

	width: 640px;

	height: 320px;

}

.index .about .con .txt p {
	word-break: break-all;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 10;
	overflow: hidden;
	color: #333;

	font-size: 15px;

	line-height: 32px;

	text-align: justify;

}

/*浮动客服*/

.toolbar {

	position: fixed;

	top: 50%;

	right: 1%;

	margin-top: -163px;

	z-index: 100;

	width: 80px;

}

.toolbar dd {

	position: relative;

	float: left;

	width: 80px;

	height: 80px;

	background: #f6a702;

	margin-top: 2px;

	border-radius: 5px;

	color: #fff;

	font-size: 14px;

	line-height: 21px;

	text-align: center;

	cursor: pointer;

	transition: all .5s;

}

.toolbar dd:first-child {

	margin-top: 0;

}

.toolbar dd i {

	width: 100%;

	height: 30px;

	display: block;

	margin-top: 13px;

	background: url(../img/toolbar.png) no-repeat center 0;

}

.toolbar dd.qq i {

	background-position-y: 0;

}

.toolbar dd.tel i {

	background-position-y: -30px;

}

.toolbar dd.code i {

	background-position-y: -60px;

}

.toolbar dd.top i {

	background-position-y: -90px;

}

.toolbar dd span {

	display: block;

	color: #fff;

}

.toolbar dd.tel .box {

	position: absolute;

	top: 0;

	width: 190px;

	right: -200px;

	height: 100%;

	margin-right: 10px;

	border-radius: 5px;

	background: #f6a702;

	opacity: 0;

	transition: all .5s;

}

.toolbar dd.tel .box p {

	font-size: 14px;

	margin: 15px auto 7px;

}

.toolbar dd.tel .box h3 {

	font-size: 18px;

	font-weight: bold;

}

.toolbar dd.tel .box:after {

	display: block;

	content: " ";

	border-style: solid dashed dashed dashed;

	border-color: transparent transparent transparent #f6a702;

	border-width: 9px;

	width: 0;

	height: 0;

	position: absolute;

	top: 50%;

	margin-top: -9px;

	right: -18px;

	margin-left: -12px;

}

.toolbar dd.code .box {

	position: absolute;

	top: 0;

	width: 162px;

	right: -172px;

	height: 162px;

	margin-right: 10px;

	border-radius: 5px;

	background: #f6a702;

	opacity: 0;

	transition: all .5s;

}

.toolbar dd.code .box img {

	width: 140px;

	height: 140px;

	padding: 11px;

}

.toolbar dd.code .box:after {

	display: block;

	content: " ";

	border-style: solid dashed dashed dashed;

	border-color: transparent transparent transparent #f6a702;

	border-width: 9px;

	width: 0;

	height: 0;

	position: absolute;

	top: 30px;

	right: -18px;

	margin-left: -12px;

}

.toolbar dd:hover {

	background: #333;

}

.toolbar dd.tel:hover .box {

	opacity: 1;

	right: 80px;

}

.toolbar dd.code:hover .box {

	opacity: 1;

	right: 80px;

}

/* 内页大图 */

.web-banner {

	height: 400px;

	background: no-repeat center;

}

/* 联系我们 */

.container {

	width: 1200px;

	margin: 0 auto;

}

.web-curmbs {

	padding: 15px 0;

	border-bottom: 1px dashed #dcdcdc;

	margin-bottom: 20px;

}

.web-curmbs span {

	padding-left: 10px;

	border-left: 10px solid #333;

}

.contact-1 {

	margin: 0 0 40px;

	background-color: #f5f5f5;

}

.contact-1 dt {

	float: left;

	width: 440px;

}

.img-center {

	text-align: center;

	font-size: 0;

}

.img-center img {

	display: inline-block;

	width: auto;

	height: auto;

	max-width: 100%;

	max-height: 100%;

	vertical-align: middle;

}

.contact-1 dd {

	margin-left: 440px;

	padding: 70px 50px 0 50px;

}

.contact-1 dd h4 {

	margin: 0;

	font-weight: normal;

	font-size: 16px;

	color: #d82634;

}

.contact-1 dd p {

	font-size: 16px;

	color: #666;

	line-height: 2;

	margin: 20px 0 0;

}

.contact-2 {

	margin-left: -20px;

	margin-bottom: 40px;

}

.contact-2 li {

	float: left;

	width: 25%;

}

.contact-2 li .wrap {

	border: 1px solid #ddd;

	margin-left: 20px;

	text-align: center;

	padding: 20px;

}

.contact-2 li img {

	display: block;

	height: 50px;

	width: auto;

	margin: 0 auto;

}

.contact-2 li p {

	margin-bottom: 0;

	height: 60px;

	overflow: hidden;

}

/* 联系我们 end*/

.web-section {

	padding: 20px 0;

}

.web-menu-inner {

	text-align: center;

	margin-bottom: 0px;

}

.web-menu-inner a {

	float: left;

	width: 16.666666666%;

}

.web-menu-inner span {

	display: block;

	margin-left: 1px;

	background-color: #f4f4f4;

	color: #333;

	font-size: 18px;

	line-height: 55px;

}

.web-menu-inner a:hover span,
.web-menu-inner a.active span {

	background: url(../img/p16-icon6.png) no-repeat center bottom #d82634;

	color: #fff;

}

/* 关于我们 end*/

.web-message {

	border: 1px solid #ddd;

	padding: 50px 200px;

	margin-bottom: 30px;

}

.form-group {

	margin-bottom: 15px;

}

.form-label {

	float: left;

	line-height: 34px;

	width: 120px;

	text-align: right;

}

.form-label span {

	color: #d82634;

}

.form-content {

	margin-left: 130px;

}

.form-control {

	line-height: 20px;

	font-size: 14px;

	border: 1px solid #ddd;

	padding: 6px 12px;

	width: 600px;

	display: inline-block;

	vertical-align: top;

	font-family: "Microsoft Yahei", PingFangSC-Regular, "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;

}

.form-submit {

	padding: 6px 22px;

	color: #fff;

	background-color: #d82634;

	border: 0;

	cursor: pointer;

	font-size: 16px;

	border-radius: 3px;

}

.form-button {

	padding: 6px 22px;

	color: #fff;

	background-color: #767676;

	border: 0;

	cursor: pointer;

	font-size: 16px;

	border-radius: 3px;

}

/* 在线留言 end*/

.w376 {

	width: 1200px;

	margin: 0 auto;

	padding: 55px 0 55px;

	min-height: 300px;

}

.w376 .list {

	padding-bottom: 30px;

}

.w376 .item {

	height: 178px;

	transition: all .5s;

	border: 1px solid #f3f3f3;

	display: block;

	margin-bottom: 20px;

}

.w376 .item a {

	padding: 26px;

	display: block;

}

.w376 .item img {

	width: 168px;

	height: 126px;

	display: block;

	margin-right: 30px;

}

.w376 .item h3 {

	font-size: 20px;

	padding: 25px 0 20px;

	-webkit-transition: all ease 300ms;

	-moz-transition: all ease 300ms;

	-ms-transition: all ease 300ms;

	-o-transition: all ease 300ms;

	transition: all ease 300ms;

	color: #000;

}

.w376 .item .txt {

	color: #999;

	line-height: 24px;

	width: 640px;

	height: 48px;

	overflow: hidden;

}

.w376 .item .time {

	width: 130px;

	padding: 20px 0 20px 45px;

	border-left: 1px solid #eee;

	font-family: arial;

	font-size: 18px;

	color: #999;

	text-align: center;

}

.w376 .item .time .day {

	font-size: 30px;

	line-height: 45px;

	display: block;

}

.w376 .item:hover {

	box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);

	margin-left: 15px;

}

.w376 .item:hover h3 {

	color: #3fb150;

}

.w376 .item:hover .time .day span {

	background: #6d6d6d;

}

.w376 .item:hover .time .day strong {

	background: #ff0000;

	color: #fff;

}

.pages {

	padding: 30px 0 15px;

	width: 100%;

	text-align: center;

	clear: both;

}

.pages a {

	color: #666;

	padding: 0 15px;

	margin: 0 3px;

	background: #fff;

	border: 1px solid #edebeb;

}

.pages * {

	display: inline-block;

	vertical-align: middle;

	line-height: 34px;

	padding-bottom: 1px;

}

.pages a:hover,
.pages .active a {

	display: inline-block;

	color: #fff;

	background: #f6a702;

	border-color: #f6a702;

}

/* 新闻列表 end*/

.w1200 {

	width: 1200px;

	margin: 0 auto;

}

.bg_main {

	padding-bottom: 50px;

	min-height: 640px;

}

.detail {

	padding-top: 50px;

}

.detail .title {

	padding-bottom: 5px;

	border-bottom: 1px solid #f2f2f2;

	text-align: center;

}

.detail .title h1 {

	font-size: 20px;

	font-weight: 100;

}

.detail .title span {

	line-height: 40px;

	font-family: arial;

	color: #959595;

	margin: 0 5px;

}

.detail .title i {

	width: 23px;

	height: 16px;

	background-position: -73px 0;

	margin-right: 10px;

}

.detail .context {

	color: #666;

	line-height: 30px;

	text-align: justify;

	padding: 25px 0;

}

.detail .context img {

	max-width: 1200px;

}

.reLink {

	height: 38px;

	line-height: 38px;

	border: 1px solid #e6e6e6;

	padding: 0 15px;

	margin-bottom: 50px;

}

.reLink .nextLink,
.detail .reLink .prevLink {

	width: 50%;

}

.reLink .nextLink {

	text-align: right;

}

.reLink a {

	-webkit-transition: all ease 500ms;

	-moz-transition: all ease 500ms;

	-ms-transition: all ease 500ms;

	-o-transition: all ease 500ms;

	transition: all ease 500ms;

}

.reLink a:hover {

	color: #052f67;

}

/* 新闻内页 end*/

.prolt .proim {

	width: 24%;

	height: auto;

	margin-right: 1%;

	margin-bottom: 1%;

	float: left;

	position: relative;

	background: #000
}

.prolt .proim a {

	display: block;

	overflow: hidden
}

.prolt .proim a img {

	float: none;

	width: 100%;

	height: auto;

	transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

}

.prolt .proim a:hover img {

	transform: scale(1.2, 1.2)
}

.prolt .proim a .proinfo {

	width: 100%;

	height: 100%;

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

	position: absolute;

	left: 0;

	top: 0;

	transition: all ease-out .3s;

}

.prolt .proim a:hover .proinfo {

	background: rgba(0, 0, 0, .7)
}

.prolt .proim a .proinfo p {

	text-align: center;

	color: #fff;

	padding: 0 20px
}

.prolt .proim a .proinfo div {

	position: relative;

	top: 50%;

	margin-top: -15px
}

.prolt .proim a .proinfo p.title {

	margin-top: 10px;

	color: rgba(0, 0, 0, 0);

	font-size: 16px;

	transition: all ease-out .3s;

}

.prolt .proim a:hover .proinfo p.title {

	margin-top: 0px;

	color: #fff;

	font-size: 16px
}

.prolt .proim a .proinfo p.lmtitle {

	margin-top: 16px;

	color: rgba(0, 0, 0, 0);

	font-size: 12px;

	transition: all ease-out .3s;

}

.prolt .proim a:hover .proinfo p.lmtitle {

	margin-top: 0px;

	color: #b7b7b7;

}

.eypro {

	padding-top: 80px
}

.eypro .prolt a {

	border-radius: 8px;

}

.prolt .proim a .proinfo div {

	height: 80px;

	transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

	position: absolute;

	bottom: 0px;

	top: auto;

	width: 100%;

}

.eypro .prolt .eywrap {

	width: 1200px;

	margin: 0 auto;

}

.eypro .prolt .proim {

	width: 23%;

	margin: 0 1% 80px;

	background-color: transparent;

}

.eypro .prolt .proim .proinfo p.title {

	transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

	margin-top: 100px;

	color: #333;

	line-height: 24px;

}

.eypro .prolt .proim .proinfo p.lmtitle {

	margin-top: 0px;

	color: #999;

}

.eypro .prolt .proim a:hover .proinfo p.title {

	margin-top: 110px;

	color: #2ecc81;

}

.eypro .prolt .proim a:hover .proinfo p.lmtitle {

	margin-top: -16px;

	color: transparent;

}

/* 产品列表 end*/

.wp {

	width: 1200px;

	max-width: 1200px;

	margin: 0 auto
}

@media screen and (max-width:1200px) {

	.wp {

		width: 96%;

		padding: 0 2%
	}

}

@media screen and (max-width:1200px) {

	.wp1200 {

		width: 100%
	}

}

.owl-carousel .owl-wrapper:after {

	content: ".";

	display: block;

	clear: both;

	visibility: hidden;

	line-height: 0;

	height: 0;

}

.owl-carousel {

	display: none;

	position: relative;

	width: 100%;

	-ms-touch-action: pan-y;

}

.owl-carousel .owl-wrapper {

	display: none;

	position: relative;

	-webkit-transform: translate3d(0px, 0px, 0px);

}

.owl-carousel .owl-wrapper-outer {

	overflow: hidden;

	position: relative;

	width: 100%;

}

.owl-carousel .owl-wrapper-outer.autoHeight {

	-webkit-transition: height 500ms ease-in-out;

	-moz-transition: height 500ms ease-in-out;

	-ms-transition: height 500ms ease-in-out;

	-o-transition: height 500ms ease-in-out;

	transition: height 500ms ease-in-out;

}

.owl-carousel .owl-item {

	float: left;

}

.owl-controls .owl-page,
.owl-controls .owl-buttons div {

	cursor: pointer;

}

.owl-controls {

	display: none;

	-webkit-user-select: none;

	-khtml-user-select: none;

	-moz-user-select: none;

	-ms-user-select: none;

	user-select: none;

	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);

}

.ny_prod {

	height: auto;

	overflow: hidden;

	padding-bottom: 60px;

	color: #434343
}

.ny_pro_ny {

	width: 100%;

	padding: 30px 0;

}

@media (max-width:767px) {

	.ny_pro_ny {

		padding: 5px 0;

	}

}

.ny_pro_top {

	width: 96%;

	height: auto;

	padding: 2%;

	background-color: #fff;

	box-shadow: 0px 2px 10px #b3b3b3;

	overflow: hidden
}

.ny_pro_top_l {

	width: 50%;

	float: left;

	height: auto;

	overflow: hidden;

}

.ny_pro_top_l img {

	width: 100%;

	height: auto;

	overflow: hidden;

}

.ny_pro_top_l .owl-controls {

	position: absolute;

	z-index: 99;

	width: 100%;

	height: 28px;

	margin-top: -28px;

	text-align: center;

	filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#0fffffff, endcolorstr=#0fffffff);

	background-color: rgba(0, 0, 0, .3);

}

.ny_pro_top_l .owl-controls .owl-page {

	display: inline-block;

	zoom: 1;

}

.ny_pro_top_l .owl-controls .owl-page span {

	z-index: 999;

	display: block;

	width: 10px;

	height: 10px;

	border-radius: 999px;

	margin: 9px 3px;

	-webkit-transition: all .3s ease;

	transition: all .3s ease;

	background: #fff;

}

.ny_pro_top_l .owl-controls .owl-page:last-child {

	margin-right: 10px
}

.ny_pro_top_l .owl-controls .owl-page.active span,
.ny_pro_top_l .owl-controls.clickable .owl-page:hover span {

	background-color: #bf873d
}

.ny_pro_top_r {

	width: 45%;

	float: right;

	height: auto;

	overflow: hidden;

}

.ny_pro_top_r h3 {

	font-size: 1.6em;

	color: #bf873d;

	line-height: 3em;

}

.ny_pro_top_r h4 {

	width: 100%;

	border-top: 1px dotted #dcdcdc;

	font-size: 13px;

	line-height: 28px;

	font-weight: normal;

	padding: 15px 0;

	display: block;

	text-align: justify;

}

.ny_pro_b {

	width: 100%;

	margin-top: 30px;

}

.ny_pro_b h4 {

	width: 96%;

	padding: 1.2% 2%;

	background-color: #fff;

	box-shadow: 0px 2px 10px #b3b3b3;

	line-height: 36px;

	margin-bottom: 50px
}

.ny_pro_b h4 span {

	width: auto;

	font-size: 20px;

	font-weight: bold;

	color: #bf873d
}

.ny_pro_b_nr {

	height: auto;

	padding-bottom: 2em;

	font-size: 14px;

	line-height: 28px;

	text-align: justify;

	overflow: hidden;

}

.xyp {

	border-top: 1px dotted #CCCCCC;

	padding: 2em 0 1em 0;

	width: 100%;

	height: auto;

	overflow: hidden;

}

.xyp a {

	color: #626262;

}

.xyp a:hover {

	color: #bf873d;

}

@media (max-width:640px) {

	.ny_pro_top_l {

		width: 100%;

		float: none;

	}

	.ny_pro_top_r {

		width: 98%;

		padding: 1%;

		float: none
	}

}

/* 产品内容 end*/

.list-4 {

	margin: 0 0 0 -20px;

}

.list-4 li {

	float: left;

	width: 20%;

}

.list-4 li a {

	display: block;

	margin: 0 0 20px 20px;

	border: 1px solid #ececeb;

}

.list-4 li .m {

	padding: 10px;

	height: auto;

	line-height: 148px;

}

.img-center {

	text-align: center;

	font-size: 0;

}

.list-4 li .text {

	padding: 5px 20px;

	background-color: #F0F0F0;

}

.list-4 li .text h4 {

	margin: 0;

	font-size: 14px;

	line-height: 45px;

	height: 45px;

	overflow: hidden;

	font-weight: normal;

	text-align: center;

}

.width {
	width: 1200px;
	margin: 0 auto;
}

.both {
	clear: both;
}

@media screen and (max-width: 980px) {
	* {
		-webkit-text-size-adjust: none;
	}

	#box {
		height: 300px;
	}


	.width {
		width: 98%;
	}

	.w1200 {
		width: 98%;
	}

	.index .pro_box .pro_l {
		display: none;
	}

	.index .pro_box .pro_list {
		float: none;
		width: 99%;
	}

	.youshi .w1200 {
		width: 98% !important;
	}

	.index .case .hd .next {
		right: 0;
		display: none;
	}

	.case .pro_list li {
		width: 311px !important;

	}

	.index .case {
		height: 420px;
	}

	.index .case .pro_list li a .img {
		width: 100%;
		height: 208px;
	}

	.index .news .newsimg {
		width: 100%;
		margin-bottom: 20px;
	}

	.index .news .newsimg .img img {
		object-fit: contain;
	}

	.index .news .textlist {
		width: 88%;
		margin: 10px 7%;
	}

	.index .about .con .img {
		width: 100%;
	}

	.index .about .con .img img {
		object-fit: cover;
	}

	.index .about .con .txt {
		width: 891px;
		margin-left: 32px;
	}


	.index .pro_box .pro_list li {
		width: 48%;
		margin-bottom: 22px;
	}

	.index .pro_box .pro_list li .img {

		width: 100%;
		height: 276px;
	}

	.index .pro_box .pro_list li h3 {
		font-size: 30px;
	}


	.nav_main .nav li {
		float: left;
		width: 120px;
	}

















}