@charset "UTF-8";
/*px 2 rem*/
.sun-search .close-search {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}

.sun-pro-img .pro-list .wz .wzcon h3, .sun-pro-wz .pro-list .wz h3, .sun-sbzs .pro-list li .wz h4 {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.nav-btn {
	display: none;
}

@media (max-width: 990px) {
	.nav-btn {
		display: block;
		float: left;
		border: 1px solid #988AEE;
		border-radius: 3px;
		padding: 9px 10px;
	}

	.nav-btn span, .nav-btn:after, .nav-btn:before {
		display: block;
		height: 2px;
		background: #988AEE;
		-webkit-transition: all .5s ease;
		transition: all .5s ease;
		width: 22px;
	}

	.nav-btn span {
		margin: 4px 0;
	}

	.nav-btn:after, .nav-btn:before {
		content: '';
		-webkit-transform-origin: 3%;
		        transform-origin: 3%;
	}

	.nav-btn.click span {
		opacity: 0;
	}

	.nav-btn.click:after {
		-webkit-transform: rotate(-45deg);
		        transform: rotate(-45deg);
	}

	.nav-btn.click:before {
		-webkit-transform: rotate(45deg);
		        transform: rotate(45deg);
	}
}

.sun-banner {
	width: 100%;
}

.sun-banner .slick-slide {
	outline: none;
}

.sun-banner .slick-slide img {
	display: inline-block;
	width: 100%;
}

.sun-banner .slick-arrow {
	outline: none;
	border: none;
	font-size: 0;
	opacity: 0;
	-webkit-transition: opacity .5s ease;
	transition: opacity .5s ease;
	position: absolute;
	z-index: 999;
	top: 50%;
	margin-top: torrem(-25px);
	width: 3.125rem;
	height: 3.125rem;
	background: url(../images/banner_jt.png) center no-repeat;
	background-size: 100%;
	cursor: pointer;
}

.sun-banner .slick-arrow.slick-prev {
	left: 10%;
}

.sun-banner .slick-arrow.slick-next {
	right: 10%;
	-webkit-transform: rotate(180deg);
	        transform: rotate(180deg);
}

.sun-banner .slick-dots {
	position: absolute;
	bottom: 4%;
	z-index: 99;
	width: 100%;
	text-align: center;
}

.sun-banner .slick-dots li {
	display: inline-block;
	width: 22px;
	height: 22px;
	padding: 4px;
	border-radius: 50%;
	margin: 0 0.375rem;
	cursor: pointer;
	border: 1px solid transparent;
}

.sun-banner .slick-dots li button {
	width: 12px;
	height: 12px;
	background: #fff;
	border-radius: 50%;
	outline: none;
	border: none;
	color:transparent;
}

.sun-banner .slick-dots li:hover, .sun-banner .slick-dots li.slick-active {
	border-color: #fff;
}

.sun-banner:hover .slick-arrow {
	opacity: 1;
}

#mob-banenr {
	display: none;
}

@media (max-width: 768px) {
	#pc-banner {
		display: none;
	}

	#mob-banenr {
		display: block;
	}
}

/*顶部*/
.sun-top {
	line-height: 35px;
	background: #efefef;
}

.sun-top .hot-search a:after {
	content: '，';
}

/*头部*/
.sun-logo {
	display: block;
	padding: 1rem 0;
	padding-right: 10%;
}

.sun-logo h1 {
	display: inline;
}

.sun-logo img {
	max-width: 100%;
}

.head-right {
	padding-left: 13%;
}

.head-right-top {
	position: relative;
	margin: 20px 0;
}
@media (min-width:780px){
.head-right-top .head-contact{
display:none;}
}

.head-right-top .head-contact {
	font-size: 16px;
	color: #999;
	line-height: 1.8;
	float: left;
}

.sun-search {
	cursor: pointer;
	float: right;
}

.sun-search .search-btn {
	font-size: 18px;
	padding-top: 4px;
}

.sun-search .search-btn:after {
	content:
	font-family: 'Glyphicons Halflings';
	color: #000;
}

.sun-search .search-box {
	position: absolute;
	overflow: hidden;
	background: #9F98EF;
	width: 0;
	right: 0;
	top: 0;
	bottom: 0;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}

.sun-search .search-box form {
	display: block;
	height: 100%;
}

.sun-search .search-box #s_btn {
	width: 10%;
	height: 100%;
	background: url(../images/search_btn.png) center no-repeat;
	outline: none;
	border: none;
	font-size: 0;
	float: left;
}

.sun-search .search-box #keyword {
	width: 90%;
	float: right;
	height: 100%;
	background: none;
	outline: none;
	border: none;
	color: #fff;
}

.sun-search .close-search {
	position: absolute;
	right: 0;
	top: 0;
	background: #fff;
	border-radius: 10px;
	z-index: 99;
	padding: 5px;
	width: 20px;
}

.sun-search .close-search img {
	width: 100%;
}

.sun-nav > li {
	float: left;
	width: 16.66666%;
}

.sun-nav > li > a {
	display: block;
	text-align: center;
	font-size: 16.8px;
	padding: 10px 0;
	color: #999;
	position: relative;
}

@media (max-width: 1200px) {
	.sun-nav > li > a {
		font-size: 16px;
		padding: 8px 0;
	}
}

.sun-nav > li > a:after, .sun-nav > li > a:before {
	position: absolute;
	content: '';
	width: 45px;
	height: 2px;
	background: #B3ADF5;
	opacity: 0.2;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

@media (max-width: 1200px) {
	.sun-nav > li > a:after, .sun-nav > li > a:before {
		width: 40px;
	}
}

.sun-nav > li > a:after {
	right: 0;
	bottom: 0;
	-webkit-transform: rotate(90deg);
	        transform: rotate(90deg);
	-webkit-transform-origin: 100% 0;
	        transform-origin: 100% 0;
}

.sun-nav > li > a:before {
	top: 0;
	left: 0;
	-webkit-transform: rotate(90deg);
	        transform: rotate(90deg);
	-webkit-transform-origin: 0 0;
	        transform-origin: 0 0;
}

.sun-nav > li > a.active, .sun-nav > li > a:hover {
	color: #7B68EE;
}

.sun-nav > li > a.active:before, .sun-nav > li > a.active:after, .sun-nav > li > a:hover:before, .sun-nav > li > a:hover:after {
	opacity: 1;
}

.sun-nav > li > a.active:before, .sun-nav > li > a:hover:before {
	left: 50%;
	-webkit-transform: rotate(0deg) translateX(-50%);
	        transform: rotate(0deg) translateX(-50%);
}

.sun-nav > li > a.active:after, .sun-nav > li > a:hover:after {
	right: 50%;
	-webkit-transform: rotate(0deg) translateX(50%);
	        transform: rotate(0deg) translateX(50%);
}

@media (max-width: 990px) {
	.sun-head .mob-bg {
		background: #E64B3B;
	}

	.sun-logo {
		text-align: center;
		padding-right: 0;
	}

	.sun-logo img {
		height: 105px;
	}

	.head-right {
		padding-left: 0;
	}

	.head-right-top {
		margin: 0;
		padding: 5px 0;
	}

	.head-right-top .head-contact {
		font-size: 16px;
		color: #999;
		line-height: 1.8;
		float: left;
		width: 80%;
		text-align: center;
	}

	.sun-nav {
		background: #FFFFFF;
		z-index: 999;
		position: absolute;
		left: 0;
		right: 0;
		display: none;
	}

	.sun-nav > li {
		float: none;
		width: 100%;
	}

	.sun-nav > li > a {
		font-size: 14px;
	}

	.sun-nav > li > a:after, .sun-nav > li > a:before {
		opacity: 0;
	}
}

/*sun-about*/
.box-pd {
	padding: 80px 0;
}

@media (max-width: 990px) {
	.box-pd {
		padding: 40px 0;
	}
}

.sun-tit {
	text-align: center;
	color: #e64b3b;
	font-size: 50px;
	position: relative;
	padding-bottom: 10px;
	margin-bottom: 50px;
}

.sun-tit:after {
	width: 10%;
	left: 45%;
	content: '';
	position: absolute;
	height: 5px;
	background: #dfdcfb;
	bottom: 0;
}

@media (max-width: 990px) {
	.sun-tit {
		font-size: 30px;
		padding-bottom: 5px;
		margin-bottom: 20px;
	}

	.sun-tit:after {
		width: 10%;
		height: 2px;
	}
}

.sun-about .about-wz {
	text-align: center;
	color: #666;
	font-size: 14px;
	line-height: 1.7;
}

.sun-about .about-wz p {
	margin-bottom: 10px;
}

.sun-about .about-wz p img {
	max-width: 100%;
}

/*sun-pro-img*/
.sun-pro-img {
	background: url(../images/bg1.jpg) top center no-repeat;
	background-size: cover;
}

.sun-pro-img .pro-list {
	position: relative;
	overflow: hidden;
}

@media (max-width: 990px) {
	.sun-pro-img .pro-list {
		margin-bottom: 20px;
	}
}

.sun-pro-img .pro-list .img img {
	width: 100%;
}

.sun-pro-img .pro-list .wz {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(123, 104, 238, 0.75);
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
	-webkit-transform: translateY(100%);
	        transform: translateY(100%);
}

.sun-pro-img .pro-list .wz .wzcon {
	padding: 27% 10%;
	color: #fff;
	text-align: center;
}

.sun-pro-img .pro-list .wz .wzcon h3 {
	font-size: 29px;
	font-weight: normal;
}

.sun-pro-img .pro-list .wz .wzcon .info {
	font-size: 14px;
	line-height: 25px;
	height: 50px;
	overflow: hidden;
	margin-top: 7px;
}

.sun-pro-img .pro-list .wz .share-g {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 15px 0;
	background: #7B68EE;
	text-align: center;
}

.sun-pro-img .pro-list .wz .share-g a {
	display: inline-block;
	height: 41px;
	width: 41px;
	background-color: rgba(159, 152, 239, 0.35);
	-webkit-transition: .5s all;
	transition: .5s all;
	border-radius: 50%;
	margin: 0 5px;
}

.sun-pro-img .pro-list .wz .share-g a img {
	max-width: 100%;
}

.sun-pro-img .pro-list .wz .share-g a:hover {
	background-color: #000;
}

.sun-pro-img .pro-list:hover .wz {
	-webkit-transform: translateY(0);
	        transform: translateY(0);
}

@media (max-width: 990px) {
	.sun-pro-img .pro-list .wz {
		display: none;
	}
}

/*sun-pro-wz*/
.sun-pro-wz {
	padding-bottom: 35px;
}

.sun-pro-wz .pro-list {
	margin-bottom: 45px;
	border: 1px solid #988aee;
}

.sun-pro-wz .pro-list .icvon {
	width: 30%;
	float: left;
	color: #fff;
	background: #988aee;
	text-align: center;
	padding: 40px 0;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	border-right: 1px solid #988aee;
}

.sun-pro-wz .pro-list .icvon span {
	font-size: 42px;
}

.sun-pro-wz .pro-list .wz {
	overflow: hidden;
	padding: 44px 40px;
}

.sun-pro-wz .pro-list .wz h3 {
	font-size: 21px;
    color: #333;
    /* margin-bottom: 10px; */
    font-weight: normal;
    line-height: 34px;
    text-align: center;
}

.sun-pro-wz .pro-list .wz .info {
	color: #999;
	font-size: 15.4px;
	line-height: 24px;
	height: 49px;
	overflow: hidden;
}

.sun-pro-wz .pro-list:hover .icvon {
	background: #fff;
	color: #988aee;
}

@media (max-width: 990px) {
	.sun-pro-wz .pro-list {
		margin-bottom: 20px;
	}
}

/*sun-sbzs*/
.sun-sbzs .pro-tab-li {
	text-align: center;
	font-size: 0;
	margin-bottom: 40px;
}

.sun-sbzs .pro-tab-li li {
	display: inline-block;
	padding: 0 20px;
	cursor: pointer;
}

.sun-sbzs .pro-tab-li li span {
	display: inline-block;
	line-height: 22px;
	color: #333;
	font-size: 15px;
	border-bottom: 1px solid transparent;
}

.sun-sbzs .pro-tab-li li.on span, .sun-sbzs .pro-tab-li li:hover span {
	color: #7B68EE;
	border-bottom-color: #7B68EE;
}

.sun-sbzs .tab-con .tab-box {
	display: none;
}

.sun-sbzs .pro-list li {
	float: left;
	width: 25%;
	position: relative;
}

.sun-sbzs .pro-list li .img {
	overflow: hidden;
}

.sun-sbzs .pro-list li .img img {
	width: 100%;
	-webkit-transform: scale(1);
	        transform: scale(1);
	-webkit-transition: all 2s ease;
	transition: all 2s ease;
}

.sun-sbzs .pro-list li .wz {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	background: rgba(0, 0, 0, 0.5);
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
	-webkit-transform: scale(0);
	        transform: scale(0);
}

.sun-sbzs .pro-list li .wz h4 {
	font-size: 30px;
	padding: 0 10%;
	color: #fff;
	text-align: center;
	font-weight: 200;
	padding-top: 35%;
}

.sun-sbzs .pro-list li:hover .img img {
	-webkit-transform: scale(1.3);
	        transform: scale(1.3);
}

.sun-sbzs .pro-list li:hover .wz {
	-webkit-transform: scale(1);
	        transform: scale(1);
}

@media (max-width: 768px) {
	.sun-sbzs .pro-list li {
		width: 50%;
	}

	.sun-sbzs .pro-list li .wz h4 {
		font-size: 20px;
	}
}

/*sun-honor*/
.sun-honor {
	font-size: 0;
	padding-top: 0;
}

.sun-honor .honor-list {
	padding: 0 15px;
	width: 20%;
	display: inline-block;
	vertical-align: bottom;
}

.sun-honor .honor-list a {
	display: block;
	border: 1px solid #efefef;
	padding: 1px;
}

.sun-honor .honor-list img {
	width: 100%;
}

/*sun-message*/
.sun-message {
	background: url(../images/bg1.jpg) top center no-repeat;
	background-size: cover;
}

.sun-message .input-g .m_input {
	display: block;
	width: 100% !important;
	height: 44px !important;
	border: 1px solid #fff;
	padding-left: 11px !important;
	font-size: 14px;
	color: #fff;
	background: none;
	outline: none;
	margin-bottom: 20px;
}

.sun-message .input-g .m_input::-webkit-input-placeholder {
	color: #fff;
	opacity: 1;
}

.sun-message .input-g .m_input:-moz-placeholder {
	color: #fff;
	opacity: 1;
}

.sun-message .input-g .m_input::-moz-placeholder {
	color: #fff;
	opacity: 1;
}

.sun-message .input-g .m_input:-ms-input-placeholder {
	color: #fff;
	opacity: 1;
}

.sun-message .input-g #content {
	height: 168px !important;
	padding: 8.4px 11px !important;
	resize: none;
	font-size: 14px;
}

.sun-message .input-g #checkcode {
	width: 20% !important;
	height: 30px !important;
	display: inline-block !important;
	vertical-align: middle;
	margin-bottom: 0;
}

@media (max-width: 768px) {
	.sun-message .input-g #checkcode {
		width: 40% !important;
	}
}

.sun-message .input-g #change_code {
	font-size: 14px;
	color: #fff;
}

.sun-message .btn-g {
	text-align: center;
}

.sun-message .btn-g .msgbtn {
	color: #fff;
	padding: 0.7em 5em;
	font-size: 1.1em;
	margin: 1em 0 0 0;
	background: #7B68EE;
	-webkit-transition: 0.5s all;
	transition: 0.5s all;
	border: 2px solid #7B68EE;
	transition: 0.5s all;
	outline: none;
}

.sun-message .btn-g .msgbtn:hover {
	background: none;
	color: #7B68EE;
}

/*sun-contact*/
.sun-contact .cont-box {
	background: #988aee;
	padding: 56px;
	font-size: 15.5px;
	color: #fff;
	line-height: 1.7;
	text-align: center;
}

@media (max-width: 990px) {
	.sun-contact .cont-box {
		padding: 20px;
	}
}

.sun-contact .cont-box h3 {
	font-weight: normal;
	font-size: 28px;
	margin-bottom: 10px;
}

.sun-contact .cont-box .share-g {
	padding: 15px 0;
	text-align: center;
}

.sun-contact .cont-box .share-g a {
	display: inline-block;
	height: 41px;
	width: 41px;
	background-color: rgba(159, 152, 239, 0.35);
	-webkit-transition: .5s all;
	transition: .5s all;
	border-radius: 50%;
	margin: 0 5px;
	cursor: pointer;
}

.sun-contact .cont-box .share-g a img {
	max-width: 100%;
}

.sun-contact .cont-box .share-g a:hover {
	background-color: #000;
}

.sun-contact .links-box {
	padding: 56px;
}

.sun-contact .links-box h3 {
	font-weight: normal;
	font-size: 28px;
	margin-bottom: 10px;
	color: #333;
}

.sun-contact .links-box a {
	font-size: 14px;
	line-height: 1.7;
	display: inline-block;
	padding-right: 15px;
	color: #666;
}

.sun-contact .links-box a:hover {
	text-decoration: underline;
	color: #988aee;
}

/*sun-footer*/
.sun-footer {
	text-align: center;
	background: #000;
	padding: 15px 0;
	color: #fff;
	line-height: 2;
	font-size: 14px;
}

.sun-footer a {
	color: #fff;
}

.sun-footer a:hover {
	text-decoration: underline;
}

/*backtop*/
#backtop {
	display: none;
	position: fixed;
	bottom: 3%;
	right: 3%;
	width: 32px;
	height: 32px;
	z-index: 999;
	cursor: pointer;
}

.icpcode:before {
	content: url(../images/icpcode.png);
	margin-right:5px;
	    vertical-align: -4px;
}