@charset "UTF-8";

	blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul {

	margin:0;

	padding:0;

	outline:none

}

abbr,acronym,fieldset,img {

	border:0

}

ol,ul {

	list-style:none

}

caption,th {

	text-align:left

}

.clearfix:after {

	content:"";

	height:0;

	line-height:0;

	display:block;

	visibility:hidden;

	clear:both

}

.clearfix {

	zoom:1

}

.dn {

	display:none

}

input,select,textarea {

	font-size:14px;

	color:#999;

	font-family:"Microsoft Yahei",sans-serif;

	outline:0;

	border:none;

	-webkit-box-sizing:border-box;

	-moz-box-sizing:border-box;

	-o-box-sizing:border-box;

	box-sizing:border-box

}

input[type=button],input[type=reset],input[type=submit] {

	-webkit-appearance:none;

	-moz-appearance:none;

	appearance:none;

	cursor:pointer

}

::-webkit-input-placeholder {

	color:#999

}

::-moz-placeholder {

	color:#999

}

::-ms-input-placeholder {

	color:#999

}

body {

	color:#333333;

	font-size:16px;

	line-height:1.7;

	font-family:"Microsoft Yahei",'Roboto'

}

* {

	-wekit-box-sizing:border-box;

	-moz-box-sizing:border-box;

	box-sizing:border-box

}

a,img {

	-ms-transition:.20s;

	-moz-transition:.20s;

	-webkit-transition:.20s;

	-o-transition:.20s;

	transition:.20s

}

img,video {

	width:auto;

	height:auto;

	max-width:100%;

	vertical-align:middle;

}

a {

	color:#999999;

	text-decoration:none;

	border:none;

	outline:none

}

textarea {

	resize:none

}

.dn {

	display:none

}

.wrap {

	max-width:1400px;

	width:92%;

	margin:0 auto

}
.wrap5 {

	max-width:1710px;

	width:92%;

	margin:0 auto

}
.header {

	width:100%;

	position:absolute;

	top:0;

	left:0;

	z-index:9999;

	text-align:center;

	padding-top:52px

}

.header .logo {

	float:left

}

.header .head-tel {

	float:right

}

.header .nav {

	display:inline-block

}

.header .nav li {

	float:left;

	margin:0 25px

}

.header .nav li a {

	display:block;

	padding:0 5px;

	font-size:18px;

	color:#ffffff;

	line-height:48px;

	position:relative

}

.header .nav li a:after {

	content:'';

	width:100%;

	height:2px;

	background-color:#ffd499;

	position:absolute;

	left:0;

	bottom:0;

	-webkit-transition:all .3s ease-in-out;

	-moz-transition:all .3s ease-in-out;

	-ms-transition:all .3s ease-in-out;

	-o-transition:all .3s ease-in-out;

	transition:all .3s ease-in-out;

	-webkit-transform:scale(0);

	-moz-transform:scale(0);

	-o-transform:scale(0);

	-ms-transform:scale(0);

	transform:scale(0)

}

.header .head-tel {

	font-size:28px;

	line-height:48px;

	color:#ccad91;

	background-image:-webkit-linear-gradient(top,#ccad91,#e6ded1,#cfb195);

	-webkit-background-clip:text;

	background-clip:text;

	-webkit-text-fill-color:transparent

}

.header .head-tel img {

	vertical-align:middle;

	margin-right:10px;

	margin-top:-5px

}

.header .nav li:hover a,.header .nav li.on a {

	color:#ffd499

}

.header .nav li:hover a:after,.header .nav li.on a:after {

	-webkit-transform:scale(1);

	-moz-transform:scale(1);

	-o-transform:scale(1);

	-ms-transform:scale(1);

	transform:scale(1)

}

.footer {

	text-align:center;

	background-color:#0a2030;

	padding:25px 0

}

.footer p {

	font-size:18px;

	color:#ffffff

}

.footer p a {

	display:inline-block;

	color:#fff;

	margin-left:5px

}

.footer p span {

	display:inline-block;

	margin-right:5px

}

.index-top>a>img {

	display:block;

	width:100%

}

.index-top .content {

	position:absolute;

	top:155px;

	left:0;

	width:100%

}

.index-top h1 {

	font-size:60px;

	line-height:65px;

color: #0b317b;
    background-image: -webkit-linear-gradient(top,#0b317b,#2f64ca,#0a2250);

	-webkit-background-clip:text;

	background-clip:text;

	-webkit-text-fill-color:transparent;

	margin-bottom:22px

}
.kr01 {

	font-size:60px;

	line-height:65px;

	color:#ccad91;

	background-image:-webkit-linear-gradient(top,#ccad91,#e6ded1,#cfb195);

	-webkit-background-clip:text;

	background-clip:text;

	-webkit-text-fill-color:transparent;

	margin-bottom:74px

}
.index-top p {

	font-size:20px;

	color:#000;

	line-height:36px;

	margin-bottom:25px

}

.see-more {

	width:214px;

	height:62px;

	border:2px solid #e2d0b6;

	border-radius:31px;

	text-align:center;

	-webkit-transition:all .3s ease-in-out;

	-moz-transition:all .3s ease-in-out;

	-ms-transition:all .3s ease-in-out;

	-o-transition:all .3s ease-in-out;

	transition:all .3s ease-in-out

}

.see-more span,.see-more a {

	display:block;

	font-size:20px;

	color:#ffffff;

	line-height:58px;

	cursor:pointer

}

.see-more span img,.see-more a img {

	margin-left:10px;

	display:inline-block

}

.see-more:hover {

	background-color:#ffd499;

	border-color:#ffd499

}

.index-ydp {

	background:url(../images/index-bg.jpg) no-repeat center;

	-webkit-background-size:cover;

	-moz-background-size:cover;

	-ms-background-size:cover;

	-o-background-size:cover;

	background-size:cover;

	padding-top:75px;

	padding-bottom:40px

}

.index-ydp h2 {

	font-size:50px;

	line-height:60px;

	color:#043856;

	text-align:center;

	font-weight:bold

}

.slick-ydp {

	height:790px;

	overflow:hidden

}

.slick-ydp .slick-list {

	padding-top:250px !important

}

.slick-ydp .slick-item .item {

	margin-top:50px;

	position:relative

}

.slick-ydp .slick-item .item .pic img {

	-webkit-transform:scale(0.6);

	-moz-transform:scale(0.6);

	-o-transform:scale(0.6);

	-ms-transform:scale(0.6);

	transform:scale(0.6)

}

.slick-ydp .item .title {

	display:block;

	text-align:center;

	font-size:28px;

	color:#3068bf;

	line-height:38px;

	display:none;

	margin-top:98px;

	font-weight:bold;

	margin-bottom:5px

}

.slick-ydp .slick-item .item p {

	font-size:20px;

	color:#3068bf;

	line-height:30px;

	text-align:center;

	display:none;

	overflow:hidden;

	text-overflow:ellipsis;

	white-space:nowrap

}

.slick-ydp .slick-current .item .pic img {

	-webkit-transform:scale(1.6);

	-moz-transform:scale(1.6);

	-o-transform:scale(1.6);

	-ms-transform:scale(1.6);

	transform:scale(1.6)

}

.slick-ydp .slick-current .item {

	margin-top:0

}

.slick-ydp .slick-current .item .title {

	display:block

}

.slick-ydp .slick-current .item p {

	display:block

}

.slick-ydp .slick-current .item .title:hover {

	color:#ffd499

}

.slick-ydp .slick-item .item .play {

	position:absolute;

	top:-154px;

	right:22px;

	display:none

}

.slick-ydp .slick-current .item .play {

	display:block;

	cursor:pointer

}

.slick-ydp .slick-dots {

	text-align:center;

	margin-top:28px;

	position:relative;

	z-index:1

}

.slick-ydp .slick-dots li {

	display:inline-block;

	padding:0 28px;

	cursor:pointer

}

.slick-ydp .slick-dots:after {

	content:'';

	width:240px;

	height:1px;

	background-color:#eaeaea;

	position:absolute;

	top:19px;

	z-index:-1;

	left:50%;

	margin-left:-120px

}

.slick-ydp .slick-dots li button {

	outline:none;

	font-size:0;

	width:14px;

	height:16px;

	border-radius:50%;

	border:2px solid #3068bf;

	background-color:#ffffff;

	display:block;

	cursor:pointer;

	-webkit-transition:all .3s ease-in-out;

	-moz-transition:all .3s ease-in-out;

	-ms-transition:all .3s ease-in-out;

	-o-transition:all .3s ease-in-out;

	transition:all .3s ease-in-out

}

.slick-ydp .slick-dots li.slick-active button {

	width:36px;

	height:36px;

	border-color:#eaeaea;

	position:relative

}

.slick-ydp .slick-dots li.slick-active button:before {

	content:'';

	width:50px;

	height:50px;

	border:3px dotted #3068bf;

	position:absolute;

	top:50%;

	left:50%;

	border-radius:50%;

	margin-left:-28px;

	margin-top:-28px

}

.slick-ydp .slick-dots li.slick-active button:after {

	content:'';

	width:5px;

	height:5px;

	background-color:#3068bf;

	position:absolute;

	top:50%;

	left:50%;

	border-radius:50%;

	margin-left:-2.5px;

	margin-top:-2.5px

}

.pop-video {

	position:fixed;

	width:100%;

	height:100%;

	left:0;

	top:-100%;

	transition:.3s;

	-ms-transition:.3s;

	-moz-transition:.3s;

	-webkit-transition:.3s;

	-o-transition:.3s;

	z-index:9999;

	opacity:0;

	filter:alpha(opacity=0)

}

.pop-video .bg {

	position:absolute;

	left:0;

	top:0;

	width:100%;

	height:100%;

	background-color:rgba(0,0,0,0.5)

}

.pop-video .close {

	position:absolute;

	right:20px;

	top:20px;

	width:50px;

	height:50px;

	background:url(../images/close.png) center no-repeat;

	-webkit-background-size:cover;

	-moz-background-size:cover;

	-o-background-size:cover;

	background-size:cover;

	cursor:pointer

}

.pop-video video {

	position:absolute;

	left:50%;

	top:50%;

	transform:translate(-50%,-50%);

	-ms-transform:translate(-50%,-50%);

	-moz-transform:translate(-50%,-50%);

	-webkit-transform:translate(-50%,-50%);

	-o-transform:translate(-50%,-50%);

	max-width:90%

}

.open {

	top:0;

	opacity:1;

	filter:alpha(opacity=100)

}

.index-case {

	background:url(../images/index-bg1.jpg) no-repeat top center;

	-webkit-background-size:cover;

	-moz-background-size:cover;

	-ms-background-size:cover;

	-o-background-size:cover;

	background-size:cover;

	padding-top:80px;

	padding-bottom:98px

}

.index-case .base-title {

	margin-bottom:84px

}

.base-title h2 {

	font-size:50px;

	color:#ffffff;

	line-height:60px;

	padding-left:40px;

	background:url(../images/title-h2.jpg) no-repeat left center;

	margin-bottom:40px

}

.base-title h2 a {

	color:#ffffff

}

.base-title p {

	font-size:20px;

	color:#ffffff;

	line-height:30px

}

.case-ul {

	margin-left:-2%

}

.case-ul li {

	float:left;

	width:23%;

	margin-left:2%;

	position:relative;

	overflow:hidden

}

.case-ul li .pic img {

	display:block;

	width:100%;

	-webkit-transition:all .3s ease-in-out;

	-moz-transition:all .3s ease-in-out;

	-ms-transition:all .3s ease-in-out;

	-o-transition:all .3s ease-in-out;

	transition:all .3s ease-in-out

}

.case-ul li .text {

	position:absolute;

	left:0;

	bottom:0;

	width:100%;

	padding:0 34px 20px;

	z-index:2

}

.case-ul li .text .tit {

	display:block;

	font-size:20px;

	color:#ffffff;

	line-height:30px;

	margin-bottom:20px;

	overflow:hidden;

	text-overflow:ellipsis;

	white-space:nowrap

}

.case-ul li .text p {

	font-size:18px;

	color:#ffffff;

	line-height:20px;

	border-left:4px solid #ffd499;

	padding-left:14px

}

.case-ul li .text .tit:hover {

	color:#ffd499

}

.case-ul li .mark {

	position:absolute;

	bottom:-100%;

	left:0;

	width:100%;

	height:100%;

	background:rgba(11,30,46,0.5);

	z-index:1;

	-webkit-transition:all .3s ease-in-out;

	-moz-transition:all .3s ease-in-out;

	-ms-transition:all .3s ease-in-out;

	-o-transition:all .3s ease-in-out;

	transition:all .3s ease-in-out

}

.case-ul li .mark a {

	display:block;

	position:absolute;

	top:50%;

	left:50%;

	margin-left:-30px;

	margin-top:-30px

}

.case-ul li:hover .mark {

	bottom:0

}

.case-ul li:hover .pic img {

	-webkit-transform:scale(1.1);

	-moz-transform:scale(1.1);

	-o-transform:scale(1.1);

	-ms-transform:scale(1.1);

	transform:scale(1.1)

}

.index-goods {

	background-color:#fff;

	overflow:hidden

}

.index-goods .col-l {

	float:left;

	width:50%;

	padding:342px 110px 0 13.5%

}

.index-goods .col-l strong {

	display:block;

	font-size:50px;

	color:#043856;

	line-height:60px;

	margin-bottom:68px

}

.index-goods .col-l p {

	font-size:20px;

	color:#666666;

	line-height:36px

}

.index-goods .col-r {

	float:right;

	width:50%;

	background:url(../images/index-bg2.jpg) no-repeat;

	padding:55px 0;

	position:relative;

	-webkit-background-size:cover;

	-moz-background-size:cover;

	-ms-background-size:cover;

	-o-background-size:cover;

	background-size:cover

}

.index-goods .col-r li {

	position:absolute

}

.index-goods .col-r li strong {

	display:block;

	font-size:60px;

	line-height:70px;

	font-family:"Impact";

	color:#ccad91;

	background-image:-webkit-linear-gradient(top,#ccad91,#e2d1b7,#cfb195);

	-webkit-background-clip:text;

	background-clip:text;

	-webkit-text-fill-color:transparent;

	margin-bottom:14px

}

.index-goods .col-r li p {

	font-size:24px;

	color:#ffffff;

	line-height:34px

}

.index-goods .col-r li.li1 {

	top:50px;

	left:294px

}

.index-goods .col-r li.li2 {

	top:260px;

	left:456px

}

.index-goods .col-r li.li3 {

	bottom:230px;

	left:456px

}

.index-goods .col-r li.li4 {

	bottom:20px;

	left:294px

}

.index-goods .col-r .index-play {

	display:block;

	position:absolute;

	top:50%;

	left:-74.5px;

	cursor:pointer;

	margin-top:-74.5px

}

.index-fw {

	background:url(../images/index-bg3.jpg) no-repeat top center;

	-webkit-background-size:cover;

	-moz-background-size:cover;

	-ms-background-size:cover;

	-o-background-size:cover;

	background-size:cover;

	padding-bottom:44px

}

.index-fw .img {

	padding:184px 10px 0 92px

}

.index-fw .img img {

	display:block;

	width:100%

}

.index-fw .wrap {

	position:relative

}

.index-fw .text {

	position:absolute;

	width:580px;

	top:110px

}

.index-fw .text h2 {

	font-size:50px;

	line-height:60px;

	color:#ccad91;

	background-image:-webkit-linear-gradient(top,#ccad91,#e2d1b7,#cfb195);

	-webkit-background-clip:text;

	background-clip:text;

	-webkit-text-fill-color:transparent;

	margin-bottom:66px

}

.index-fw .text p {

	font-size:20px;

	color:#ffffff;

	line-height:36px

}

.index-choose {

	margin-top:60px

}

.index-choose strong {

	text-align:center;

	font-size:50px;

	color:#333333;

	line-height:60px;

	margin-bottom:30px;

	display:block

}

.index-choose strong em {

	font-style:normal;

	display:inline-block;

	color:#3068bf;

	margin-right:20px

}

.index-choose p {

	font-size:20px;

	color:#333333;

	line-height:30px;

	text-align:center;

	margin-bottom:64px

}

.index-choose ul {

	overflow:hidden;

	margin:0 -8px

}

.index-choose li {

	float:left;

	width:14.28%;

	padding:0 8px;

	margin-bottom:20px

}

.index-choose li img {

	display:block;

	width:100%

}

.index-choose .pic {

	margin-top:46px

}

.index-choose .pic img {

	display:block;

	width:100%

}

.case-top {

	background:url(../images/case-bg.jpg) no-repeat top center;

	-webkit-background-size:cover;

	-moz-background-size:cover;

	-ms-background-size:cover;

	-o-background-size:cover;

	background-size:cover;

	margin-bottom:70px;

	padding-bottom:20px

}

.slick-list .slick-text {

	float:left;

	width:49%;

	margin-top:204px

}

.slick-text .tit {

	display:block;

	font-weight:bold;

	font-size:40px;

	line-height:68px;

	color:#fff;

	position:relative;

	margin-bottom:65px;

	overflow:hidden;

	text-overflow:ellipsis;

	white-space:nowrap;

	padding-bottom:15px

}

.slick-text .tit span {

	display:block

}

.slick-text .tit:after {

	content:'';

	width:101px;

	height:4px;

	background-color:#ffd698;

	position:absolute;

	left:0;

	bottom:0

}

.slick-text .handle {

	margin-bottom:28px

}

.slick-text .handle p {

	font-size:18px;

	color:#fff;

	line-height:48px

}

.slick-text .handle p strong {

	display:inline-block;

	font-size:20px;

	color:#50b3f5

}

.slick-text>p {

	font-size:18px;

	color:#ffffff;

	line-height:2em;

	margin-bottom:80px;

	display:block;

	overflow:hidden;

	text-overflow:ellipsis;

	display:-webkit-box;

	-webkit-line-clamp:3;

	-webkit-box-orient:vertical;

	height:108px

}

.slick-list .slick-img {

	float:right;

	width:51%

}

.slick-img .img {

	position:relative;

	left:118px;

	padding:120px 0 72px 42px;

	box-sizing:border-box

}

.slick-img a {

	display:block;

	border-radius:50%;

	position:relative;

	z-index:1

}

.slick-img a img {

	display:block;

	width:100%;

	border-radius:50%;

	position:relative;

	z-index:-1

}

.slick-img a:after {

	content:'';

	position:absolute;

	top:0;

	left:0;

	width:100%;

	height:100%;

	-webkit-box-shadow:inset 20px 21px 54px rgba(12,28,42,0.41);

	-moz-box-shadow:inset 20px 21px 54px rgba(12,28,42,0.41);

	-ms-box-shadow:inset 20px 21px 54px rgba(12,28,42,0.41);

	-o-box-shadow:inset 20px 21px 54px rgba(12,28,42,0.41);

	box-shadow:inset 20px 21px 54px rgba(12,28,42,0.41);

	border-radius:50%

}

.slick-img .img:after {

	content:'';

	position:absolute;

	top:0;

	left:-234px;

	width:100%;

	bottom:0;

	background:url(../images/case-dot.png) no-repeat;

	-webkit-background-size:cover;

	-moz-background-size:cover;

	-ms-background-size:cover;

	-o-background-size:cover;

	background-size:cover

}

.slick-case .slick-prev {

	margin-left:-120px;

	background-image:url(../images/case-prev.png)

}

.slick-case .slick-next {

	background-image:url(../images/case-next.png)

}

.slick-case .slick-arrow {

	position:absolute;

	bottom:80px;

	left:50%;

	width:61px;

	height:60px;

	border-radius:50%;

	outline:none;

	border:none;

	font-size:0;

	cursor:pointer;

	z-index:2;

	background-repeat:no-repeat;

	background-position:center;

	background-color:rgba(11,30,46,0.58);

	-webkit-transition:all .3s ease-in-out;

	-moz-transition:all .3s ease-in-out;

	-ms-transition:all .3s ease-in-out;

	-o-transition:all .3s ease-in-out;

	transition:all .3s ease-in-out

}

.slick-case .slick-prev:hover {

	background-color:#0b1e2e

}

.slick-case .slick-next:hover {

	background-color:#0b1e2e

}

.case-wrapper {

	margin-bottom:72px;
	margin-top:75px

}

.show-title {

	overflow:hidden;

	margin-bottom:55px

}

.show-title h2 {

	float:left;

	font-size:40px;

	line-height:50px;

	color:#033855;

	margin-right:75px

}

.show-title p {

	font-size:18px;

	color:#333333;

	line-height:2em;

	position:relative;

	float:left;

	padding-left:16px

}

.show-title p:before {

	content:'';

	width:4px;

	height:18px;

	background-color:#3281c5;

	position:absolute;

	left:0;

	top:9px

}

.case-list {

	margin-left:-3%

}

.case-list li {

	float:left;

	width:30.3%;

	margin-left:3%;

	margin-bottom:30px

}

.case-list li .img {

	display:block;

	width:100%;

	height:0;

	overflow:hidden;

	position:relative;

	padding-top:79.5%;

	-webkit-box-shadow:0 4px 10px rgba(20,52,100,0.1);

	-moz-box-shadow:0 4px 10px rgba(20,52,100,0.1);

	-ms-box-shadow:0 4px 10px rgba(20,52,100,0.1);

	-o-box-shadow:0 4px 10px rgba(20,52,100,0.1);

	box-shadow:0 4px 10px rgba(20,52,100,0.1)

}

.case-list li .img img {

	display:block;

	position:absolute;

	top:0;

	left:0;

	width:100%;

	height:100%;

	-webkit-transition:all .3s ease-in-out;

	-moz-transition:all .3s ease-in-out;

	-ms-transition:all .3s ease-in-out;

	-o-transition:all .3s ease-in-out;

	transition:all .3s ease-in-out

}

.case-list li .text {

	width:77%;

	background-color:#fff;

	-webkit-box-shadow:0 4px 10px rgba(20,52,100,0.1);

	-moz-box-shadow:0 4px 10px rgba(20,52,100,0.1);

	-ms-box-shadow:0 4px 10px rgba(20,52,100,0.1);

	-o-box-shadow:0 4px 10px rgba(20,52,100,0.1);

	box-shadow:0 4px 10px rgba(20,52,100,0.1);

	padding:30px 26px 32px 0;

	position:relative;

	margin-top:-46px

}

.case-list li .text .tit {

	display:block;

	font-size:22px;

	color:#333333;

	overflow:hidden;

	text-overflow:ellipsis;

	white-space:nowrap;

	line-height:32px;

	margin-bottom:16px;

	font-weight:bold;

	position:relative;

	padding-left:26px;

	-webkit-transition:all .3s ease-in-out;

	-moz-transition:all .3s ease-in-out;

	-ms-transition:all .3s ease-in-out;

	-o-transition:all .3s ease-in-out;

	transition:all .3s ease-in-out

}

.case-list li .text .tit:before {

	content:'';

	width:4px;

	height:22px;

	background-color:#d1b499;

	position:absolute;

	top:5px;

	left:14px

}

.case-list li .text p {

	font-size:18px;

	color:#333333;

	line-height:28px;

	overflow:hidden;

	text-overflow:ellipsis;

	white-space:nowrap;

	margin-bottom:10px;

	padding-left:26px

}

.case-list li .text p strong {

	color:#3281c5

}

.case-list li .text:after {

	content:'';

	width:100%;

	height:10px;

	background:url(../images/case-line.png) no-repeat;

	position:absolute;

	left:0;

	bottom:0;

	-webkit-transition:all .3s ease-in-out;

	-moz-transition:all .3s ease-in-out;

	-ms-transition:all .3s ease-in-out;

	-o-transition:all .3s ease-in-out;

	transition:all .3s ease-in-out

}

.case-list li:hover .img img {

	-webkit-transform:scale(1.1);

	-moz-transform:scale(1.1);

	-o-transform:scale(1.1);

	-ms-transform:scale(1.1);

	transform:scale(1.1)

}

.case-list li:hover .text:after {

	background:url(../images/case-line1.png) no-repeat

}

.case-list li .text .tit:hover {

	color:#d1b499

}

.case-area {

	background:url(../images/case-bg.jpg) no-repeat top center;

	background-size:cover;

	overflow:hidden

}

.case-area .wrap {

	padding-top:135px;

	padding-bottom:25px

}

.col-txt {

	float:left;

	width:41%;

	margin-top:115px;

	position:relative;

	z-index:2

}

.col-txt h1 {

	display:block;

	font-weight:bold;

	font-size:40px;

	line-height:60px;

	color:#fff;

	position:relative;

	margin-bottom:42px;

	padding-bottom:15px

}

.col-txt h1 span {

	display:block

}

.col-txt h1:after {

	content:'';

	width:101px;

	height:4px;

	background-color:#ffd698;

	position:absolute;

	left:0;

	bottom:0

}

.col-txt>p {

	font-size:18px;

	color:#fff;

	line-height:28px;

	margin-bottom:16px

}

.col-txt>p strong {

	display:inline-block;

	font-size:20px;

	color:#50b3f5

}

.base-tel {

	overflow:hidden;

	margin-top:30px;

	height:80px

}

.base-tel span {

	display:block;

	float:left;

	background:#ff6913;

	background:-moz-linear-gradient(top,#ff932e 0%,#ff6913 100%);

	background:-webkit-linear-gradient(top,#ff932e 0%,#ff6913 100%);

	background:-o-linear-gradient(top,#ff932e 0%,#ff6913 100%);

	background:-ms-linear-gradient(top,#ff932e 0%,#ff6913 100%);

	background:linear-gradient(to bottom,#ff932e 0%,#ff6913 100%);

	font-size:24px;

	color:#fff;

	line-height:80px;

	width:200px;

	text-align:center;

	cursor:pointer;

	text-shadow:0 3px 4px rgba(43,43,43,0.19);

	-webkit-transition:all .3s ease-in-out;

	-moz-transition:all .3s ease-in-out;

	-ms-transition:all .3s ease-in-out;

	-o-transition:all .3s ease-in-out;

	transition:all .3s ease-in-out

}

.base-tel .tel-msg {

	float:left;

	padding:12px 54px 12px 18px;

	background:url(../images/tel-msg.png) no-repeat;

	-webkit-background-size:cover;

	-moz-background-size:cover;

	-ms-background-size:cover;

	-o-background-size:cover;

	background-size:cover

}

.base-tel .tel-msg p {

	font-size:18px;

	color:#fff;

	line-height:28px

}

.base-tel .tel-msg p strong {

	font-size:20px;

	color:#ff912d

}

.base-tel span:hover {

	color:#000

}

.col-pic {

	float:right;

	width:60.929%;

	position:relative;

	margin-right:-18%

}

.col-pic .img-box {

	position:relative;

	z-index:1

}

.col-pic .img {

	display:block;

	position:relative;

	z-index:1

}

.col-pic .img img {

	display:block;

	border-radius:500px 0 0 500px

}

.col-pic .img-box:after {

	content:'';

	border-radius:50% 0 0 50%;

	position:absolute;

	top:-127px;

	bottom:-127px;

	left:-14%;

	right:0;

	background:url(../images/case-dot1.png) left center no-repeat;

	z-index:-1

}

.col-pic .other {

	margin-left:8%;

	margin-top:70px

}

.col-pic .other span {

	display:inline-block;

	font-size:18px;

	color:#ffffff;

	padding-left:40px;

	background:url(../images/case-icon.png) no-repeat left center;

	margin-left:30px

}

.col-pic .other span:first-child {

	margin-left:0

}

.case-tj {

	background-color:#053654;

	padding:30px 0 22px

}

.case-tj strong {

	display:block;

	width:40px;

	font-size:38px;

	line-height:1.1em;

	color:#fff;

	margin-left:58px;

	padding-top:34px;

	position:relative;

	float:left

}

.case-tj strong:before {

	content:'';

	width:4px;

	height:78px;

	background-color:#ffd698;

	position:absolute;

	top:40px;

	left:-26px

}

.case-tj ul {

	float:right;

	overflow:hidden;

	width:81%

}

.case-tj ul li {

	float:left;

	width:20%;

	text-align:center

}

.case-tj ul li a {

	display:block

}

.case-tj ul li .tit {

	font-size:18px;

	color:#ffffff;

	line-height:28px;

	position:relative;

	margin-top:50px

}

.case-tj ul li .tit:before {

	content:'';

	width:40px;

	height:4px;

	background-color:#ffd698;

	position:absolute;

	top:-18px;

	left:50%;

	margin-left:-20px;

	-webkit-transition:all .3s ease-in-out;

	-moz-transition:all .3s ease-in-out;

	-ms-transition:all .3s ease-in-out;

	-o-transition:all .3s ease-in-out;

	transition:all .3s ease-in-out

}

.case-tj ul li .tit:hover {

	color:#ffd698

}

.case-tj ul li:hover .tit:before {

	width:100%;

	margin-left:0;

	left:0

}

.case-content {

	font-size:18px;

	color:#333333;

	line-height:2em;

	margin-top:58px

}

.case-content h2 {

	font-size:38px;

	color:#333333;

	line-height:1.25em;

	padding-left:78px;

	background:url(../images/case-icon1.png) no-repeat left center;

	margin-bottom:35px

}

.case-content p {

	margin-bottom:15px

}

.case-content p.tip {

	padding-left:40px;

	background:url(../images/case-icon2.png) no-repeat left 8px

}

.case-con {

	background:url(../images/case-bg2.jpg) no-repeat center;

	-webkit-background-size:cover;

	-moz-background-size:cover;

	-ms-background-size:cover;

	-o-background-size:cover;

	background-size:cover;

	padding:54px 0 50px;

	margin-top:54px;

	margin-bottom:60px

}

.case-con1 {

	overflow:hidden

}

.case-con1 .col-l {

	float:left;

	width:54%;

	padding-right:100px

}

.item-ol li {

	position:relative;

	padding-left:60px;

	margin-bottom:30px

}

.item-ol li span {

	display:block;

	width:34px;

	height:34px;

	background-color:#3068bf;

	text-align:center;

	line-height:32px;

	font-size:18px;

	color:#ffffff;

	position:absolute;

	left:0;

	top:2px;

	border:2px solid #fff

}

.item-ol li span:after {

	content:'';

	width:32px;

	height:32px;

	position:absolute;

	background-color:#3068bf;

	top:4px;

	left:4px;

	z-index:-1

}

.case-con1 .col-r {

	float:right;

	width:46%;

	position:relative

}

.case-con1 .col-r .play {

	display:block;

	position:absolute;

	top:0;

	left:0;

	width:100%;

	height:100%;

	background:url(../images/case-play.png) no-repeat center;

	cursor:pointer;

	z-index:1

}

.case-con1 .col-r .play.dn {

	display:none

}

.case-info {

	padding:48px 30px 48px 10px;

	background-color:#fff;

	border-radius:10px;

	-webkit-box-shadow:0 0 16px rgba(0,0,0,0.1);

	-moz-box-shadow:0 0 16px rgba(0,0,0,0.1);

	-ms-box-shadow:0 0 16px rgba(0,0,0,0.1);

	-o-box-shadow:0 0 16px rgba(0,0,0,0.1);

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

	margin:98px 0 65px;

	position:relative

}



.index-pro-lw{margin-top:150px}
.index-pro-lw ul{margin-left:-2%}
.index-pro-lw li{float:left;background:#fff;width:18%;margin-left:6%;padding-bottom:80px;padding-left:33px;position:relative;border-radius:20px;box-shadow:0 0 30px rgba(39,23,23,.1);-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;-moz-transition:all .3s ease-out;transition:all .3s ease-out}
.index-pro-lw li:after{background:url(../images/lw_a.png) no-repeat;-o-background-size:cover;background-size:cover;width:217px;height:318px;display:block;content:"";position:absolute;top:0;left:0}
.index-pro-lw li:before{background:url(../images/hd2.png) no-repeat;-o-background-size:cover;background-size:cover;width:194px;height:162px;display:block;content:"";position:absolute;top:0;right:0}
.index-pro-lw li .img{margin-top:-70px;z-index:5;position:relative;margin-right: 22px;}
.index-pro-lw li .img a{display: block;position: relative;padding-top: 100%;}
.index-pro-lw li .img a img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.index-pro-lw li:hover{box-shadow:10px 10px 15px #ddd;-webkit-transform:translate(0,-3px);-moz-transform:translate(0,-3px);-ms-transform:translate(0,-3px);-o-transform:translate(0,-3px);transform:translate(0,-3px);-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;-moz-transition:all .3s ease-out;transition:all .3s ease-out}
.index-pro-lw li h3 a{font-size:24px;color:#1d427a;font-weight:700;z-index:5;position:relative}
.index-pro-lw li .box{margin-top:20px}
.index-pro-lw li .box p{margin-top:8px;z-index:5;position:relative}
.index-pro-lw li .box p span{font-size:16px;color:#333}
.index-pro-lw li .more{position:absolute;right:-20px;bottom:-15px}
.index-pro-lw li:hover .more{-webkit-animation:bounce 1s both;-moz-animation:bounce 1s both;-o-animation:bounce 1s both;animation:bounce 1s both}






.index_quality_tit{background:url(../images/fw-tit.png) no-repeat center 22px;text-align:center;padding-top: 100px;}
.index_quality_tit h1{text-align:center;line-height:60px;color:#26376d;font-size:40px;font-weight:900;margin-top:-96px;position:relative}
.index_quality_tit p{text-align:center;line-height:2.1em;font-size:18px;font-weight:100;padding:17px 0;color:#333;font-weight:400}
.index_quality_tit h2{text-align:center;line-height:60px;color:#26376d;font-size:38px;font-weight:900;margin-top:-58px;position:relative}
.index_quality_tit span{display:inline-block}
.wrap1{width:92%;max-width:1400px;margin:0 auto}
.index_box{margin-top:80px;}
.wot{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.clear{zoom:1;}
.clear:after{ content:""; display:block; height:0; visibility:hidden; clear:both;}
.clear::before, .clear::after { content: "";display: table; } 
.clear::after{clear: both;}
#top_scroll {height:800px;overflow: hidden;max-width:90%;margin:58px auto 58px;}
#top_scroll ul li{float: left;width:24%;margin:0 0.5% 62px;background-color:#cacaca;text-align: center;position: relative;overflow: hidden;}
#top_scroll ul li h3{color:#000;height:50px;line-height:50px;font-size:18px;}
#top_scroll ul li .shadow{position: absolute;bottom:-226px;left:0;width:100%;height:226px;background-color: rgb(162 186 255 / 61%);}
#top_scroll ul li .shadow i{display: block;width:59px;height:59px;background:url(../images/search.png);margin:30px auto 30px;}
#top_scroll ul li .shadow span{display: block;width:180px;font-size:16px;color:#fff;height:34px;border:1px solid #fff;margin:0 auto;line-height:34px;}
#top_scroll ul li:hover .shadow{bottom:0;}




/*gylc*/
.gylc {height: 480px;background: url(../images/gylcbg.jpg) no-repeat center;position: relative;}
.gylc h2.h2_title a {font-size:47px; color: #FFFFFF;font-family: Impact, Haettenschweiler, Franklin Gothic Bold, Arial Black," sans-serif"; }
.gylc h2.h2_title{text-align: center; padding-top: 80px;}
.gylc p.p_title {color: #fff;text-align: center;}
.gylc .gylc_con {height: 295px;overflow: hidden;position: relative; margin-top: 35px;}
.gylc .gylc_con .gylc_lc1 {position: absolute;width: 100px;height: 230px;/*top: 50px;*/top: 300px;}
.gylc .gylc_con .gylc_lc1 span {display: block;width: 1px;margin:0 auto;height: 155px; background: #fff;}

.gylc .gylc_con .gylc_lc2 {position: absolute;width: 100px;height: 145px;/*top: 133px;*/top: 300px;}
.gylc .gylc_con .gylc_lc2 span {display: block;width: 1px;margin:0 auto;background: #fff;height: 70px;}

.gylc .gylc_con .lctit {height: 30px;line-height: 30px;text-align: center;padding-bottom: 72px;font-size: 18px;color: #fff;position: relative;}
.gylc .gylc_con .lctit i {display: block;position: absolute;left: 28px;bottom: 0;width: 43px;height: 43px;transition: all 0.5s;}
.gylc .gylc_con .lctit:hover i {transform: rotate(360deg);}

.gylc .gylc_con .lc_d1 {left:0px;*left: 59px;}
.gylc .gylc_con .lc_d2 {left:93px;*left: 159px;}
.gylc .gylc_con .lc_d3 {left:195px;*left:257px;}
.gylc .gylc_con .lc_d4 {left:315px;*left:357px;}
.gylc .gylc_con .lc_d5 {left:450px;*left:457px;}
.gylc .gylc_con .lc_d6 {left:600px;*left:557px;}
.gylc .gylc_con .lc_d7 {left:756px;*left:657px;}
.gylc .gylc_con .lc_d8 {left:918px;*left:757px;}
.gylc .gylc_con .lc_d9 {left:1050px;*left:857px;}
.gylc .gylc_con .lc_d10 {left:1175px;*left:957px;}
.gylc .gylc_con .lc_d11 {left:1311px;*left:1057px;}
.w1200 {
    width: 1400px;
    margin: 0 auto;
}

.gsjj{width: 100%; height: 656px; background: url(../images/hygsjjbj.jpg) center top no-repeat;}
.gsjjbt{text-align: center;padding-top:50px;}
.gsjjbt h2{font-size:40px;}
.gsjjl{float: left; width: 482px; height: 361px; margin: 80px 0 0 40px;}
.gsjjr{    float: right;
    font-size: 17px;
    line-height: 25px;
    width: 804px;
    margin-right: 30px;
    margin-top: 78px;}






















.case-info .img {

	float:left;

	margin-right:34px

}

.case-info .text {

	overflow:hidden;

	padding-top:28px;

	color:#666666

}

.case-info .text p {

	color:#666666

}

.case-info strong {

	display:block;

	position:absolute;

	right:72px;

	top:-40px;

	width:200px;

	height:80px;

	line-height:80px;

	text-align:center;

	border-radius:10px;

	background-color:#3068bf;

	font-size:40px;

	color:#ffffff

}

.case-info strong:before,.case-info strong:after {

	content:'';

	width:21px;

	height:32px;

	position:absolute;

	top:8px;

	z-index:-1

}

.case-info strong:before {

	background:url(../images/case-pic1.png) no-repeat;

	left:-16px

}

.case-info strong:after {

	background:url(../images/case-pic2.png) no-repeat;

	right:-16px

}

.case-gird {

	background-color:#fafafa;

	padding:72px 0 40px

}

.case-gird .wrap>strong {

	display:block;

	font-size:38px;

	color:#333333;

	line-height:1.25em;

	padding-left:78px;

	background:url(../images/case-icon1.png) no-repeat left center;

	margin-bottom:35px

}

.pro-top {

	background:url(../images/pro-bg.jpg) no-repeat top center;

	-webkit-background-size:cover;

	-moz-background-size:cover;

	-ms-background-size:cover;

	-o-background-size:cover;

	background-size:cover

}

.pro-slick {

	height:818px;

	overflow:hidden

}

.pro-slick .slick-list {

	padding-top:250px !important

}

.pro-slick .slick-item .item {

	margin-top:50px;

	position:relative

}

.pro-slick .slick-item .item .pic img {

	-webkit-transform:scale(0.6);

	-moz-transform:scale(0.6);

	-o-transform:scale(0.6);

	-ms-transform:scale(0.6);

	transform:scale(0.6)

}

.pro-slick .slick-current .item .pic img {

	-webkit-transform:scale(1.6);

	-moz-transform:scale(1.6);

	-o-transform:scale(1.6);

	-ms-transform:scale(1.6);

	transform:scale(1.6)

}

.pro-slick .slick-current .item {

	margin-top:0

}

.pro-slick .text {

	text-align:center;

	margin-top:150px;

	display:none

}

.pro-slick .text a {

	display:block;

	font-size:40px;

	line-height:50px;

	overflow:hidden;

	text-overflow:ellipsis;

	white-space:nowrap;

	color:#ccad91;

	background-image:-webkit-linear-gradient(top,#ccad91,#e2d1b7,#cfb195);

	-webkit-background-clip:text;

	background-clip:text;

	-webkit-text-fill-color:transparent;

	margin-bottom:10px

}

.pro-slick .text p {

	font-size:20px;

	color:#ffffff;

	line-height:30px;

	overflow:hidden;

	text-overflow:ellipsis;

	white-space:nowrap

}

.pro-slick .slick-current .text {

	display:block

}

.pro-slick .slick-dots {

	text-align:center;

	position:relative;

	z-index:1;

	bottom:150px

}

.pro-slick .slick-dots li {

	display:inline-block;

	padding:0 28px;

	cursor:pointer

}

.pro-slick .slick-dots:after {

	content:'';

	width:240px;

	height:1px;

	background-color:#eaeaea;

	position:absolute;

	top:19px;

	z-index:-1;

	left:50%;

	margin-left:-120px

}

.pro-slick .slick-dots li button {

	outline:none;

	font-size:0;

	width:14px;

	height:16px;

	border-radius:50%;

	border:2px solid #3068bf;

	background-color:#ffffff;

	display:block;

	cursor:pointer;

	-webkit-transition:all .3s ease-in-out;

	-moz-transition:all .3s ease-in-out;

	-ms-transition:all .3s ease-in-out;

	-o-transition:all .3s ease-in-out;

	transition:all .3s ease-in-out

}

.pro-slick .slick-dots li.slick-active button {

	width:36px;

	height:36px;

	border-color:#eaeaea;

	position:relative

}

.pro-slick .slick-dots li.slick-active button:before {

	content:'';

	width:50px;

	height:50px;

	border:3px dotted #3068bf;

	position:absolute;

	top:50%;

	left:50%;

	border-radius:50%;

	margin-top:-28px;

	margin-left:-28px

}

.pro-slick .slick-dots li.slick-active button:after {

	content:'';

	width:5px;

	height:5px;

	background-color:#3068bf;

	position:absolute;

	top:50%;

	left:50%;

	border-radius:50%;

	margin-top:-2.5px;

	margin-left:-2.5px

}

.pro-sort {

	background-color:#09263a;

	margin-bottom:115px

}

.pro-sort ul {

	overflow:hidden

}

.pro-sort li {

	float:left;

	width:20%;

	text-align:center;

	-webkit-transition:all .3s ease-in-out;

	-moz-transition:all .3s ease-in-out;

	-ms-transition:all .3s ease-in-out;

	-o-transition:all .3s ease-in-out;

	transition:all .3s ease-in-out

}

.pro-sort li a {

	display:block;

	font-size:18px;

	color:#ffffff;

	line-height:90px;

	cursor:pointer

}

.pro-sort li.on,.pro-sort li:hover {

	background-color:#05456a

}

.pro-box {

	margin-bottom:40px

}

.pro-list {

	margin-left:-3.3%

}

.pro-list li {

	float:left;

	width:30%;

	margin-left:3.3%;

	padding-left:60px;

	position:relative;

	margin-bottom:70px

}

.pro-list li .item {

	background:url(../images/pro-bg1.jpg) no-repeat;

	-webkit-background-size:cover;

	-moz-background-size:cover;

	-ms-background-size:cover;

	-o-background-size:cover;

	background-size:cover;

	height:458px;

	padding:42px 20px 0 30px;

	position:relative

}

.pro-list li .img {

	width:100%;

	position:absolute;

	bottom:0;

	left:0

}

.pro-list li .tit {

	display:block;

	font-size:24px;

	color:#ffffff;

	font-weight:bold;

	line-height:34px;

	overflow:hidden;

	text-overflow:ellipsis;

	white-space:nowrap;

	margin-bottom:20px;

	padding-left:15px;

	background:url(../images/pro-line2.jpg) no-repeat left center

}

.pro-list li p {

	font-size:18px;

	color:#fff;

	line-height:36px;

	padding-left:15px;

	overflow:hidden;

	text-overflow:ellipsis;

	white-space:nowrap

}

.pro-list li .tit:hover {

	color:#d0b297

}

.pro-list li .item:after {

	content:'';

	width:100%;

	height:100%;

	background:url(../images/pro-bg2.jpg) no-repeat;

	position:absolute;

	left:15px;

	top:15px;

	z-index:-1;

	-webkit-background-size:cover;

	-moz-background-size:cover;

	-ms-background-size:cover;

	-o-background-size:cover;

	background-size:cover;

	-webkit-transition:all .3s ease-in-out;

	-moz-transition:all .3s ease-in-out;

	-ms-transition:all .3s ease-in-out;

	-o-transition:all .3s ease-in-out;

	transition:all .3s ease-in-out;

	opacity:0;

	filter:alpha(opacity=0)

}

.pro-list li .item:before {

	content:'';

	width:100%;

	height:10px;

	background:url(../images/pro-line1.png) no-repeat;

	-webkit-background-size:cover;

	-moz-background-size:cover;

	-ms-background-size:cover;

	-o-background-size:cover;

	background-size:cover;

	position:absolute;

	left:0;

	top:0;

	-webkit-transition:all .3s ease-in-out;

	-moz-transition:all .3s ease-in-out;

	-ms-transition:all .3s ease-in-out;

	-o-transition:all .3s ease-in-out;

	transition:all .3s ease-in-out

}

.pro-list li:hover .item:after {

	opacity:1;

	filter:alpha(opacity=100)

}

.pro-list li:hover .item:before {

	background:url(../images/pro-line.png) no-repeat;

	-webkit-background-size:cover;

	-moz-background-size:cover;

	-ms-background-size:cover;

	-o-background-size:cover;

	background-size:cover

}

.product-top {

	background:url(../images/case-bg.jpg) no-repeat top center;

	-webkit-background-size:cover;

	-moz-background-size:cover;

	-ms-background-size:cover;

	-o-background-size:cover;

	background-size:cover;

	padding-top:190px;

	padding-bottom:70px

}

.product-top .col-pic {

	float:left;

	width:57%

}

.col-pic img {

	display:block;

	width:100%

}

.product-top .col-text {

	float:right;

	width:41%

}

.col-text h1 {

	font-size:40px;

	color:#fff;

	line-height:50px;

	padding-bottom:24px;

	position:relative;

	margin-bottom:18px

}

.col-text h1:after {

	content:'';

	width:125px;

	height:4px;

	background-color:#ffd698;

	position:absolute;

	left:0;

	bottom:0

}

.col-text>p {

	font-size:18px;

	color:#fff;

	line-height:36px;

	margin-bottom:6px

}

.col-text>p span {

	color:#49a6e4

}

.col-text .trait {

	margin-top:74px

}

.col-text .trait li {

	display:inline-block;

	color:#fff;

	margin-left:34px;

	padding-left:16px;

	position:relative

}

.col-text .trait li:first-child {

	margin-left:0

}

.col-text .trait li span {

	display:block;

	font-size:20px;

	line-height:30px;

	margin-bottom:12px

}

.col-text .trait li strong {

	display:block;

	font-size:26px;

	line-height:36px

}

.col-text .trait li:before {

	content:'';

	width:4px;

	height:20px;

	background-color:#3068bf;

	position:absolute;

	left:0;

	top:6px

}

.cp-content {

	margin-bottom:125px

}

.cp-content .col-l {

	float:left;

	width:50%;

	padding-right:50px;

	position:relative

}

.cp-content .col-l video {

	display:block;

	width:100%;

	-webkit-box-shadow:0 3px 24px rgba(0,0,0,0.15);

	-moz-box-shadow:0 3px 24px rgba(0,0,0,0.15);

	-ms-box-shadow:0 3px 24px rgba(0,0,0,0.15);

	-o-box-shadow:0 3px 24px rgba(0,0,0,0.15);

	box-shadow:0 3px 24px rgba(0,0,0,0.15)

}

.cp-content .col-l:after {

	content:'';

	width:413px;

	height:297px;

	background:url(../images/cp-dot.png) no-repeat;

	position:absolute;

	right:0;

	bottom:-104px;

	z-index:-1

}

.cp-content .col-r {

	float:right;

	width:50%;

	padding-right:13.5%;

	padding-left:24px;

	margin-top:78px

}

.cp-content .col-r h2 {

	font-size:38px;

	color:#333333;

	line-height:40px;

	padding-bottom:27px;

	position:relative;

	margin-bottom:30px

}

.cp-content .col-r h2:after {

	content:'';

	width:125px;

	height:4px;

	background-color:#3068bf;

	position:absolute;

	left:0;

	bottom:0

}

.cp-content .col-r p {

	font-size:18px;

	line-height:2em;

	color:#666666;

	padding-left:16px;

	position:relative

}

.cp-content .col-r p:before {

	content:'';

	width:4px;

	height:18px;

	background-color:#3068bf;

	position:absolute;

	left:0;

	top:8px

}

.play-sp {

	display:inline-block;

	font-size:26px;

	color:#fff;

	background-color:#053654;

	width:300px;

	height:76px;

	line-height:76px;

	padding-left:120px;

	text-align:center;

	position:relative;

	margin-top:64px;

	cursor:pointer;

	-webkit-transition:all .3s ease-in-out;

	-moz-transition:all .3s ease-in-out;

	-ms-transition:all .3s ease-in-out;

	-o-transition:all .3s ease-in-out;

	transition:all .3s ease-in-out

}

.play-sp:before {

	content:'';

	width:120px;

	height:76px;

	background-color:#3068bf;

	background-image:url(../images/cp-play.png);

	background-position:center;

	background-repeat:no-repeat;

	position:absolute;

	left:0;

	top:0

}

.play-sp:hover {

	background-color:#3068bf

}

.product-sort {

	margin-bottom:60px;

	padding-top:16px;

	border-bottom:1px solid #fafafa

}

.product-sort ul {

	overflow:hidden

}

.product-sort li {

	float:left;

	width:25%;

	text-align:center

}

.product-sort li a {

	display:block;

	font-size:18px;

	color:#666666;

	line-height:52px;

	position:relative

}

.product-sort li a:after {

	content:'';

	width:0;

	height:3px;

	background-color:#053654;

	position:absolute;

	bottom:0;

	left:50%;

	margin-left:-42px;

	-webkit-transition:all 0.2s ease-in-out;

	-moz-transition:all 0.2s ease-in-out;

	-ms-transition:all 0.2s ease-in-out;

	-o-transition:all 0.2s ease-in-out;

	transition:all 0.2s ease-in-out

}

.product-sort li.on a,.product-sort li:hover a {

	color:#043856

}

.product-sort li.on a:after,.product-sort li:hover a:after {

	width:84px

}

.tit-h2 {

	text-align:center;

	font-size:38px;

	line-height:40px;

	margin-bottom:52px

}

.cp-customer {

	overflow:hidden;

	margin-bottom:60px

}

.cp-customer img {

	display:block;

	width:100%

}

.slick-customer {

	width:2200px;

	margin-left:-150px

}

.slick-customer .slick-list {

	border-radius:10px

}

.slick-customer .slick-list .item {

	margin:0 60px;

	border-radius:10px;

	padding:30px 1% 1%

}

.slick-customer .slick-list .item img {

	display:block;

	width:100%;

	border-radius:10px;

	-webkit-box-shadow:0 0 13px rgba(48,104,191,0.27);

	-moz-box-shadow:0 0 13px rgba(48,104,191,0.27);

	-ms-box-shadow:0 0 13px rgba(48,104,191,0.27);

	-o-box-shadow:0 0 13px rgba(48,104,191,0.27);

	box-shadow:0 0 13px rgba(48,104,191,0.27)

}

.slick-customer .slick-current .item {

	-webkit-transform:scale(1.2);

	-moz-transform:scale(1.2);

	-o-transform:scale(1.2);

	-ms-transform:scale(1.2);

	transform:scale(1.2);

	border-radius:10px;

	height:381px;

	padding:1%

}

.slick-customer .slick-dots {

	text-align:center;

	margin-top:60px;

	position:relative;

	bottom:20px

}

.slick-customer .slick-dots li {

	display:inline-block;

	padding:0 28px;

	cursor:pointer

}

.slick-customer .slick-dots:after {

	content:'';

	width:240px;

	height:1px;

	background-color:#eaeaea;

	position:absolute;

	top:19px;

	z-index:-1;

	left:50%;

	-webkit-transform:translateX(-50%);

	transform:translateX(-50%)

}

.slick-customer .slick-dots li button {

	outline:none;

	font-size:0;

	width:14px;

	height:16px;

	border-radius:50%;

	border:2px solid #3068bf;

	background-color:#ffffff;

	display:block;

	cursor:pointer;

	-webkit-transition:all .3s ease-in-out;

	-moz-transition:all .3s ease-in-out;

	-ms-transition:all .3s ease-in-out;

	-o-transition:all .3s ease-in-out;

	transition:all .3s ease-in-out

}

.slick-customer .slick-dots li.slick-active button {

	width:36px;

	height:36px;

	border-color:#eaeaea;

	position:relative

}

.slick-customer .slick-dots li.slick-active button:before {

	content:'';

	width:50px;

	height:50px;

	border:3px dotted #3068bf;

	position:absolute;

	top:50%;

	left:50%;

	-webkit-transform:translate(-50%,-50%);

	-moz-transform:translate(-50%,-50%);

	-ms-transform:translate(-50%,-50%);

	-o-transform:translate(-50%,-50%);

	transform:translate(-50%,-50%);

	border-radius:50%

}

.slick-customer .slick-dots li.slick-active button:after {

	content:'';

	width:5px;

	height:5px;

	background-color:#3068bf;

	position:absolute;

	top:50%;

	left:50%;

	-webkit-transform:translate(-50%,-50%);

	-moz-transform:translate(-50%,-50%);

	-ms-transform:translate(-50%,-50%);

	-o-transform:translate(-50%,-50%);

	transform:translate(-50%,-50%);

	border-radius:50%

}

.cp-content1 {

	background:#032e47;

	background:-moz-linear-gradient(top,#0d577c 0%,#032e47 100%);

	background:-webkit-linear-gradient(top,#0d577c 0%,#032e47 100%);

	background:-o-linear-gradient(top,#0d577c 0%,#032e47 100%);

	background:-ms-linear-gradient(top,#0d577c 0%,#032e47 100%);

	background:linear-gradient(to bottom,#0d577c 0%,#032e47 100%);

	margin-bottom:60px;

	padding:47px 0

}

.cp-content1 .col-l {

	float:left;

	width:45%;

	color:#fff;

	margin-top:45px

}

.cp-content1 .col-l h2 {

	font-size:40px;

	line-height:50px;

	padding-bottom:35px;

	position:relative;

	margin-bottom:38px

}

.cp-content1 .col-l h2:after {

	content:'';

	width:125px;

	height:4px;

	background-color:#fff;

	position:absolute;

	left:0;

	bottom:0

}

.cp-content1 .col-l p {

	font-size:18px;

	line-height:2em

}

.cp-content1 .col-r {

	float:right;

	width:53%

}

.cppage {

	line-height:1

}

.cppage .wrap {

	max-width:1420px;

	width:100%

}

.cppage1 {

	background:url(../images/cppage_spbg.jpg) center no-repeat;

	background-size:cover;

	border-radius:0 0 100px 100px;

	padding-top:185px;

	overflow:hidden;

	position:relative;

	z-index:1

}

.cppage1:before {

	content:"";

	height:45px;

	background:#0b2233;

	background:linear-gradient(#0b2232,#043754);

	position:absolute;

	left:0;

	right:0;

	bottom:0;

	z-index:-1;

	opacity:0.5

}

.cppage1 .sty1 {

	width:45.42254%;

	float:left

}

.cppage1 .sty1 h1 {

	font-size:40px;

	color:#ffffff;

	font-weight:bold;

	line-height:1.4

}

.cppage1 .sty1 .wlbox {

	margin-top:25px;

	font-size:18px;

	line-height:2.1;

	color:#fff

}

.cppage1 .sty1 .wlbox span {

	color:#60a5cc

}

.cppage1 .sty1 .csbox {

	margin-top:45px;

	overflow:hidden

}

.cppage1 .sty1 .csbox li {

	width:31.78%;

	float:left;

	background:#0b2233;

	background:linear-gradient(#0b2233,rgba(11,34,51,0));

	border-radius:23px;

	padding:22px 0;

	margin-left:2.33%;

	text-align:center;

	position:relative

}

.cppage1 .sty1 .csbox li:before {

	content:"";

	width:23.90244%;

	height:1px;

	background:#ffc152;

	position:absolute;

	left:0;

	right:0;

	top:0;

	margin:0 auto

}

.cppage1 .sty1 .csbox li strong {

	font-size:18px;

	color:#60a5cc;

	font-weight:normal;

	display:block

}

.cppage1 .sty1 .csbox li p {

	font-size:24px;

	color:#ffffff;

	font-weight:bold;

	margin-top:15px

}

.cppage1 .sty1 .csbox li:first-child {

	margin-left:0

}

.cppage1 .sty1 .swtbox {

	font-size:0;

	margin-top:60px

}

.cppage1 .sty1 .swtbox .swtbtn {

	width:302px;

	height:97px;

	padding-left:19px;

	font-size:24px;

	color:#fff;

	font-weight:bold;

	line-height:97px;

	display:inline-block;

	vertical-align:middle;

	position:relative;

	z-index:1;

	cursor:pointer

}

.cppage1 .sty1 .swtbox .swtbtn:before {

	content:"";

	width:387px;

	height:179px;

	background:url(../images/cppage_spswtbg.png) center no-repeat;

	background-size:100%;

	position:absolute;

	left:-43px;

	bottom:-43px;

	z-index:-1

}

.cppage1 .sty1 .swtbox .swtbtn:after {

	content:"";

	width:82px;

	background:url(../images/cppage_spswtzs.png) center no-repeat;

	background-size:100%;

	position:absolute;

	right:-67px;

	top:0;

	bottom:0

}

.cppage1 .sty1 .swtbox .swtbtn span {

	font-size:18px;

	font-weight:normal;

	margin-left:12px

}

.cppage1 .sty1 .swtbox .telbtn {

	padding-left:52px;

	background:url(../images/cppage_sptel.png) left center no-repeat;

	font-size:18px;

	color:#81929e;

	display:inline-block;

	vertical-align:middle;

	margin-left:66px;

	position:relative;

	z-index:1

}

.cppage1 .sty1 .swtbox .telbtn span {

	font-size:26px;

	color:#fdaa3e;

	font-weight:bold;

	display:block;

	margin-top:13px

}

.cppage1 .sty1 .fwbox {

	margin-top:39px;

	text-align:center;

	overflow:hidden

}

.cppage1 .sty1 .fwbox p {

	padding-left:22px;

	background:url(../images/cppage_spfwtb.png) left center no-repeat;

	font-size:16px;

	color:#feb345

}

.cppage1 .sty1 .fwbox p span {

	font-size:20px;

	color:#fff;

	font-weight:bold

}

.cppage1 .sty1 .fwbox .pl {

	float:left

}

.cppage1 .sty1 .fwbox .pc {

	display:inline

}

.cppage1 .sty1 .fwbox .pr {

	float:right

}

.cppage1 .sty2 {

	width:50%;

	height:480px;

	float:right;

	text-align:center;

}

.cppage1 .sty2 img {

	display:block;

	margin-top:5%;

	transform:scale(1.22);

}

.cppage1 .styon img {

	transform:none;

}

.cppage1 .sty3 {

	margin-top:75px;

	padding:0 20px;

	overflow:hidden

}

.cppage1 .sty3 p {

	font-size:17px;

	color:#19577c;

	font-weight:bold;

	line-height:45px;

	float:left;

	margin-left:14.08%;

	position:relative

}

.cppage1 .sty3 p:before {

	content:"";

	width:160px;

	height:1px;

	border-top:1px dashed #004f7d;

	position:absolute;

	left:-261%;

	top:50%

}

.cppage1 .sty3 p:first-child {

	margin-left:0

}

.cppage1 .sty3 p:first-child:before {

	display:none

}

.cppage2 p {

	margin-top:45px;

	overflow:hidden

}

.cppage2 p a {

	width:25%;

	float:left;

	border-left:2px solid #e5e5e5;

	font-size:20px;

	color:#999999;

	line-height:1.2;

	text-align:center;

	display:block;

	transition:all linear 0.3s

}

.cppage2 p a span {

	position:relative

}

.cppage2 p a span:before {

	content:"";

	width:0;

	height:6px;

	background:#f8b745;

	border-radius:3px;

	position:absolute;

	left:0;

	bottom:0;

	z-index:-1;

	transition:all linear 0.3s

}

.cppage2 p a.on,.cppage2 p a:hover {

	color:#0c3a54

}

.cppage2 p a.on span:before,.cppage2 p a:hover span:before {

	width:51%

}

.cppage3 {

	padding-top:55px;

	padding-bottom:40px

}

.cppage3 .fl {

	width:68.30986%;

	float:left

}

.cppage3 .fl h2,.cppage3 .fl h3 {

	padding-left:46px;

	background:url(../images/cppage_nrtb.png) left center no-repeat;

	font-size:40px;

	color:#2f3840;

	line-height:1.4;

	font-weight:700;

	margin-top:40px

}

.cppage3 .fl h2:first-child,.cppage3 .fl h3:first-child {

	margin-top:0

}

.cppage3 .fl p {

	font-size:18px;

	line-height:2;

	color:#2f3840;

	margin-top:33px

}

.cppage3 .fl p img,.cppage3 .fl p video {

	max-width:800px;

	width:100%;

	height:auto !important;

	display:block;

	margin:0 auto

}

.cppage3 .fl p a {

	color:#00b681

}

.cppage3 .fl .trait-ul li {

	background:#ecf4fa;

	border-radius:20px;

	padding:20px 20px 15px 150px;

	margin-top:40px;

	position:relative

}

.cppage3 .fl .trait-ul li:before {

	content:"";

	width:1px;

	background:#3f5e9f;

	position:absolute;

	left:120px;

	top:12%;

	bottom:12%

}

.cppage3 .fl .trait-ul li span {

	width:120px;

	font-size:60px;

	font-weight:bold;

	color:#3f5e9f;

	text-align:center;

	position:absolute;

	left:0;

	top:50%;

	margin-top:-30px

}

.cppage3 .fl .trait-ul li strong {

	font-size:22px;

	font-weight:bold;

	color:#3f5e9f;

	display:block

}

.cppage3 .fl .trait-ul li .text {

	margin-top:12px

}

.list-paddingleft-2 {

	}.cppage3 .fl .cp-parameter {

	margin-top:40px;

	margin-bottom:40px

}

.cppage3 .fl .cp-parameter .cs-tab {

	margin-left:-3.8%;

	overflow:hidden

}

.cppage3 .fl .cp-parameter .cs-tab li {

	width:29.63%;

	float:left;

	border:1px solid #3f5e9f;

	border-radius:60px;

	font-size:16px;

	color:#333333;

	text-align:center;

	line-height:1.6;

	padding:13px 2%;

	margin-left:3.7%;

	margin-bottom:30px;

	cursor:pointer;

	transition:all linear 0.3s

}

.cppage3 .fl .cp-parameter .cs-tab li.on,.cppage3 .fl .cp-parameter .cs-tab li:hover {

	background:#3f5e9f;

	color:#ffffff

}

.cppage3 .fl .cp-parameter .cs-table {

	display:none

}

.cppage3 .fl .cp-parameter .dn {

	display:block

}

.cppage3 .fl .cp-parameter p {

	margin:14px 0

}

.cppage3 .fl .cp-parameter p:first-child {

	margin-top:0

}

.cppage3 .fl table td {

	font-size:16px;

	line-height:1.5;

	padding:6px 0

}

.cppage3 .fl .cp-parameter h2 {

	margin-bottom:30px

}

.cppage3 .fr {

	width:23.52113%;

	background:#fff;

	border-radius:29px;

	padding:25px 18px;

	float:right;

	box-shadow:0 3px 27px rgba(4,54,84,0.1)

}

.cppage3 .fr .tit {

	font-size:26px;

	color:#3f5e9f;

	font-weight:bold;

	text-align:center

}

.cppage3 .fr ul {

	margin-top:54px

}

.cppage3 .fr ul li {

	margin-top:33px;

	line-height:50px;

	position:relative

}

.cppage3 .fr ul li img {

	width:100%;

	display:block;

	border-radius:23px 23px 0 23px

}

.cppage3 .fr ul li span {

	padding-left:24px;

	padding-right:94px;

	font-size:18px;

	color:#4c4e52;

	overflow:hidden;

	text-overflow:ellipsis;

	white-space:nowrap;

	display:block;

	position:relative

}

.cppage3 .fr ul li span:after {

	content:"";

	width:60%;

	height:1px;

	background:linear-gradient(to right,transparent,#405f9f 15%);

	display:block;

	position:absolute;

	right:0;

	top:50%

}

.cppage3 .fr ul li em {

	width:31.544%;

	background:#ecf4fa;

	border-radius:0 0 5px 30px;

	font-size:18px;

	color:#3f5e9f;

	font-weight:bold;

	font-style:normal;

	text-align:center;

	display:block;

	position:absolute;

	right:0;

	bottom:0

}

.news-top {

	background:url(../images/new-bg.jpg) no-repeat top center;

	-webkit-background-size:cover;

	-moz-background-size:cover;

	-ms-background-size:cover;

	-o-background-size:cover;

	background-size:cover;

	padding-top:166px;

	padding-bottom:320px

}

.news-top strong {

	display:block;

	font-size:40px;

	color:#ffffff;

	line-height:50px;

	padding:30px 0;

	position:relative;

	z-index:1;

	margin-bottom:40px

}

.news-top strong:before {

	content:'';

	width:296px;

	height:51px;

	background:url(../images/new-txt.png) no-repeat;

	position:absolute;

	left:0;

	top:0;

	z-index:-1

}

.news-top strong:after {

	content:'';

	width:173px;

	height:6px;

	background:url(../images/new-line.png) no-repeat;

	position:absolute;

	left:0;

	bottom:0

}

.news-top p {

	font-size:20px;

	color:#fff;

	line-height:36px

}

.news-box {

	padding-left:13.5%;

	position:relative;

	margin-top:-292px;

	margin-bottom:72px;

	overflow:hidden;

	padding-bottom:100px

}

.news-slick .slick-item .item {

	-webkit-transform:scale(0.8);

	-moz-transform:scale(0.8);

	-o-transform:scale(0.8);

	-ms-transform:scale(0.8);

	transform:scale(0.8);

	padding-top:22px;

	position:relative;

	-webkit-transition:all .3s ease-in-out;

	-moz-transition:all .3s ease-in-out;

	-ms-transition:all .3s ease-in-out;

	-o-transition:all .3s ease-in-out;

	transition:all .3s ease-in-out;

	margin-left:-100px

}

.news-slick .slick-item .item .img img {

	display:block;

	width:100%

}

.news-slick .slick-current .item {

	-webkit-transform:scale(1);

	-moz-transform:scale(1);

	-o-transform:scale(1);

	-ms-transform:scale(1);

	transform:scale(1);

	margin-left:26px;

	padding-right:75px

}

.news-slick .slick-current .item:after {

	content:'';

	position:absolute;

	top:0;

	left:-26px;

	background-color:#fff;

	z-index:-1;

	right:104px;

	bottom:0

}

.news-slick .slick-item .text {

	position:absolute;

	left:0;

	bottom:0;

	right:0;

	background-color:rgba(12,26,39,0.8);

	padding:25px 100px 25px 30px

}

.news-slick .slick-current .text {

	right:75px

}

.news-slick .slick-item .text .tit {

	display:block;

	font-size:20px;

	color:#fff;

	line-height:30px;

	overflow:hidden;

	text-overflow:ellipsis;

	white-space:nowrap;

	margin-bottom:15px

}

.news-slick .slick-item .text p {

	overflow:hidden

}

.news-slick .slick-item .text .txt {

	display:block;

	float:left;

	font-size:18px;

	color:#fff;

	border:1px dashed #d0b297;

	padding:0 18px 0 10px;

	border-radius:10px;

	line-height:34px

}

.news-slick .slick-item .text .date {

	display:block;

	float:right;

	font-size:16px;

	color:#fff;

	line-height:20px;

	margin-top:10px

}

.news-slick .slick-item .text .more {

	display:block;

	background-color:#d3d4d6;

	position:absolute;

	right:0;

	bottom:0;

	padding:20px 16px 12px

}

.news-slick .slick-item .text .tit:hover {

	color:#d0b297

}

.news-slick .slick-item .text .more:hover {

	background-color:#d0b297

}

.news-slick .slick-prev {

	left:322px;

	background-image:url(../images/new-prev.png)

}

.news-slick .slick-next {

	left:448px;

	background-image:url(../images/new-next.png)

}

.news-slick .slick-arrow {

	outline:none;

	border:none;

	position:absolute;

	bottom:-100px;

	width:60px;

	height:60px;

	border-radius:50%;

	font-size:0;

	cursor:pointer;

	background-color:#717c86;

	background-repeat:no-repeat;

	background-position:center;

	-webkit-transition:all .3s ease-in-out;

	-moz-transition:all .3s ease-in-out;

	-ms-transition:all .3s ease-in-out;

	-o-transition:all .3s ease-in-out;

	transition:all .3s ease-in-out

}

.news-slick .slick-arrow:hover {

	background-color:#d0b297

}

.news-lists li {

	overflow:hidden;

	-webkit-box-shadow:0 0 13px rgba(0,0,0,0.06);

	-moz-box-shadow:0 0 13px rgba(0,0,0,0.06);

	-ms-box-shadow:0 0 13px rgba(0,0,0,0.06);

	-o-box-shadow:0 0 13px rgba(0,0,0,0.06);

	box-shadow:0 0 13px rgba(0,0,0,0.06);

	margin-bottom:84px;

	height:268px

}

.news-lists li .date {

	float:left;

	width:174px;

	padding-top:95px;

	padding-left:20px;

	color:#333333;

	-webkit-transition:all .3s ease-in-out;

	-moz-transition:all .3s ease-in-out;

	-ms-transition:all .3s ease-in-out;

	-o-transition:all .3s ease-in-out;

	transition:all .3s ease-in-out

}

.news-lists li .date em {

	display:block;

	font-size:40px;

	line-height:50px;

	font-style:normal;

	font-weight:bold;

	margin-bottom:5px

}

.news-lists li .date span {

	display:block;

	text-align:left;

	font-size:20px;

	line-height:30px

}

.news-lists li .img {

	display:block;

	float:left;

	width:404px;

	height:268px;

	overflow:hidden;

	object-fit:cover

}

.news-lists li .img img {

	width:100%;

	display:block

}

.news-lists li .text {

	padding:36px 60px 0 42px;

	width:58%;

	float:right

}

.news-lists li .text .tit {

	display:block;

	font-size:24px;

	color:#333;

	overflow:hidden;

	text-overflow:ellipsis;

	white-space:nowrap;

	font-weight:bold;

	line-height:34px;

	margin-bottom:24px

}

.news-lists li .text p {

	font-size:18px;

	color:#999999;

	line-height:36px;

	height:72px;

	display:block;

	overflow:hidden;

	text-overflow:ellipsis;

	display:-webkit-box;

	-webkit-line-clamp:2;

	-webkit-box-orient:vertical

}

.news-lists li .text .more-a {

	text-align:right;

	margin-top:28px;

	-webkit-transition:all .3s ease-in-out;

	-moz-transition:all .3s ease-in-out;

	-ms-transition:all .3s ease-in-out;

	-o-transition:all .3s ease-in-out;

	transition:all .3s ease-in-out

}

.news-lists li .text .more-a a {

	display:inline-block;

	font-size:16px;

	color:#3281c5;

	line-height:42px;

	text-align:center;

	width:167px;

	border:2px solid #3281c5;

	border-radius:23px;

	height:46px;

	position:relative

}

.news-lists li .text .more-a a:after {

	content:'';

	width:10px;

	height:9px;

	background:url(../images/new-arr01.png) no-repeat;

	position:absolute;

	top:18px;

	right:34px

}

.news-lists li:hover .text .tit {

	color:#3281c5

}

.news-lists li:hover .date {

	color:#3281c5

}

.news-lists li .text .more-a a:hover {

	background-color:#3281c5;

	color:#fff

}

.news-lists li .text .more-a a:hover:after {

	background:url(../images/new-arr02.png) no-repeat

}

.wp2 {

	width:94%;

	max-width:1320px;

	margin:0 auto

}

.pager-ul {

	text-align:center;

	margin-bottom:96px

}

.pager-ul li {

	display:inline-block;

	margin:0 4px;

	-webkit-transition:all .3s ease-in-out;

	-moz-transition:all .3s ease-in-out;

	-ms-transition:all .3s ease-in-out;

	-o-transition:all .3s ease-in-out;

	transition:all .3s ease-in-out

}

.pager-ul li a,.pager-ul li span {

	display:block;

	line-height:40px;

	padding:0 18px;

	font-size:14px;

	border:1px solid #dddddd;

	color:#020305

}

.pager-ul li.active,.pager-ul li:hover {

	border-color:#3281c5;

	background-color:#3281c5

}

.pager-ul li.active a,.pager-ul li:hover a,.pager-ul li:hover span {

	color:#fff

}

.main-inner {

	background:url(../images/xw-bg.jpg) no-repeat top center;

	-webkit-background-size:cover;

	-moz-background-size:cover;

	-ms-background-size:cover;

	-o-background-size:cover;

	background-size:cover;

	padding-top:165px;

	padding-bottom:88px

}

.main-inner h1 {

	font-size:40px;

	color:#fff;

	line-height:50px;

	margin-bottom:42px

}

.main-inner .qt {

	overflow:hidden

}

.main-inner .author {

	display:block;

	color:#3b71bc;

	float:left;

	padding-left:35px;

	font-size:18px;

	line-height:28px;

	background:url(../images/xw-icon.png) no-repeat left center

}

.main-inner .date {

	margin-left:50px;

	float:left

}

.main-inner .date span {

	display:block;

	color:#3b71bc;

	font-size:18px;

	line-height:28px;

	padding-left:40px

}

.main-inner .date .time {

	background:url(../images/xw-icon1.png) no-repeat left center;

	margin-bottom:8px

}

.main-inner .date .time1 {

	background:url(../images/xw-icon2.png) no-repeat left center

}

.main-inner .p1 {

	float:right;

	width:54%;

	background-color:#3281c5;

	font-size:20px;

	color:#fff;

	line-height:30px;

	text-align:center;

	padding:25px 0

}

.new-msg .wrap {

	background:url(../images/xw-bg2.jpg) no-repeat center;

	-webkit-background-size:cover;

	-moz-background-size:cover;

	-ms-background-size:cover;

	-o-background-size:cover;

	background-size:cover;

	position:relative;

	padding:55px 0 54px 44px;

	margin-top:-88px;

	z-index:1;

	-webkit-box-shadow:0 0 10px rgba(63,127,225,0.69);

	-moz-box-shadow:0 0 10px rgba(63,127,225,0.69);

	-ms-box-shadow:0 0 10px rgba(63,127,225,0.69);

	-o-box-shadow:0 0 10px rgba(63,127,225,0.69);

	box-shadow:0 0 10px rgba(63,127,225,0.69)

}

.new-msg .wrap:before,.new-msg .wrap:after {

	width:180px;

	height:180px;

	content:'';

	position:absolute

}

.new-msg .wrap:before {

	background:url(../images/xw-line.png) no-repeat;

	top:0;

	left:0

}

.new-msg .wrap:after {

	background:url(../images/xw-line1.png) no-repeat;

	bottom:0;

	right:0

}

.new-msg p {

	font-size:20px;

	color:#666666;

	line-height:30px;

	margin-bottom:20px

}

.new-msg p strong {

	font-size:24px;

	color:#3281c5;

	display:inline-block;

	margin-right:24px

}

.new-msg p span {

	font-size:24px;

	color:#3281c5;

	display:inline-block;

	font-weight:bold

}

.new-msg .msg span {

	display:inline-block;

	font-size:20px;

	color:#666666;

	line-height:30px;

	padding-left:32px;

	background:url(../images/xw-tag.png) no-repeat left center;

	margin-right:20px

}

.news-area {

	background-color:#f0f1f5;

	position:relative;

	padding-top:140px;

	margin-top:-95px;

	padding-bottom:104px

}

.main-news {

	background-color:#fff;

	padding:0 30px 0 24px;

	-webkit-box-shadow:0 0 10px rgba(0,0,0,0.02);

	-moz-box-shadow:0 0 10px rgba(0,0,0,0.02);

	-ms-box-shadow:0 0 10px rgba(0,0,0,0.02);

	-o-box-shadow:0 0 10px rgba(0,0,0,0.02);

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

	padding-bottom:120px

}

.main-news .col-l {

	float:left;

	width:72%;

	color:#666666;

	font-size:18px;

	line-height:2em;

	padding-top:58px

}

.main-news .col-l p {

	text-indent:2em;

	margin-bottom:36px

}

.main-news .col-l p img,.main-news .col-l video {

	height:auto;

	max-width:800px;

	margin-left:-2em;

	width:100%

}

.main-news .col-l p.p-ms {

	text-align:center;

	font-size:16px;

	margin-top:-20px;

	line-height:26px

}

.main-news .col-l h2 {

	font-size:30px;

	color:#07293f;

	line-height:40px;

	background:url(../images/xw-tag01.png) no-repeat left 8px;

	padding-left:90px;

	margin-bottom:25px

}

.main-news .pager {

	margin-top:58px

}

.main-news .pager li {

	float:left;

	width:45%;

	font-size:18px;

	color:#666666;

	-webkit-box-shadow:0 0 9px rgba(0,0,0,0.13);

	-moz-box-shadow:0 0 9px rgba(0,0,0,0.13);

	-ms-box-shadow:0 0 9px rgba(0,0,0,0.13);

	-o-box-shadow:0 0 9px rgba(0,0,0,0.13);

	box-shadow:0 0 9px rgba(0,0,0,0.13);

	border-radius:10px;

	padding:0 30px 0 75px;

	overflow:hidden;

	line-height:62px

}

.main-news .pager li em {

	font-style:normal;

	float:left

}

.main-news .pager li a {

	color:#666666;

	overflow:hidden;

	text-overflow:ellipsis;

	white-space:nowrap;

	display:block

}

.main-news .pager li.prev {

	margin-right:5%;

	background:url(../images/xw-top.png) no-repeat 30px center

}

.main-news .pager li.next {

	background:url(../images/xw-bottom.png) no-repeat 30px center

}

.main-news .pager li:hover a {

	color:#3068bf

}

.main-news .side-r {

	float:right;

	width:21%

}

.side-one {

	background:url(../images/xw-bg1.jpg) no-repeat;

	-webkit-background-size:cover;

	-moz-background-size:cover;

	-ms-background-size:cover;

	-o-background-size:cover;

	background-size:cover;

	-webkit-box-shadow:0 0 20px rgba(0,0,0,0.1);

	-moz-box-shadow:0 0 20px rgba(0,0,0,0.1);

	-ms-box-shadow:0 0 20px rgba(0,0,0,0.1);

	-o-box-shadow:0 0 20px rgba(0,0,0,0.1);

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

	border-radius:0 0 30px 30px;

	padding-top:30px;

	padding-bottom:14px;

	position:relative;

	margin-bottom:66px

}

.side-one strong {

	display:block;

	font-size:22px;

	color:#3068bf;

	line-height:32px;

	text-align:center;

	margin-bottom:16px

}

.side-one p {

	font-size:18px;

	color:#333333;

	padding-left:54px;

	line-height:28px;

	margin-bottom:24px;

	background:url(../images/xw-tag.png) no-repeat 24px center

}

.side-one:after {

	content:'';

	width:207px;

	height:208px;

	background:url(../images/xw-kf.png) no-repeat;

	position:absolute;

	left:42px;

	top:-208px;

	z-index:3

}

.side-two {

	background:url(../images/xw-bg3.jpg) no-repeat top;

	-webkit-background-size:cover;

	-moz-background-size:cover;

	-ms-background-size:cover;

	-o-background-size:cover;

	background-size:cover;

	-webkit-box-shadow:0 0 20px rgba(0,0,0,0.1);

	-moz-box-shadow:0 0 20px rgba(0,0,0,0.1);

	-ms-box-shadow:0 0 20px rgba(0,0,0,0.1);

	-o-box-shadow:0 0 20px rgba(0,0,0,0.1);

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

	border-radius:30px;

	position:relative;

	padding-top:65px;

	z-index:1;

	padding-bottom:35px

}

.side-two .side-tit {

	text-align:center;

	position:absolute;

	top:-26px;

	left:0;

	width:100%

}

.side-two strong {

	display:inline-block;

	font-size:26px;

	color:#ffffff;

	line-height:52px;

	width:195px;

	background:#3068bf;

	border-radius:10px;

	position:relative

}

.side-two strong:before,.side-two strong:after {

	content:'';

	width:9px;

	height:19px;

	position:absolute;

	z-index:-1

}

.side-two strong:before {

	background:url(../images/xw-arr2.png) no-repeat;

	top:8px;

	left:-7px

}

.side-two strong:after {

	background:url(../images/xw-arr02.png) no-repeat;

	top:8px;

	right:-7px

}

.side-two ul {

	padding:0 10px 0 20px

}

.side-two li a {

	display:block

}

.side-two li .img {

	width:100%;

	height:0;

	overflow:hidden;

	position:relative;

	padding-top:53.9%;

	border-radius:10px

}

.side-two li .img img {

	display:block;

	position:absolute;

	top:0;

	left:0;

	width:100%;

	height:100%

}

.side-two li .tit {

	font-size:18px;

	color:#333333;

	line-height:46px;

	overflow:hidden;

	text-overflow:ellipsis;

	white-space:nowrap;

	text-align:center

}

.side-two li .tit:hover {

	color:#3068bf

}

.relation-new {

	background:#fff

}

.relation-new .wrap {

	position:relative;

	padding-top:58px;

	z-index:1

}

.relation-new .tit {

	position:absolute;

	top:-40px;

	left:10px

}

.relation-new strong {

	display:inline-block;

	width:300px;

	height:80px;

	background:#3068bf;

	text-align:center;

	font-size:40px;

	line-height:80px;

	color:#fff;

	border-radius:10px;

	position:relative

}

.relation-new strong:before,.relation-new strong:after {

	content:'';

	width:14px;

	height:30px;

	position:absolute;

	z-index:-1

}

.relation-new strong:before {

	background:url(../images/xw-arr1.png) no-repeat;

	top:8px;

	left:-9px

}

.relation-new strong:after {

	background:url(../images/xw-arr01.png) no-repeat;

	top:8px;

	right:-9px

}

.news-ul {

	padding:0 200px 65px 70px;

	margin-top:20px

}

.news-ul li {

	float:left;

	width:50%;

	padding:20px 0;

	border-bottom:1px dashed #ededed

}

.news-ul li a {

	display:block;

	font-size:18px;

	color:#666666;

	line-height:38px;

	overflow:hidden;

	text-overflow:ellipsis;

	white-space:nowrap

}

.news-ul li:nth-child(odd) {

	border-right:1px dashed #ededed

}

.news-ul li:nth-child(even) {

	padding-left:80px

}

.news-ul li a:hover {

	color:#3068bf

}

.about-top {

	background:url(../images/about-bg.jpg) no-repeat top center;

	-webkit-background-size:cover;

	-moz-background-size:cover;

	-ms-background-size:cover;

	-o-background-size:cover;

	background-size:cover;

	padding-top:324px;

	padding-bottom:212px

}

.about-top .wrap {

	position:relative

}

.about-top .text {

	width:55%;

	color:#fff

}

.about-top .text h1 {

	font-size:60px;

	line-height:70px;

	margin-bottom:130px;

	position:relative

}

.about-top .text h1:after {

	content:'';

	width:567px;

	height:73px;

	background:url(../images/about-txt.png) no-repeat;

	position:absolute;

	left:0;

	top:-44px

}

.about-top .text p {

	text-indent:24px;

	padding-right:100px;

	font-size:18px;

	line-height:2em

}

.about-top .play {

	position:absolute;

	cursor:pointer;

	right:212px;

	top:50%;

	-webkit-transform:translateY(-50%);

	-moz-transform:translateY(-50%);

	-ms-transform:translateY(-50%);

	-o-transform:translateY(-50%);

	transform:translateY(-50%);

	z-index:2

}

.about-top .play:before,.about-top .play:after {

	content:'';

	width:97px;

	height:97px;

	border-radius:50%;

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

	position:absolute;

	top:0;

	left:0;

	z-index:-1

}

.about-top .play:before {

	animation:2s cubic-bezier(0.25,0.46,0.45,0.94) forwards scaleToggleOne infinite

}

.about-top .play:after {

	animation:4s cubic-bezier(0.25,0.46,0.45,0.94) forwards scaleToggleThree infinite

}

@keyframes scaleToggleOne {

	0%,100% {

	transform:scale(1);

	-webkit-transform:scale(1)

}

50% {

	transform:scale(1.5);

	-webkit-transform:scale(1.5)

}

}@keyframes scaleToggleThree {

	0%,100%,33% {

	transform:scale(1);

	-webkit-transform:scale(1)

}

66% {

	transform:scale(1.5);

	-webkit-transform:scale(1.5)

}

}.about-area {

	padding-top:116px;

	padding-bottom:60px

}

.about-area .wrap {

	position:relative

}

.about-area .wrap:after {

	content:'';

	width:413px;

	height:297px;

	background:url(../images/about-dot.png) no-repeat;

	position:absolute;

	top:-116px;

	right:0

}

.about-h2 {

	font-size:40px;

	color:#333333;

	line-height:50px;

	padding:35px 0;

	position:relative

}

.about-h2:before {

	content:'';

	width:567px;

	height:73px;

	background:url(../images/about-txt1.png) no-repeat;

	position:absolute;

	left:0;

	top:0

}

.about-h2:after {

	content:'';

	width:125px;

	height:4px;

	background-color:#3068bf;

	position:absolute;

	left:0;

	bottom:0

}

.about-area .wrap>p {

	font-size:18px;

	line-height:2em;

	color:#666666;

	margin-top:46px;

	margin-bottom:46px

}

.ms-p {

	padding-left:22px;

	position:relative

}

.ms-p:before {

	content:'';

	width:4px;

	height:18px;

	background-color:#3068bf;

	position:absolute;

	left:4px;

	top:8px

}

.about-area ul {

	overflow:hidden;

	margin-left:-2%;

}

.about-area li {

	float:left;

	width:23%;

	margin-left:2%;

	padding-right:10px;

}

.about-area li .pic {

	position:relative;

	margin-bottom:32px

}

.about-area li img {

	display:block;

	width:100%

}

.about-area li .pic:after {

	content:'';

	position:absolute;

	top:10px;

	left:10px;

	width:100%;

	height:100%;

	background-color:#c0d1ec;

	z-index:-1

}

.about-area li p {

	font-size:18px;

	color:#666666;

	text-align:center;

	line-height:28px

}

.about-area1 {

	background:#093962;

	padding:86px 0;

	overflow:hidden

}

.about-area1 .col-l {

	float:left;

	width:60%;

	color:#fff

}

.about-area1 .col-l h2 {

	color:#fff;

	margin-bottom:32px

}

.about-area1 .about-h2:after,.about-area1 .ms-p:before {

	background-color:#d2af8b

}

.about-area1 .about-h2:before {

	background:url(../images/about-txt2.png) no-repeat

}

.about-area1 p {

	font-size:18px;

	line-height:2em

}

.about-area1 .col-l .text {

	margin-left:23%;

	padding-right:40px;

	margin-bottom:90px

}

.about-area1 .col-l .pic-box {

	overflow:hidden

}

.pic-box .pic {

	float:left;

	width:48%;

	margin-left:2%

}

.pic-box .pic:first-child {

	margin-left:0

}

.about-area1 .col-r {

	float:right;

	width:40%

}

.about-area1 img {

	display:block;

	width:100%

}

.about-area2 {

	text-align:center;

	padding-top:76px

}

.about-area2 .about-h2:before {

	left:50%;

	margin-left:-283px

}

.about-area2 .about-h2:after {

	display:none

}

.about-area2 p {

	font-size:18px;

	color:#666666;

	margin-bottom:72px

}

.contact-top {

	background:url(../images/lx-bg.jpg) no-repeat top center;

	-webkit-background-size:cover;

	-moz-background-size:cover;

	-ms-background-size:cover;

	-o-background-size:cover;

	background-size:cover;

	padding-top:200px;

	padding-bottom:95px

}

.contact-top .wrap>strong {

	display:block;

	font-size:50px;

	color:#ffffff;

	letter-spacing:6px;

	position:relative;

	z-index:1;

	margin-bottom:30px

}

.contact-top .wrap>strong:before {

	content:'';

	width:295px;

	height:51px;

	background:url(../images/lx-txt.png) no-repeat;

	position:absolute;

	top:-12px;

	z-index:-1;

	left:2px

}

.contact-top .qt {

	margin-bottom:30px

}

.contact-top .qt span {

	display:inline-block;

	color:#fff;

	font-size:24px;

	line-height:34px;

	padding-left:40px;

	background:url(../images/case-icon.png) no-repeat left center;

	margin-right:20px

}

.contact-top p {

	padding-left:70px;

	margin-bottom:30px;

	line-height:70px;

	font-size:24px;

	color:#ffffff;

	background:url(../images/lx-bg1.png) no-repeat left center

}

.contact-top p strong {

	color:#f6b37f

}

.contact-list {

	position:relative;

	margin-top:-84px;

	margin-bottom:92px

}

.contact-list ul {

	overflow:hidden;

	background:#ffffff;

	-webkit-box-shadow:0 0 13px rgba(0,0,0,0.15);

	-moz-box-shadow:0 0 13px rgba(0,0,0,0.15);

	-ms-box-shadow:0 0 13px rgba(0,0,0,0.15);

	-o-box-shadow:0 0 13px rgba(0,0,0,0.15);

	box-shadow:0 0 13px rgba(0,0,0,0.15);

	border-radius:10px;

	padding-top:34px

}

.contact-list li {

	float:left;

	width:25%;

	text-align:center;

	padding-bottom:34px;

	position:relative

}

.contact-list li p {

	font-size:20px;

	color:#666666;

	line-height:24px

}

.contact-list li:after {

	content:'';

	width:2px;

	height:110px;

	background:url(../images/lx-line.png) no-repeat;

	position:absolute;

	top:12px;

	left:-2px

}

.contact-box {

	margin-bottom:50px

}

.contact-box h2 {

	text-align:center;

	padding:24px 0;

	letter-spacing:4px;

	margin-bottom:14px

}

.contact-box h2:before {

	width:290px;

	height:47px;

	background:url(../images/lx-txt1.png) no-repeat;

	left:50%;

	margin-left:-145px

}

.contact-box h2:after {

	display:none

}

.contact-box p {

	font-size:18px;

	color:#666666;

	line-height:28px;

	text-align:center

}

.contact-box ul {

	margin-top:100px;

	margin-left:-3.33%

}

.contact-box ul li {

	width:30%;

	margin-left:3.33%;

	float:left

}

.contact-box ul li .img {

	border-radius:10px

}

.contact-box ul li .img img {

	display:block;

	width:100%;

	border-radius:10px

}

.contact-box ul li span {

	display:block;

	font-size:24px;

	color:#0a2030;

	line-height:34px;

	text-align:center;

	padding:24px 0

}

.contact-box ul li span img {

	margin-right:5px

}

.error-wrapper {

	background:url(../images/error-bg.jpg) no-repeat top center;

	-webkit-background-size:cover;

	-moz-background-size:cover;

	-ms-background-size:cover;

	-o-background-size:cover;

	background-size:cover;

	padding-top:214px;

	padding-bottom:182px

}

.error-wrapper .wrap {

	text-align:center

}

.error-wrapper strong {

	display:block;

	font-size:44px;

	color:#ffffff;

	line-height:54px;

	font-weight:normal;

	margin:68px 0 30px

}

.error-wrapper p {

	font-size:16px;

	color:#ffffff;

	margin-bottom:30px

}

.error-wrapper p.tj {

	color:#ffd698

}

.error-wrapper p.tj a {

	color:#ffd698

}

.error-wrapper p.tj a:hover {

	color:#e6352c

}

.error-wrapper .see-more {

	display:inline-block;

	margin-top:60px

}

.fix-right {

	position:fixed;

	z-index:9999;

	width:211px;

	height:478px;

	right:-6px;

	top:50%;

	margin-top:-239px;

	background:url(../images/xf-bg.png) no-repeat top;

	background-size:100%;

	text-align:center

}

.fix-right a,.fix-right span {

	font-size:0;

	display:block;

	position:absolute;

	left:0;

	right:0;

	cursor:pointer

}

.fix-right .get {

	height:106px;

	top:30%

}

.fix-right .tel {

	height:90px;

	top:55%

}

.fix-right .con {

	background-color:#fff;

	padding-top:75px;

	padding-bottom:5px;

	border-radius:0 0 10px 10px;

	position:relative;

	margin-top:-68px;

	display:none

}

.fix-right .con span {

	display:block;

	font-size:18px;

	color:#333333;

	line-height:22px;

	margin-bottom:6px

}

.fix-right .con .tel strong {

	display:block;

	font-size:20px;

	color:#4180e1;

	line-height:24px

}

.fix-right .con .qt {

	font-size:18px;

	color:#2f76e4;

	line-height:20px;

	margin-top:10px

}

.fix-right .return-top {

	width:88px;

	background:#2a3e5c;

	border-radius:2px;

	padding:15px 0;

	position:fixed;

	right:55px;

	bottom:1%;

	cursor:pointer;

	display:none

}

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

	.index-goods .col-l {

	padding:342px 110px 0 23.5%

}

.pro-slick {

	height:910px

}

.slick-customer {

	width:100%;

	margin-left:0

}

.slick-customer .slick-current .item {

	height:auto

}

.slick-customer .slick-list .item {

	padding:1%

}

.error-wrapper {

	padding-top:300px;

	padding-bottom:230px

}

.about-area1 .col-l .text {

	margin-bottom:240px

}

.news-box {

	padding-left:22.5%

}

.slick-ydp {

	height:890px

}

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

	.index-top p {

	margin-bottom:170px

}

.index-goods .col-l {

	padding:342px 110px 0 5.5%

}

.slick-img .img {

	left:60px

}

.slick-list .slick-text {

	width:44%

}

.slick-customer {

	width:100%;

	margin-left:0

}

.slick-customer .slick-list .item {

	padding:1%;

	-webkit-transform:scale(0.9);

	-moz-transform:scale(0.9);

	-o-transform:scale(0.9);

	-ms-transform:scale(0.9);

	transform:scale(0.9);

	margin:0

}

.slick-customer .slick-current .item {

	height:auto;

	-webkit-transform:scale(1);

	-moz-transform:scale(1);

	-o-transform:scale(1);

	-ms-transform:scale(1);

	transform:scale(1)

}

.about-area1 .col-l .text {

	margin-left:12%;

	margin-bottom:35px

}

.news-box {

	padding-left:6.5%;

	margin-top:-210px

}

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

	.index-top .content {

	top:180px

}

.slick-ydp .slick-current .item p {

	font-size:18px

}

.index-goods .col-r li.li2,.index-goods .col-r li.li3 {

	left:410px

}

.index-goods .col-l {

	padding:342px 110px 0 3.5%

}

.slick-list .slick-text {

	margin-top:150px

}

.about-area1 .col-l .text {

	margin-left:7%

}

.news-box {

	padding-left:4.5%

}

.news-lists li .text {

	padding:36px 40px 0 32px;

	width:56%

}

.index-top h1 {

	margin-bottom:35px

}

.cppage1 {

	border-radius:0 0 50px 50px

}

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

	.header .wrap {

	width:100%

}

.header .nav li {

	margin:0 15px

}

.header .nav li a {

	font-size:16px

}

.header .head-tel {

	font-size:24px

}

.slick-ydp .slick-item .item .play {

	right:-58px

}

.index-top h1 {

	margin-bottom:36px

}

.index-top p {

	margin-bottom:130px

}

.slick-text>p {

	margin-bottom:50px

}

.pro-slick {

	height:720px

}

.cp-content .col-r {

	margin-top:0;

	padding-right:4.5%

}

.about-top .text {

	width:61%

}

.about-area .wrap:after {

	z-index:-1

}

.news-lists li .text {

	width:53%

}

.col-pic {

	margin-right:-12%

}

.cppage .wrap {

	max-width:1120px

}

.cppage1 {

	padding-top:165px

}

.cppage1 .sty1 h1 {

	font-size:35px

}

.cppage1 .sty1 .wlbox {

	margin-top:20px;

	font-size:16px

}

.cppage1 .sty1 .csbox {

	margin-top:35px

}

.cppage1 .sty1 .csbox li {

	border-radius:18px;

	padding:18px 0

}

.cppage1 .sty1 .csbox li strong {

	font-size:16px

}

.cppage1 .sty1 .csbox li p {

	font-size:20px;

	margin-top:12px

}

.cppage1 .sty1 .swtbox {

	margin-top:40px

}

.cppage1 .sty1 .swtbox .swtbtn {

	width:232px;

	height:77px;

	padding-left:15px;

	font-size:21px;

	line-height:77px

}

.cppage1 .sty1 .swtbox .swtbtn:before {

	width:312px;

	height:122px;

	left:-34px;

	bottom:-23px

}

.cppage1 .sty1 .swtbox .swtbtn:after {

	width:66px

}

.cppage1 .sty1 .swtbox .swtbtn span {

	font-size:16px;

	margin-left:6px

}

.cppage1 .sty1 .swtbox .telbtn {

	font-size:16px;

	margin-left:44px

}

.cppage1 .sty1 .swtbox .telbtn span {

	font-size:23px;

	margin-top:10px

}

.cppage1 .sty1 .fwbox {

	margin-top:30px

}

.cppage1 .sty1 .fwbox p {

	font-size:14px

}

.cppage1 .sty1 .fwbox p span {

	font-size:17px

}

.cppage1 .sty2 {

	height:385px

}

.cppage1 .sty3 {

	margin-top:65px

}

.cppage1 .sty3 p {

	margin-left:12.44%

}

.cppage1 .sty3 p:before {

	width:100px;

	left:-175%

}

.cppage2 p {

	margin-top:35px

}

.cppage2 p a {

	font-size:18px

}

.cppage3 {

	padding-top:45px;

	padding-bottom:30px

}

.cppage3 .fl {

	width:64%

}

.cppage3 .fl h2,.cppage3 .fl h3 {

	font-size:35px;

	margin-top:30px

}

.cppage3 .fl p {

	font-size:16px;

	margin-top:24px

}

.cppage3 .fl .swiperbox {

	margin-top:20px;

	margin-bottom:20px

}

.cppage3 .fl .swiperbox .swipernum .swipersp {

	font-size:16px;

	padding:10px 2%

}

.cppage3 .fr {

	width:28%

}

.cppage3 .fr ul {

	margin-top:34px

}

.cppage3 .fr ul li {

	margin-top:24px;

	line-height:45px

}

.cppage3 .fr ul li span {

	padding-left:10px;

	padding-right:94px;

	font-size:16px

}

.cppage3 .fr ul li em {

	font-size:16px

}

.case-gird .wrap>strong {

	font-size:35px

}

.case-list li .text {

	width:100%;

	padding:20px 2%

}

.case-list li .text .tit {

	font-size:20px

}

.case-list li .text p {

	font-size:16px

}

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

	.index-goods .col-l {

	padding:342px 70px 0 3.5%

}

.slick-img .img {

	left:10px

}

.slick-case .slick-arrow {

	bottom:50px

}

.col-text .trait li {

	margin-left:20px

}

.about-top .text {

	width:70%

}

.news-lists li {

	height:245px

}

.news-lists li .img {

	width:368px;

	height:245px

}

.news-lists li .date {

	padding-top:74px

}

.news-lists li .text {

	padding:26px 40px 0 32px

}

.news-lists li .text .more-a {

	margin-top:20px

}

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

	.header {

	padding-top:40px

}

.header .nav li {

	margin:0 10px

}

.header .nav li a {

	font-size:14px

}

.header .head-tel {

	font-size:20px

}

.header .head-tel img {

	width:24px;

	margin-right:5px

}

.index-top p {

	margin-bottom:48px

}

.index-top .content {

	top:130px

}

.slick-ydp .slick-item .item .play {

	right:-102px

}

.slick-ydp {

	height:632px

}

.index-goods .col-l {

	padding:206px 14px 0 3.5%

}

.index-goods .col-r img {

	width:270px

}

.index-goods .col-r li.li2,.index-goods .col-r li.li3 {

	left:292px

}

.index-goods .col-r li strong {

	font-size:40px;

	line-height:50px;

	margin-bottom:0

}

.index-goods .col-r li p {

	font-size:18px

}

.index-goods .col-r li.li1,.index-goods .col-r li.li4 {

	left:210px

}

.index-goods .col-r li.li2 {

	top:216px

}

.index-goods .col-r li.li3 {

	bottom:184px

}

.index-fw .text p {

	font-size:18px

}

.slick-list .slick-text {

	position:relative;

	z-index:1

}

.slick-text .tit {

	line-height:50px;

	margin-bottom:40px;

	font-size:30px

}

.slick-text .handle p {

	line-height:38px

}

.slick-text .handle {

	margin-bottom:14px

}

.slick-text>p {

	margin-bottom:24px

}

.slick-img .img:after {

	left:-190px

}

.case-list li .text {

	width:88%

}

.col-pic .other span {

	margin-left:10px

}

.col-txt {

	margin-top:30px

}

.col-txt h1 {

	font-size:30px;

	line-height:1.5

}

.pro-slick .text a {

	font-size:30px

}

.pro-list li .item {

	height:370px

}

.col-text .trait li {

	margin-left:10px

}

.col-text .trait li strong {

	font-size:20px

}

.col-text .trait li span {

	font-size:16px

}

.news-lists li .date {

	width:150px

}

.news-lists li .text {

	width:45%

}

.main-inner .date {

	margin-left:14px

}

.main-inner .p1 {

	font-size:18px

}

.side-one:after {

	display:none

}

.side-two strong {

	width:130px

}

.news-ul {

	padding:0 0 65px 0

}

.base-tel .tel-msg {

	padding:12px 36px 10px 18px

}

.base-tel span {

	width:130px

}

.col-pic {

	margin-right:-6%

}

.col-pic .other {

	margin-top:50px

}

.cppage .wrap {

	max-width:960px

}

.cppage1 {

	padding-top:145px

}

.cppage1 .sty1 h1 {

	font-size:30px

}

.cppage1 .sty1 .wlbox {

	font-size:14px

}

.cppage1 .sty1 .csbox {

	margin-top:25px

}

.cppage1 .sty1 .csbox li {

	border-radius:15px;

	padding:15px 0

}

.cppage1 .sty1 .csbox li strong {

	font-size:14px

}

.cppage1 .sty1 .csbox li p {

	font-size:17px;

	margin-top:9px

}

.cppage1 .sty1 .swtbox {

	margin-top:30px

}

.cppage1 .sty1 .swtbox .swtbtn {

	width:220px;

	height:57px;

	font-size:17px;

	line-height:57px

}

.cppage1 .sty1 .swtbox .swtbtn:before {

	width:265px;

	height:103px;

	left:-25px

}

.cppage1 .sty1 .swtbox .swtbtn:after {

	display:none

}

.cppage1 .sty1 .swtbox .swtbtn span {

	font-size:14px;

	margin-left:6px

}

.cppage1 .sty1 .swtbox .telbtn {

	background-size:40px;

	font-size:14px;

	margin-left:6px

}

.cppage1 .sty1 .swtbox .telbtn span {

	font-size:20px

}

.cppage1 .sty2 {

	height:320px

}

.cppage1 .sty3 {

	margin-top:45px

}

.cppage1 .sty3 p {

	margin-left:11.11%

}

.cppage1 .sty3 p:before {

	width:80px;

	left:-135%

}

.cppage2 p {

	margin-top:25px

}

.cppage2 p a {

	font-size:16px

}

.cppage3 {

	padding-top:35px;

	padding-bottom:20px

}

.cppage3 .fl h2,.cppage3 .fl h3 {

	font-size:30px;

	margin-top:25px

}

.cppage3 .fl p {

	font-size:14px;

	margin-top:20px

}

.cppage3 .fl .swiperbox .swipernum .swipersp {

	font-size:14px

}

.cppage3 .fl table td {

	font-size:14px

}

.cppage3 .fr {

	width:28%

}

.cppage3 .fr ul {

	margin-top:34px

}

.cppage3 .fr ul li {

	margin-top:24px;

	line-height:45px

}

.cppage3 .fr ul li span {

	padding-left:10px;

	padding-right:94px;

	font-size:16px

}

.cppage3 .fr ul li em {

	font-size:16px

}

.case-gird {

	padding:50px 0 30px

}

.case-gird .wrap>strong {

	font-size:30px

}

.case-list li .text .tit {

	font-size:18px

}

.case-list li .text p {

	font-size:14px;

	margin-bottom:5px

}

}.newsyear {

	position:fixed;

	left:0;

	right:0;

	top:0;

	bottom:0;

	z-index:99999;

	background:url(../images/newsyearban.jpg) center no-repeat;

	background-size:cover;

	opacity:0;

	display:none\9;

	transition:all linear 0.8s;

}

.newsyear .close {

	width:40px;

	height:40px;

	background:url(../images/newsyearclear.png) center no-repeat;

	background-size:100%;

	display:block;

	position:absolute;

	right:1%;

	top:1.5%;

	cursor:pointer;

	transition:all linear 0.5s;

}

.newsyear_on {

	opacity:1;

	display:block\9;

}