html {
	font-size: 7px;
	width: 100%;
}
body {
	width: 100%;
}
a {
	text-decoration: none;
}
ul, ol { padding: 0; margin: 0; }
li { list-style-type: none; padding: 0; margin: 0; }
a { background: transparent; text-decoration: none; padding: 0; margin: 0; color: #666666; }
a:active, a:hover { outline: 0; }

.main { width: 100%; max-width: 1200px; padding: 0 15px; margin: 0 auto; position: relative; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.main:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0px; }

.navbar {
	height: 56px;
	width: 100%;
	background: #fff !important;
	box-shadow: 0 2px 6px rgba(0, 0, 0, .1);
	padding: 0;
	border-radius: 0;
	border: 0;
	position: fixed;
	z-index: 100;
	font-family: "Hiragino Sans GB";
}
.navbar .container-fluid {
	background: #fff;
}
.navbar-brand {
	margin-right: 1rem;
}
.navbar img {
	width: 12rem;
}
.nav>li {
	margin-left: 0rem;
}
.navbar-right>li {
	margin-left: 0;
}
.navbar-nav>li>a {
	line-height: 3.4rem;
}
.navbar-inverse .navbar-nav>li>a {
	color: #333;
	font-size: 17px;
}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {
	background-color: transparent;
	color: #0088c2;
}
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover {
	background-color: transparent;
	color: #0088c2;
}
.navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover{
	color: #0088c2;
}
.navbar-toggle{
	background-color: #333 !important;
}
.navbar .nav-document {
	position: static;
}
.nav-document:hover .dropdown-document {
	height: 210px;
}
.nav-document .dropdown-document {
	width: 100%;
	height: 0;
	position: absolute;
	overflow: hidden;
	left: 0;
	z-index: 1;
	border-top: 1px solid #666;
	background-color: #222;
	transition: height 600ms ease;
}
.dropdown-document-inner {
	height: 180px;
	padding-left: 10%;
	overflow: hidden;
	margin-top: 20px;
}
.dropdown-document .col-md-3 {
	width: 230px;
	padding: 0;
	float: left;
}
.nav-document .dt a,
.dropdown-about .dt a {
	color: #d3d3d3;
	font-size: 14px;
	font-weight: 500;
	line-height: 34px;
	transition: all 400ms;
}
.nav-document .dt a:hover,
.dropdown-about .dt a:hover {
	color: #7a7a7a;
	text-decoration: none;
}
.nav-document .dd a {
	display: block;
	widows: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 12px;
	line-height: 34px;
	color: #7a7a7a;
	transition: all 500ms;
}
.nav-document .dd a:hover {
	color: #0088c2;
	text-decoration: none;
}
.navbar .nav-about {
	position: static;
}
.nav-about .dropdown-about {
	width: 100%;
	height: 0;
	position: absolute;
	overflow: hidden;
	left: 0;
	z-index: 1;
	border-top: 1px solid #666;
	background-color: #222;
	transition: height 600ms ease;
}
.dropdown-about-inner {
	height: 240px;
	padding-left: 10%;
	overflow: hidden;
	margin-top: 20px;
}
.dropdown-about .col-md-2 {
	width: 120px;
	padding: 0;
	float: left;
}
.dropdown-about .col-md-5 {
	width: 330px;
	padding: 0;
	float: left;
}
.dropdown-about .col-md-4 {
	width: 180px;
	padding: 0;
	float: left;
}
.nav-about:hover .dropdown-about {
	height: 260px;
}
.dropdown-about .dd a {
 	display: block;
}
.dropdown-about .dd a {
	font-size: 12px;
	line-height: 30px;
	color: #7a7a7a;
	transition: all 500ms;
}
.dropdown-about .dd a:hover {
	color: #0088c2;
	text-decoration: none;
}
.col-md-5 .dd a {
	display: inline-block;
	height: 68px;
	width: 132px;
	border: 1px solid #565656;
	padding: 6px;
	float: left;
	margin-top: 10px;
	margin-right: 10px;
}
.col-md-5 .dd img {
	height: 55px;
	width: 120px;
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray;
}
.col-md-5 .dd a:hover img {
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-ms-filter: grayscale(0%);
	-o-filter: grayscale(0%);
	filter: grayscale(0%);
}
.col-md-4 .dd .font-white{
	color: #a6a6a6;
}
.course .dd a {
	width: 49%;
	display: inline-block;
}
.navbar-inverse .navbar-right>li>a {
	color: #fff;
}
.item02 {
	height: 70rem;
}
.background-media {
	width: 100%;
	height: 70rem;
	position: absolute;
	top: 0;
    background-color: rgba(25, 12, 38, 0.6);
}
.background-media .container {
	position: relative;
}
.background-media .info {
	float: none;
	padding-top: 20rem;
	height: 42rem;
	top: 320px;
	color: #fafafa;
	text-align: center;
}
.background-media .info span {
	font-size: 9.5rem;
	display: block;
	padding-bottom: 2rem;
}
.background-media .info p {
	font-size: 4.4rem;
}
.background-media .info a {
	display: block;
	width: 26rem;
	height: 5rem;
	line-height: 5rem;
	border: 1px solid #fff;
	color: #fff;
	margin: 5rem auto 0;
	font-size: 2.4rem;
	transition: all 500ms ease;
}
.background-media .info a:hover {
	background-color: #fff;
	color: #333;
	text-decoration: none;
}
.background-media em {
	font: 600 5rem "幼圆";
	font-style: normal;
	color: #fff;
	position: absolute;
	bottom: 3rem;
	left: 50%;
	margin-left: -3rem;
	animation: 1s infinite linear move;
}
@-webkit-keyframes move {
	0% {
		bottom: 3rem;
	}
	50% {
		bottom: 4rem;
	}
	100% {
		bottom: 3rem;
	}
}
.item03 .dt,
.item08 .dt,
.item09 .dt,
.item10 .dt {
	padding-top: 7rem;
	text-align: center;
	font-weight: bold;
	opacity: 1;
	transition: opacity 2.5s;
}
.item03 .dt span,
.item08 .dt span,
.item09 .dt span,
.item10 .dt span {
	font-size: 4rem;
	line-height: 10rem;
	color: #444;
}
.item03 .dt p,
.item08 .dt p,
.item09 .dt p {
	width: 72%;
	margin: 0 auto;
	font-size: 1.4rem;
	line-height: 3.4rem;
	padding-top: 2rem;
	color: #696969;
	transition: padding 1s;
}
.item03 .dd,
.item08 .dd {
	width: 72%;
	margin: 0 auto;
}
.item03 .dd img {
	width: 100%;
}
.item03 .dt .more{
	display: block;
    width: 20rem;
    height: 4rem;
    line-height: 4rem;
    border: 1px solid #e5e5e5;
    color: #666;
    margin: 5rem auto 0;
    font-size: 1.4rem;
    transition: all 500ms ease;
}
.item04,
.item06 {
	padding: 5%;
	background-color: #f9f9f9;
}
.item04 .fl img,
.item06 .fl img {
	width: 100%;
	margin-left: -110%;
	transition: margin-left 2s ease;
}
.item04 .fr,
.item06 .fr {
	padding-left: 10%;
	padding-top: 8%;
	opacity: 0;
	transition: opacity 2.5s;
}
.item04 .fr-title,
.item05 .fl-title,
.item06 .fr-title,
.item07 .fl-title {
    font-family: "微软雅黑";
    font-size: 3.2rem;
    font-weight: normal;
    font-style: normal;
    color: #5d5d5d;
	padding-top: 2rem;
	transition: padding 1s;
}
.item04 .fr p,
.item05 .fl p,
.item06 .fr p,
.item07 .fl p {
	font-size: 2rem;
	line-height: 2;
	color: #888;
}
.item05,
.item07 {
	padding: 5%;
	overflow: hidden;
}
.item05 .fr img,
.item07 .fr img {
	width: 100%;
	margin-left: 110%;
	transition: margin-left 2s ease;	
}
.item05 .fl-title,
.item07 .fl-title {
	color: #3ea3ff;
}
.item05 .fl,
.item07 .fl {
	padding: 10% 5% 0 8%;
	opacity: 0;
	transition: opacity 2.5s;
}
.item08 {
	background-color: #f7f7f7;
}
.item08 .dt p {
	font-size: 2rem;
	color: #777;
}
.item08 .dt span {
	color: #696969;
	line-height: 50px;
}
.item08 .item08-li {
	padding-top: 12rem;
	border: 1px solid #ccc;
	margin: 2rem .5rem;
	position: relative;
	transition: all 0.5s;
	opacity: 0;
}
.item08 .item08-li img {
	width: 7.6rem;
	height: 6.8rem;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -4.5rem;
	margin-left: -3.6rem;
}
.item08 .item08-li:hover {
	background-color: #fff;
	border-color: #61b0ff;
}
.item08 .item08-li:hover .pic-two {
	opacity: 1;
}
.item08 .item08-li .pic-two {
	opacity: 0;
	transition: opacity 0.5s;
    transform-style: preserve-3d; /* 构造3D空间 */
    transform-origin: 23% 100%; /* 设置原点 */
    perspective: 100px;	/* 景深，数值越小，越明显 */
    transform: rotateY(20deg); /* Y轴旋转角度 */
}
.item08 .item08-li span {
	display: block;
	height: 40px;
	text-align: center;
	font-family: 微软雅黑;
	font-weight: 600;
}
.item09 .dd {
	width: 100%;
	overflow: hidden;
	position: relative;
}
.item09 .carousel {
	width: 400%;
}
.item09 .carousel a {
	display: block;
	width: 8.1%;
	float: left;
}
.item09 .carousel a img {
	width: 100%;
	padding-left: 10%;
}
/*.item09 .arrow {
	width: 100%;
	position: absolute;
	padding: 0 0.5%;
	top: 50%;
	margin-top: -1rem;
	font-size: 30px;
	-webkit-touch-callout: none;
	-webkit-user-select: none; 
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none; 
	user-select: none; 
}
.item09 .arrow-l {
	float: left;
	transform: rotateY(180deg);
	cursor: pointer;
}
.item09 .arrow-r {
	float: right;
	cursor: pointer;
}
.item09 .arrow div:hover {
	text-decoration: none;
	color: #10548f;
}*/
.item10 {
	padding-top: 1px;
	font-family: "微软雅黑";
	background-color: #f9f9f9;
	padding-bottom: 100px;
}
.item10 .dt span {
	font-weight: 500;
}
.item10 .dt p,
.item11 .dt p {
	font-size: 2rem;
	padding-top: 2rem;
	color: #878787;
	transition: padding 1s;
	font-weight: 500;
}
	.item10 .dd {
		width: 94%;
		margin: 0 auto;
		overflow: hidden;
		display:flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
	}
.item10 .dd a {
	display: block;
	margin-top: 20px;
}
.item10 .dd img {
	width: 96%;
	margin-left: 2%;
}
.item10-more {
	text-align: center;
}
.item10-more .btn-lg {
	border-radius: 2rem;
	padding-left: 3rem;
	padding-right: 3rem;
}
.item11 {
	background-image:url("../img/item11-bg.jpg");
}
.item11-inner {
	width: 94%;
	margin: 0 auto;
	color: #fff;
	padding-top: 12rem;
	text-align: center;
	opacity: 0;
	transition: opacity 2.5s ;
}
.item11 .dt span {
	font-size: 3.6rem;
	position: relative;
	padding-bottom: 1rem;
	font-weight: bold;
	margin-bottom: 2rem;
}
.item11 .dt span em {
	display: block;
	width: 6rem;
	height: 0.2rem;
	background-color: #fff;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -3rem;
}
.item11 .dt p {
	color: #fff;
	text-align: left;
	padding-top: 6rem;
	line-height: 1.8;
}
.item11 .dd img {
	width: 100%;
}
.item12 {
	background-color: #f9f9f9;
	text-align: center;
	padding-bottom: 7rem;
}
.item12 .dt,
.item13 .dt {
	height: 24rem;
	line-height: 30rem;
}
.item12 .dt span,
.item13 .dt span {
	font-size: 3.4rem;
	font-weight: 600;
	color: #333;
	display: none;
}
.item12 .row>div {
	margin-bottom: 2rem;
}
.item12 .item12-li {
    border: 1px solid #ccc;
	padding-top: 2rem; 
	padding-bottom: 1rem; 
}
.item12 .item12-li:hover {
	background-color: #fff;
    border-color: #61b0ff;
}
.item12 .item12-li img {
	width: 80%;
}
.item12 .item12-text {
	padding-top: 2rem;
	color: #666;
	font-family: "微软雅黑";
}
.item12 .item12-text span {
	display: block;
	font-size: 1.6rem;
	padding-bottom: 0.5rem;
}
.item13 {
	padding-bottom: 10rem;
}
.item13 .dt {
 text-align: center;
}
#myCarousel {
	border-top: 1px solid #e2e2e2;
}
#myCarousel .carousel-control span {
	font-size: 3rem;
	line-height: 28px;
	border-radius: 0.5rem;
	background-color: #cecece;
}
#myCarousel .item {
	padding-left: 8%;
	height: 250px;
}
#myCarousel .item img {
	width: 7%;
	padding-top: 5rem;
	line-height: 15rem;
}
#myCarousel .carousel-indicators {
	bottom: 0;
}
#myCarousel .carousel-indicators li {
	background: #ccc;
}
#myCarousel .carousel-indicators .active {
	background: #5fb0ff;
}
#myCarousel .carousel-control {
	width: 4rem;
}
#myCarousel .carousel-control:focus, 
#myCarousel .carousel-control:hover,
#myCarousel .carousel-control.left,
#myCarousel .carousel-control.right {
	background: transparent;
}
#myCarousel .carousel-caption {
    width: 72%;
    right: 6rem;
    top: 2rem;
    left: auto;
	text-shadow: none;
	color: #888;
	text-align: left;
	font-size: 13px;
	font-family: "微软雅黑";
	line-height: 2.8rem;
}
#myCarousel .carousel-caption p {
	margin-bottom: 0;
}
#myCarousel .carousel-caption strong {
	position: absolute;
	bottom: 2rem;
	right: 0;
	font-size: 1.5rem;
    font-weight: 500;
    color: #555;
}
.item14 {
	border-top: 1px solid #e2e2e2;
	padding: 4rem 0;
    font-family: "微软雅黑";
    color: #333;
    overflow: hidden;
}
.item14 .row .col-sm-2 {
	font-size: 12rem;
	line-height: 1;
	color: #62afff;
	font-weight: 600;
    font-style: italic;
    text-align: right;
}
.item14 .row>div {
	font-size: 3rem;
	padding: 2rem 5rem;
}
.item15 {
	border-top: 1px solid #e2e2e2;
	line-height: 5rem;
	color: #61b0ff;
	padding-left: 2%;
	font-family: "微软雅黑";
}
.item15 div {
	float: left;
}
.item15 a {
	color: #61b0ff;
	margin-right: 6px;
}
.item15 a {
	text-decoration: none;
}
.item15 .active {
	color: #0088c2;
}
.item16 {
	font-family: "微软雅黑";
	padding: 4rem 0 3rem 0;
	/* border-top: 1px solid #e2e2e2; */
}
.item16 a {
	display: block;
	font-size: 13px;
	line-height: 2.2rem;
	font-family: "微软雅黑";
	color: #d9d9d9;
	transition: color 300ms;
}
.item16 a:hover {
	text-decoration: none;
	color: #fff;
}
.item16 .dt {
	color: #fff;
	font-size: 2rem;
	font-weight: 600;
	padding-bottom: 2rem;
}
.item16>div {
	float: left;
	width: 96%;
	margin-left: 2%;
	box-sizing: border-box;
}
.item16 .website-text p {
	color: #d9d9d9;
}
.item16 .website-text .text1 {
	color: #d9d9d9;
	font-weight: normal;
}
.item16 .website-text img {
	width: 20%;
}
.item17,
.item18 {
	font-family: "微软雅黑";
	text-align: center;
	border-top: 1px solid #e2e2e2;
	font-size: 2rem;
	line-height: 4rem;
	color: #d9d9d9;
	padding-top: 1rem;
	padding-bottom: 1rem;
}
.item17 p,
.item18 p {
	margin: 0;
}
.item18 {
	font-size: 1.8rem;
}
@media (min-width: 400px) {
	.background-media .info span {
		padding-bottom: 5rem;
	}
}

/* 小屏幕（平板，大于等于768px） */
@media (min-width: 768px) {
	html {
		font-size: 8px;
	}
	.navbar {
		height: 60px;
		padding: 0 3%;
	}
	.background-media .info {
		/* float: right; */
		color: #c3c3c3;
	}
	.dropdown-document-inner,
	.dropdown-about-inner {
		padding-left: 8%;
	}
	.item04 .fr p, 
	.item05 .fl p, 
	.item06 .fr p, 
	.item07 .fl p,
	.item08 .dt p,
	.item10 .dt p, 
	.item11 .dt p {
		font-size: 1.6rem
	}
	.item11 .dt span {
		padding-bottom: 1.5rem;
	}
	.item11-inner {
		width: 90%;
	}
	#myCarousel .carousel-caption {
		font-size: 13px;
		line-height: 2rem;
	}
	#myCarousel .carousel-caption strong {
		bottom: 0;
	}
	#myCarousel .carousel-control span {
		font-size: 2rem;
		line-height: 28px;
	}
	#myCarousel .item {
		height: 180px;
	}
	#myCarousel .item img {
		width: 9%;
	}
	.item14 .row>div {
		padding: 0 15px;
	}
	.item14 .row .col-sm-3{
		padding-left: 2rem;
	}
	.item14 .col-sm-2 {
		font-size: 7rem;
	}
	.item14 .col-sm-3 p,
	.item14 .col-sm-6 span {
		font-size: 1.6rem;
		margin-bottom: 1rem;
	}
	.item14 .col-sm-3 span,
	.item14 .col-sm-6 p {
		font-size: 2rem;
	}
	.item14 .row .col-sm-2 {
		font-size: 7rem;
	}
	.item15 {
		font-size: 1.4rem;
		line-height: 4rem;
		padding-left: 0%;
	}
	.item16 > div {
		margin-left: 0;
	}
	.item16 .website-text {
		width: 36%;
		padding-right: 1%;
	}
	.item16 .company-info,
	.item16 .technical-support {
		width: 18%;
	}
	.item16 .entrance {
		width: 20%;
	}
	.item16 .new {
		width: 21%;
	}
	.item16 .dt {
		font-size: 1.6rem;
	}
	.item17,
	.item18 {
		font-size: 1.4rem;
		line-height: 2rem;
	}

}

/* 中等屏幕（桌面显示器，大于等于992px） */
@media (min-width: 992px) {
	html {
		font-size: 10px;
	}
	.navbar {
		height: 72px;
	}
	.navbar-brand {
		margin-right: 7rem;
	}
	.nav>li {
		margin-left: 2rem;
	}
	.dropdown-document-inner,
	.dropdown-about-inner {
		padding-left: 16%;
	}
	.dropdown-about .col-md-2 {
		width: 165px;
		padding: 0;
		float: left;
	}
	.dropdown-about .col-md-5 {
		width: 412px;
		padding: 0;
		float: left;
	}
	.dropdown-about .col-md-4 {
		width: 214px;
		padding: 0;
		float: left;
	}
	.item11-inner {
		width: 72%;
	}
}
/* 大屏幕（PC端，大于等于1200px） */
@media (min-width: 1200px) {

}


.page_banner img{
	width: 100%;
	height: 300px;
	object-fit: fill;
}

.news_list4 { }
.news_list4 li { width: 100%; border: 1px solid #eaeaea; margin-top: 20px; list-style: none; }
.news_list4 li a { display: block; padding: 20px 40px 20px 200px; min-height: 140px; position: relative; }
.news_list4 .date { width: 160px; height: 100px; background: #f6f6f6; text-align: center; position: absolute; left: 20px; top: 20px; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -o-transition: .5s; }
.news_list4 .date img{ width: 160px; height: 100px; object-fit: fill; }
.news_list4 li .title { font-size: 16px; font-weight: bold; color: #333; margin-top: 5px; margin-bottom: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -o-transition: .5s; }
.news_list4 li .txt { font-size: 12px; color: #999; line-height: 20px; height: 40px; overflow: hidden; }
.news_list4 .more { width: 30px; height: 30px; display: block; background: url(../images/icon/f04.png) no-repeat; position: absolute; right: 0px; bottom: 0px; }
.news_list4 li:hover .date { background: #167aad; }
.news_list4 li:hover .date h4, .news_list4 li:hover .date p { color: #fff; }
.news_list4 li:hover .title { color: #167aad; padding-left: 20px; }

@media screen and (max-width:768px) {
    .news_list4 li { margin-top: 15px; }
    .news_list4 li a { padding: 10px 10px 10px 100px; min-height: 100px; }
    .news_list4 .date { width: 80px; height: 80px; left: 10px; top: 10px; }
    .news_list4 .date h4 { margin-top: 10px; margin-bottom: 5px; }
    .news_list4 li .title { font-size: 14px; margin-bottom: 5px; }
    .news_list4 li:hover .title { padding-left: 0px; }
    .news_list4 .more { display: none; }
}

.news_title { text-align: center; font-size: 24px; font-weight: bold; margin-bottom: 5px; }
.news_detail { padding: 24px; font-size: 14px; color: #888; line-height: 24px; }

.about_title{ text-align: center; font-size: 24px; font-weight: bold; }

.footer{
	background: #222;
}

.about_txt{
	display: flex;
	align-items: center;
	margin-top: 40px;
}
.about_txt .img{
	width: 40%;
}
.about_txt .img img{
	width: 100%;
}
.about_txt .txt{
	flex: 1;
	margin-left: 40px;
	line-height: 28px;
}

.index_list2 { margin-top: 45px; }
.index_list2 ul { word-spacing: -40px; display: inline-table; width: 100%; }
.index_list2 li { width: 25%; display: inline-block; vertical-align: top; word-spacing: 0; padding: 5px; text-align: center; }
.index_list2 .con { min-height:231px; height: 100%; border: 7px solid #ebf2f7; padding: 15px 10px; }
.index_list2 li:nth-child(1) .con:hover { border: 7px solid rgba(76,154,232,.5); }
.index_list2 li:nth-child(2) .con:hover { border: 7px solid rgba(255,116,116,.5); }
.index_list2 li:nth-child(3) .con:hover { border: 7px solid rgba(209,146,222,.5); }
.index_list2 li:nth-child(4) .con:hover { border: 7px solid rgba(147,213,88,.5); }
.index_list2 li:nth-child(5) .con:hover { border: 7px solid rgba(255,159,116,.5); }
.index_list2 .con a { display: block; height: 100%; }
.index_list2 .con:hover img { -webkit-animation-name: rotateIn; animation-name: rotateIn; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.index_list2 .con h4 { font-size: 16px; font-weight: bold; color: #515152; line-height: 20px; margin-top: 10px; }
.index_list2 .con p { font-size: 14px; color: #999; line-height: 20px; margin-top: 15px; }

@media screen and (max-width:768px) {
    .index_list2 { margin: 45px -5px 0; }
    .index_list2 li { width: 50%; }
}

.qu_list { margin: 30px -10px 0; }
.qu_list ul { word-spacing: -40px; display: inline-table; width: 100%; }
.qu_list li { width: 25%; display: inline-block; vertical-align: top; word-spacing: 0; padding: 10px; margin-top: 10px; }
.qu_list .con { box-shadow: 0 2px 22px rgba(0,0,0,.2); }
.qu_list .img { text-align: center; position: relative; padding: 20px; height: 160px; }
.qu_list .img img { max-width: 100%; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; padding: 20px; }
.qu_list .btn { width: 26px; height: 26px; display: block; background: url(../images/icon52.png) no-repeat; position: absolute; right: 0; bottom: 0; display: none; }
.qu_list .txt { background: #f4f4f4; padding: 20px; }
.qu_list .txt h4 { font-size: 18px; font-weight: bold; color: #333; margin-bottom: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
	.qu_list .txt .p {
		font-size: 13px;
		color: #515152;
		line-height: 24px;
		height: 48px;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
	}

@media screen and (max-width:768px) {
    .qu_list { margin: 30px -5px 0; }
    .qu_list li { width: 50%; padding: 5px; margin: 0; }
    .qu_list .img { padding: 10px; }
    .qu_list .txt { padding: 10px; }
    .qu_list .txt h4 { font-size: 16px; }
}

.page_class { text-align: center; }
.page_class ul { letter-spacing: -4px; font-size: 0; }
.page_class li { display: inline-block; vertical-align: middle; letter-spacing: 0px; min-width: 20px; height: 24px; }
.page_class li a { display: block; font-size: 14px; font-weight: bold; color: #333; padding: 0 5px; border-bottom: 1px solid #333; min-width: 20px; height: 24px; line-height: 24px; }
.page_class li .page_prev { background: url(../img/c02.png) no-repeat center center; border-bottom: none; margin: 0 5px; }
.page_class li .page_next { background: url(../img/c03.png) no-repeat center center; border-bottom: none; margin: 0 5px; }
.page_class li .active { border-bottom: none; font-size: 18px; color: #1883ba; }


.pro_line { border-bottom: 3px solid #ff8400; margin-top: 15px; }
.pro_list li { border-bottom: 1px solid #e2e2e2; padding: 30px 0; }
.pro_list li:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0px; }
.pro_list .txt { width: 50%; float: left; }
.pro_list .txt h4 { font-size: 18px; color: #ff8400; line-height: 30px; margin-bottom: 15px; }
.pro_list .txt p { font-size: 14px; color: #333; line-height: 30px; }
.pro_list .img { width: 45%; float: left; margin-left: 5%; }
.pro_list .img img { font-size: 0; display: block; width: 100%; }

.pro_detail { width: 80%; margin: 0 auto; font-size: 14px; color: #666; line-height: 36px; padding: 50px 0; }
.pro_detail .title { font-size: 24px; color: #333; text-align: center; margin-bottom: 30px; }
.pro_detail img { font-size: 0; display: block; margin: 15px auto; }

@media screen and (max-width:768px) {
    .pro_list .txt { width: 100%; }
    .pro_list .img { width: 100%; margin-left: 0; margin-top: 15px; }
}

.contactBox{
	min-height: 200px;
	background:#fff;
	box-shadow: 0px 2px 10px rgba(0,0,0,.2);
	border-radius: 10px;
	padding: 30px;
	margin-top: 40px;
}

	.contactBox .content {
		margin-top: 20px;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.contactBox .txtbox {
		width: 40%;
	}

	.contactTitle {
		height:20px;
		line-height:20px;
		font-size:20px;
		font-weight:bold;
		padding-left:14px;
		position:relative;
		margin-bottom: 30px;
	}
.contactTitle:before {
	content: '';
	width: 4px;
	height: 16px;
	background: #0088c2;
	display: block;
	position: absolute;
	left: 0;
	top: 2px;
}
.contactBox .form{
	width: 50%;
	padding-left:10%;
	border-left: 1px solid #e5e5e5;
}

.formItem{
	display:flex;
	align-items: center;
	margin-top: 20px;
}
.formItem .label{
	width: 80px;
	font-size:14px;
	text-align:left;
	color:#333;
}

	.formItem .text{
		width: calc(100% - 80px);
		height: 34px;
		border: 1px solid #e5e5e5;
	}
.contactBox .button{
	width: 120px;
	height: 40px;
	background:#0088c2;
	border: none;
	border-radius:34px;
	display:block;
	padding: 0;
	line-height:40px;
	text-align:center;
	font-size:14px;
	color:#fff;
	margin: 30px auto 0;
}

.formTxt{
	font-size:14px;
	margin-bottom: 30px;
}