@charset "utf-8";
body { font-family: Arial; }
.dy-main { width: 1060px; margin: 0 auto; }
.transition { -webkit-transition: all .3s ease; transition: all .3s ease; }
a:focus { outline: none; }

/* header */
#header { width: 100%; height: 105px; }
.logo { float: left; margin-top: 18px; margin-right: 25px; }
.header-txt { float: left; height: 63px; margin-top: 21px; padding-left: 25px; background: url('/en/images/p-bg.jpg') no-repeat left; }
.header-txt p { color: #666; line-height: 22px; padding-top: 8px; }
.header-contact { float: right; text-align: right; line-height: 105px;  }
/* .header-lang { margin-bottom: 10px; } */
/* .header-tel { display: inline-block; width: 135px; padding: 0 10px 0 32px; line-height: 28px; font-size: 18px; font-family: Arial; color: #fff; background: #d5332c url('/en/images/icon_tel.png') no-repeat 10px 6px; } */
/* .header-idea { color: #656464; line-height: 20px; } */

/* nav */
#nav { height: 44px; background-color: #d02f25; }
.nav-list { float: left; }
.nav-list>ul>li { position: relative; float: left; z-index: 99; padding: 0 20px; }
.nav-list>ul>li>a { display: block; font-size: 16px; font-family: "Microsoft Yahei"; color: #fff; line-height: 44px; text-align: center; }
.nav-list>ul>li ul { position: absolute; visibility: hidden; opacity: 0; top: 44px; left: 0px; padding: 10px 0; border-top: 3px solid #f43e33; width: auto; background-color: #fff; transform: translateY(-20px); box-shadow: 0 10px 20px rgba(0,0,0,.2); }
.nav-list>ul>li:hover ul { visibility: visible; opacity: 1; transform: translateY(0); transition: all .3s ease-out 0s; }
.nav-list>ul>li ul li a { display: block; font-family: "Microsoft Yahei"; color: #333; padding: 6px 20px; white-space: nowrap; }
.nav-list>ul>li ul li a:hover { background-color: #f1f1f1; }

/* search */
.search { float: right; margin-top: 7px; width: 198px; height: 28px; border: 1px solid #c7c6c9; border-radius: 14px; background-color: #fff; }
.search-input { float: left; margin-left: 12px; width: 153px; padding-right: 5px; border: none; line-height: 26px; }
.search-btn { float: left; width: 16px; line-height: 28px; border: none; background: url('/en/images/icon_search.png') no-repeat; cursor: pointer; }

/*----------------------------------------- banner */
#banner { position: relative; height: 530px; overflow: hidden; }
.banner-list { width: 100% !important; }
.banner-list li { width: 100% !important; height: 530px; }
.banner-btn { position: absolute; bottom: 15px; left: 0; width: 100%; text-align: center; }
.banner-btn span { display: inline-block; width: 8px; height: 8px; margin: 0 5px; background-color: #fff; cursor: pointer; }
.banner-btn span.on { background-color: #d02f25; }

/*------------------------------------------- about */
#about { padding: 35px 0 50px; }
.about-title { text-align: center; }
.about-title h1 { font-size: 22px; color: #000; background: url('/en/images/title-bg.jpg') no-repeat center 13px; }
.about-title p { font-size: 16px; color: #666; margin-top: 8px; line-height: 24px; }
.about-content { margin-top: 60px; }
.about-img { float: left; width: 460px; border: 10px solid #000; border-radius: 10px; margin-right: 30px;  }
.about-img img { max-width: 100%; }
.about-info { float: left; width: 520px; }
.about-info h3 { font-size: 18px; color: #d02f25; margin-top: 15px; }
.about-info p { font-size: 14px; color: #666; line-height: 26px; margin: 15px 0 25px; }
a.about-more { display: block; width: 105px; font-size: 14px; color: #fff; line-height: 30px; text-align: center; background-color: #d02f25; }

/* service */
.service { margin: 80px 0 0 40px; }
.service-item { float: left; width: 250px; margin: 0 30px; text-align: center; }
.service-item .service-img { width: 132px; height: 132px; margin: 0 auto; }
.service-item01 .service-img { background: url('/en/images/icon_jjfa.jpg') no-repeat center top; transition: all ease-out .3s; }
.service-item01:hover .service-img { background: url('/en/images/icon_jjfa_on.jpg') no-repeat center top; transition: all ease-out .3s; }
.service-item02 .service-img { background: url('/en/images/icon_fwln.jpg') no-repeat center top; transition: all ease-out .3s; }
.service-item02:hover .service-img { background: url('/en/images/icon_fwln_on.jpg') no-repeat center top; transition: all ease-out .3s; }
.service-item03 .service-img { background: url('/en/images/icon_jspx.jpg') no-repeat center top; transition: all ease-out .3s; }
.service-item03:hover .service-img { background: url('/en/images/icon_jspx_on.jpg') no-repeat center top; transition: all ease-out .3s; }
.service-item h4 { position: relative; font-size: 16px; color: #333; font-weight: 700; margin: 20px 0 15px; padding-bottom: 10px; }
.service-item h4:after { content: ''; position: absolute; left: 50%; bottom: 0; margin-left: -20px; width: 40px; height: 1px; background-color: #a2a2a2; }
.service-item p { font-size: 12px; color: #666; line-height: 22px; }
.service-plus { float: left; width: auto; margin-top: 50px; }
.service-plus .layui-icon { font-size: 26px; color: #a2a2a2; }

/*------------------------------------------- banner-contact */
#banner-contact { height: 213px; background: url('/en/images/icontact-bg.jpg') no-repeat center top; }
#banner-contact .title { font-size: 24px; color: #fff; padding-top: 70px; margin-left: 70px; }
#banner-contact .subtitle { font-size: 14px; color: #fff; margin-top: 20px; margin-left: 70px; }

/*------------------------------------------- product */
#product { position: relative; height: 400px; padding: 40px 0 45px; overflow: hidden; }
.product-title { text-align: center; }
.product-title h1 { font-size: 22px; color: #000; background: url('/en/images/title-bg.jpg') no-repeat center 13px; }
.product-title p { font-size: 16px; color: #666; margin-top: 8px; }
.p-cate { margin-top: 30px; }
.p-cate li { display: inline-block; line-height: 30px; padding: 0 15px; border: 2px solid #121212; margin: 0 8px; transition: all 0.3s ease-out 0s; }
.p-cate li a { font-size: 14px; color: #666; transition: all 0.3s ease-out 0s; }
.p-cate li.on { border: 2px solid #c81624; background-color: #c81624; }
.p-cate li.on a { color: #fff; }
.product-content { width: 1010px; overflow: hidden; margin: 40px auto 0; }
.product-list { width: 1040px; }
.p-list { width: 100%; }
.p-list li { float: left; width: 230px; margin-right: 30px; }
.p-list li img { width: 230px; height: 153px; }
.p-list li .pro-txt { margin: 0 10px; }
.pro-txt h4 { position: relative; font-size: 14px; color: #000; font-weight: 700; padding-bottom: 10px; border-bottom: 1px solid #efefef; margin: 15px 0 10px; }
.pro-txt h4:before { content: ''; position: absolute; left: 0; bottom: -1px; width: 0; height: 1px; background-color: #d02f25; transition: all 0.3s ease-out 0s; }
.pro-txt i { float: right; display: block; width: 22px; height: 6px; margin-top: 8px; background: url('/en/images/icon_jiantou.png') no-repeat center top; }
.pro-txt span { font-size: 12px; color: #666; line-height: 22px; }
a.pro-prev, a.pro-next { position: absolute; top: 200px; display: block; width: 32px; height: 32px; }
a.pro-prev { left: 50%; margin-left: -562px; background: url('/en/images/icon_prev.jpg') no-repeat; transition: all 0.3s ease-out 0s; }
a.pro-next { right: 50%; margin-right: -562px; background: url('/en/images/icon_next.jpg') no-repeat; transition: all 0.3s ease-out 0s; }
.p-list li:hover .pro-txt h4::before { width: 100%; }
a.pro-prev:hover { background: url('/en/images/icon_prev_on.jpg') no-repeat; }
a.pro-next:hover { background: url('/en/images/icon_next_on.jpg') no-repeat; }

/*------------------------------------------- gsjg */
#gsjg { height: 376px; background: url('/en/images/gsjg-bg.jpg') no-repeat center top; }
.gsjg-title { float: right; width: 158px; height: 274px; padding-left: 16px; border: 6px solid #fff; margin-top: 45px; }
.gsjg-title h1 { position: relative; font-size: 14px; color: #fff; line-height: 30px; margin-top: 75px; }
.gsjg-title h1 span { font-size: 14px; }
.gsjg-title h1:after { content: ''; position: absolute; top: 130%; left: 0; width: 48px; border-bottom: 1px solid #fff; }
.gsjg-title p { margin-top: 40px; font-size: 14px; color: #fff; font-family: Arial; }
.gsjg-content { float: left; margin-top: 45px; }
.gsjg-list li { float: left; width: 260px; height: 286px; background-color: #3c3c3c; margin-right: 30px; }
.gsjg-img img { width: 260px; height: 180px; }
.gsjg-txt { position: relative; float: left; width: 200px; padding-left: 30px; margin-top: 12px; color: #fff; line-height: 22px; }
.gsjg-txt:after { content: ''; position: absolute; top: 2px; left: 18px; width: 2px; height: 75px; background-color: #fff; }
.gsjg-txt h4 { font-size: 14px; line-height: 18px; }
.gsjg-txt p { font-size: 12px; line-height: 18px; margin-top: 8px; }
.gsjg-more { float: right; width: 28px; height: 20px; line-height: 20px; text-align: center; background-color: #e42838; margin-right: -14px; margin-top: 43px; }
.gsjg-more .layui-icon { font-size: 16px; color: #fff; }

/*------------------------------------------- factory */
#factory { position: relative; height: 300px; padding: 50px 0; overflow: hidden; }
.factory-title { text-align: center; }
.factory-title h1 { font-size: 22px; color: #000; background: url('/en/images/title-bg.jpg') no-repeat center 13px; }
.factory-title p { font-size: 16px; color: #666; margin-top: 8px; }
.factory-content { width: 938px; overflow: hidden; margin: 60px auto 0; }
.factory-list { width: 968px; }
.factory-list li { float: left; width: 212px; margin-right: 30px; text-align: center; }
.factory-list li img { width: 212px; height: 141px; }
.factory-list li h4 { font-size: 14px; color: #000; line-height: 36px; }
a.fac-prev, a.fac-next { position: absolute; top: 225px; display: block; width: 32px; height: 32px; }
a.fac-prev { left: 50%; margin-left: -530px; background: url('/en/images/icon_prev.jpg') no-repeat; transition: all 0.3s ease-out 0s; }
a.fac-next { right: 50%; margin-right: -530px; background: url('/en/images/icon_next.jpg') no-repeat; transition: all 0.3s ease-out 0s; }
a.fac-prev:hover { background: url('/en/images/icon_prev_on.jpg') no-repeat; }
a.fac-next:hover { background: url('/en/images/icon_next_on.jpg') no-repeat; }

/*------------------------------------------- news */
#news { padding: 35px 0 65px; border-top: 1px solid #efefef; }
.news { float: left; width: 605px; }
.news-title { padding-bottom: 15px; border-bottom: 1px solid #efefef; }
a.news-more { float: right;	color: #131313; margin-top: 8px; }
.news-title span { position: relative; font-size: 18px; color: #000; }
.news-title span:after { content: '';  position: absolute; top: 36px; left: 0; width: 100px; border-bottom: 2px solid #000; }
.news-list li { width: 100%; margin-top: 20px; border-bottom: 1px solid #efefef; }
.news-time { float: left; width: 70px; margin-right: 10px; font-size: 24px; color: #000; font-family: Arial; padding-top: 25px; }
.news-txt { float: left; width: 525px; }
.news-txt h4 { font-size: 16px; color: #333; font-weight: 700; }
.news-txt p { font-size: 14px; color: #666; line-height: 24px; margin-top: 10px; }
/* question */
.question { float: right; width: 420px; }
.question-title { padding-bottom: 15px; }
a.question-more { float: right;	color: #131313; margin-top: 8px; }
.question-title span { font-size: 18px; color: #000; }
.question-list li { margin-top: 20px; }
.question-list li h4 { font-size: 16px; color: #333; font-weight: 700; padding-left: 25px; background: url('/en/images/icon_question.png') no-repeat 0 3px; }
.question-list li p { font-size: 14px; color: #666; line-height: 22px; padding-left: 25px; margin-top: 5px; }

/* page -------------------------- */
.pagebanner { height: 400px; }

.pagecontent {}
	.menu-target { text-align: center; margin: 30px; font-size: 30px; }
	.page-location { padding: 20px 0; border-bottom: 1px solid #eee; text-align: right; }
	.layui-breadcrumb a:hover {color: #d02f25!important}
	.page-info { line-height: 30px; padding: 20px 0 30px; }
	.page-info img { max-width: 100%; }

	.sub-menu { position: relative; border-bottom: 1px solid #eee; height: 50px; line-height: 50px; }
		.sub-menu li { float: left; padding: 0 20px; font-size: 16px; }
		.sub-menu li.cur { border-bottom: 1px solid #d02f25; }
		.sub-menu li.cur a { color: #d02f25; }
		.sub-menu li ul { display: none; }

	/* imglist */
	.img-list {}
		.img-item { float: left; width: 32.333333%; margin-right: 1%; }
		.img-item-thumb { position: relative; overflow: hidden; padding: 1%; border: 1px solid #eee; }
		.img-item-thumb::after { content: '+'; position: absolute; top: 0; left: 50%; width: 60px; height: 60px; margin: 0 0 0 -30px; line-height: 65px; font-size: 50px; color: #fff; border-radius: 60px; border: 2px solid #fff; line-height: 60px; text-align: center; opacity: 0 }
		.img-item-thumb img { width: 100%; }
		.img-item-txt { padding: 15px 0 30px; text-align: center; }
		.img-item:hover img { transform: scale(1.2, 1.2); }
		.img-item:hover .img-item-thumb::after { opacity: .8; top: 50%; margin-top: -30px; transition: all .5s ease; }

	/* newslist */
	.news-list {}
		.news-item { margin-bottom: 30px; padding-bottom: 15px; border-bottom: 1px solid #eee; overflow: hidden; }
		.news-item-thumb { float: left; width: 20%; }
		.news-item-thumb img { max-width: 100%; }
		.news-item-info { float: left; width: 80%; box-sizing: border-box; padding-left: 30px; }
		.news-item-info time { color: #ccc; }
		.news-item-info h2 { font-size: 16px; }
		.news-item-info h2 a { color: #333; }
		.news-item-info p { color: #999; }

		.news-list li { margin-bottom: 15px; padding-bottom: 10px; border-bottom: 1px solid #eee; }
		.news-list li span { float: right; color: #ccc; }

	/* job list */
	.job-list { margin-right: -2%; }
	.job-item { float: left; box-sizing: border-box; padding: 20px; width: 48%; height: 760px; margin-right: 2%; margin-bottom: 30px; box-shadow: 0 0 3px rgba(0,0,0,.2); transition: all .3s ease-in-out; border-radius: 2px; }
	.job-title { text-align: center; border-top: 1px solid #eee; border-bottom: 1px solid #eee; font-weight: 700; color: #d02f25; padding: 5px 0; margin-bottom: 15px; }
	.job-item:hover { margin-top: -10px; margin-bottom: 40px; box-shadow: 0 0 15px rgba(0,0,0,.3); }

	#pagination,
	.pagination { margin-top: 30px; }
		.pagination li { display: inline-block; }
		.pagination li a { display: inline-block; padding: 5px 15px; background-color: #eee; }
		.pagination li.active a { background-color: #d02f25; color: #fff; }
	/* shownews */
	.show-title { font-size: 18px; text-align: center; }
	.show-para { font-size: 12px; color: #ccc; border-bottom: 1px solid #eee; text-align: center; padding: 5px 0 10px; }
	.show-content { padding: 15px 0; }

#footer { padding: 25px 0 20px; background-color: #393939; color: #fff; text-align: center; }
.copyright { font-size: 16px; color: #fff; line-height: 28px; }
.copyright a { color: #fff; } 
/*p.contact-txt { color: #eee; line-height: 24px; margin-top: 15px; }*/


/* map */
#mapContainer {
	position: relative;
	height: 400px;
	margin-bottom: 30px;
}

.button-group {
	position: absolute;
	bottom: 20px;
	right: 20px;
	font-size: 12px;
	padding: 10px;
}

.button-group .button {
	height: 28px;
	line-height: 28px;
	background-color: #0D9BF2;
	color: #FFF;
	border: 0;
	outline: none;
	padding-left: 5px;
	padding-right: 5px;
	border-radius: 3px;
	margin-bottom: 4px;
	cursor: pointer;
}
#tip {
	background-color: #fff;
	padding-left: 10px;
	padding-right: 10px;
	position: absolute;
	font-size: 12px;
	right: 10px;
	top: 20px;
	border-radius: 3px;
	border: 1px solid #ccc;
	line-height: 30px;
}

.amap-info-content {
	font-size: 12px;
}