<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*妗嗘灦*/
body,html{
	color:#222;
	-webkit-text-size-adjust:none;
	font-family: "Arial",
	"Microsoft YaHei",
	"Helvetica Neue",
	"Helvetica",
	"榛戜綋",
	"瀹嬩綋",
	sans-serif;
	font-size: 14px;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,iframe {
	margin:0;
	padding:0;
}
ol,ul {
	list-style:none;
}
a {
	text-decoration: none !important;
}
.section-wrap {
	width:100%;
	height:100%;
	overflow:visible;
	transition:transform 1s cubic-bezier(0.86,0,0.03,1);
	-webkit-transition:-webkit-transform 1s cubic-bezier(0.86,0,0.03,1);
}
.section-wrap .section {
	position:relative;
	width:100%;
	height:100%;
	background-position:center center;
	background-repeat:no-repeat;
}
.section-wrap .section .title {
	width:100%;
	position:absolute;
	top:10%;
	color:#fff;
	font-size:2.4em;
	text-align:center;
}
.section-wrap .section .title p {
	padding:0 4%;
	opacity:0
}
.section-wrap .section .title.active .tit {
	opacity:1;
	transform:translateY(-25px);
	-webkit-transform:translateY(-25px);
	transition:all 2s cubic-bezier(0.86,0,0.8,1);
	-webkit-transition:all 2s cubic-bezier(0.86,0,0.8,1);
}
.section-wrap .section-1 {
	background-color:#fff;
}
.section-wrap .section-2 {
	background:url("../images/bg2.jpg") no-repeat center;
	padding-top:100px;
}
.section-wrap .section-3 {
	background:url("../images/bg3.jpg") no-repeat center;
	padding-top:100px;
}
.section-wrap .section-4 {
	background:url("../images/bg4.jpg") no-repeat center;
	padding-top:100px;
}
/* .section-wrap .section-5 {
	background:url("../images/bg4.jpg") no-repeat center;
	padding-top:150px;
	background-size:cover;
} */
.section-wrap .section-6 {
	background:url("../images/bg6.jpg") no-repeat center;
	background-size:cover;
	position:relative
}
.section-wrap .section-6&gt;.bg {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	/* background:rgba(0,0,0,.1); */
}
.put-section-0 {
	transform:translateY(0);
	-webkit-transform:translateY(0);
}
.put-section-1 {
	transform:translateY(-100%);
	-webkit-transform:translateY(-100%);
}
.put-section-2 {
	transform:translateY(-200%);
	-webkit-transform:translateY(-200%);
}
.put-section-3 {
	transform:translateY(-300%);
	-webkit-transform:translateY(-300%);
}
.put-section-4 {
	transform:translateY(-400%);
	-webkit-transform:translateY(-400%);
}
.put-section-5 {
	transform:translateY(-500%);
	-webkit-transform:translateY(-500%);
}
.section-btn {
	width:14px;
	position:fixed;
	right:4%;
	top:50%;
}
.section-btn li {
	width:14px;
	height:14px;
	cursor:pointer;
	text-indent:-9999px;
	border-radius:50%;
	-webkit-border-radius:50%;
	margin-bottom:12px;
	text-align:center;
	color:#fff;
	background: #606060;
	border: 1px solid #606060;
}
.section-btn li.on {
	background:#d10202;
	border: 1px solid #d10202;
}
.arrow {
	opacity:1;
	animation:arrow 3s cubic-bezier(0.5,0,0.1,1) infinite;
	-webkit-animation:arrow 3s cubic-bezier(0.5,0,0.1,1) infinite;
	transform:rotate(-90deg);
	-webkit-transform:rotate(-90deg);
	position:absolute;
	bottom:10px;
	left:50%;
	margin-left:-30px;
	width:60px;
	height:60px;
	border-radius:100%;
	-webkit-border-radius:100%;
	line-height:50px;
	text-align:center;
	font-size:35px;
	color:#111;
	background: #fff;
	border:1px solid #fff;
	cursor:pointer;
	overflow:hidden;
}
.arrow:hover {
	animation-play-state:paused;
	-webkit-animation-play-state:paused;
}

@keyframes arrow {
	0%,100% {
	bottom:10px;
	opacity:1;
}
50% {
	bottom:50px;
	opacity:.8
}
}@-webkit-keyframes arrow {
	0%,100% {
	bottom:10px;
	opacity:1;
}
50% {
	bottom:50px;
	opacity:.8
}
}
/*banner*/
@media all and (max-width:768px) {
	.focus {
	display:block;
}
.focus .hd {
	position:absolute;
	bottom:0!important;
	height:10px!important;
}
.focus .hd ul {
	bottom:0!important;
}
.prev,.next {
	display:none!important;
}
}.carousel,.carousel-inner {
	height:100%;
}
.item {
	height:100%;
	/*display:flex!important;
	*/
    /*align-items:center;
	*/
    /*justify-content:center;
	*/
    /*flex-direction:column;
	*/
    /*flex-wrap:nowrap;
	*/
}
.item&gt;img {
	width: 100%!important;
	max-width:none!important;
	height:100% !important;
	margin:0 auto;
}
.focus {
	height:100%;
	position:relative;
	overflow:hidden;
	background-color:#fff;
	margin-right:auto;
	margin-left:auto;
	z-index:0;
	display:none;
}
.focus .hd {
	width:100%;
	height:100%;
	position:absolute;
	z-index:99;
	text-align:center;
}
.focus .hd ul {
	position:absolute;
	bottom:20px;
	left:0;
	right:0;
	margin:0 auto;
	display:inline-block;
	height:10px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	font-size:0;
	vertical-align:top;
}
.focus .hd ul li {
	display:inline-block;
	width:30px;
	height:5px;
	background-color:rgba(255,0,0,0.5);
	vertical-align:top;
	overflow:hidden;
	margin-right:.08rem;
	margin-left:.08rem;
}
.focus .hd ul .on {
	background-color:#FFFFFF;
}
.focus .bd {
	position:relative;
	z-index:0;
	height:100%;
}
.focus .bd li a {
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	/* 鍙栨秷閾炬帴楂樹寒 */
}
.focus .bd li {
	position:relative;
}
.focus .bd li img {
	width:100%;
	height:100%;
}
.focus .bd li .one {
	width:100%;
	position:absolute;
	top:1.6rem;
	text-align:center;
	color:#fff;
}
.focus .bd li .one&gt;h2 {
	font-size:.45rem;
	font-weight:bold;
}
.focus .bd li .one&gt;p {
	font-size:.1rem;
}
.prev {
	position:absolute;
	top:50%;
	left:10%;
	display:inline-block;
	font-size:30px;
	cursor:pointer;
}
.next {
	position:absolute;
	top:50%;
	right:10%;
	font-size:30px;
	cursor:pointer;
}
/*about*/

.about {
	width:78%;
	margin: -30px auto 0;
}
.about&gt;h4 {
	font-size:60px;
	line-height:80px;
	color:#ddd;
	font-weight:bold;
}
.about&gt;h5 {
	font-size:24px;
	color:#000;
	font-weight:bold;
	line-height:40px;
}
.about&gt;p {
	width:48%;
	color:#111;
	font-size:14px;
	line-height: 24px;
	text-align:justify;
	text-indent: 2em;
}
.amore {
	padding:5px 20px;
	border:solid 1px #d10202;
	color:#d10202;
	display:inline-block;
	margin-top:15px;
}
.amore:hover {
	background:#d10202;
	color:#fff;
}
.absp{
	width: 520px;
	height: auto;
	margin-bottom: 20px;
}
.ableft{ float: left; width: 48%; margin-top: 30px;}
.ableft h1{ font-size: 30px; margin-bottom: 30px; font-weight: 600;}
.ableft h5{ font-size: 32px; color: #d10202; margin-bottom: 5px;}
.ableft p{ font-size: 15px; line-height: 28px;}
.abright{ float: left; margin-left: 4%; width: 48%; height: auto;}
.abright img{ display: block; width: 100%; height: auto;}
.abicon{ width: 100%; height: auto; text-align: center; padding: 22px 0;}
.abcou{ font-size: 50px;color: #fff; font-weight: 600; position: relative;}
.abcou::after{ content: ""; position: absolute; bottom: 0; left: 0; background: #fff; height: 2px; width: 6%; display: block; margin: 0 47%;}
.abicon h4{ margin-top: 15px; font-size: 18px; color: #fff;}
.right{ border-right: 1px dotted #ddd; }
.bottom{ border-bottom: 1px dotted #ddd;}
@media (min-width:1500px) {
	.absp {
		width: 720px !important;
		height: auto;
		margin-bottom: 20px;
	}
	.gongyi {
		margin-top: 120px !important;
	}
	.product-show {
		margin-top: 86px !important;
	}
	.plist {
		padding-bottom: 78px !important;
	}
	.partner{
		top: 168px !important;
	}
	.ableft{ margin-top: 42px !important;}
	.abright{ margin: 100px 0 0 4%;}
}
.col_half {
	width:49%;
}
.col_third {
	width:32%;
}
.col_fourth {
	width:60%;
	margin:0 auto;
}
.col_fifth {
	width:18.4%;
}
.col_sixth {
	width:15%;
}
.col_three_fourth {
	width:74.5%;
}
.col_twothird {
	width:66%;
}
.col_half,.col_third,.col_twothird,.col_fourth,.col_three_fourth,.col_fifth {
	position:relative;
	display:inline;
	display:inline-block;
	float:left;
	margin-right:2%;
	margin-bottom:20px;
}
.end {
	margin-right:0 !important;
}
/* Column Grids End */

.wrapper {
	width:50%;
	margin:30px auto;
	position:relative;
}
.counter {
	background-color:#ffffff;
	padding:20px 0;
	border-radius:5px;
	width:90%
}
.count-title {
	font-size:40px;
	font-weight:normal;
	margin-top:10px;
	margin-bottom:0;
	text-align:center;
}
.count-text {
	font-size:13px;
	font-weight:normal;
	margin-top:10px;
	margin-bottom:0;
	text-align:center;
}
.fa-2x {
	margin:0 auto;
	float:none;
	display:table;
	color:#4ad1e5;
}
.section-2&gt;p {
	width:50%;
	margin:0 auto;
}
.section-2&gt;p&gt;a {
	padding:5px 20px;
	border:solid 1px #999;
	color:#999;
}
.section-2&gt;p&gt;a:hover {
	background:#d10202;
	color:#fff;
}
/*product*/
.product&gt;div {
	text-align:right;
}
.product&gt;div&gt;p {
	text-align:center;
	margin-top:10px;
	display:inline-block;
}
.product&gt;div&gt;p&gt;a {
	padding:5px 20px;
	border:solid 1px #d10202;
	color:#d10202;
	margin-top:20px;
}
.product&gt;div&gt;p&gt;a:hover {
	background:#d10202;
	color:#fff;
}
.box{
	height: auto;
	position: relative;
	float: left;
}
.pro{
	width: 96%;
	overflow: hidden;
	margin: 15px 2%;
	padding: 15px 0;	
	transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;/* Firefox 4 */
	-webkit-transition: all 1s ease 0s; /* Safari 氓鈥櫯� Chrome */
	-o-transition: all 1s ease 0s; /* Opera */
}
.pro img{
	width: 100%;
	height: auto;
	overflow: hidden;
	transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;/* Firefox 4 */
	-webkit-transition: all 1s ease 0s; /* Safari 氓鈥櫯� Chrome */
	-o-transition: all 1s ease 0s; /* Opera */
}
.pro:hover p{
	color: #478c39;
}
.pro:hover img{
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-o-transform: scale(1.1);
	-moz-transform:scale(1.1);
}
.gytit{
	background: #171717;
	color: #fff !important;
	padding: 20px 0 10px;
    height: 60px;
	position: relative;
	line-height: 30px;
	transition: padding 2s;
    -moz-transition: padding 2s;  /* Firefox 4 */
    -webkit-transition: padding 2s;   /* Safari 鍜� Chrome */
    -o-transition: padding 2s;
}
.box .pro:hover .gytit{
	padding: 0 !important;
}
.gytit::before{
	position:absolute;
	content:'';
	width:10%;
	height:2px;
	background-color:#d10202;
	left:0;
	top:28;
	margin:0 45% 12px;
}

.pro&gt;p {
	color:#eee;
	text-align:center;
	padding:10px 0;
	display:none;
}
.pro:hover&gt;.flip_wrap {
	opacity:1;
}
.flip_wrap {
	position:absolute;
	left:0;
	top:0;
	opacity:0;
	transition:1s;
	width:100%;
	height:50%;
	padding:12px 12px 10px;
	perspective:800px;
	/*perspective灞炴€у畾涔�3D鍏冪礌璺濊鍥剧殑璺濈,浠ュ儚绱犺銆傝灞炴€у厑璁告偍鏀瑰彉 3D 鍏冪礌鏌ョ湅 3D 鍏冪礌鐨勮鍥俱€�*/
    -webkit-perspective:800px;
	-moz-perspective:800px;
	-ms-perspective:800px;
	-o-perspective:800px;
	box-sizing:border-box;
}
.flip {
	width:100%;
	height:200%;
	backface-visibility:hidden;
	/*鑳屽灞忓箷鏃堕殣钘�*/
    -webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	-o-backface-visibility:hidden;
	transition:all 1s linear;
	/*涓虹炕鐗屾坊鍔犺繃娓℃晥鏋�*/
    -webkit-transition:all 1s linear;
	-moz-transition:all 1s linear;
	-ms-transition:all 1s linear;
	-o-transition:all 1s linear;
	transform-style:preserve-3d;
	/*瀛愬厓绱犲皢淇濈暀鍏� 3D 浣嶇疆銆�*/
}
.side {
	width:100%;
	height:98%;
	position:absolute;
	/*璁╄儗闈㈠拰姝ｉ潰閲嶅彔*/
    left:0;
	top:20;
	margin: 3.5% 0 0;
	font-size:16px;
	color:#fff;
	text-align:center;
	display:table;
	font-size:18px;
	border: 2px solid #d10202;
}

.back {
	backface-visibility:hidden;
	/*鑳屽灞忓箷鏃堕殣钘�*/
    -webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	-o-backface-visibility:hidden;
	-webkit-transform:rotateY(180deg);
	-moz-transform:rotateY(180deg);
	-ms-transform:rotateY(180deg);
	-o-transform:rotateY(180deg);
	background:rgba(0,0,0,.76);
	padding:0 36px;
	box-sizing:border-box;
}
.back span {
	display:block;
	margin:40px 0px;
	font-size:18px;
	color:#00c1DE
}
.back p {
	display:block;
	margin:4px 0;
}





/*peoduct-show*/
.cplist{ margin: 50px auto 30px;}
.product-show {
	margin-top:28px;
}
.pro-s {
	padding:10px;
	position:relative;
	transition:.3s;
	text-align: center;
	/* border: 1px solid rgba(0,0,0,.1); */
}
.pro-s:hover {
	/* border: 1px solid #d10202; */
	transform:translateY(-10px);
	transition: 1s;
}
.pro-s img {
	width:100%;
	border: 6px solid #fff;
}
.pro-s&gt;a {
	width:100%;
	height:100%;
}
.pro-s p {
    color:#fff;
	margin-top: 12px;
    font-size:16px;
}
.pro-s small {
	color: #fff;
	font-size: 14px;
}
/*news*/
.par {
	width: 100%;
	height: auto;
	margin:5px;
	
}

.par&gt;img {
	width:90%;
	display: block;
	margin: 0 5%;
	border: 1px solid #999;
}

.par img:hover {
	cursor: pointer;
	border: 1px solid #d10202;
}
.partner {
	text-align:center;
	position:absolute;
	left:0;
	right:0;
	top:100px;
	margin:0 auto;
	z-index:9999;
	padding-top: 100px;
}
.partner&gt;h4 {
	font-size:60px;
	line-height:80px;
	color:#ddd;
	font-weight:bold;
}
.partner&gt;h5 {
	font-size:24px;
	color:#000;
	font-weight:bold;
	line-height:40px;
}
.news_list h2{ color: #333; font-size: 18px; padding: 15px 0 10px 5px;}


.slideshow {
	position:absolute;
	width:100vw;
	height:100vh;
	overflow:hidden;
}
.slideshow-image {
	position:absolute;
	width:100%;
	height:100%;
	background:no-repeat 50% 50%;
	background-size:cover;
	-webkit-animation-name:kenburns;
	animation-name:kenburns;
	-webkit-animation-timing-function:linear;
	animation-timing-function:linear;
	-webkit-animation-iteration-count:infinite;
	animation-iteration-count:infinite;
	-webkit-animation-duration:16s;
	animation-duration:16s;
	opacity:1;
	-webkit-transform:scale(1.2);
	transform:scale(1.2);
}
.slideshow-image:nth-child(1) {
	-webkit-animation-name:kenburns-1;
	animation-name:kenburns-1;
	z-index:3;
}
.slideshow-image:nth-child(2) {
	-webkit-animation-name:kenburns-2;
	animation-name:kenburns-2;
	z-index:2;
}
.slideshow-image:nth-child(3) {
	-webkit-animation-name:kenburns-3;
	animation-name:kenburns-3;
	z-index:1;
}
.slideshow-image:nth-child(4) {
	-webkit-animation-name:kenburns-4;
	animation-name:kenburns-4;
	z-index:0;
}
@-webkit-keyframes kenburns-1 {
	0% {
	opacity:1;
	-webkit-transform:scale(1.2);
	transform:scale(1.2);
}
1.5625% {
	opacity:1;
}
23.4375% {
	opacity:1;
}
26.5625% {
	opacity:0;
	-webkit-transform:scale(1);
	transform:scale(1);
}
100% {
	opacity:0;
	-webkit-transform:scale(1.2);
	transform:scale(1.2);
}
98.4375% {
	opacity:0;
	-webkit-transform:scale(1.21176);
	transform:scale(1.21176);
}
100% {
	opacity:1;
}
}@keyframes kenburns-1 {
	0% {
	opacity:1;
	-webkit-transform:scale(1.2);
	transform:scale(1.2);
}
1.5625% {
	opacity:1;
}
23.4375% {
	opacity:1;
}
26.5625% {
	opacity:0;
	-webkit-transform:scale(1);
	transform:scale(1);
}
100% {
	opacity:0;
	-webkit-transform:scale(1.2);
	transform:scale(1.2);
}
98.4375% {
	opacity:0;
	-webkit-transform:scale(1.21176);
	transform:scale(1.21176);
}
100% {
	opacity:1;
}
}@-webkit-keyframes kenburns-2 {
	23.4375% {
	opacity:1;
	-webkit-transform:scale(1.2);
	transform:scale(1.2);
}
26.5625% {
	opacity:1;
}
48.4375% {
	opacity:1;
}
51.5625% {
	opacity:0;
	-webkit-transform:scale(1);
	transform:scale(1);
}
100% {
	opacity:0;
	-webkit-transform:scale(1.2);
	transform:scale(1.2);
}
}@keyframes kenburns-2 {
	23.4375% {
	opacity:1;
	-webkit-transform:scale(1.2);
	transform:scale(1.2);
}
26.5625% {
	opacity:1;
}
48.4375% {
	opacity:1;
}
51.5625% {
	opacity:0;
	-webkit-transform:scale(1);
	transform:scale(1);
}
100% {
	opacity:0;
	-webkit-transform:scale(1.2);
	transform:scale(1.2);
}
}@-webkit-keyframes kenburns-3 {
	48.4375% {
	opacity:1;
	-webkit-transform:scale(1.2);
	transform:scale(1.2);
}
51.5625% {
	opacity:1;
}
73.4375% {
	opacity:1;
}
76.5625% {
	opacity:0;
	-webkit-transform:scale(1);
	transform:scale(1);
}
100% {
	opacity:0;
	-webkit-transform:scale(1.2);
	transform:scale(1.2);
}
}@keyframes kenburns-3 {
	48.4375% {
	opacity:1;
	-webkit-transform:scale(1.2);
	transform:scale(1.2);
}
51.5625% {
	opacity:1;
}
73.4375% {
	opacity:1;
}
76.5625% {
	opacity:0;
	-webkit-transform:scale(1);
	transform:scale(1);
}
100% {
	opacity:0;
	-webkit-transform:scale(1.2);
	transform:scale(1.2);
}
}@-webkit-keyframes kenburns-4 {
	73.4375% {
	opacity:1;
	-webkit-transform:scale(1.2);
	transform:scale(1.2);
}
76.5625% {
	opacity:1;
}
98.4375% {
	opacity:1;
}
100% {
	opacity:0;
	-webkit-transform:scale(1);
	transform:scale(1);
}
}@keyframes kenburns-4 {
	73.4375% {
	opacity:1;
	-webkit-transform:scale(1.2);
	transform:scale(1.2);
}
76.5625% {
	opacity:1;
}
98.4375% {
	opacity:1;
}
100% {
	opacity:0;
	-webkit-transform:scale(1);
	transform:scale(1);
}
}
.section-6&gt;.bq {
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	margin:0 auto;
	/* background:#232323; */
	color:#fff;
	padding:20px 0;
	font-size:14px;
	text-align:center;
}
.section-6&gt;p&gt;a {
	color:#fff;
	font-size:14px;
}
.contact {
	z-index:2;
	height:100%;
	padding: 132px 0 0;
}
.contact h3 {
	font-size:24px;
	color:#fff;
	margin-bottom:35px;
	font-weight: 600;
}
.contact h5 {
	font-size:16px;
	color:#fff;
	font-weight: 600;
	margin-bottom: 12px;
}
/* .contact p {
	font-size:14px;
	color:#ddd;
	line-height: 24px;
} */
.syfooter{
	width: 50%;
	height: 100%;
	text-align: left;
	position: absolute;
	bottom: 0;
	right: 0;
	background: #555 url(../images/footu.png) right bottom no-repeat;
	padding: 150px 100px 150px 52px; 
	color: #fff;
}
.syfooter h2{
	line-height: 52px;
	margin-bottom: 20px;
	padding: 0 16px;
	background: rgba(102,102,102,.76);
	font-size: 26px;
	border-left: 5px solid #d10202;
}
.syfooter ul{
	width: 100%;
	height: auto;
	display: inline-block;
}
.syfooter ul li{
	line-height: 42px;
	border-bottom: 1px dashed #c4c3c3;
	padding: 0 20px;
}
.syfooter ul li:nth-of-type(5) {
	border-bottom: none !important;
}
.syfooter ul li span:nth-of-type(1){
	margin-top: -6px;
}
.syfooter ul li span{
	display: block;
	margin-left: 65px;
	line-height: 28px !important; 
}
.bq{
	position: absolute;
	bottom: 24px;
	color: #f5f5f5 !important;
}
.bq a{
	color: #f5f5f5 !important;
}

/*ab-line*/
.leftit	{
	overflow:hidden;
	border-bottom-style:solid;
	width:100px;
	max-width:130px;
	display: inline-block;
	border-bottom-width:1px;
	border-bottom-color:#7b7b7b;
	overflow:inherit;
	margin-left:0px;
	position: relative;
	cursor: pointer;
	z-index: 99;
}
.leftit .sytit{
	margin: 0 0 5px 40px;
}
.leftit h3{
	font-size: 22px;
	color: #111;
}
.leftit:hover h3{
	font-size: 22px;
	color: #d10202;
	cursor: pointer;
}
.leftit h4{
	margin-bottom: 12px !important;
	color: #7a7b7b;
}
.leftit .line-bottom::before {
	position:absolute;
	content:'';
	width:40px;
	height:2px;
	background-color:#d10202;
	left:0;
	top:28;
	margin:0;
}
.about img{
	/* border: 1px solid #ddd; */
	padding: 5px;
	margin-bottom: 20px;
}
.contact-us{
	background: #444;
	margin-top: 142px;
	height: 320px;
	padding: 50px 70px;
}
.footright{
	background: #999;
	margin-top: 142px;
	height: 320px;
}
.form-control{
	background: none;
	border-bottom: 1px solid #999;
	border-top: none;
	border-left: none;
	border-right: none;
	border-radius: 0;
}
.left_con{ width: 100%; height: auto;}
.right_con{ padding-left: 36px;}
.cont_box{ width: 100%; height: auto; color: #333; padding: 15px;}
.cont_box .dec{ font-size: 20px; margin: 0 0 10px; font-weight: 600;}
.cont_box p{ font-size: 16px; color: #333; margin-bottom: 10px;}
.cont_box .year{ font-size: 14px; color: #999;}
.cont_box {padding: 20px 0 18px;position: relative; text-align: left;}
.right_con ul li .cont_box:before{content: "";display: block;width:100%; height:2px;background-color: #c7d3d9; position: absolute;bottom: -2px;transition: all 0.6s ease 0s; }
.right_con ul li .cont_box:after{content: "";display: block;width:64px; height:2px;background-color: #e52018; position: absolute;bottom: -2px;transition: all 0.6s ease 0s; }
.right_con ul li .cont_box:hover:after{width: 100%;background-color: #e52018;}

.plist{ width: 70%; height: auto; display: block; margin: 0 auto; padding-left: 72px;}
.plist .active{ background: #c8000a;}
.plist li{ float: left; padding: 10px 40px; background: #666; margin: 0 15px 24px; font-size: 14px;}
.plist li a{ color: #fff;}

/* 浼樺娍 */
.adv {
	text-align: center;
	color: #fff;
	margin: 0 20px;
	display: inline-block;
}

.adv:hover{ color: #fff !important;}

.adv&gt;img {
	margin: 0 auto 15px;
	display: block;
	width: 100%;
	height: auto;
	transition: 1s;
	border: 5px solid #fff;
}

.adv&gt;img:hover {
	border: 5px solid #e52018;
}

.adv&gt;h4 {
	font-size: 18px;
	margin-bottom: 12px;
}

.adv&gt;p {
	text-align: justify;
	text-indent: 2em;
	font-size: 14px;
	height: 130px;
	width: 100%;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 6;
	overflow: hidden;
}
.gongyi{
	/* margin-top: 60px; */
}


/* add-sypro */
.pro-del-js-xq{
	display: flex; display: -webkit-flex; flex-flow: row wrap;  
	margin: 0;
	width: 100%;
}
.pro-del-js-xq span {
	background: #333;
	color: #fff;
	padding: 0 20px;
	width: 15%;
	height: 50px;
	float: left;
	text-align: center;
	margin: 0 0.5% 8px;
	font-size: 14px;
}
.pro-del-js-xq span:nth-of-type(7){ margin-left: 88px;}
.pro-del-js-xq span a{
	width: 100%; height: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;
}

.but {
	background: #c8000a !important;
}

.xq-box{
	color: #fff;
}
.prorz{
	width: 100%;
	height: auto;
	display: inline-block;
	margin-top: 20px;
}
.prorz h3{
	font-size: 18px;
	margin: 20px 0;
}
.prorz .pic{
	width: 100%;
	height: auto;
	display: inline-block;
	margin-bottom: 15px;
}
@media all and (max-width:768px) {
	.tu1 {width:80%;display:block;margin:0 auto;}
	.tu2 {width:100% !important;display:block;margin:0 auto;}
	.navbar-default .navbar-nav&gt;li&gt;a {color:#111 !important;height:40px !important;line-height:40px !important;text-align:center;}
	.navbar {height:68px !important;}
	.caret {display:none;}
	.dropdown-menu {display:none !important;}
	.leftit {display:none;}
	.ableft {width:100% !important;height:auto;}
	.absp {width:100% !important;}
	.abright {display:none !important;}
	.section-wrap .section-2 {background:none !important;}
	.sj {display:none !important;}
	.pctu{ display:none;}
	.sjtu {display: block;}
	.section-wrap .section-3 {padding-top:32px;}
	.adv&gt;img {margin:14px auto;}
	.adv&gt;p {font-size:12px;height:124px;}
	.adv&gt;h4 {font-size:16px;margin-bottom:8px;}
	.pro-del-js-xq {display:block;margin:0px 4%;}
	.pro-del-js-xq span {width:23%;font-size:14px;}
	.nright {display:none;}
	.page_nav {width:100% !important;}
	.page_nav_mr {width:100% !important;}
	.xinwen {width:96% !important;}
	.single-pricing-box1 ul li p {font-size:13px !important;}
	.ltel {height:300px !important;padding:30px 42px 0 !important;}
	.nyban {margin-top:68px;}
	.cpjs {padding:50px 22px !important;}
	.right_con{ display:none;}
	.syfooter{ width:100%; padding: 0;}
	.prorz{ display:none;}
	.syfooter h2{ margin: 200px 0 0;}
	.nav&gt;li&gt;ul{ display:none !important;}
}
</pre></body></html>