/*Base*/



* {
	margin: 0;
	padding: 0;
}

html,
body {
	font-family: "微软雅黑", Arial, sans-serif;

	color: #666;
	font-size: 14px;
	margin: 0;
	padding: 0;

	-ms-text-size-adjust: 100%;

	-webkit-text-size-adjust: 100%;
	/*修正手持设备字体变化*/

}

*html,
*html body

/* 修正IE6振动bug */
	{
	background-image: url(about:blank);
	background-attachment: fixed;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: "微软雅黑";
	font-weight: normal;
}

a {
	text-decoration: none !important;

	background: transparent;
	/*修正win8系统IE连接灰色背景*/

	outline: none;

	blr: expression(this.onFocus=this.blur());
}



table {
	border-collapse: collapse;
	border-spacing: 0;
}

ul,

ol {
	list-style: none;
}

li {
	list-style: none;
}

case-article
/*清除浮动*/

.clear {
	clear: both;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

/*布局*/

.wrap {
	width: 100%;
	max-width: 1200px;
	height: auto;
	margin: 0 auto;
}



#header {
	background: rgba(255, 255, 255, 1);

	height: auto;
	font-family: "微软雅黑";

	transition: all 0.3s ease-in-out 0s;

	width: 100%;

}

#header .head-top {
	width: 1200px;
	margin: 0 auto;
	height: auto;
	padding: 20px 0;
	overflow: hidden;
}

.logo {

	width: 40%;
	transition: all 0.3s ease-in-out 0s;
	float: left;

}

.logo img {

	width: 100%;
	height: auto;

	max-width: 450px;

	min-width: 250px;

}

.logo1 {
	display: block;
}

.logo2 {
	display: none;
}

.padding-tb75 {
	padding-top: 75px;
}



.head-but {
	float: left;
	width: 80px;
	padding-top: 10px;
}

.head-but a {
	width: 29px;
	height: 29px;
	display: inline-block;
	margin-left: 10px;
}

.head-but a.t1 {
	background: url(t01.jpg) no-repeat;
}

.head-but a.t2 {
	background: url(t02.jpg) no-repeat;
}

.head-tel {
	float: left;
	width: 375px;
	line-height: 30px;
	height: 50px;
	font-size: 16px;
	text-align: right;
	padding-top: 10px;
	margin-left: 100px;
}

.head-tel img {
	vertical-align: middle;
	margin-right: 5px;
}



/* Search */

#search {
	float: right;
	width: 159px;
	height: 24px;
	border: 1px solid #ddd;
	background: #fff;
	margin-top: 15px;
}

#search .keyword {
	float: left;
	background: #fff;
	width: 120px;
	padding-left: 10px;
}

#search .keyword input {
	height: 22px;
	font-size: 12px;
	width: 110px;
	line-height: 22px;
	float: left;
	border: 0;
	color: #666666;
}

#search .submit {
	cursor: pointer;
	float: left;
	background: url(search.jpg) no-repeat;
	width: 25px;
	height: 22px;
	border: 0;
}





.pc-nav {

	width: 100%;
	height: 48px;
	line-height: 48px;
	background: #003366;

}

.pc-nav ul {
	width: 1200px;
	margin: 0 auto;
}

.pc-nav ul:after {

	clear: both;

	content: '';

	display: block;

	width: 0;

	height: 0;
	width: 100%;

	visibility: hidden;

}

.pc-nav .lv1-box {

	font-size: 16px;

	float: left;
	width: 12.5%;
	text-align: center;
	position: relative;

}

.pc-nav .lv1-box a.lv1 {
	display: block;
	font-size: 16px;
	height: 48px;
	line-height: 48px;
	width: 100%;
	text-align: center;
}

.pc-nav .lv1-box:hover a.lv1 {}

.pc-nav ul ul {
	position: absolute;
	display: none;
	z-index: 99;
}

.pc-nav ul ul li {
	float: none;
	padding: 0;
}

.pc-nav ul ul li a {
	display: block;
	height: 35px;
	width: 12.5%;
	padding: 0 5px;
	font-size: 14px;
	word-break: keep-all;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 30px;
	text-align: center;
	background-color: rgba(0, 51, 102, 0.8);
	color: #fff;
}

.pc-nav ul ul li a:hover {}



.pc-nav .lv1 {

	color: #fff;
	width: 100%;

	display: inline-block;

	transition: all 0.1s;

	-moz-transition: all 0.1s;

	-webkit-transition: all 0.1s;

}





.pc-nav .lv1:hover,
.pc-nav .on .lv1 {}







/* 手机端导航 */

.ph-nav {
	width: 46px;
	height: 36px;

	position: absolute;
	right: 3%;
	top: 10px;
	display: none;

}



.ph-nav .ph-btn {

	width: 44px;
	height: 34px;
	border: 1px solid #ccc;
	border-radius: 4px;
	background: #fff;

}

.ph-nav a:hover .ph-btn {
	background: #ccc;
}



.ipad-searchbox {

	width: 92%;
	margin: 10px auto;

	background: rgba(255, 255, 255, .9);

	z-index: 100;

}



.ipad-searchbox .sou-box {

	overflow: hidden;

	background: #fff;

	line-height: 30px;

	height: 30px;
	border-bottom: 1px solid #ddd;

	font-size: 14px;

}

.ipad-searchbox .sou-box .texts {

	width: 80%;

	height: 100%;



	color: #333;

	border: none;
	outline: none;
	float: left;

}

.ipad-searchbox .sou-box .texts ::-webkit-input-placeholder {

	color: #999999;

}



.ipad-searchbox .sou-box .btns {

	float: right;

	width: 26px;

}

.ipad-searchbox .sou-box .btns a {

	color: #fff;

	display: block;

}





/* 手机端导航弹出层 */

.phnav-pop {

	position: fixed;

	width: 100%;

	height: auto;

	left: 0;

	top: 60px;

	background: rgba(255, 255, 255, 0.9);

	z-index: 110;

	display: none;
	overflow: hidden;

}

.phnav-main {

	width: 92%;

	height: auto;

	padding: 0 3%;

	padding-bottom: 5%;

	padding-top: 1%;

	position: relative;

}

.phnav-main .guan {

	position: absolute;

	right: 7%;

	top: 3%;

	cursor: pointer;

	width: 1em;

}



.phnav-main .item {}

.phnav-main .item:last-child {

	border-bottom: none;

}



.phnav-main .lv1-box {

	position: relative;

	padding: 0 1%;
	border-bottom: 1px solid #ccc;

	line-height: 3.375em;

}

.phnav-main .lv1-box a {

	color: #333;

	font-size: 16px;

	display: block;

	max-width: 100%;

}

.phnav-main a:hover {
	color: #7c4c4c;
}

.phnav-main .lv1-box .more {

	position: absolute;

	right: 0;

	top: 0;

	display: inline-block;

	width: 10%;

	height: 100%;

	text-align: right;

	cursor: pointer;

	color: #999999;

	background: url(more-bg3.png) no-repeat right 5% center;

	background-size: 0.5em;

}

.phnav-main .lv1-box .more.on {

	background: url(more-bg4.png) no-repeat right 5% center;

	background-size: 0.5em;

}



.phnav-main .lv2-box {

	padding-bottom: 0.5em;

	display: none;

}

.phnav-main .lv2-box li {

	padding-left: 10%;

}

.phnav-main .lv2-box .noborder a {

	border: none;

}

.phnav-main .lv2-box a {

	display: block;

	font-size: 14px;

	color: #555;

	line-height: 2.667em;

}

.phnav-main .lv2-box a:hover {
	color: #f5a100;
}





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

	#header .head-top {
		transition: all 0.5s;

		-moz-transition: all 0.5s;
		padding: 2% 3%;

		-webkit-transition: all 0.5s;
		width: 100%;
	}

	.pc-nav ul {

		width: 100%;

		transition: all 0.5s;

		-moz-transition: all 0.5s;

		-webkit-transition: all 0.5s;

	}



}



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

	.head-left {
		width: 50%;
	}

	.head-left img {
		width: 250px;
	}

}

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

	#header {
		border-top: 1px solid #1467b3;
		background: #1467b3;
	}

	.head-but {
		display: none;
	}

	.head-tel {
		display: none;
	}

	#search {
		display: none;
	}

	.pc-nav {
		display: none;
	}

	.ph-nav {
		display: block;
	}

	.logo2 {
		display: block;
	}

	.logo1 {
		display: none;
	}

}





.focus-btn-box {
	display: none;

	background: #eeeeee;

	padding: 4% 0;
	font-family: "微软雅黑";

}



.focus-btn-box ul {

	width: 98%;

	margin: 0 auto
}



.focus-btn-box ul li {

	float: left;

	width: 33%;

	text-align: center
}



.focus-btn-box ul li a {

	position: relative;

	display: inline-block
}



.focus-btn-box ul li a span {

	display: inline-block;

	height: 45px;

	width: 45px;

}

.focus-btn-box ul li a span.btn-gywm {

	background: url(btn_gywm.png) center no-repeat;

	background-size: contain
}

.focus-btn-box ul li a span.btn-cpzx {

	background: url(btn_cpzx.png) center no-repeat;

	background-size: contain
}

.focus-btn-box ul li a span.btn-hyyy {

	background: url(btn_gcal.png) center no-repeat;

	background-size: contain
}

.focus-btn-box ul li a span.btn-rczp {

	background: url(btn_zsjm.png) center no-repeat;

	background-size: contain
}



.focus-btn-box ul li a span.btn-zxly {

	background: url(btn_zsjm.png) center no-repeat;

	background-size: contain
}

.focus-btn-box ul li a span.btn-xwzx {

	background: url(btn_zxzs.png) center no-repeat;

	background-size: contain
}

.focus-btn-box ul li a span.btn-lxwm {

	background: url(btn_lxwm.png) center no-repeat;

	background-size: contain
}

.focus-btn-box ul li a p {

	font-size: .1rem;

	padding-top: 4px;

	padding-bottom: 12px;

	color: #666
}



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



	.focus-btn-box {
		display: block;

	}

}









/*首页主要内容*/

#mainbody {}

.mainTitle {
	height: auto;
	font-size: 30px;
	color: #333;
	line-height: 35px;
	text-align: center;
	margin-bottom: 3%;
	text-align: center;
	font-weight: 600;
}

.mainTitle p {
	font-size: 16px;
	line-height: 30px;
	color: #555;
	text-align: center;
	background: url(line1.png) no-repeat center center;
	font-weight: normal;
}

.mainTitle .en {
	font-size: 16px;
	line-height: 30px;
	color: #666;
	font-weight: lighter;
}



.parallax {

	background-attachment: fixed !important;

	background-position: center center;

	-webkit-background-size: cover;

	-moz-background-size: cover;

	background-size: cover;

	background-repeat: no-repeat;

	position: relative;

}





.homepro {
	height: auto;
	font-family: "微软雅黑";
	padding: 50px 0;
	overflow: hidden;
	width: 1200px;
	margin: 0 auto;
	position: relative;
}

.top-cata {
	height: 45px;
	line-height: 45px;
	position: relative;
	overflow: hidden;
}

.top-cata h2 {
	font-size: 24px;
	color: #333;
	font-weight: 600;
	float: left;
	padding-right: 20px;
	display: inline-block;
	margin: 0;
}

.top-cata h2 i {
	background: url(arrows1.png) no-repeat right top;
	width: 17px;
	height: 30px;
	display: inline-block;
	margin-left: 4px;
}

.right-cate {
	float: right;
	margin-right: 70px;
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	color: #888;
	margin-left: 150px;
	text-align: right;
	width: 60%;
	overflow: hidden;
}

.right-cate a {
	font-size: 14px;
	color: #333;
	padding: 0 5px;
}

.right-cate a:hover {
	color: #1467b3;
}

.top-cata .more {
	position: absolute;
	right: 0;
	top: 0;
	color: #f00;
	font-size: 14px;
}



#owl-demo1 {
	position: relative;
}

#owl-demo1 .item {
	margin-left: 30px;

}

#owl-demo1 .item img {
	padding: 4px;
	border: 1px solid #ddd;

	display: block;

	width: 100%;

	height: auto;

}

.homepro .line {
	width: 100%;
	height: 1px;
	background: #ddd;
	position: absolute;
	left: 0;
	bottom: 45px;
	z-index: 1;
}

.media-block {

	position: relative;

	display: block;

}

.media-block:before {

	content: "";

	background-color: rgba(0, 0, 0, 0.4);

	width: 100%;

	height: 100%;

	top: 0;

	left: 0;

	position: absolute;

	opacity: 0;

	display: block;

	z-index: 99;

	-webkit-transition: all 0.3s ease 0.2s;

	-moz-transition: all 0.3s ease 0.2s;

	-ms-transition: all 0.3s ease 0.2s;

	-o-transition: all 0.3s ease 0.2s;

	transition: all 0.3s ease 0.1s;

}

.media-block:hover:before {

	opacity: 1;

	transition: opacity 0.3s ease 0.2s;

}

.media-block:after {

	background: url(btn2.png) no-repeat center center;

	width: 44px;

	height: 44px;

	line-height: 44px;

	margin: -22px 0 0 -22px;

	text-align: center;

	top: 50%;

	left: 50%;

	position: absolute;

	font-size: 1.5em;

	color: #fff;

	z-index: 999;

	opacity: 0;

}

.media-block:hover:after {

	opacity: 1;

	transition: opacity 0.3s ease 0.2s;

}

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

	.homepro {

		width: 100%;

		padding: 0 3%;

		margin-top: 2em;

		margin-bottom: 4em;

		transition: all 0.5s;

		-moz-transition: all 0.5s;

		-webkit-transition: all 0.5s;

	}

	.homepro .line {
		bottom: 0;
	}

}





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

	.mainTitle {
		font-size: 18px;
		line-height: 24px;
		margin-bottom: 0%;
		padding-bottom: 0;
	}



	.mainTitle p {
		font-size: 14px;
	}

	.top-cata h2 {
		font-size: 18px;
		line-height: 40px;
		height: 40px;
	}

}

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

	.right-cate {
		display: none;
	}

}


.about-area {
	padding: 60px 0;
	overflow: hidden;
}

.about-img {
	position: relative;
	z-index: 9;
}

.about-img img {
	width: 100%;
	height: auto;
}


.about-wrap .title {
	margin-bottom: 20px;
	text-transform: capitalize;
	position: relative;
	padding-bottom: 10px;
	line-height: 30px;
	font-size: 36px;
	color: #003366;
	font-weight: bold;
	margin-top: 20px;
}

.about-wrap .title::before,
.about-wrap .title::after {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 60px;
	height: 1px;
	content: "";
	background: #1d6bcb;
}

.about-wrap .title::after {
	left: 10px;
	bottom: -2px;
}

.about-wrap p {
	color: #222;
	line-height: 1.8;
}

.about-wrap .a-text1 {
	font-size: 20px;
	margin-top: 10px;
}

.about-wrap .a-text2 {
	font-size: 16px;
	margin-top: 20px;
	margin-bottom: 0px;
	line-height: 1.5;
	;
}

.about-wrap .about-item {
	width: 100%;
	height: auto;
	margin-left: 0px;
	margin-top: 20px;
}

.about-item ul {
	height: auto;
	width: 100%;
	margin: 0;
	padding: 0;
}

.about-item ul li {
	background-color: #f2f8fc;
	margin-top: 18px;
	height: 55px;
	padding: 0 16px;
	display: flex;
	align-items: center;
	justify-content: space-between;

}

.about-item ul li .a_image1 {
	font-size: 0;
	width: 25px;
	text-align: center;
	margin-right: 10px;
}

.about-item ul li .a_tt {
	flex: 1;
	font-size: 18px;
	color: #101010;
}

.about-item ul li .a_jt {
	font-size: 0;

}

.black-opacity {
	position: relative;
	z-index: 9;
}

.black-opacity:before {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: .1;
	content: "";
	z-index: -9;
}

.bg-img-1 {
	background: url(aboutbg.jpg) no-repeat center center / cover;
}

.bg-img-2 {
	background: url(probg.jpg) no-repeat center center / cover;
}

.bg-img-3 {
	background: url(newsbg.jpg) no-repeat center center / cover;
}

.bg-img-4 {
	background: url(contactbg.jpg) no-repeat center center / cover;
}


.breadcumb-area {
	height: 400px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	position: relative;
}

.breadcumb-wrap h2 {
	color: #fff;
	position: relative;
	text-transform: capitalize;
	padding-bottom: 15px;
	margin-bottom: 57px;
	font-size: 40px;
}

.top1 {
	color: #fff;
	position: relative;
	text-transform: capitalize;
	padding-bottom: 15px;
	margin-bottom: 57px;
	font-size: 40px;
}

.breadcumb-wrap h2::before,
.breadcumb-wrap h2::after {
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 40px;
	height: 1px;
	background: #fff;
	content: "";
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
}

.breadcumb-wrap h2::after {
	left: 51%;
	bottom: -2px;
}



.yy-area {


	padding: 60px 0 0px 0;
}

.yy-item {
	width: 100%;
	height: 377px;
	margin-top: 20px;
	padding-top: 30px;
	font-size: 18px;
	color: #fff;
	text-align: center;
	margin-right: 1px;
	box-sizing: border-box;
	background: rgba(0, 51, 102, 0.9)
}

.yy-item a {
	color: #fff;
}

.yy-item em {
	color: #7d7e7e;
	font-size: 12px;
	font-family: "Times New Roman";
	text-align: center;
	display: block;
	line-height: 25px;
	height: 25px;
	letter-spacing: 2px;
}

.yy-item span {
	width: 102px;
	height: 136px;
	margin: 24px auto 0;
	padding: 3px;
	display: block;
	background: #fff;
}

.yy-item span img {
	border: none;
	width: 100%;
}

.yy-item:hover {
	background: #003366;
}

.yy-item:hover span {
	background-image: -webkit-gradient(linear, top left, bottom right, from(#fcfca4), to(#fff), to(#fcfca4));
	background-image: -webkit-linear-gradient(top, #fcfca4, #fff, #fcfca4);
	background-image: -moz-linear-gradient(top, #fcfca4, #fff, #fcfca4);
	background-image: -o-linear-gradient(top, #fcfca4, #fff, #fcfca4);
	background-image: -ms-linear-gradient(top, #fcfca4, #fff, #fcfca4);
	background-image: linear-gradient(top, #fcfca4, #fff, #fcfca4)
}

.yy-item a:hover {
	color: #fff;
}

.yy-item:hover em {
	color: #fff;
}


/*---------------------------- 4. about-area end --------------------------*/


.product-area {
	background: url(bg1-3.jpg) no-repeat center top;

	padding: 60px 0 60px 0;
}

.section-title .first2 {
	margin-bottom: 20px;
	padding-bottom: 15px;
	position: relative;
	text-transform: capitalize;
	line-height: 24px;
	font-size: 30px;
	font-weight: bold;
}

.section-title .first2:before,
.section-title .first2:after,
.fanfact-wrap .first2:before,
.fanfact-wrap .first2:after {
	position: absolute;
	left: 49%;
	bottom: 0;
	width: 60px;
	height: 1px;
	background: #003366;
	content: "";
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
}

.section-title .first2:after,
.fanfact-wrap .first2:after {
	bottom: -2px;
	left: 51%;
}

.section-title p {
	text-transform: capitalize;
	margin-bottom: 35px;
	font-size: 15px;
	font-style: italic;
	color: #696969;
	line-height: 24px;
}

.section-title .first {
	margin-bottom: 20px;
	color: #000;
	padding-bottom: 20px;
	position: relative;
	text-transform: capitalize;
	line-height: 24px;
	font-size: 30px;
	font-weight: bold;
}

.portfolio-wrap {
	background: #f9fafb;
	box-shadow: 0 0 10px #ddd;
	margin-bottom: 20px;
	padding: 0;
}

.portfolio-wrap .box {
	padding: 0;
	margin: 0;

}

.portfolio-wrap .img {
	background: #fff;
	border-top-right-radius: 26px;
	height: auto;
	padding: 10px;

}

.portfolio-wrap .img img {
	width: 100%;
	height: 100%;
}

.portfolio-wrap h4 {
	position: relative;
	padding: 7px 15px;
	text-transform: uppercase;
	color: #222;
	border: none;
	width: 100%;
	text-align: center;
	font-size: 14px;
	background: #f9fafb;
	overflow: hidden;
	z-index: 9;
	display: inline-block;
	margin: 0;
}

.portfolio-wrap h4.active {
	font-weight: 500;
}



.product-area .more {
	display: block;
	width: 300px;
	height: 50px;
	line-height: 50px;
	margin: 50px auto 0;
	text-align: center;
	color: #fff;
	border-radius: 12px;
	background-color: #003366;
	border: 1px solid #003366;
}

.product-area .more img {
	margin-left: 5px;
	margin-top: 18px;
}

.hvr-bg-move {
	position: relative;
	overflow: hidden;
	transition: all .5s;
}

.hvr-bg-move:hover {
	box-shadow: 0 0 5px #003366 inset;
}

.hvr-bg-move:after {
	content: '';
	position: absolute;
	left: -100%;
	top: 0;
	width: 0;
	height: 100%;
	background-color: #003366;
	opacity: .5;
	box-shadow: 0 0 30px #003366;
}

.hvr-bg-move:hover:after {
	left: 100%;
	width: 50%;
	transition: all .5s;
}


.ly-area {
	min-height: 450px;
	background-image: url(bg1-1.jpg);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: bottom center;
	background-color: rgba(0, 51, 102, 0.3);

	padding-top: 6rem;
	padding-bottom: 6rem;
}

.ly-wrap h2 {
	font-size: 20px;
	color: #fff;
	padding-bottom: 10px;
	text-align: center;
	position: relative;
	font-family: Inter, sans-serif;
	font-weight: bold;

}

.mr36 {
	margin-top: 36px;
}

.ly-wrap {
	transition-property: all;
	padding-top: 30px;
	padding-right: 30px;
	padding-bottom: 40px;
	padding-left: 30px;
	margin-left: 0px;
	margin-right: 0px;
	text-align: center;
	background-color: rgba(0, 0, 0, 0.4);
	border-top-style: solid;
	border-top-width: 2px;
	border-top-color: #003366;
	overflow: hidden;
	position: relative;
	transition: all 300ms ease 0s;
}

.ly-wrap:before {
	content: " ";
	height: 0%;
	width: 100%;
	background-color: #003366;
	position: absolute;
	top: 0;
	left: 0;
	transition: all 0.6s;
}

.ly-wrap:hover:before {
	height: 100%;
}

.ly-wrap .ly-image {
	overflow: hidden;
	width: 56px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	position: relative;
}

.ly-wrap .ly-image img {
	width: 100%;
	height: auto;
}

.ly-wrap p {
	color: #f9f7f7;
	min-height: 72px;
	margin-top: 15px;
	position: relative;
}

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

	.breadcumb-area {
		height: 250px;
	}

	.top1 {
		font-size: 18px;
	}


	.product-area {
		padding: 30px 0 30px 0;
	}

	.about-area {
		padding: 30px 0;
	}

	.yy-area {
		padding: 30px 0;
	}

	.blog-details-area {
		padding: 30px 0;
	}

	.news-area {
		padding: 30px 0;
	}

	.about-item ul li {
		margin-right: 10px;
	}

	.about-item ul li .p-item {
		padding-top: 5px;
		padding-left: 10px;
		padding-right: 10px;
		border-radius: 10px;
	}

	.about-img {
		margin-top: 30px;
		margin-bottom: 0;
	}

	.about-wrap .title {
		font-size: 24px;
		margin-bottom: 0px;
	}

	.about-wrap .a-text2 {
		font-size: 14px;
	}

	.mr36 {
		margin-top: 0;
	}

	.ly-wrap {
		padding-top: 10px;
		padding-right: 6px;
		padding-bottom: 10px;
		padding-left: 6px;
		margin-left: 0px;
		margin-right: 0px;
		margin-bottom: 10px;
	}

	.ly-wrap h2 {
		font-size: 16px;
		padding-bottom: 0;
	}

	.lab-area {
		padding: 30px 0;
	}

	.lab-area .lab-item {
		margin-bottom: 20px;
	}

	.lab-area .lab-item h4 {
		left: 10px;
		bottom: 10px;
		line-height: 1;
	}

	.zs-area {
		display: none;
	}

	.blog-area {
		padding: 30px 0;
	}

	.products-area {
		padding: 30px 0;
	}

	.contact-box {
		display: none;
	}

	.products-wrap {
		padding: 10px;
	}

	.products-area .col-md-4,
	.products-area col-sm-6,
	.products-area col-xs-12 {
		padding-left: 0;
		padding-right: 0;
	}

	.products-content {
		padding: 10px 0px;
	}

}


.parallax2 {

	min-height: 200px;

	position: relative;
	font-family: "微软雅黑";
	margin-top: 30px;

}

.parallax2 .overlay {



	width: 100%;

	height: 100%;

	left: 0;

	top: 0;

	position: absolute;

}

.parallax2 .txt {
	font-size: 30px;
	font-weight: 600;
	color: #000;
	padding-top: 2%;
	width: 1200px;
	margin: 0 auto;
	position: relative;
}

.parallax2 .txt .tel {
	color: #003366;
	padding-left: 75px;
	background: url(tel2.png) no-repeat left center;
	line-height: 26px;
}

.parallax2 .txt .tel span {
	font-size: 14px;
	display: block;
	font-weight: lighter;
}

.parallax2 .txt p strong {
	color: #000;
	padding-left: 75px;
}

.parallax2 .rimg {
	width: 30%;
	max-width: 108px;
	height: auto;
	position: absolute;
	right: 0;
	top: -30%;
}

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

	.parallax2 .txt {

		width: 100%;
		font-size: 24px;
		padding-top: 5%;

	}

}

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

	.parallax2 .txt {

		width: 100%;
		font-size: 18px;
		padding-top: 8%;

	}

	.parallax2 .rimg {
		display: none;
	}

}





.ys {
	height: auto;
	font-family: "微软雅黑";
	width: 1200px;
	margin: 0 auto;
	padding: 4% 0 0 0;
	overflow: hidden;
}

.yslist {
	width: 100%;
	padding: 0 5%;
	position: relative;
	height: auto;
	overflow: hidden;
}

.yslist li {
	width: 40%;
	margin-right: 20%;
	float: left;
	padding-top: 2%;
}

.yslist li:nth-child(2n) {
	margin-right: 0;
}

.yslist li .imgs {
	width: 100%;
	padding: 5px;
	border: 1px solid #ddd;
}

.yslist li .imgs img {
	width: 100%;
	height: auto;
}

.yslist li .tit h3 {
	font-size: 20px;
	color: #488fc5;
	font-weight: normal;
}

.yslist li .tit p {
	font-size: 14px;
	color: #6b727f;
	line-height: 24px;
	height: 72px;
	overflow: hidden;
}

.center-line {
	width: 1px;
	height: 100%;
	position: absolute;
	left: 50%;
	top: -2%;
	background: #cccccc;
	z-index: 1;
}

.yslist i {
	width: 14px;
	height: 14px;
	background: #488fc5;
	position: absolute;
	left: 50%;
	margin-left: -7px;
	z-index: 10;
	top: 0px;
	border-radius: 50%;
}

.yslist .dot {
	height: 100%;
	position: absolute;
	width: 36px;
	left: 50%;
	margin-left: -18px;
	top: 4%;
	z-index: 10;
}



.yslist .dot p {
	width: 36px;
	height: 25%;
	display: block;
}

.yslist .dot p span {
	width: 36px;
	height: 36px;
	font-size: 24px;
	color: #488fc5;
	border: 1px solid #ccc;
	background: #fff;
	border-radius: 50%;
	display: block;
	text-align: center;
	font-family: arial;
	font-weight: 600;
}

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

	.ys .mainTitle {
		padding-bottom: 3%;
	}

	.ys {

		width: 100%;

		padding: 0 3%;

		margin-top: 2em;

		margin-bottom: 4em;

		transition: all 0.5s;

		-moz-transition: all 0.5s;

		-webkit-transition: all 0.5s;

	}

}

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

	.yslist li {
		width: 25%;
		margin-right: 0;
	}

	.yslist li .imgs {
		width: 80%;
		border: none;
		margin: 0 auto;
		padding: 0;
	}

	.yslist li .imgs img {
		border-radius: 50%;
		border: 1px solid #ddd;
	}

	.yslist li .tit {
		padding: 0 10%;
		overflow: hidden;
		text-align: center;
	}

	.yslist li .tit h3 {
		font-size: 14px;
		height: 30px;
		line-height: 30px;
		overflow: hidden;
	}

	.yslist li .tit p {
		display: none;
	}

	.center-line {
		display: none;
	}

	.yslist .dot {
		display: none;
	}

	.yslist i {
		display: none;
	}

}



.parallax3 {
	height: 260px;

	position: relative;
	font-family: "微软雅黑";
	margin-top: 30px;
	padding: 4% 1%0;
	overflow: hidden;

}

.parallax3 .overlay {



	width: 100%;

	height: 100%;

	left: 0;

	top: 0;

	position: absolute;

}

.parallax3 .mainTitle {
	color: #000;
	margin: 2% 0 0 0;
}



#owl-demo3 {
	width: 1200px;
	margin: 0 auto;
}

#owl-demo3 .item {
	margin-left: 40px;
	margin-top: 20px;
	background: #fff;
	text-align: center;
}

#owl-demo3 .item img {

	display: block;

	width: auto;

	height: auto;

}

#owl-demo3 .item .name {
	font-size: 18px;
	color: #333;
	line-height: 30px;
	height: 30px;
	overflow: hidden;
	margin-top: 15px;
	text-align: center;
}

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

	#owl-demo3 {

		width: 100%;

		padding: 0 3%;

		margin-top: 2em;

		margin-bottom: 4em;

		transition: all 0.5s;

		-moz-transition: all 0.5s;

		-webkit-transition: all 0.5s;

	}

}

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

	.parallax3 {
		height: 200px;
	}

	#owl-demo3 .item {
		margin-top: 0;
	}



}



.homeabout {
	height: auto;
	position: relative;
	font-family: "微软雅黑";
	padding: 4% 0;
	overflow: hidden;
	width: 1200px;
	margin: 0 auto;

}

.homeabout .title h2 {
	font-size: 24px;
	color: #333;
	font-weight: 600;
	padding-right: 20px;
	display: inline-block;
	margin: 0;
}

.homeabout .title h2 i {
	background: url(arrows1.png) no-repeat right top;
	width: 17px;
	height: 30px;
	display: inline-block;
	margin-left: 4px;
}

.homeabout .txt {
	font-family: "微软雅黑";
	width: 70%;
	font-size: 14px;
	line-height: 28px;
	color: #6b727f;
	max-height: 112px;
	overflow: hidden;
}

.homeabout .txt p {
	font-family: "微软雅黑" !important;
}

.homeabout .more {
	height: 40px;
	line-height: 40px;
	width: 130px;
	border: 1px solid #ccc;
	text-align: center;
	margin-top: 10px;
}

.homeabout .more a {
	font-size: 14px;
	color: #003366;
}

.homeabout .aboutimg {
	width: 27%;
	float: right;
}

.homeabout .aboutimg img {
	width: 100%;
}

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

	.homeabout {

		width: 100%;

		padding: 0 3%;

		margin-top: 2em;

		margin-bottom: 4em;

		transition: all 0.5s;

		-moz-transition: all 0.5s;

		-webkit-transition: all 0.5s;

	}

}

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

	.homeabout .aboutimg {
		display: none;
	}

	.homeabout .txt {
		width: 100%;
	}



}





.bottom-news {
	height: auto;
	position: relative;
	font-family: "微软雅黑";

	overflow: hidden;
	width: 1200px;
	margin: 3% auto;
}

.news-tab {
	width: 16%;
	float: left;
	background: #3a3b3f;
}

.news-tab ul li {
	height: 110px;
	padding: 20px 0;
	text-align: center;
	overflow: hidden;
}

.news-tab ul li i {
	display: block;
}

.news-tab ul li.on {
	background: #003366;
}

.news-tab ul li a {
	font-size: 18px;
	color: #fff;
}

.bottom-news .news-list {
	width: 50%;
	float: left;
	margin-left: 2%;
}

.bottom-news .news-list li {

	overflow: hidden;

	padding: 1% 0;
	border-bottom: 1px solid #ddd;
	margin-bottom: 10px;

}







.bottom-news .news-list .name {

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	font-size: 16px;

	position: relative;

	padding-right: 20%;

	color: #333;
	padding-bottom: 1%;

}

.bottom-news .news-list .name a {

	color: #333;

}

.bottom-news .news-list .name a:hover {

	text-decoration: underline;
	color: #003366
}

.bottom-news .news-list .name .time {

	position: absolute;

	right: 0;
	width: 80px;

	top: 0;
	font-size: 14px;

	color: #666;
	font-style: normal;

}

.bottom-news .news-list .info {
	font-size: 14px;
	line-height: 24px;
	color: #555;
	display: none;
}

.bottom-news .news-list li:first-child .info {
	display: block;
}



.bottom-news .right-news {
	width: 27%;
	float: right;
}

.bottom-news .right-news dt {
	width: 100%;
	margin: 0;
	padding: 0;
}

.bottom-news .right-news dt img {
	width: 100%;
	height: auto;
}

.bottom-news .right-news dd .tit {
	color: #333;
	font-size: 18px;
	line-height: 36px;
}

.bottom-news .right-news dd .tit:hover {
	color: #003366;
}

.bottom-news .right-news dd p {
	font-size: 14px;
	line-height: 24px;
	color: #6a6a6a;
	max-height: 48px;
	overflow: hidden;
}



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

	.bottom-news {

		width: 100%;

		padding: 0 3%;

		margin-top: 2em;

		margin-bottom: 4em;

		transition: all 0.5s;

		-moz-transition: all 0.5s;

		-webkit-transition: all 0.5s;

	}

}

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

	.bottom-news .right-news {
		display: none;
	}

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

	.news-tab ul li i {
		display: inline-block;
		height: 30px;
	}

	.news-tab ul li i img {
		width: 30px;
	}

	.bottom-news .news-tab li {
		width: 50%;
		height: 40px;
		padding: 0px 0;
		line-height: 40px;
		float: left;
	}

	.bottom-news .news-tab ul li a {
		font-size: 14px;
	}

	.bottom-news .news-list {
		width: 100%;
		margin-left: 0%;
	}



}



/*页脚样式*/

.footer-box {
	background: #000;
	font-family: "微软雅黑";
}

.footer-nav {

	padding: 2% 0 1% 0;



}

.footmian {

	width: 1200px;

	margin: auto;

	overflow: hidden;

}

.left-nav {

	overflow: hidden;
	width: 880px;

}

.left-nav li {

	float: left;

	width: 20%;
	padding: 0 4%;

}



.left-nav .tit {

	color: #fff;

	font-size: 16px;

	display: block;

	line-height: 35px;

}



.left-nav dl {

	margin-top: 0.6875em;

	margin-bottom: 0;

}

.left-nav dd a {

	color: #6b727f;

	font-size: 14px;

	line-height: 30px;

}

.left-nav a:hover {

	font-weight: 600;

}



.footmian .footlx {
	width: 240px;
	float: right;
	margin-top: 0;
}

.footmian .footlx h3 {
	font-size: 16px;
	color: #fff;
	margin: 0;
	padding: 0;
	line-height: 35px;
}

.footmian .footlx p {
	margin-top: 10px;
	color: #6b727f;
	font-size: 16px;
}

.footmian .footlx p strong {
	font-size: 18px;
}



.fph-nav {
	display: none;
}



.fph-nav .item {

	border-bottom: 1px solid #cccccc;

}

.fph-nav .item:last-child {

	border-bottom: none;

}



.fph-nav .lv1-box {

	position: relative;

	padding: 0 2%;

	line-height: 2.5625em;

}

.fph-nav .lv1-box a {

	color: #fff;

	font-size: 14px;

	display: inline-block;

	width: 26%;

}

.fph-nav .lv1-box a.on {

	font-weight: bold;

}

.fph-nav .lv1-box .more {

	position: absolute;

	right: 2%;

	top: 0;

	display: inline-block;

	width: 70%;

	height: 100%;

	text-align: right;

	cursor: pointer;

	color: #999999;

	background: url(more-bg1.png) no-repeat right center;

	background-size: 0.5em;

}

.fph-nav .lv1-box .more.on {

	background: url(more-bg2.png) no-repeat right center;

	background-size: 0.5em;

}



.fph-nav .lv2-box {

	padding-bottom: 1em;

	display: none;

}



.fph-nav .lv2-box a {

	padding: 0 2%;

	display: block;

	font-size: 0.75em;

	color: #838281;

	line-height: 2.4em;

}

.fph-nav .footlogo {
	width: 400px;
	margin: 0 auto;
	height: auto;
	overflow: hidden;
}

.fph-nav .footlogo h4 {
	color: #fff;

	font-size: 15px;
	font-weight: 600;

	display: block;
	margin: 0;
	line-height: 35px;
	padding-bottom: 15px;
	text-align: center;
}

.fph-nav .footlogo .logo2 {
	color: #c4c4c4;

	font-size: 12px;
	margin: 0 auto;
	width: 400px;
	display: block;
	text-align: center;
}



.fph-nav .footlogo p {
	margin-top: 10px;
	text-align: center;
	color: #eee;
	font-size: 12px;
}





.copyright {
	height: 40px;
	line-height: 40px;
	color: #aaa;
	text-align: center;
	font-size: 14px;
	border-top: 1px solid #555;
}



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

	.fnav-mian {

		width: 960px;

	}

}

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

	.footer-info {

		width: 100%;

		padding: 0 3%;

		transition: all 0.5s;

		-moz-transition: all 0.5s;

		-webkit-transition: all 0.5s;

	}

	.footer-nav {

		padding: 2em 0 3em 0;

	}

	.fnav-mian {

		width: 100%;

		padding: 0 3%;

		transition: all 0.5s;

		-moz-transition: all 0.5s;

		-webkit-transition: all 0.5s;

	}

	.left-nav .tit {

		font-size: 16px;

		width: 83%;

	}

	.left-nav dd a {

		font-size: 14px;

	}





}



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

	.footer-nav {

		padding: 0 3%;

		padding-top: 2em;

		padding-bottom: 2em;

	}

	.footmian {
		display: none;
	}

	.fph-nav {
		display: block;
	}

	.copyright {
		height: 40px;
		line-height: 40px;
		color: #aaa;
		text-align: center;
		font-size: 14px;
	}

}

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

	.footer-nav {

		padding: 0 2.604%;

		padding-top: 1em;

		padding-bottom: 0.75em;

	}





}











/*子页主要内容*/



.innerbanner {
	width: 100%;
	max-width: 1920px;
	margin: 0 auto;

	height: 350px;

	position: relative;

	overflow: hidden;

	background-attachment: fixed;
	background-size: 100%;
	margin-top: 0px;
}







.aboutbg {
	background: #000 url(../banner/banner2.jpg) no-repeat center center;
	background-size: 100%;

}

.contactbg {
	background: #000 url(contactus.jpg) no-repeat center center;
	background-size: 100%;

}

.newsbg {
	background: #000 url(news.jpg) no-repeat center center;
	background-size: 100% 100%;

}

.probg {
	background: #000 url(timg.jpg) no-repeat center center;
	background-size: 100% 100%;

}

@media screen and (max-width: 768px) {
	.innerbanner {
		width: 100%;

		height: 150px;
	}
}





/* pc location */

.pc-location {
	font-family: "微软雅黑";

	background: #fff;

	position: static;

	left: 0;
	display: block;

	top: 0;
	background: #f5f5f5;
	border-bottom: 1px solid #f2f2f2;

	width: 100%;
	height: 45px;
	margin-bottom: 30px;

}

.pc-locations {

	position: fixed;

	left: 0;

	top: 0;

	z-index: 10;

	width: 100%;

	display: none;

}

.pc-location .location-main {

	width: 1200px;

	margin: auto;

	line-height: 45px;

	overflow: hidden;

}

.pc-location .right {

	color: #999;
	float: right;

	font-size: 14px;
	text-align: right;

}

.pc-location .right img {

	margin-top: -2px;

	margin-right: 4px;

}

.pc-location .right a {

	color: #333;

	margin-left: 4px;

	margin-right: 4px;

}

.pc-location .right a:hover {

	text-decoration: underline;

}



.pc-location .left {

	display: block;
	height: 45px;

}

.pc-location .left ul {
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 1px;
	height: 45px;
}

.pc-location .left li {
	float: left;
	position: relative;
	margin-left: 2px;
	background-color: #dcdddd;
}

.pc-location .left li a {

	display: block;
	float: left;
	height: 45px;
	line-height: 45px;
	overflow: hidden;
	width: 150px;
	text-align: center;
	cursor: pointer;
	color: #333;

}

.pc-location .left li a.on {
	background: #1467b3;
	color: #fff;

}

.pc-location .left li a:hover {
	background: #1467b3;
	color: #fff;

}

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

	.pc-location .location-main {

		width: 100%;

		padding: 0 3%;

		transition: all 0.5s;

		-moz-transition: all 0.5s;

		-webkit-transition: all 0.5s;

	}

}



/* ipadlocation */

.ipad-location {
	font-family: "微软雅黑";

	padding: 0 3%;

	overflow: hidden;

	border-bottom: 1px solid #dfdfdf;

	line-height: 2.375em;

}

.ipad-location .name {

	float: left;

	color: #832b03;

	font-size: 14px;

}

.ipad-location .btns {

	float: right;

}

.ipad-location .btns img {

	width: 1.4375em;

	margin-top: -2px;

	cursor: pointer;

}

.phnav-pop1 {
	font-family: "微软雅黑";

	position: fixed;

	width: 100%;

	height: 100%;

	left: 0;

	top: 0;

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

	z-index: 110;

	display: none;

}

.phnav-main1 {

	width: 71%;

	background: #343434;

	height: 100%;

	padding: 0 5%;

	left: -100%;

	padding-bottom: 20%;

	padding-top: 8%;

	position: relative;

}

.phnav-main1 .guan {

	position: absolute;

	right: 7%;

	top: 3%;

	cursor: pointer;

	width: 1em;

}

.phnav-main1 ul li {

	line-height: 3.375em;

	border-bottom: 1px solid #999999;

}

.phnav-main1 ul li a {

	display: block;

	padding: 0 3%;

	color: #fff;

	font-size: 0.8125em;

}









/*内页submenu*/

.innerbody {

	width: 1200px;

	margin: 0 auto;
	font-family: "微软雅黑";

	margin-bottom: 60px;
	overflow: hidden;

}

.innerbody:after {

	clear: both;

	content: '';

	display: block;

	width: 0;

	height: 0;

	visibility: hidden;

}

.innerbody .submenu-left {

	width: 20%;

	float: left;
	padding: 30px 3% 20px 3%;
	background-color: #f1f1f1;
	margin-bottom: 100px;
	margin-top: 10px;

}

.innerbody .submenu-left .title {


	font-size: 24PX;
	color: #000;
	font-weight: bold;
	margin-bottom: 25px;

}

.innerbody .submenu-left .title span {
	display: none;

	margin-left: 5px;

	color: #666;

	font-family: "Arial";

	font-size: 14px;
	text-transform: uppercase;

}



.submenu-left .pcsec-nav .lv1-box {

	width: 100%;
	position: relative;


}

.submenu-left .pcsec-nav li:hover .lv1 a {
	color: #003366;
	border-bottom: 1px solid #003366;
}

.submenu-left .pcsec-nav li.on .lv1 a {
	color: #003366;
	border-bottom: 1px solid #003366;
}

.submenu-left .pcsec-nav .lv1-box .icon {

	position: absolute;

	width: 13px;

	height: 13px;

	left: 200px;

	top: 11px;


}

.submenu-left .pcsec-nav .lv1-box .icon i {

	display: block;

	width: 13px;

	height: 13px;


	background-position: -13px 0;

	transition: all 0.3s;

}

.submenu-left .pcsec-nav .lv1-box .lv1 {}

.submenu-left .pcsec-nav .lv1-box .lv1 a {

	color: #222;

	width: 100%;

	display: inline-block;

	padding: 13px 0;

	font-size: 18px;
	border-bottom: 1px solid #d7d4d4;

	text-decoration: none
}

.submenu-left .pcsec-nav li:hover .lv1 .icon i {

	background-position: 0px 0;

}

.submenu-left .pcsec-nav li.on .lv1 {


	border-radius: 3px;

	font-weight: bold;

}

.submenu-left .pcsec-nav li.on .lv1 a {

	color: #003366;

}

.submenu-left .pcsec-nav li.on .lv1 .icon {

	background: url(bg12.png) no-repeat center;

	transition: all 0.3s;

}



.submenu-left .pcsec-nav li.on .lv1 .icon i {


	background-position: 0px 0;

	transition: all 0.3s;

}

.submenu-left .pcsec-nav li:hover .lv1 .icon i {



	background-position: 0px 0;

}

.submenu-left .pcsec-nav li.on:hover .lv1 .icon i {



	background-position: 0px -13px;

}







.submenu-left .phsec-nav {

	position: relative;

}



.submenu-left .phsec-nav .current {

	font-size: 16px;

	line-height: 3.5em;

	padding: 0 3%;

	background: url(current-bg.png) no-repeat right 3% center;

	background-color: #cccccc;

	background-size: 1.8em 0.8em;

	color: #000;

	cursor: pointer;

}

.submenu-left .phsec-navpop {

	position: absolute;

	left: 0;

	top: 100%;

	width: 100%;

	background: #e2e2e2;

	z-index: 10;

	padding: 0 2%;

	padding-bottom: 2.3125em;

	display: none;

}

.submenu-left .phsec-navpop .lv1-box {

	border-bottom: 1px solid #cccccc;

}

.submenu-left .phsec-navpop .lv1-box .lv1 {

	position: relative;

	font-size: 16px;

	line-height: 50px;

	padding: 0 1%;

}

.submenu-left .phsec-navpop .lv1-box .lv1 a {

	color: #333;

	display: block;

}

.submenu-left .phsec-navpop .lv1-box .lv1 .mores {

	position: absolute;

	width: 100%;

	height: 100%;

	left: 0;

	top: 0;

	cursor: pointer;

	background: url(lv1more-bg1.png) no-repeat right 2% center;

	background-size: 0.8em;

}

.submenu-left .phsec-navpop .lv1-box.active .lv1 a {

	color: #1467b3;

}

.submenu-left .phsec-navpop .lv1-box.on .lv1 a {

	color: #1467b3;

}

.submenu-left .phsec-navpop .lv1-box.active .mores {

	background: url(lv1more-bg2.png) no-repeat right 2% center;

	background-size: 0.8em;

}











.innerbody .mainRight {

	width: 75%;

	float: right;
	margin-top: 10px;

}



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

	.innerbody {

		width: 100%;

		padding: 0 5%;

		margin-top: 2em;

		margin-bottom: 4em;

		transition: all 0.5s;

		-moz-transition: all 0.5s;

		-webkit-transition: all 0.5s;

	}



}

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

	.innerbody .submenu-left {

		width: 25%;

	}

	.innerbody .mainRight {

		width: 70%;

	}



}

@media screen and (min-width: 769px) {

	.phsec-nav {

		display: none;

	}

}



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

	.pcsec-nav {

		display: none;

	}



	.innerbody .submenu-left {

		width: 100%;

	}

	.innerbody .mainRight {

		width: 100%;

	}



}







/*about*/



.title-box {

	margin-bottom: 30px;
	font-size: 32px;
	color: #003366;
	font-weight: bold;

}



.about-box {
	font-family: "微软雅黑" !important;

	width: 100%;

	margin: auto;

}

.about-mian {

	overflow: hidden;

	color: #222;

	line-height: 30px;
	padding: 2%;

}

.about-mian p {
	color: #222;
	font-family: "微软雅黑" !important;

}





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

	.about-box {

		width: 100%;

		padding: 0 0%;

		margin-top: 2em;

		margin-bottom: 4em;

		transition: all 0.5s;

		-moz-transition: all 0.5s;

		-webkit-transition: all 0.5s;

	}

	.about-mian {

		margin-top: 2%;

	}





}



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



	.title-box {

		font-size: 18px;

	}

}







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

	.about-box {

		margin-bottom: 3em;

	}



}











/*团队*/

.about-team {
	color: #5f5f5f;

	max-width: 850px;
}

.yb_list {
	padding: 5% 0;
}



.yb_list .item {

	margin-bottom: 30px;

	padding-bottom: 30px;

	border-bottom: 1px solid #e4e4e4;
	overflow: hidden;

}



.yb_list .member_t {

	font-size: 16px;

	color: #f5a100;

	margin: 0 0 20px
}



.yb_list .active .member_des {

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

	transform: translate(0, 0);

	opacity: 1;

	display: block \9
}

.yb_list .member_info {

	margin-bottom: 40px;

	font-size: 14px;

	color: #5f5f5f;

	line-height: 1.6;

	overflow-y: auto;

	max-height: 65%
}





.yb_list .item img {

	width: 50%;

	height: auto;

	margin-right: 30px;

	z-index: 1;

	float: left
}





@media (max-width:768px) {

	.yb_list .item img {

		width: 100%;

		margin-right: 0;

		margin-bottom: 30px
	}



	.yb_list .member_des {

		padding: 0px
	}



	.yb_list .member_info {

		margin-bottom: 0
	}

}





/*公司环境*/

.comp-main {

	width: 100%;

	margin: auto;

	margin-top: 30px;

}



.comp-main ul {

	overflow: hidden;

}

.comp-main ul li {

	float: left;

	width: 25%;

	padding-bottom: 20px;

	text-align: center;

	border-right: 1px solid #ebebeb;

	border-top: 1px solid #ebebeb;

	margin-top: -1px;

}

.comp-main .name {

	font-size: 16px;

	line-height: 1.429em;

	height: 2.858em;

	overflow: hidden;

	margin-top: 1.143em;

	padding: 0 8%;
	color: #555;

}

.comp-main img {

	border-radius: 6px;

	box-shadow: 0px 5px 10px #9c9b9b;

	width: 90%;

}

.comp-main ul li:nth-child(6n) {

	border-right: none;

}

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

	.comp-box {

		width: 960px;

	}

}

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

	.comp-main {

		width: 100%;

		padding: 0 3%;

		margin-top: 2em;

		margin-bottom: 4em;

		transition: all 0.5s;

		-moz-transition: all 0.5s;

		-webkit-transition: all 0.5s;

	}



	.comp-main ul li {

		padding-bottom: 1em;

		padding-top: 1em;

	}

}



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

	.comp-main ul li {

		width: 25%;

	}

	.comp-main ul li:nth-child(6n) {

		border-right: 1px solid #ebebeb;

	}

	.comp-main ul li:nth-child(4n) {

		border-right: none;

	}

}



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

	.comp-main ul li {

		width: 33.333%;

	}

	.comp-main ul li:nth-child(4n) {

		border-right: 1px solid #ebebeb;

	}

	.comp-main ul li:nth-child(3n) {

		border-right: none;

	}



}



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



	.comp-main ul li {

		width: 50%;

	}

	.comp-main ul li:nth-child(3n) {

		border-right: 1px solid #ebebeb;

	}

	.honor-main ul li:nth-child(2n) {

		border-right: none;

	}

	.comp-main ul li {

		padding-bottom: 0.5em;

	}

}





/*news*/

.news-box {

	width: 100%;

	margin: auto;

	margin-top: 3.8125em;

	margin-bottom: 1.25em;
	font-family: "微软雅黑";

}

.news-main {

	margin-top: 3em;

	min-height: 200px;

}

.news-main ul:after {

	clear: both;

	content: '';

	display: block;

	width: 0;

	height: 0;

	visibility: hidden;

}

.news-main dl {
	overflow: hidden;
	width: 100%;
	border-bottom: 1px dotted #ccc;
	padding-bottom: 20px;
	margin-bottom: 30px;
}

.news-main dl dt {
	float: left;

	overflow: hidden;

	width: 25%;

	height: autl;

	vertical-align: top;
}

.news-main dl dt img {
	width: 100%;
}

.news-main dl dd {
	float: left;
	width: 70%;
	margin-left: 30px;
	overflow: hidden;
	padding-right: 10px;
}

.news-main dl dd h2 {
	height: 26px;
	line-height: 26px;
	overflow: hidden;
	font-size: 16px;
	margin-bottom: 10px;
}

.news-main dl dd h2 a {
	color: #585858;
}

.news-main dl dd h2 a:hover {
	color: #b92d38;
	text-decoration: underline;
}

.news-main dl dd span {
	margin: 0;

	padding: 0;

	height: 24px;

	line-height: 24px;

	color: #999;

	font-family: 'Microsoft YaHei';

	font-size: 12px;

	font-weight: 400;

	font-style: normal;

	text-decoration: none;
}

.news-maindl dd p {
	line-height: 24px;
	font-size: 14px;
	color: #838383;
	height: 48px;
	overflow: hidden;
}



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

	.news-box {

		width: 100%;

		padding: 0 3%;

		margin-top: 2em;

		margin-bottom: 4em;

		transition: all 0.5s;

		-moz-transition: all 0.5s;

		-webkit-transition: all 0.5s;

	}

	.news-main {

		margin-top: 1.5em;

	}

}

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

	.news-main dl dd {
		float: left;
		width: 70%;
		margin-left: 30px;
		overflow: hidden;
		padding-right: 10px;
	}

}



.pro-main .pro-list {

	margin-top: 30px;

	min-height: 200px;

	margin-bottom: 2em;

}

.pro-main .pro-list ul:after {

	clear: both;

	content: '';

	display: block;

	width: 0;

	height: 0;

	overflow: hidden;

}

.pro-main .pro-list li {

	float: left;

	width: 31%;

	margin-right: 3%;

	box-shadow: 0px 3px 4px #d0cfcf;

	margin-bottom: 1.375em;
	overflow: hidden;

}

.pro-main .pro-list li img {
	transition: all 1s ease 0s;

	width: 100%;
}

.pro-main .pro-list li a:hover img {}

.pro-main .pro-list .names {

	font-size: 1em;

	line-height: 3.3125em;

	color: #333333;

	text-align: center;

	padding: 0 5%;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

}

.pro-main .pro-list li:nth-child(3n) {

	margin-right: 0;

}

.pro-main .pro-list li:hover .names {

	color: #1467b3;

}



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



	.pro-main {

		margin-top: 2em;

	}

	.pro-main .pro-list li {

		width: 48%;

		margin-right: 4%;

		margin-bottom: 4%;

	}

	.pro-main .pro-list li:nth-child(3n) {

		margin-right: 4%;

	}

	.pro-main .pro-list li:nth-child(2n) {

		margin-right: 0;

	}

}





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





	.pro-main .pro-list .names {

		line-height: 3.5em;

	}



	.pro-main .pro-list {

		margin-bottom: 1em;

		margin-top: 2em;

	}

}



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



	.pro-main .pro-list li {

		width: 100%;

		margin-right: 0;

		margin-bottom: 8%;

	}

	.pro-main .pro-list li:nth-child(3n) {

		margin-right: 0;

	}

	.pro-main .pro-list .names {

		line-height: 5.375em;

	}

}



.project-content {

	font-size: 16px;

	line-height: 1.6;

	color: #5f5f5f
}

.project-content p {

	margin-bottom: 20px;

	text-align: justify
}



.project-t {

	font-size: 20px;

	line-height: 1.3;

	text-align: center;

	font-weight: bold;

}

.project-info {

	text-align: center;

	font-size: 14px;

	line-height: 1.8;
	padding-bottom: 20px;
	border-bottom: 1px dashed #ddd;
	margin-bottom: 30px;

}

.project-info span,
.project-info a {

	color: #5f5f5f;

	display: inline-block;

	margin: 0 10px
}

.project-info .dropdown {
	position: relative;
	height: 30px;
}

.project-info .share {

	padding-right: 12px;

	background: url(share.jpg) right center no-repeat
}

.project-info .share:hover {

	text-decoration: none
}

.social.dropdown-menu {

	border: 0;

	margin: 0;

	padding: 0;

	-webkit-box-shadow: none;

	box-shadow: none;

	width: 144px;

	left: 10px;
	bottom: 0px;
	position: absolute;
	display: none;

}



.social.dropdown-menu a {

	display: inline-block;

	width: 33px;

	height: 33px;

	background-image: url('social.jpg');

	background-image: url('socialie.jpg') \9;

	background-size: 132px 66px;

	margin: 0 3px 0 0;

	float: left
}

.social.dropdown-menu a.social_0 {

	background-position: 0 0
}

.social.dropdown-menu a.social_0:hover {

	background-position: 0 -33px
}

.social.dropdown-menu a.social_1 {

	background-position: -33px 0
}

.social.dropdown-menu a.social_1:hover {

	background-position: -33px -33px
}

.social.dropdown-menu a.social_2 {

	background-position: -66px 0
}

.social.dropdown-menu a.social_2:hover {

	background-position: -66px -33px
}

.social.dropdown-menu a.social_3 {

	background-position: -99px 0
}

.social.dropdown-menu a.social_3:hover {

	background-position: -99px -33px
}



.project-img {

	margin: 30px -5px
}

.project-img a,
.project-img span {

	display: inline-block;

	float: left;

	width: 20%;

	padding: 5px
}

.project-img span {

	cursor: pointer
}

.project-img span .inner {

	background-color: #f5f5f5;

	display: block;

	width: 100%;

	height: 100%;

	text-align: center;

	font-size: 14px
}

.project-img .thumb_more:hover .inner {

	color: #f5a100
}

.project-img a.project-img-big {

	width: 100%
}

.project-img a img {

	display: block;

	width: 100%;

	height: auto;

	line-height: 1
}

.project-detail {

	text-align: center;

}

@media (max-width:768px) {

	.project-img a,
	.project-img span {

		width: 33.3%;

	}

}



/* 分页样式 */

.page {
	text-align: center;
	LINE-HEIGHT: 40px;
	MARGIN: 50px auto 5px;
	HEIGHT: 40px;
	COLOR: #434343;
	FONT-SIZE: 14px;
	OVERFLOW: hidden;
	display: block;
	width: 100%;
}

.page A {
	MARGIN: 0px 2px;
	DISPLAY: inline
}

.page A {
	BORDER-BOTTOM: #cecece 1px solid;
	TEXT-ALIGN: center;
	BORDER-LEFT: #cecece 1px solid;
	PADDING-BOTTOM: 6px;
	PADDING-LEFT: 11px;
	PADDING-RIGHT: 11px;
	BORDER-TOP: #cecece 1px solid;
	BORDER-RIGHT: #cecece 1px solid;
	PADDING-TOP: 6px;
	color: #434343;
	border-radius: 3px;
}

.page A:hover {
	BORDER: 1px solid #1467b3;
	COLOR: #ffffff;
	background: #1467b3;
	TEXT-DECORATION: none
}

.page .on {
	BORDER-BOTTOM-COLOR: #1467b3;
	BORDER-TOP-COLOR: #1467b3;
	COLOR: #ffffff;
	BORDER-RIGHT-COLOR: #1467b3;
	BORDER-LEFT-COLOR: #1467b3;
	background: #1467b3
}

/* 分页样式 */







/*gy*/

.ser-range {

	max-width: 880px;
	width: 100%;

}

.ser-range .desc {

	font-size: 16px;

	color: #666;

	line-height: 1.6;
	margin-top: 20px;

}

.content-list-wrap {

	margin: 0 -40px
}

.content-list {

	width: 50%;

	float: left;

	margin-top: 60px;

	padding: 0 40px;

	display: inline
}

.content-list p {

	font-size: 14px;

	color: #999;

	text-align: justify
}

.content-list h5 {

	margin-bottom: 38px;

	font-size: 16px;

	color: #231815
}

.line-bottom {

	margin: 22px 0;

	background-color: #cecece;

	width: 100%;

	height: 1px
}

@media (max-width:1254px) {

	.content-list-wrap {

		margin: 0 -20px
	}

	.content-list {

		padding: 0 20px;

		margin-top: 40px
	}

}

@media (max-width:768px) {

	.content-list-wrap {

		margin: 0 -15px
	}

	.content-list {

		padding: 0 15px;

		margin-top: 15px
	}

}









.pages {

	margin-top: 1.5em;

	position: relative;

	border-top: 1px solid #ccc;

	padding-top: 0.5em;

}

.pages li {

	font-size: 14px;

	line-height: 30px;

	color: #333333;

}

.pages li a {

	color: #333333;

}



.pages li a:hover {

	color: #a66428;

}

.pages .back {

	font-size: 12px;

	display: inline-block;

	position: absolute;

	right: 0;

	top: 15px;

	width: 90px;

	height: 30px;

	line-height: 30px;

	text-align: center;

	color: #fff;

	background: #f5a100;

}

.pages .back:hover {

	background: #c27f00;

}

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

	.newsdetail-box {

		width: 960px;

	}

}

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

	.newsdetail-box {

		width: 100%;

		padding: 0 3%;

		margin-top: 2em;

		margin-bottom: 4em;

		transition: all 0.5s;

		-moz-transition: all 0.5s;

		-webkit-transition: all 0.5s;

	}

}

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

	.newsdetail-box .title-boxs .title {

		font-size: 1.5em;

	}

}

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

	.newsdetail-box {

		margin-bottom: 3em;

	}

	.pages .back {

		position: inherit;

		right: inherit;

		top: inherit;

		margin: auto;

		display: block;

		margin-top: 2em;

	}

}



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

	.page-stitute .leftMain {
		width: 100%;
		float: none;
	}

	.page-stitute .right-info {
		display: none;
	}

	.newsdetail-box .title-boxs .title {

		font-size: 1.1em;

	}

	.newsdetail-box .title-boxs .time {

		margin-top: 0.5em;

		font-size: 0.75em;

	}

}

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

	.pages .back {

		width: 10em;

		font-size: 0.875em
	}

}





/*招聘*/

.biao-box {
	width: 100%;
	height: 40px;
	line-height: 40px;
	background: #003366;
}

.biao-box li {
	float: left;
	width: 20%;
	color: #fff;
	font-size: 18px;
	text-align: center;
}



.recru-box {

	width: 100%;

	margin: auto;

	padding: 20px;

	margin-bottom: 5.5625em;

}



.hunt-box {

	min-height: 100px;

	margin-bottom: 1.0625em;

}



.hunt-list {}

.hunt-list .name {

	overflow: hidden;

	border-bottom: 1px solid #dbdbdb;

}

.hunt-list .name.on {

	border-bottom: none;

}

.hunt-list .name li {

	width: 20%;

	float: left;

	text-align: center;

	font-size: 16px;

	line-height: 45px;

}

.hunt-list .name .more {

	color: #ff0000;

}

.hunt-list .name .more i {

	cursor: pointer;

}



.info-box {

	background: none;

	padding: 0.6875em 8.5% 2.5625em 8.5%;

	display: none;

}



.info-box .doc {

	font-size: 14px;

	line-height: 24px;

}

.info-box .apply {

	color: #fff;

	font-size: 1em;

	text-align: center;

	width: 9.375em;

	line-height: 2.5em;

	margin-top: 1.8125em;

	background: #da251d;

	display: inline-block;

}

.info-box .apply:hover {

	background: #e3332b;

}









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

	.recru-box {

		width: 100%;

		padding: 0 3%;

		margin-top: 2em;

		margin-bottom: 3em;

		transition: all 0.5s;

		-moz-transition: all 0.5s;

		-webkit-transition: all 0.5s;

	}



	.info-box {

		padding: 0 5%;

		padding-bottom: 1.5em;

	}





}



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



	.info-box .apply {

		margin-top: 1em;

	}

}



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



	.info-box .type li {

		width: 50%;

	}

	.biao-box li {

		font-size: 14px;

	}

	.hunt-list .name li {
		font-size: 14px;
	}



}



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

	.hunt-list .name li {

		font-size: 0.75em;

	}

}



/*申请职位*/

.resources-box {
	font-family: "微软雅黑";

	width: 1200px;

	margin: auto;

	margin-top: 3.8125em;

	margin-bottom: 5.8em;
	border: #dbdbdb 1px solid;

}

.resources-mian {



	padding: 4.2%;

	padding-top: 4.8%;

}





.resources-mian h3 {

	color: #333;

	font-size: 0.875em;

	line-height: 1em;

	font-weight: bold;

	margin-bottom: 2em;

}

.resources-mian h3 span {

	font-weight: 500;

	font-size: 1.286em;

	line-height: 1em;

	color: #f5a100;

}

.resources-mian .resour-list {

	overflow: hidden;

}

.resources-mian .resour-list li {

	float: left;

	width: 49%;

	margin-bottom: 1.95em;

}

.resources-mian .resour-list li:nth-child(2n) {

	float: right;

}

.resour-list li em {

	font-style: normal;

	display: inline-block;

	*display: inline;

	*zoom: 1;

	font-size: 14px;

	line-height: 2.5em;

	float: left;

}

.resour-list li input[type=text] {

	background-color: #fff;

	border: #e1e1e1 1px solid;

	width: 75.7%;

	font-size: 0.875em;

	line-height: 2.5em;

	text-indent: 1.2em;

	display: inline-block;

	*display: inline;

	*zoom: 1;

}

.resour-list li textarea {

	background-color: #fff;

	border: #e1e1e1 1px solid;

	width: 88%;

	font-size: 0.875em;

	line-height: 2.5em;

	text-indent: 1.2em;

	display: inline-block;

	*display: inline;

	*zoom: 1;

}

.resour-list li abbr {

	color: #da251d;

	display: inline-block;

	*display: inline;

	*zoom: 1;

	margin-left: 5px;

}

.resour-list li select {

	width: 25%;

	/*Chromeå'ŒFirefox里面çš"边框是不一样çš"，所以复写了一下*/

	border: solid 1px #eee;



	/*很关é"®ï¼šå°†é»˜è®¤çš"select选择框样式清除*/

	appearance: none;

	-moz-appearance: none;

	-webkit-appearance: none;



	/*在选择框çš"最右侧中间显示小箭头图片*/

	background: #fff url(../images/rl_img8.png) no-repeat scroll right 10px center;





	/*为下拉小箭头留出一点位置，避免被文字覆盖*/

	padding-right: 10px;

	padding-left: 10px;

	line-height: 2.5em;

	height: 2.7em;

	font-size: 0.875em;

	display: inline-block;

}



/*清除ieçš"默认选择框样式清除，隐藏下拉箭头*/

select::-ms-expand {
	display: none;
}

.resour-list li select option {

	line-height: 2.5em;

	font-size: 1em;

}



.resources-mian .resour-right .resour-list .li-last {

	position: relative;

	display: inline-block;

	width: 100%;

	/*color:#666;

	line-height: 2.5em;

  	font-size: 0.875em;*/

}

.resour-list .li-last input[type=file] {

	position: absolute;

	line-height: 2.8em;

	font-size: 0.875em;

	left: 70px;

	top: 0;

	opacity: 0;

	width: 9.8%;

	cursor: pointer;

}

.resour-list .li-last .file-btn {

	background-color: #999;

	color: #333;

	width: 9.8%;

	float: left;

	line-height: 2.5em;

	font-size: 0.875em;

	text-align: center;

	margin-right: 5px;

}

.resour-list .li-last .file-btn:hover {

	background-color: #aca9a9;

}

.resour-list .li-last span {

	color: #666;

	font-size: 0.875em;

	line-height: 2.5em;

	float: left;

}

.resour-list .li-last abbr {

	float: left;

	line-height: 2.5em;

}



.resources-mian .resour-btn {

	font-size: 14px;

	line-height: 2.8125em;

	color: #fff;

	width: 10%;

	background-color: #000;

	text-align: center;

	display: block;

	margin-left: 2%;

	padding: 0;

	margin-top: 10px;

	margin-bottom: 15px;

	border: none;

}

.resources-mian .resour-btn:hover {

	background-color: #f9150b;

}

.resour-list .li-last .code {

	width: 7.857em;

	float: left;

}

.resour-list .li-last .image {

	font-size: 0.875em;

	float: left;

	margin-left: 0.625em;

}

.resour-list .li-last .image img {

	width: 96px;

	height: 39px;

}

.resour-list .li-last .image i {

	color: #e64340;

	margin-left: 0.625em;

}





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

	.resources-box {

		width: 960px;

	}

	.resources-mian .resour-img {

		width: 30%;

	}

	.resources-mian {

		padding-left: 30%;

	}

	.resour-list li input[type=text] {

		width: 72%;

	}

	.resour-list li textarea {

		width: 72%;



	}

}



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

	.resources-box {

		width: 100%;

		padding: 0 3%;

		margin-top: 2em;

		margin-bottom: 4em;

		transition: all 0.5s;

		-moz-transition: all 0.5s;

		-webkit-transition: all 0.5s;

	}

	.resources-mian {

		padding: 2%;

	}



}

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

	.resources-mian {

		margin-top: 1em;

	}

}

@media screen and (max-width: 1199px) and (min-width: 992px) {

	.resour-list li input[type=text] {

		width: 70.7%;

	}

	.resour-list .li-last .file-btn,

	.resour-list .li-last input[type=file] {

		width: 11.8%;

	}

}



@media screen and (max-width: 991px) and (min-width: 768px) {

	.resour-list li select {

		width: 28%;

	}

	.resour-list li input[type=text] {

		width: 60.7%;

	}

	.resources-mian {

		padding: 2.2%;

	}

	.resour-list .li-last .file-btn,

	.resour-list .li-last input[type=file] {

		width: 14.8%;

	}

}

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

	.resources-mian {

		padding: 2%;

	}

	.resources-mian h3 {

		font-size: 1em;

		margin-bottom: 1.2em;

	}

	.resour-list li em {

		font-size: 1em;
		padding-left: 10px;

		line-height: 2.5em
	}

	.resour-list li input[type=text] {

		font-size: 1em;

		text-indent: 0.6em;

		line-height: 2.2em;

	}

	.resources-mian .resour-img {

		display: none;

	}

	.resources-mian {

		padding: 0;

	}

	.resources-mian .resour-btn {

		width: 100%;

		margin-left: 0;

	}

	.resour-list .li-last .file-btn,

	.resour-list .li-last input[type=file] {

		width: 18.8%;

		font-size: 1em;

		line-height: 2.2em;

	}

	.resources-mian .resour-list li {

		width: 100%;

		margin-bottom: 1.2em;

	}

	.resources-mian h3 span {

		font-size: 1em;

		margin-bottom: 1.2em;

	}

	.resour-list li select {

		line-height: 2.2em;

		height: 2.4em;

		font-size: 1em;

	}

	.resources-mian .resour-list .li-last em {

		line-height: 2.25em;

	}

}



@media screen and (max-width: 460px) and (min-width:414px) {

	.resour-list li input[type=text] {

		width: 72.7%;

	}

	.resour-list .li-last .file-btn,
	.resour-list .li-last input[type=file] {

		width: 28.8%;

		line-height: 2.2em;

	}

	.resources-mian .resour-list .li-last {

		margin-bottom: 0.8em;

	}

	.resour-list li select {

		line-height: 2em;

	}

}

@media screen and (max-width: 413px) and (min-width:320px) {

	.resour-list li input[type=text] {

		width: 67.7%;

	}

	.resour-list .li-last .file-btn,
	.resour-list .li-last input[type=file] {

		width: 28.8%;

	}

	.resour-list li select {

		background: #fff url(../images/rl_img8.png) no-repeat scroll right 6px center;

	}

	.resources-mian .resour-list li {

		margin-bottom: 1em;

	}

	.resources-mian .resour-list .li-last {

		margin-bottom: 0.6em;

	}

	.resour-list .li-last .image {

		margin-left: 0;

		margin-top: 0.5em;

	}

}

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

	.resour-list li em {

		margin-top: 3px;

	}

	.resour-list li select {

		margin-top: 2px;

	}

}





/*产品中心*/







/* 产å"è¯¦æƒ…页 */

.pc-location1 {
	font-family: "微软雅黑";

	width: 1200px;

	margin: auto;

	line-height: 2em;

	font-size: 0.75em;

	margin-top: 20px;

	color: #999;
	border-bottom: 1px solid #f5f5f5;

}

.pc-location1 a {

	color: #333;

	margin-left: 4px;

	margin-right: 4px;

}

.pc-location1 img {

	margin-top: -2px;

	margin-right: 4px;

}

.pc-location1 a:hover {

	text-decoration: underline;

}



.back-list {
	font-family: "微软雅黑";

	width: 1200px;

	margin: auto;

	text-align: right;

	font-size: 18px;

	line-height: 1.5em;

}

.back-list a {

	color: #333;

}

.back-list a:hover {

	color: #f00;

}



.prodetail-box {
	font-family: "微软雅黑";

	width: 100%;

	margin: 30px auto 60px;

	overflow: hidden;

}

.prodetail-left {

	width: 350px;
	margin: 0;
	padding: 0;

	float: left;

}

.prodetail-left .small-imgs {

	float: left;

	width: 18%;
	margin: 0;
	padding: 0;

}

.prodetail-left .small-imgs ul {
	margin: 0;
	padding: 0;
}

.prodetail-left .small-imgs li {
	margin: 0;
	padding: 0;
	width: 100%;

	margin-bottom: 6%;

	cursor: pointer;

	position: relative;

}



.prodetail-left .small-imgs li img {

	width: 100%;

}

.prodetail-left .small-imgs li em {

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	border: 1px solid #e74f4c;

	display: none;

}

.prodetail-left .small-imgs li.on em {

	display: block;

}

.prodetail-left .small-imgs li:hover em {

	display: block;

}



.prodetail-left .big-imgs {

	float: right;

	width: 80%;
	margin: 0;
	padding: 0;

}

.prodetail-left .big-imgs ul {
	margin: 0;
	padding: 0;
}

.prodetail-left .big-imgs li {

	display: none;

}

.prodetail-left .big-imgs li img {

	width: 100%;

}



.prodetail-right {

	width: 36%;
	margin-left: 5%;

	float: left;

}

.prodetail-right .top-title {





	padding-bottom: 0.3125em;

}

.prodetail-right .top-title .names {

	line-height: 40px;
	color: #000000;

	font-size: 18px;
	border-bottom: 1px solid #ddd;

}

.prodetail-right .top-title .type {

	font-size: 14px;

	line-height: 30px;
	color: #555;
	padding-top: 10px;

}

.prodetail-right .btn_contact {
	height: 40px;
	line-height: 40px;
	background: #1467b3;
	width: 150px;
	text-align: center;
	margin-top: 40px;
}

.prodetail-right .btn_contact a {
	font-size: 16px;
	color: #fff;
}





.prodetail-box .banner2 {

	width: 100%;
	display: none;

	position: relative;

}



.prodetail-box .banner2 .ban-bd2 {

	width: 100%;

	overflow: hidden;

	position: relative;
	text-align: center;

}



.prodetail-box .banner2 .ban-bd2 ul li {

	width: 100%;

	overflow: hidden;

}



.prodetail-box .banner2 .ban-bd2 ul li img {

	width: auto;
	max-width: 100%;
	text-align: center;

	display: block;

}



.prodetail-box .banner2 .ban-hd2 {

	width: 100%;

	position: absolute;

	bottom: 5%;

	text-align: center;

}

.prodetail-box .banner2 .ban-hd2 a {

	width: 1.5em;

	height: 5px;

	margin: 0 2.5px;

	display: inline-block;

	background: #ccc;

}

.prodetail-box .banner2 .ban-hd2 .on {

	background: #f98701;

}



.main-box .detail-box {
	width: 100%;

	margin-top: 2em;


	overflow: hidden;

}

.main-box .detail-box-tit {
	height: 40px;
	border-bottom: 1px solid #ccc;
	margin-top: 20px;
}

.main-box .detail-box-tit span {
	color: #fff;
	background: #1467b3;
	border-bottom: 2px solid #962275;
	padding: 0 30px;
	line-height: 38px;
	display: inline-block;
}



.main-box .detail-box-content {
	height: auto;
	margin-top: 30px;
	font-size: 14px;
	color: #555;
}

.main-box .detail-box-content img {
	max-width: 100%;
	height: auto;
}







/* 同系列推荐 */

.common-box {

	width: 1200px;

	margin: auto;

	margin-top: 2.875em;

	margin-bottom: 6.8125em;

	border-top: 1px dotted #999999;

	padding-top: 1.875em;

}

.common-box .title {

	font-size: 1.25em;

	color: #000000;

	line-height: 3em;

}

.common-box .swiper-container {

	padding-bottom: 5px;

}

.common-box .swiper-slide {

	width: 24.625%;

	margin-right: 0.5%;

	box-shadow: 3px 3px 5px #dadada;

}

.common-box .swiper-slide:last-child {

	margin-right: 0;

}

.common-box .swiper-slide img {

	width: 100%;

}

.common-box .swiper-slide .names {

	background: #fff;

	color: #333;

	padding: 0 3%;

	text-align: center;

	font-size: 0.8125em;

	line-height: 5.231em;

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

}

.common-box .swiper-slide:hover .names {

	color: #a66428;

}



.common-box .swiper-button-prev {

	top: 40%;

	background: url(../images/prev-bgs.png) no-repeat;

	background-size: 100%;

	opacity: 0.6;

}

.common-box .swiper-button-prev:hover {

	opacity: 1;

}

.common-box .swiper-button-next {

	top: 40%;

	background: url(../images/next-bgs.png) no-repeat;

	background-size: 100%;

	opacity: 0.6;

}

.common-box .swiper-button-next:hover {

	opacity: 1;

}



.common-list {}

.common-list ul:after {

	clear: both;

	content: '';

	display: block;

	width: 0;

	height: 0;

	visibility: hidden;

}

.common-list li {

	float: left;

	width: 48%;

	margin-right: 4%;

	margin-bottom: 4%;

	box-shadow: 3px 3px 5px #dadada;

}

.common-list li:nth-child(2n) {

	margin-right: 0;

}

.common-list li img {

	width: 100%;

}

.common-list li .names {

	background: #fff;

	color: #333;

	padding: 0 3%;

	text-align: center;

	font-size: 1em;

	line-height: 5.375em;

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

}



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

	.pc-location1 {

		width: 960px;

	}

	.back-list {

		width: 960px;

	}

	.prodetail-box {

		width: 960px;

	}

	.main-box .detail-box {}

	.common-box {

		width: 960px;

	}

}





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

	.pc-location1 {

		width: 100%;

		padding: 0 3%;

		transition: all 0.5s;

		-moz-transition: all 0.5s;

		-webkit-transition: all 0.5s;

	}

	.back-list {

		width: 100%;

		padding: 0 3%;

		font-size: 0.875em;

	}

	.prodetail-box {

		width: 100%;

		padding: 0 3%;

		transition: all 0.5s;

		-moz-transition: all 0.5s;

		-webkit-transition: all 0.5s;

	}

	.prodetail-right .top-title .names {

		font-size: 1.2em;

	}

	.prodetail-right .top-title .type {

		font-size: 0.875em;

	}

	.common-box {

		width: 94%;

		margin: 0 3%;

		margin-top: 2em;

		margin-bottom: 4em;

		padding-top: 0.5em;

		transition: all 0.5s;

		-moz-transition: all 0.5s;

		-webkit-transition: all 0.5s;

	}

	.common-box .title {

		font-size: 1em;

	}

	.common-box .swiper-slide .names {

		line-height: 4em;

	}

}



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

	.prodetail-box {

		padding: 0;

		margin: 20px 0;

	}

	.main-box .detail-box {
		padding: 0 5%;
		width: 90%;
	}

	.prodetail-left {

		width: 100%;

		padding: 5%;

	}

	.prodetail-left {
		display: none;
	}

	.prodetail-box .banner2 {
		display: block;
	}



	.prodetail-right {

		width: 100%;

		margin-top: 1em;

		padding: 0 5%;
		margin-left: 0;

	}

	.main-box .detail-box {

		max-height: inherit;

		font-size: 0.75em;
		width: 100%;
		float: none;

	}

	.prodetail-right .top-title {

		padding-bottom: 0;

	}

	.prodetail-right .top-title .names {

		font-size: 1em;

	}

	.prodetail-right .top-title .type {

		font-size: 0.75em;

	}

	.prodetail-right .types li {

		font-size: 0.75em;

	}

	.prodetail-right .types {

		margin-top: 0.6em;

	}

	.prodetail-right .detail-box {

		margin-top: 1.5em;

		line-height: 2em;

	}

	.prodetail-right .detail-box li {

		margin-bottom: 1em;

	}

	.common-box {

		margin: 0 5%;

		width: 90%;

		margin-top: 2em;

		margin-bottom: 2em;

	}

}



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

	.prodetail-right {

		margin-top: 1.5em;

	}

}



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

	.common-list {

		margin-bottom: 1em;

	}

	.common-list li {

		width: 100%;

		margin-right: 0;

		margin-bottom: 7%;

	}



}





/*message*/

.message {
	margin: 40px auto;
	width: 95%;
	padding: 2%;
	border: 1px solid #ddd;
}

.message .cont_tit {
	font-size: 14px;
	color: #333;
	border-bottom: 1px solid #eee;
	line-height: 40px;
	height: 40px;
	margin-bottom: 20px;
}

.message h2 {
	text-align: center;

	font-size: 22px;

	line-height: 22px;

	padding-bottom: 23px;

	color: #333;

	margin-bottom: 39px;

	border-bottom: 1px solid #eee;

}

.message form {
	width: 95%;
	margin: 0 auto 60px;
	overflow: hidden;
}

.message form p {
	width: 100%;
	float: left;
	margin-bottom: 15px;
}

.message form span {
	width: 80px;
	display: block;
	float: left;
	font-size: 14px;
	color: #222;
	height: 35px;
	line-height: 35px;
	text-align: right;
	margin-right: 20px;
}

.message form span i {
	color: #f00;
	font-size: 14px;
	margin-right: 5px;
	font-style: normal;
}

.message form .inp {
	width: 70%;
	height: 35px;
	line-height: 35px;
	padding-left: 5px;
	border: 1px solid #e1e1e1;
	float: left;
	color: #6a6a6a;
}

.message form #Province {
	width: 200px;
	height: 35px;
	line-height: 35px;
	border: 1px solid #e1e1e1;
	border-radius: 5px;
	float: left;
	color: #6a6a6a;
}

.message form #City {
	width: 200px;
	height: 35px;
	line-height: 35px;
	border: 1px solid #e1e1e1;
	border-radius: 5px;
	float: right;
	color: #6a6a6a;
}

.message form textarea {
	width: 78%;
	height: 200px;
	padding: 5px;
	border: 1px solid #e1e1e1;
	color: #6a6a6a;
	line-height: 20px;
}

.message form #sub {
	width: 100px;
	height: 32px;
	line-height: 32px;
	background: #000;
	color: #fff;
	border: 0;
	font-size: 12px;
	float: right;
	margin-right: 30px;
	cursor: pointer;
}

.message form #sub:hover {
	background: #7c4c4c
}





.contact-box {
	margin: 40px auto;
	width: 100%;
	min-height: 300px;
	border: 2px solid #f5f5f5;
	color: #333;
	line-height: 1.5;
	box-shadow: 0 2px 2px #ddd;

}

.contact-box h4 {
	background: #dcdddd;
	height: 40px;
	line-height: 40px;
	font-size: 20px;
	margin-top: 0;
	font-weight: 600;
	padding: 0 10px;
}

.contact-box p {
	line-height: 2;
	color: #222;
	padding: 0 10px;
	font-size: 16px;
}

.contact-box span {
	font-size: 16px;
	padding: 0 10px;
}