*{box-sizing: border-box;margin:0;padding:0;}

html {

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

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

	line-height: 1.15;

	-webkit-tap-highlight-color: rgba(0,0,0,0);

}

body {

	margin: 0;

	font-family: "Microsoft Yahei", PingFangSC-Regular, "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;

	line-height: 1.42857143;

	font-size: 14px;

	min-width: 1230px;

    background-color: #f8f8f8;

	color: #333;

	overflow-x: hidden;

	overflow-y: auto;

}

h1 {

	font-size: 2em;

	margin: .67em 0;

}

figure {

	margin: 1em 40px;

}

hr {

	box-sizing: content-box;

	height: 0;

	overflow: visible;

}

img{display: block;}

a {

	-webkit-text-decoration-skip: objects;

	background-color: transparent;

}

abbr[title] {

	border-bottom: none;

	-webkit-text-decoration: underline dotted;

	text-decoration: underline dotted;

}

b, strong {

	font-weight: bolder;

}

dfn {

	font-style: italic;

}

mark {

	background-color: #ff0;

	color: #000;

}

small {

	font-size: 80%;

}

sub, sup {

	font-size: 75%;

	line-height: 0;

	position: relative;

	vertical-align: baseline;

}

sub {

	bottom: -.25em;

}

sup {

	top: -.5em;

}

audio:not([controls]) {

	display: none;

	height: 0;

}

img {

	border-style: none;

}

svg:not(:root) {

	overflow: hidden;

}

button, input, optgroup, select, textarea {

	line-height: 1.42857143;

	margin: 0;

	outline: none;

}

body, button, input, select, textarea {

	text-rendering: optimizeLegibility;

	-webkit-font-smoothing: antialiased;

	-moz-osx-font-smoothing: grayscale;

	-moz-font-feature-settings: "liga", "kern";

}

button, input {

	overflow: visible;

}

button, select {

	text-transform: none;

}

button, html [type=button],/* 1 */ [type=reset], [type=submit] {

-webkit-appearance:button;

}

button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner {

border-style:none;

padding:0;

}

button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring {

outline:1px dotted ButtonText;

}

fieldset {

	padding: .35em .75em .625em;

}

legend {

	box-sizing: border-box;

	color: inherit;

	display: table;

	max-width: 100%;

	padding: 0;

	white-space: normal;

}

progress {

	display: inline-block;

	vertical-align: baseline;

}

textarea {

	overflow: auto;

}

[type=checkbox], [type=radio] {

box-sizing:border-box;

padding:0;

}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {

height:auto;

}

[type=search] {

-webkit-appearance:textfield;

outline-offset:-2px;

}

[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {

-webkit-appearance:none;

}

::-webkit-file-upload-button {

-webkit-appearance:button;

font:inherit;

}

summary {

	display: list-item;

}

article, aside, footer, header, nav, section, figcaption, figure, main, details,/* 1 */ menu {

	display: block;

}

pre, code, kbd, samp {

	font-family: monospace, monospace;

	font-size: 1em;

}

audio, video, canvas {

	display: inline-block;

}

template, [hidden] {

display:none;

}

.clearfix {

	zoom: 1;

}

.clearfix:before, .clearfix:after {

	display: table;

	line-height: 0;

	content: "";

}

.clearfix:after {

	clear: both;

}

a {

	color: #333;

	text-decoration: none;

}

a:hover {

	color: #104492;

}

ul {

	margin: 0;

	list-style: none;

	padding: 0;

}

.img-center {

	text-align: center;

	font-size: 0;

}

.img-center img {

	display: inline-block;

	width: 100%;

	height: auto;

	max-width: 100%;

	max-height: 100%;

	vertical-align: middle;

	-webkit-transition: all 0.5s;

	transition: all 0.5s;

}

.img-cover {

	overflow: hidden;

	position: relative;

}

.img-cover span {

	display: block;

	width: 100%;

	background: no-repeat center / cover;

	-webkit-transition: all 0.5s;

	transition: all 0.5s;

	height: 100%;

	position: absolute;

	left: 0;

	top: 0;

}

.more-big {

	display: block;

	background-color: #363e45;

	width: 184px;

	line-height: 44px;

	color: #fff;

	position: relative;

	overflow: hidden;

}

.more-big:after {

	position: absolute;

	right: 0;

	top: 0;

	width: 37px;

	content: "";

	height: 0;

	border-top: 44px solid #104492;

	border-left: 28px solid transparent;

	-webkit-transition: all .5s;

	transition: all .5s;

}

.more-big span {

	display: block;

	padding: 0 15px 0 30px;

	font-size: 16px;

	position: relative;

	z-index: 1;

}

.more-big span i {

	float: right;

	font-size: 20px;

	font-weight: bold;

	font-style: normal;

}

.more-big:hover {

	color: #fff;

}

.more-big:hover:after {

	width: 100%;

	height: 100%;

}

.container {

	padding: 0 15px;

	width: 1200px;

	margin: 0 auto;

}

.kf {

	width: 208px;

	position: fixed;/* right: 20px; */

	right: -208px;

	top: 50%;

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

	transform: translateY(-50%);

	z-index: 999;

}

.kt-top {

	height: 40px;

	line-height: 40px;

	background: url(../images/kefu.png) 12px center no-repeat #104492;

	-ms-background-size: auto 20px;

	background-size: auto 20px;

	padding-left: 46px;

	font-size: 14px;

	color: #fff;

}

.kt-top span:hover {

	-webkit-transform: rotate(90deg);

	transform: rotate(90deg);

}

.kt-top span {

	width: 18px;

	height: 16px;

	float: right;

	position: relative;

	margin: 10px 10px 0 0;

	cursor: pointer;

	transition: .5s;

	-webkit-transition: .5s;

	-moz-transition: .5s;

	-ms-transition: .5s;

	-o-transition: .5s;

}

.kt-top span b {

	width: 100%;

	height: 2px;

	background: #fff;

	display: block;

	position: absolute;

	top: 50%;

	left: 0;

}

.kt-top span b:first-child {

	transform: rotate(45deg);

	-webkit-transform: rotate(45deg);

	-moz-transform: rotate(45deg);

	-ms-transform: rotate(45deg);

	-o-transform: rotate(45deg);

}

.kt-top span b:last-child {

	transform: rotate(-45deg);

	-webkit-transform: rotate(-45deg);

	-moz-transform: rotate(-45deg);

	-ms-transform: rotate(-45deg);

	-o-transform: rotate(-45deg);

}

.kf .con {

	overflow: hidden;

	background: #fff;

}

.kf .qq li {

	height: 36px;

	line-height: 36px;

	border-bottom: #f5f5f5 solid 1px;

	padding-left: 16px;

}

.kf .qq li a {

	height: 36px!important;

	color: #666;

	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis;

	text-decoration: initial;

	display: block;

}

.kf .qq li a img {

	padding-right: 6px;

}

.kf .con h5 {

	height: 26px;

	line-height: 26px;

	margin-top: 12px;

	background: url(../images/lianxi.png) 16px center no-repeat;

	padding-left: 45px;

	color: #666;

	font-size: 14px;

	margin-bottom: 0;

}

.kf .contact {

	margin-top: 1px;

}

.kf .contact p {

	height: 26px;

	line-height: 26px;

	color: #666;

	font-size: 14px;

	padding-left: 22px;

	margin: 0;

}

.kf .contact p:nth-child(2n) {

	padding-left: 32px;

}

.kf .con h5.qr-icon {

	background: url(../images/erweima.png) 16px center no-repeat;

}

.kf .con .qr {

	margin-top: 10px;

	padding-left: 40px;

}

.kf .con .qr img {

	width: 110px;

	height: 110px;

}

.kf .backTop {

	width: 100%;

	height: 40px;

	margin-top: 10px;

	background: url(../images/huidaodingbu.png) center center no-repeat#104492;

	background-size: 18px auto;

	cursor: pointer;

}

.kf-side {

	padding: 18px 10px 10px;

	background: #104492;

	position: absolute;

	top: 50%;

	transform: translateY(-50%);

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

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

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

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

	left: -34px;

	cursor: pointer;

}

.kf-side b {

	display: block;

	color: #fff;

	line-height: 18px;

	font-size: 14px;

	font-weight: 400;

}

.kf-side span.arrow {

	width: 12px;

	height: 12px;

	background: url(../images/jt-1.png) no-repeat;

	-ms-background-size: auto 12px;

	background-size: auto 12px;

	display: block;

	margin-top: 10px;

}

.kf-side span.on {

	background: url(../images/jt-2.png) no-repeat;

	-ms-background-size: auto 12px;

	background-size: auto 12px;

}

#message {

	position: fixed;

	width: 100%;

	height: 100%;

	left: 0;

	top: 0;

	z-index: 1000;

	transform: scale(0);

	transition: .3s;

}

.messagebg {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

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

	z-index: 1001;

}

#message .m-content {

	margin-top: 8%;

}

#message .m-content .m-message {

	background: #fff;

	width: 580px;

	background: #fff;

	padding: 50px;

	margin: 0 auto;

	position: relative;

	z-index: 1002;

	box-shadow: 1px 1px 50px rgba(0,0,0,.3);

}

.m-message {

	width: 494px;

	margin: 48px auto 0;

}

.m-message label {

	margin-bottom: 15px;

	display: block;

	font-size: 14px;

}

.m-message label em {

	display: block;

	float: right;

	color: red;

	height: 32px;

	line-height: 32px;

}

.m-message label span {

	width: 70px;

	height: 34px;

	line-height: 34px;

	color: #2F2F2F;

	float: left;

	font-weight: bold;

	text-align: right;

	margin-right: 30px;

	display: inline-block;

}

.m-message label input.inp, .m-message label textarea, .m-message label.code input {

	width: 73%;

	overflow: hidden;

	height: 32px;

	line-height: 32px;

	border: #cccccc 1px solid;

	border-radius: 3px;

	padding: 0 14px;

	box-sizing: border-box;

	color: #555;

	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);

	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);

	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;

	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;

	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;

}

.m-message label input:focus, .m-message label textarea:focus {

	border-color: #66afe9;

	outline: 0;

	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(247, 150, 0, .6);

	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(247, 150, 0, .6);

}

.m-message label textarea {

	height: 72px;

	line-height: 24px;

	padding: 10px 14px;

}

.m-message label.code {

	line-height: 34px;

}

.m-message label.code input {

	width: 30%;

	float: left;

	margin-right: 30px;

}

.m-message label.code .pic {

	display: inline-block;

	vertical-align: top;

	width: 80px;

	height: 32px;

}

.m-message label.code img {

	display: block;

	width: 100%;

	height: 100%;

}

.btn {

	display: block;

	width: 90px;

	height: 32px;

	line-height: 32px;

	padding-left: 15px;

	background-color: #104492;

	color: #fff;

	margin-top: 10px;

}

.btn:hover {

	background-color: #444;

	color: white;

}

.btn span {

	display: block;

	padding-left: 15px;

	background-repeat: no-repeat;

	background-position: left center;

	background-image: url(../images/btn-r.png);

}

.btn-1 input {

	width: 52px;

	height: 32px;

	line-height: 32px;

	background: #e8e8e8;

	border: none;

	color: #333;

	margin-right: 22px;

	cursor: pointer;

	transition: 0.3s;

}

.btn-1 {

	padding-left: 100px;

}

.btn-1 input.focus {

	background: #104492;

	color: #fff;

}

.btn-1 input.focus:hover {

	background: #444;

}

.btn-1 input:hover {

	background: #ccc;

}

.header {

	position: fixed;

	top:0;

	width: 100%;

	z-index: 2;

    background: rgba(54, 62, 69, 0);

}


.header.active {background: rgba(255,255,255,1);}
.header.active .nav li a{color: #000}







.header .container{width: 100%;}

.header .container .logo {

	float: left;

	font-size: 0;

	text-align: left;

	padding: 10px 0;

	margin-right: 100px;

}

.header .container .logo img{height: 36px;}

.header .container .logo .s1{display: block}
.header .container .logo .s2{display: none}


.header.active .container .logo .s1{display: none}
.header.active .container .logo .s2{display: block}





.header .text {

	float: left;

	font-size: 24px;

	margin: 30px 0 0px 30px;

	padding: 0 0 0 30px;

	border-left: 1px solid #ddd;

	line-height: 34px;

	width: 320px;

}

.header .text1 {

	float: left;

	font-size: 24px;

	margin: 0 0 0 30px;

	padding: 0 0 0 30px;

	border-left: 1px solid #ddd;

	line-height: 34px;

	width: 320px;

}

.header .nav {

	font-size: 0;

	color: #fff;

	float: left

}

.header .nav .container {

	position: relative;

}

.header .nav .container:after {

	width: 100%;

	

	

	position: absolute;

	left: 0px;

	top: 0;

	content: "";

	height: 100%;

}

.header .nav ul {

	position: relative;

	z-index: 1;

}

.header .nav li {

	display: inline-block;

	vertical-align: middle;

	position: relative;

}

.header .nav li a {

	display: block;

	font-size: 15px;

	line-height: 56px;

	padding: 0 25px;

	color: #fff;

	position: relative;

}





.header .nav li .arr {

	position: absolute;

	right:8px;

	height: 40px;

	width: 40px;

	top:8px;

    -webkit-transform: rotate(90deg);

	transform: rotate(90deg);

	z-index: 1;

}

.header .nav li .arr:after {

	content: '';

	border-top: 2px solid #ccc;

	border-left: 2px solid #ccc;

	box-sizing: content-box;

	display: block;

	width: 8px;

	height: 8px;

	margin: auto;

	

	top: 0;

	bottom: 0;

	-webkit-transform: rotate(135deg);

	transform: rotate(135deg);

	right: 8px;

}

.header .nav li.dropdown {

	position: relative;

}

.header .nav .dropdown-box {

	position: absolute;



	min-width: 100%;

	top: 100%;

	display: none;

	z-index: 10;

	text-align: center;

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

}









.header .nav .dropdown-box li{position: relative;width: 100%;}
.header .nav .dropdown-box li a{color: #000}
.header .nav .dropdown-box li:hover a{color: #fff}





.header .nav li.open .dropdown-box li .dropdown-box{display: none}

.header .nav li.open .dropdown-box li.open .dropdown-box{display:block;left:100%;top:0;}





.header .nav li.open .dropdown-box li .arr{top:0px;}

.header .nav li.open .dropdown-box li .arr:after {



    -webkit-transform: rotate(45deg);

	transform: rotate(45deg);

	



}















.header .nav .dropdown-box p {

	margin: 0;

}

.header .nav .dropdown-box a {

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

	padding: 0 10px;

	font-size: 14px;

	line-height: 40px;

	border-bottom: 1px solid rgba(0, 0, 0, 0.2);

}

.header .nav .dropdown-box a:after {

	display: none;

}

.header .nav .dropdown-box a:hover {

	background-color: #104492;

}

.header .nav li.active a:after, .header .nav li.open a:after, .header .nav li a:hover:after {

	width: 100%;

}

.header .nav li.open .dropdown-box {

	display: block;

}

.menu-btn {

	display: none;

	padding: 6px 0;

	float: right;

	margin-left: 15px;

}

.menu-btn:before, .menu-btn:after, .menu-btn span {

	display: block;

	height: 2px;

	background-color: #000;

	content: '';

}

.menu-btn:before {

	width: 24px;

}

.menu-btn:after {

	width: 18px;

	margin-left: 6px;

}

.menu-btn span {

	width: 12px;

	margin: 6px 0 6px 12px;

}









.hform {

	float: right;

	margin-right:10px;

	margin-top:12px;

	color: hsla(0,0%,100%,.7);

    border: 0;

    width: 250px;

    height:28px;

    border-radius: 5px;

    position: relative;

}







.hform .inputtxt { width: calc(100% - 44px);background-color: rgba(147,150,245,.27843);border:0;padding:0px 8px;line-height: 28px;}



input::-webkit-input-placeholder{

            color:rgba(255,255,255,0.5);

        }

        input::-moz-placeholder{   /* Mozilla Firefox 19+ */

            color:rgba(255,255,255,0.5);

        }

        input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */

            color:rgba(255,255,255,0.5);

        }

        input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 

            color:rgba(255,255,255,0.5);

        }







.hform button {

	position: absolute;

	right: 0;

	top: 0;

	height: 28px;

	width: 44px;

	border: 0;

	padding: 0;

	cursor: pointer;

	background: url(../images/901_top9.png) center no-repeat rgba(147,150,245,.27843);



}













.btn_sqsy{

	float: right;

	cursor: pointer;

    width: 80px;

    height: 28px;

    background: linear-gradient(0deg,#fa6b02,#ff880d);

    color: #fff;

    font-size: 16px;

    line-height: 30px;

	margin-top:12px;



}





.btn_sqsy a{display: block;text-align: center;color: #fff}







.indexbanner{position: relative;}

.banner .swiper-slide {

	background: no-repeat center / cover;



}

.banner .swiper-slide a{

	background: no-repeat center / cover;



	

}

.banner .swiper-slide img {

	display: block;

	width: 100%;

	height: auto;

}



.banner .swiper-pagination{bottom:100px;}

.banner .swiper-pagination .swiper-pagination-bullet{width: 20px;height: 4px;border-radius: 0}





.switchBox_background{background-color:#f2f7fc;width:100%}

.switchBox{position:absolute;width:63%;width:1200px;height:160px;z-index:1;bottom:-80px;left:0;right:0;margin:auto}

.switchBox .swich-item{float:left;width:33%;height:140px;font-size:24px;font-family:Noto Sans SC;color:#333;line-height:140px;text-align:center;border:1px solid #eee;cursor:pointer;background-color:#fff}

.switchBox .swich-selected{float:left;color:#fff;background-size:100% 100%;background-image:url(../images/switch2.8.jpg)}







































.section {

	padding: 50px 0;
	clear:both;

}

.section-title {

	margin-bottom: 40px;

	font-size: 30px;

	margin-top: 10px;

	font-weight: bold;

	line-height: 1.5;

	text-align: center

}

.section-title small {

	display: block;

	font-size: 42px;

	text-transform: uppercase;

}





.section-title-more .more-big {

	float: right;

	margin-top: -77px;

}

.section-title-1 {

	text-align: center;

	font-size: 0;

	margin-bottom: 40px;

}

.section-title-1 strong {

	display: block;

	font-size: 30px;

	text-transform: uppercase;

}

.section-title-1 h4 {

	margin: 0;

	display: inline-block;

	vertical-align: middle;

	font-size: 24px;

	position: relative;

	padding: 0 42px;

	color: #104492;

}

.section-title-1 h4:after, .section-title-1 h4:before {

	position: absolute;

	content: '';

	height: 1px;

	width: 22px;

	top: 50%;

	background-color: #104492;

}

.section-title-1 h4:after {

	right: 0;

}

.section-title-1 h4:before {

	left: 0;

}

.section-sub {

	padding: 60px 0;

}







.in-prd-menu {

	margin:0 auto 40px 0;

	position: relative;

	margin-bottom: 40px;

}











.in-prd-menu ul {

	display: flex;

	align-items: center;

	justify-content: space-between;

	width:100%;padding:0 15%;

	margin-right: 0 auto

}



.in-prd-menu ul li{text-align: center;font-size:18px;}

.in-prd-menu ul li img{margin:0 auto;}

.in-prd-menu ul li p{margin-bottom: 5px;}

.in-prd-menu ul li.active{border-bottom:4px solid #0081ef;}

.shop{background-color: #f2f7fc;}

.shop .swiper-slide{display: flex;justify-content: space-between;flex-wrap: wrap;}

.cloud_list:nth-child(1) {background-image: url(../images/isCloud1.jpg);}

.cloud_list:nth-child(2) {background-image: url(../images/isCloud2.jpg);}

.cloud_list:nth-child(3) {background-image: url(../images/isCloud3.jpg);}

.cloud_list:nth-child(4) {background-image: url(../images/isCloud1.jpg);}

.cloud_list:nth-child(5) {background-image: url(../images/isCloud2.jpg);}

.cloud_list:nth-child(6) {background-image: url(../images/isCloud3.jpg);}

.cloud_list:nth-child(7) {background-image: url(../images/isCloud1.jpg);}

.cloud_list:nth-child(8) {background-image: url(../images/isCloud2.jpg);}

.cloud_list:nth-child(9) {background-image: url(../images/isCloud3.jpg);}

.cloud_list:nth-child(10) {background-image: url(../images/isCloud1.jpg);}

.cloud_list:nth-child(11) {background-image: url(../images/isCloud2.jpg);}

.cloud_list:nth-child(12) {background-image: url(../images/isCloud3.jpg);}

.cloud_list:nth-child(13) {background-image: url(../images/isCloud1.jpg);}

.cloud_list:nth-child(14) {background-image: url(../images/isCloud2.jpg);}

.cloud_list:nth-child(15) {background-image: url(../images/isCloud3.jpg);}

.cloud_list:nth-child(16) {background-image: url(../images/isCloud1.jpg);}

.cloud_list:nth-child(17) {background-image: url(../images/isCloud2.jpg);}

.cloud_list:nth-child(18) {background-image: url(../images/isCloud3.jpg);}

.cloud_list_mouseover{box-shadow:6px 6px 18px #999!important}

.cloud_list{width:32%;height:350px;margin-bottom:40px;background-size:100% 110px;background-repeat:no-repeat;background-color:#fff;box-shadow:3px 3px 5px #999}

.cloud_list .tittleName{font-size:20px;padding:20px 20px 10px 20px;margin:0;width: 100%}

.cloud_list .tittle-na,.cloud_list .tittleName{font-family:Noto Sans SC;font-weight:700;color:#fff;}

.cloud_list .tittle-na{font-size:16px;line-height:16px;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-left: 20px;}

.cloud_list .itemList{background:none;margin-top:58px;min-height:115px}

.cloud_list .itemList .item-des{font-size:14px;font-family:Noto Sans SC;font-weight:700;color:#666;top:170px;margin-left:12%;margin-top:11px;width:297px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}

.cloud_list .itemList .item-des .check_sign{background-image:url(../images/dg.eb53c77.png);width:12px;height:8px;margin-right:8px;display:inline-block;vertical-align:middle}

.cloud_list .cloud_list_bottom{display:flex;justify-content:space-evenly;margin-top:29px}

.cloud_list .bottom_buy{color:#fff;background-color:#4f83ff}

.cloud_list .bottom_buy,.cloud_list .bottom_check{display:flex;justify-content:center;font-size:14px;font-family:Noto Sans SC;font-weight:700;align-items:center;width:160px;height:36px;cursor:pointer}

.cloud_list .bottom_check{color:#4f83ff;border-style:solid}.shopListSelect{background-repeat:round;background-image:url(../images/proudctBack.jpg);box-shadow:6px 6px 18px #999!important}





















.product{width:100%;background-color:#e9eff7}



.product .left{height:500px;width:33%;float:left}

.product .right{height:500px;width:64%;float:right}

.product .choice-item{position:relative;display:flex;justify-content:center;width:100%;height:68px;font-size:18px;line-height:68px;background-color:#fff;cursor:pointer}

.product .choice-item :hover{font-weight:500}

.product .choice-item .hotImg{position:absolute;width:34px;height:28px;left:29px;top:17px}

.product .choice-item .hotProduct{position:absolute;font-size:18px;left:97px;top:-3px}

.product .choice-item .arr1{position:absolute;width:30px;height:30px;left:80%;top:18px}

.product .choice-item-selected{color:#fff;background:linear-gradient(90deg,#2813d5,#6b1571);box-shadow:6px 5px 6px #888}

.product .choice{height:300px;margin-left:396px}

.product .choice1{padding-top:8px}

.product .choice1 .shopList{

    

    margin-bottom: 20px;

    width: 48%;

    height: 221px;

    background-color: #fff;

    box-shadow: 3px 3px 5px #999;padding:20px 28px;}

.product .choice1 .shopListSelect{background-repeat:round;background-image:url(../images/proudctBack.jpg);box-shadow:6px 6px 18px #999!important}

.product .choice1 .shopListSelect .showShopInfo,#home .public-white .news_center .scene-content .product_List .choice .choice1 .productList .shopListSelect .tittlName{color:#4f83ff!important}







.product .choice1 .shopList .startIcon {

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

    width: 25px;

    height: 25px;

    vertical-align: middle;

    float: left;

    margin-right: 5px;

    margin-top: 12px;

}





.shopList .tittlName1 {

    font-size: 15px;

    font-weight: 400;

    line-height: 26px;

    height: 57px;

    width: calc(100% - 30px);

    margin-top: 12px;

    margin-bottom: 6px;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    overflow:hidden;

}

.shopList .security {

    font-size: 14px;

    line-height: 23px;

    height: 25px;

    border: 1px solid #999;

    color: #999;

    padding:0 5px;
    margin-right: 5px;
    display: inline-flex;
    overflow: hidden;

}

.shopList .productConfig {

    margin-left:29px;

    height: 25px;

    overflow: hidden;

}



.shopList .shopListFootButton {

    margin-left: 30px;
    margin-top: 28px;
    display: flex;justify-content: space-between;

}

.shopList .shopProductIcon {

    width: 78px;

    height: 21px;

}

.shopList .showShopInfo {

    display: flex;

    align-items: center;

    justify-content: center;

    border-width: .1px;

    border-style: solid;

    float: right;

    width: 69px;

    height: 25px;

    font-size: 13px;

    font-family: Source Han Sans CN;

    font-weight: 400;

    color: rgba(60,67,85,.54902);

    line-height: 25px;

    cursor: pointer;

}











.flex-between{display: flex;flex-wrap: wrap;justify-content: space-between;}





.qiye{background-color: #e9eff7;}

.qiye .prise-item{ width: 16%;margin-bottom: 10px; }

.qiye .prise-item img{ width: 100%;display: block; }

.qiye .priseList li.prise-item-selected {border: 1px solid #4f83ff;}







.qiyemain{margin-top: 30px;}

.qiyemain .item{display: none;position: relative;}





.qiyemain .item.on{display: block}

.qiyemain .word-box{position:absolute;left:527px;top:40px}

.qiyemain .word {

    font-size: 26px;

    color: #fff;

}

.qiyemain .word-nec {

    font-size: 16px;

    color: #fff;

    padding-right: 37px;

    margin-bottom: 20px;

}

.qiyemain .word-xan {

    font-size: 16px;

    color: #fff;

    cursor: pointer;

}

.qiyemain .word-gan {

    font-size: 14px;

    color: #fff;

    border-width: .1px;

    border-style: solid;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    padding: 0 10px;

}

.qiyemain .word-tan {

    font-size: 16px;

    width: 140px;

    height: 42px;

    text-align: center;

    line-height: 42px;

    color: #006eff;

    background-color: #fff;

    margin-top: 20px;

    display: block;

    cursor: pointer;

}









.xinwen{display:flex;justify-content:center;background-color: #f2f7fc}

.xinwen .news_titleList{text-align: center}

.xinwen .list_item{cursor:pointer;height:24px;font-size:24px;font-weight:700;color:#333;padding-right:30px;padding-left:30px}

.xinwen .list_item_selected{color:#4f83ff}

.xinwenmain{margin-top: 30px;}



.new_box .pic{width: 50%}

.new_box .pic img{width: 100%;display: block;max-height:370px;}

.new_box .pic p{line-height: 28px;text-indent: 0.5em;}

.new_box .pic .news_content{background-color: #fff;display: block;padding:5px;}

.new_box .nec{width: 49%}





.nec .necList{float:left}

.nec .necList .necItem{width:521px;height:129px;margin-bottom:10px;background-color:#fff}

.nec .nec_date{float:left;height:100%;width:21%}

.nec .nec_date .nec_story_day{font-size:28px;font-weight:400;color:#333;line-height:49px;text-align:center;width:100%;margin-top:10px;border-width:.1px;border-right-style:ridge}

.nec .nec_date .nec_story_year{width:100%;height:28px;font-size:15px;font-weight:400;color:#333;line-height:27px;text-align:center;border-width:.1px;border-right-style:ridge}

.nec .nec_story{float:right;width:76%;padding-top: 18px;}

.nec .nec_story .nec_title{height:18px;width:354px;font-size:16px;font-weight:700;color:#000;line-height:17px;cursor:pointer;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;}

.nec .nec_story .nec_title:hover{color:#4f83ff}

.nec .nec_story .nec_Decs{width:358px;height:45px;font-size:14px;font-weight:400;color:#666;margin-top:5px;line-height:22px;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}

.nec .nec_story .nec_story_bottom .nec_tory_form{float:left;width:113px;font-size:14px;font-weight:400;color:#333;line-height:27px}

.nec .nec_story .nec_story_bottom .nec_tory_tags{float:right;width:280px;height:30px;overflow:hidden;padding-left:17px}

.nec .nec_story .nec_story_bottom .nec_tory_tags .nec_tory_tag_key{display:inline;font-size:14px;font-weight:400;color:#333;line-height:27px;padding-right:17px}





.dbner{

    position: relative;

    height: 500px;

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

    background-color: #000;

}

.dbner .dbnerLable1, .dbner .dbnerLable2 {

    position: absolute;

    color: #fff;

    left: 50%;

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

}



.dbner .dbnerLable1 {

    font-size: 36px;

    min-width: 719px;

    margin-top: 174px;

}

.dbner .dbnerLable2 {

    font-size: 20px;

    width: 107px;

    height: 42px;

    text-align: center;

    line-height: 42px;

    background: linear-gradient(0deg,#fa6b02,#ff880d);

    margin-top: 23px;

    top: 50%;

}











.in-about {

	margin: 0;

}

.in-about dt {

	float: left;

	position: relative;

	width: 720px;

	margin: 0 0 40px 0px;

}

.in-about dt:before {

	content: '';

	position: absolute;

	left: -40px;

	bottom: -40px;

	width: 80%;

	height: 100%;

	background-color: #104492;
	display: none

}

.in-about dt img {

	position: relative;

	z-index: 1;


}

.in-about dd {

	margin-left: 680px;
	background-color: #fff;
	margin-top: 80px;
	padding: 60px 60px;
	border-bottom: 2px solid #4f83ff;
	z-index: 2;
	position: relative;

}

.in-about dd h4 {

	margin: 0;

	font-size: 24px;

}

.in-about dd p {

	font-size: 16px;

	line-height: 36px;

	color: #666;

	margin: 25px 0 0;

	text-align: justify;

}

.in-about dd .more-big {

	margin-top: 40px;

}



.fuli{background-color: #fff;margin-top: 20px;}

.fuli .item{width: 22%;text-align: center}

.fuli .item img{width: 100px;display: inline-block;}

.fuli .item h3{color: #e67e22;font-size: 16px;line-height: 3;font-weight: 600}

.fuli .item p{color: #000;font-size: 14px;}



.footer-fix {

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

	position: fixed;

	bottom: 0;

	left: 0;

	width: 100%;

	background-color: #fff;

	z-index: 10;

	display: none;

}

.footer-fix li {

	float: left;

	width: 25%;

}

.footer-fix li a {

	display: block;

	text-align: center;

	padding: 7px 0;

	font-size: 12px;

	line-height: 1;

}

.footer-fix li i {

	display: block;

	height: 20px;

	background: no-repeat center;

	background-size: 40px;

	margin-bottom: 4px;

}

.footer-fix li i.i1 {

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

}

.footer-fix li i.i2 {

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

}

.footer-fix li i.i3 {

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

}

.footer-fix li i.i4 {

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

}

.footer {

	background-color: #272c31;

	padding-top: 60px;

	color: #bdbebf;

}

.footer .pp {

	display: none;

}

.footer a {

	color: #bdbebf;

}

.footer a:hover {

	color: #fff;

}

.footer dl {

	float: left;

	margin: 0 20px 0 50px;

}

.footer dt {

	margin-bottom: 15px;

	color: #fff;

	font-size: 18px;

	font-weight: bold;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

}

.footer dt:after {

	display: block;

	content: '';

	height: 1px;

	width: 20px;

	background-color: #52565a;

	margin-top: 10px;

}

.footer dd {

	margin: 0;

}

.footer dd li {

	line-height: 30px;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

}

.footer-contact {

	float: left;

	width: 280px;

}

.footer-contact .tel {

	font-size: 16px;

	font-weight: 600;

	color: #fff;

	line-height: 2;



}

.footer-contact .tel small {

	font-size: 16px;

}

.footer-contact .code {

	margin: 20px 0 0 40px;

}

.footer-contact .code .img-center {

	width: 100px;

}

.footer-contact .code .text {

	line-height: 28px;



}

.footer-copy {

	background-color: #272c31;

	color: #fff;

	margin-top: 50px;

	padding: 15px 0;

	text-align: center;

}

.footer-copy p {

	margin: 5px 0;

}

.footer-copy a {

	color: #fff;

}









.newsbanner{padding-top: 100px;background-color: #fff;}

.newsbanner .container{padding:0;}

.newsbanner .swiper-container{width: 66%;}

.newsbanner .swiper-container .swiper-slide img{width:100%;height:445px;}
@media screen and (max-width:800px) {
.newsbanner .swiper-container .swiper-slide img{width:100%;height:100%;}
}

.newsbanner .swiper-container .swiper-slide a{position: relative;display: block;}

.newsbanner .swiper-container .swiper-slide a p{width: 100%;position: absolute;bottom:0;z-index: 2;background-color: rgba(125, 125, 125, 0.5);color:#fff;line-height:26px;padding:5px 10px;}

.newsbanner .swiper-container .swiper-pagination{bottom: 46px}

.newsbanner .swiper-container .swiper-pagination .swiper-pagination-bullet{width: 30px;height: 2px;border-radius:1px;}





    





.video_list {

    margin-top: 10px;

}

.video_list .video_item {

    width: 48%;

}

.coverImg-box {

    position: relative;

}

.video_item {

    position: relative;

    display: inline-block;

    width: 100%;

    margin-right: 1%;

    margin-bottom: 20px;

    padding-bottom: 20px;

    background: #fff;

}

.video_item .video_crover {

    width: 100%;

    height: 63%;

    max-height: 218px;

}

h3 {

    font-size: 14px;

}

.video_item .video_title {

    height: 70px;

    font-size: 16px;

    font-family: Source Han Sans CN;

    font-weight: 400;

    color: #333;

    line-height: 25px;

    padding: 15px;

    cursor: pointer;

    display: block;

    width: 100%;
    display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;

}

.video_item .video_item_bottom .video_item_from {

    height: 25px;

    font-size: 16px;

    font-family: Source Han Sans CN;

    font-weight: 400;

    color: #999;

    line-height: 25px;

    margin-left: 20px;

}

.video_item .video_item_bottom .video_item_time {

    height: 12px;

    font-size: 16px;

    font-family: Source Han Sans CN;

    font-weight: 400;

    color: #999;

    line-height: 25px;

    float: right;

    margin-right: 20px;

}







.rotation_right{width: 33%;}

.rotation_right .item{width: 100%;position: relative;display: flex;justify-content: space-between;flex-direction: column;height: 100%}

.rotation_right .item a{position: relative;display: block;height: 218px;overflow: hidden;}

.rotation_right .item a:nth-child(1){margin-bottom: 5px;}

.rotation_right .item img{width: 100%}

.rotation_right .item p{width: 100%;position: absolute;bottom:0;z-index: 2;background-color: rgba(125, 125, 125, 0.5);color:#fff;line-height:26px;padding:5px 10px;}



.position{padding:10px 0;background-color: #fff;}

.position .container{margin: 20px auto;background: url(../images/logo_03.png) no-repeat 18px center;padding:0 40px;}



.newslist-main{padding-top: 10px;}

.newslist-main .left{width: 66%}

.newslist-main .right{width: 33%}





.circle_main_right .circle_clouds {

    background: #fff;

    width: 100%;

    padding: 36px 21px;



}



.circle_main_right .circle_main_right_title {

    font-size: 24px;

    font-family: Source Han Sans CN;

    font-weight: 400;

    color: #333;

    display: block;

}







.circle_main_right .circle_clouds .clouds_item .clouds_item_right {

    width: 100%;

    height: 110px;

    padding-left: 8px;

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

}



.clouds_item .clouds_item_right .clouds_item_title {

    height: 20px;

    font-size: 14px;

    font-family: Source Han Sans CN;

    font-weight: 700;

    color: #fff;

    line-height: 22px;

    display: inline-block;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

    cursor: pointer;

    margin-top: 11px;

}



.clouds_item .clouds_item_right .clouds_item_des {

    width: 100%;

    height: 60px;

    font-size: 14px;

    font-family: Source Han Sans CN;

    font-weight: 400;

    color: #fff;

    line-height: 24px;

    padding-top: 9px;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

}



.circle_clouds .clouds_item {

    display: table;

    padding: 17px 0;

    border-width: .1px;



    border-bottom-style: ridge;

}







.circle_main_right .circle_products {

    margin-top: 18px;

    background: #fff;

    padding: 36px 21px;

    margin-top: 10px;

}





.circle_main_right .circle_products .products_item {

    display: table;

    padding: 17px 0;

    border-width: .1px;

    border-bottom-style: ridge;

}

.circle_main_right .circle_products .products_item .shopListFootButton .shopProductIcon {

    height: 18px;

    display: inline-block;

}



.circle_main_right .circle_products .products_item .shopListFootButton {

    padding-top: 21px;

}



.circle_main_right .circle_products .products_item .shopListFootButton .showShopInfo {

    float: right;

    width: 80px;

    height: 31px;

    border: 1px solid #4f83ff;

    font-size: 14px;

    font-family: Source Han Sans CN;

    font-weight: 400;

    color: #4f83ff;

    line-height: 30px;

    text-align: center;

}









.circle_main_right .circle_tags {

    margin-top: 18px;

    background: #fff;

    padding: 36px 21px;

}

.circle_main_right .circle_main_right_title {

    height: 44px;

    font-size: 24px;

    font-family: Source Han Sans CN;

    font-weight: 400;

    color: #333;

    display: block;

}



.circle_main_right .circle_tags .tags_content .hot_tag {

    background: #f1f1f1;

    height: 18px;

    font-size: 14px;

    font-family: Source Han Sans CN;

    font-weight: 400;

    color: #4f83ff;

    line-height: 47px;

    padding: 3px;

    margin-right: 12px;

}



.circle_main_right .circle_video {

    margin-top: 18px;

    background: #fff;

    padding: 36px 21px;

}



.coverImg-box {

    position: relative;

}

.coverImg-box img{width: 100%}

.coverImg-box .video_player_icon {

    position: absolute;

    left: 50%;

    top: 50%;

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

    height: 60px;

    width: 60px;

    background-size: cover;

    cursor: pointer;

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

}



.circle_main_right .circle_video .video_list .circle_video_item {

    position: relative;

    margin-bottom: 10px;

}

.circle_main_right .circle_video .video_list .circle_video_item .circle_video_title {

    position: absolute;

    bottom: 0px;

    background: rgba(21,21,31,.14902);

    width: 100%;

    font-size: 16px;

    font-family: Microsoft YaHei;

    font-weight: 400;

    color: #fff;

    line-height: 26px;

    padding: 5px 10px;

    display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;



}



.prenext{margin-top: 50px;}

.prenext p{line-height: 1.8}











.news_table{padding:25px 29px;background-color: #Fff;margin-bottom:10px;}

.news_table a{display: inline-block;font-size: 20px;font-weight: 400;color: #999;line-height: 30px;margin-right: 12px;margin:2px 12px 2px 0px;display: inline-block;cursor: pointer;}

.news_table a.active{color: #fff!important;background: #4f83ff;border-radius: 16px;padding-left: 5px;padding-right: 5px;}









.news_list_main .news_list {

    position: relative;

    width: 100%;

    height: auto;

    background: #fff;

    padding: 21px;

    margin-top: 10px;

}

.news_list a{

    height: 164px;

    width: 38.5%;

    display: inline-block;

    overflow:hidden;

}



.news_list .news_item_img {width: 100%}











.news_list .news_item_right {

    float: right;

    width: 59%;

}

.news_list .news_item_right h3 {

    font-size: 14px;

}

.news_list .news_item_right .news_item_title {

    width: 90%;

    height: 22px;

    font-size: 16px;

    font-family: Source Han Sans CN;

    font-weight: 700;

    color: #333;

    line-height: 22px;

    display: block;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

}

.news_list .news_item_right .news_item_des {

    width: 90%;

    max-height: 54px;

    font-size: 14px;

    font-family: Source Han Sans CN;

    font-weight: 400;

    color: #666;

    line-height: 22px;

    margin-bottom: 12%;

    padding-top: 12px;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

}

.news_list .news_item_right .news_story_bottom {

    position: absolute;

    bottom: 8%;

    width: 53%;

    font-size: 14px;

    font-weight: 400;

    font-family: Source Han Sans CN;

}

.news_list .news_item_right .news_story_bottom .news_story_tags {

    float: left;

    height: 22px;

    width: 61%;

    overflow: hidden;

    margin-top: 5px;

}

.news_list .news_item_right .news_story_bottom .news_story_time {

    float: right;

    display: inline;

    height: 33px;

    font-weight: 400;

    color: #999;

    line-height: 33px;

}





.news_list .news_item_right .news_story_bottom .news_story_time .date_icon {

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

    height: 16px;

    width: 16px;

    display: inline-block;

    margin-right: 5px;

    margin-bottom: 4px;

    vertical-align: middle;

}

.fenye{text-align: center;margin:30px auto;}

.fenye li{display: inline-block;

    font-size: 13px;

    min-width: 30px;

    height: 28px;

    line-height: 28px;

    vertical-align: top;

    box-sizing: border-box;

        background: #fff;

        margin:5px 2px;

        padding:0 2px;

        border-radius: 3px;

}



.fenye li.active{

	color: #fff;

    background-color: #4f83ff!important;

}



.fenye li.active a{color: #fff;}











.article-main{background-color: #f2f7fc;padding-top:80px}

.article-main .position{background-color: #f2f7fc;}









.article-main .left{width: 66%;}

.article-main .right {width: 33%;}





.article-main .left .art{padding: 20px;background-color: #fff}

.article-main .tuijian_title{font-size: 24px;line-height: 2;font-weight:400;margin-top: 20px;}













.article-main .circle_new_title{

width: 100%;

    font-size: 24px;

    font-family: Source Han Sans CN;

    font-weight: 400;

    color: #333;

    line-height: 33px;

    margin-bottom: 20px;

}



.article-main .circle_new_editer {

    height: 16px;

    font-size: 16px;

    font-family: Source Han Sans CN;

    font-weight: 400;

    color: #999;

    line-height: 33px;

    margin-right: 20px;

}



.article-main .new_detail{margin-top: 20px;}
.article-main .new_detail p{line-height: 1.8;margin-bottom: 10px;}
.article-main .new_detail p img{display: inline-block;margin-bottom:10px;}
.article-main .new_detail img{
    width: 85%;
}

.article-main .new_detail a{
    color: #3998fc;
}














.el-menu--horizontal{background-color: #fff;padding:40px 30px ;border-radius: 5px;width: 1140px;position: fixed; top: 56px; left: 150px; z-index: 2017; display: none;}

.el-menu--horizontal .main{}

.el-menu--horizontal .pcleft{ width: 240px;border-right:1px solid #ededed;padding-right:20px;}

.el-menu--horizontal .pcleft h3{color: #000;font-weight: 600;margin-bottom: 20px;margin-top: 20px;    height: 16px;

    font-size: 16px;

    font-family: Source Han Sans CN;

    font-weight: 700;

    color: #333;

    line-height: 25px;

}

.el-menu--horizontal .pcleft .pcleftitem{display: block;width: 100%;font-size: 16px;line-height:32px;margin:5px 0;cursor: pointer;}



.el-menu--horizontal .pcleft .pcleftitem span{font-size: 14px;font-family: Noto Sans SC;font-weight: 500;color: #282828;cursor: pointer;}



.el-menu--horizontal .pcleft .pcleftitem.active span{color:#4e83ff }



.el-menu--horizontal .pcleft .pcleftitem img{height: 22px;display: inline-block;padding-top: 10px;}







.el-menu--horizontal .pcright{ width: calc(100% - 280px);padding-left: 40px; }

.el-menu--horizontal .pcright .form{margin-top:15px;margin-bottom:40px;}

.el-menu--horizontal .pcright .form form{max-width: 80%;overflow:hidden;position:relative;border-radius: 20px;}

.el-menu--horizontal .pcright .form input{width:100%;padding:0px 80px 0px 10px;font-size:14px;border:1px solid #4e83ff;line-height:40px;border-radius: 20px;line-height:40px;}

.el-menu--horizontal .pcright .form button{width: 70px;text-align:center; cursor:pointer; border:0px;position:absolute;top:0;right:0;background-color: #4e83ff;height: 42px;display: block;}

.el-menu--horizontal .pcright .form button img{width: 20px;display: inline-block;}

.el-menu--horizontal .pcright .pcEcs .pcEcsList{width: 100%;overflow:hidden;}

.el-menu--horizontal .pcright .pcEcs .pcEcsItem{width: 25%;margin:0 3% 0px 0px;float: left}

.el-menu--horizontal .pcright .pcEcs .pcEcsItem .pceTitle{border-bottom: 1px solid #000;margin-bottom:10px;line-height: 2;font-size: 16px;font-weight: 600;display: block;}

.el-menu--horizontal .pcright .pcEcs .pcEcsItem .pceTitle a{font-size: 14px;

    font-family: Noto Sans SC;

    font-weight: 700;

    color: #282828;}

.el-menu--horizontal .pcright .pcEcs .pcEcsItem .pceTitle span{float: right;background:url("../images/feel4_black.png") center center no-repeat;background-size:40%;display: inline-block;width: 14px;height: 30px;}

.el-menu--horizontal .pcright .pcEcs .pcEcsItem .pceTitle:hover{color:#4e83ff}

.el-menu--horizontal .pcright .pcEcs .pcEcsItem .pceTitle:hover a{color:#4e83ff}

.el-menu--horizontal .pcright .pcEcs .pcEcsItem .pceTitle:hover span{background:url("../images/feel4_blue.png") center center no-repeat;background-size:40%;}

.el-menu--horizontal .pcright .pcEcs .pcEcsItem .pceProductItem{line-height:1.4;padding-bottom:5px;padding-top:5px;color: #a3a3a3}

.el-menu--horizontal .pcright .pcEcs .pcEcsItem .pceProductItem a{height: 14px;font-size: 14px;font-family: Source Han Sans CN;font-weight: 400;color: #999;line-height: 20px;}







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

body {

	min-width: 320px;

	padding-top: 50px;

	padding-bottom: 50px;

}

.container {

	width: auto;

}







#message .m-content .m-message {

	width: 90%;

	padding: 20px;

}

.kf {

	display: none;

}

.footer-fix {

	display: block;

}

.more-big {

	width: 120px;

	line-height: 36px;

}

.more-big:after {

	border-top-width: 36px;

	width: 26px;

}

.more-big span {

	padding: 0 10px;

	font-size: 14px;

}

.header {

	padding: 10px 0;

	position: fixed;

	z-index: 100;

	width: 100%;

	top: 0;

	left: 0;

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

	background: #fff;

}

.header .text, .text1, .header .tel {

	display: none;

}

.header .logo {

	height: 30px;

	line-height: 30px;

	float: none;

	padding: 0;

}

.header .container .logo{padding:0;}

.header .nav {

	margin: 10px 0 -10px;

	text-align: left;

	display: none;

	background: transparent;

	border-bottom: 0;

	width: 100%

}

.header .nav .container:after {

	display: none;

}

.header .nav ul {

	margin: 0 -15px;

}

.header .nav li {

	display: block;

	margin: 0;

	border-top: 1px solid #eee;

	background: none;

}

.header .nav li a {

	line-height: 40px;

	padding: 0 15px;

	color: #333;

}

.header .nav li a:after {

	display: none;

}

.header .nav li .arr {

	display: block;

	top:0;

}

.header .nav li.open .dropdown-box li .arr:after{

	-webkit-transform: rotate(135deg);

    transform: rotate(135deg);

}

.header .nav li.open .dropdown-box li.open .arr:after{

	-webkit-transform: rotate(180deg);

    transform: rotate(180deg);

}











.header .nav li.active a, .header .nav li.open a, .header .nav li a:hover {

	background-color: transparent;

	color: #104492;

}

.header .nav li.open .arr:after {

	border-color: #104492;

	-webkit-transform: rotate(225deg);

	transform: rotate(225deg);

}

.header .nav .dropdown-box {

	position: static;

	background-color: #f5f5f5;

	min-width: auto;

	text-align: left;

	padding:0 15px;

}

.header .nav .dropdown-box a {

	color: #333 !important;

	border-top: 1px dotted #ddd;

	padding: 0 15px;

	line-height: 40px;

	background-color: transparent !important;

	border-bottom: 0;

}

.header .nav .dropdown-box a:hover {

	background-color: transparent !important;

}



.header .nav .dropdown-box li .dropdown-box li{padding:0 15px;}













































.in-about dt {

	float: none;

	width: auto;

	margin: 0 0 20px 20px;

}

.in-about dt:before {

	left: -20px;

	bottom: -20px;

	width: 100%;

}

.in-about dd {

	margin: 20px 0 0;

	padding: 20px;

	height: auto;

}

.in-about dd h4 {

	font-size: 16px;

}

.in-about dd p {

	margin: 10px 0 0;

	font-size: 14px;

	line-height: 1.8;

}

.in-about dd .more-big {

	margin-top: 20px;

}



.footer {

	padding-top: 30px;

}

.footer dl {

	margin: 0 1% 10px;

	width: 48%;

	border: 1px solid #fff;

	box-sizing: border-box;

	padding: 0 15px;

}

.footer dt {

	line-height: 36px;

	font-size: 16px;

	margin: 0;

	position: relative;

}

.footer dt:after {

	position: absolute;

	right: 6px;

	top: 50%;

	width: 9px;

	height: 9px;

	border-top: solid 1px #bdbebf;

	border-right: solid 1px #bdbebf;

	background-color: transparent;

	margin: -3px 0 0;

	-webkit-transform: rotate(135deg) translateX(-50%);

	transform: rotate(135deg) translateX(-50%);

	-webkit-transition: all 0.5s;

	transition: all 0.5s;

}

.footer dd {

	display: none;

}

.footer dd ul {

	padding-bottom: 10px;

}

.footer dl.open dt:after {

	-webkit-transform: rotate(315deg) translateX(-50%);

	transform: rotate(315deg) translateX(-50%);

	right: 0;

	margin-top: -6px;

}

.footer .pp {

	display: block;

}

.footer-contact {

	width: 100%;

	margin-top: 10px;

}

.footer-contact .code {

	display: none;

}

.footer-copy {

	margin-top: 30px;

	font-size: 12px;

	text-align: center;

}

.position {

	font-size: 12px;

	display: none;

}











.menu-btn {

	display: block;

}

.banner .swiper-slide {

	height: 160px;

}

.banner .swiper-slide a{

	height: 160px !important;

}

.btn_sqsy{display: none}

form{display:none;}



.banner .swiper-pagination{bottom:10px;}



.switchBox{position:relative;width: 100%;bottom:0;height: 80px}

.switchBox .swich-item{padding:2%;height: 80px}

.switchBox .swich-item{    line-height: 1.5;

    font-size: 16px;

    display: flex;

    flex-direction: column;

    justify-content: center;}

.section{padding:30px 0;}

.in-prd-menu ul{width: 100%;padding:0;flex-wrap: wrap;}

.in-prd-menu ul li{width: 33.333%;padding:0;margin-top: 10px;}

.cloud_list{width: 49%;}



.product .left{width: 100%;}

.product .right{width: 100%;height:auto;}

.product .choice1 .shopList{height:auto;padding:15px;}

.qiyemain .item img{width: 100%}

.qiyemain .word-box{position: relative;left:0;top:0px;background-color:#5a89f7;padding:10px;}

.new_box .pic{width: 100%;}

.new_box .nec{width: 100%;}

.nec .necList .necItem{width: 100%;}

.dbner .dbnerLable1{min-width: unset;font-size: 24px;line-height:1.8;text-align: center;width: 100%}

.xinwen .list_item{padding:10px;}

.fuli .item{width: 48%}

.nec .nec_story .nec_title{width: 100%}

.nec .nec_story .nec_Decs{width: 100%}

.nec .necList .necItem{height: 150px;}

.new_box .pic img{height: auto}



.newsbanner .swiper-container{width: 100%}

.rotation_right{width: 100%;display: none}

.newslist-main .left{width: 100%}

.newslist-main .right{width: 100%}







.article-main .left{width: 100%}

.article-main .right{width: 100%}

.article-main .new_detail img{max-width: 100%!important;height:auto!important;}



.newsbanner{padding-top: 10px;}

.article-main{padding-top: 10px;}

}

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

 	.news_list a{width: 100%;height: auto}

 	.news_list .news_item_right .news_item_des{width: 100%;height: auto}

 	.news_list .news_item_right{float: none;width: 100%;display: block;margin-top: 10px;}

 	.news_list .news_item_right .news_story_bottom{width: 100%;position: relative;}

.news_list .news_item_right .news_story_bottom .news_story_tags{float: none;width: 100%;}

.news_list .news_item_right .news_story_bottom .news_story_time{float: none;width: 100%;}





.cloud_list{width: 100%;}
.shopList .shopListFootButton{margin-left: 0}






}
















.main {
    background-color: #fff;
    color: #7c7c7c;
    line-height: 1.6
}


.box1 .detail .item{width:23%;text-align: center;line-height: 2;}
.box1 .detail .item img{margin:10px auto}
.box1 .detail .item p{font-size: 18px;font-weight: 400}
.box1 .detail .item .s1{font-size: 18px;color: #e67e22;font-weight: 600;padding-bottom: 10px;}
.box1 .detail .item p span{color: #e67e22;font-weight: 600}



.box2 .detail{position: relative;}
.box2 .detail:before{content:"";width:1px;height:100%;display: block;left:50%;position: absolute;background-color: #ccc}
.box2 .detail .item{width:40%;text-align: center;line-height: 2;margin-bottom: 50px;}
.box2 .detail .item img{margin:10px auto}
.box2 .detail .item p{font-size: 12px;font-weight: 400;color: #7c7c7c}
.box2 .detail .item .s1{font-size: 18px;color: #e67e22;font-weight: 600;padding-bottom: 20px;}
.text-left {text-align: left}
.section-title p {
    font-size: 16px;
    padding-top: 10px;
    line-height: 1.5;
    font-weight: 400;
    color: #666
}


.productnewstitle {
    border-bottom: 1px solid #ccc;
    margin-bottom: 30px;
}

.productnewstitle .list_item {
    width: 80px;
    height: 58px;
    font-size: 20px;
    font-family: Source Han Sans CN;
    font-weight: 700;
    color: #4f83ff;
    text-align: center;
    padding-left: 10px !important;
    padding-right: 10px !important;
    cursor: pointer;
}


.list_item_selected {
    border-bottom: 1px solid #4f83ff;
}

.productnews .guide-content .video_list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.productnews .guide-content .video_list .video_item {
    width: 32%;
    margin-right: 0
}

.productnews .xgnews .video_list .video_item {
    width: 24%;
    margin-right: 0
}

.productnews .xgnews .video_list .video_item img {
    height: 380px;
}

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

.productnews .xgnews .video_list .video_item {
    width: 100%;
    margin-right: 0
}

}

.box3 .detail {
    position: relative;
}


.box3 .detail .item {
    width: 31%;
    text-align: center;
    line-height: 2;
    margin-bottom: 50px;
}

.box3 .detail .item img {
    margin: 10px auto
}

.box3 .detail .item p {
    font-size: 12px;
    font-weight: 400;
    color: #7c7c7c
}

.box3 .detail .item .s1 {
    font-size: 18px;
    color: #e67e22;
    font-weight: 600;
    padding-bottom: 20px;
}

.box4 .detail {
    margin-bottom: 50px;
}

.box4 .detail:nth-child(2n+1) {
    flex-direction: row-reverse;
}

.box4 .detail .pic {
    width: 48%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.box4 .detail .txt {
    width: 48%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    line-height: 2
}

.box4 .detail .pic img {
    max-height: 600px;
    max-width: 90%
}

.box4 .detail .txt .s1 {
    font-size: 26px;
    font-weight: 400;
    margin-bottom: 25px;
    color: #000
}

.box4 .detail .txt .btn {
    font-size: 18px;
    width: 130px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    padding: 0;
    background-color: #29a0ef;
    color: #fff;
    margin-top: 20px;
}

.box4 .detail .txt .s4 {
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 5px;
    color: #e67e22;
    margin-top: 20px;
}

.box2 .detail .item .s4 {
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 5px;
    color: #e67e22;
    text-align: center
}

.box5 .detail .item p {
    text-align: left;
    font-size: 16px;
    line-height: 3
}

.box5 .detail .item p span {
    width: 150px;
    display: inline-block;
    font-weight: 400;
    color: #000
}

.section-title p {
    font-size: 16px;
    padding-top: 10px;
    line-height: 1.5;
    font-weight: 400;
    color: #666
}



.productnewstitle {
        border-bottom: 1px solid #ccc;
        margin-bottom: 30px;
    }

    .productnewstitle .list_item {
        width: 80px;
        height: 58px;
        font-size: 20px;
        font-family: Source Han Sans CN;
        font-weight: 700;
        color: #4f83ff;
        text-align: center;
        padding-left: 10px !important;
        padding-right: 10px !important;
        cursor: pointer;
    }


    .list_item_selected {
        border-bottom: 1px solid #4f83ff;
    }

    .productnews .guide-content .video_list {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .productnews .guide-content .video_list .video_item {
        width: 32%;
        margin-right: 0
    }
.container .detail img{max-width: 100%}
.box1 .detail .item img{max-width:100px;max-height: 100px;}
.box2 .detail .item img{max-width:100px;max-height: 100px;}
.box3 .detail .item img{max-width:100px;max-height: 100px;}




.product2 .choice1 .shopList {
    width: 32%
}

.partner-main .partner1 {
    width: 100%;
    padding: 81px 0;

    display: flow-root;
    background-color: #e9eff7
}

.partner-main .partners_detail .partners_tittle {
    height: 50px;
    font-size: 30px;
    font-family: Source Han Sans CN;
    font-weight: 700;
    color: #333;
    line-height: 50px;
    text-align: center;
    margin-top: 81px;
    margin-bottom: 50px
}

.partner-main .partners_detail .partners_tab_box {
    width: 100%;
    background-color: #fff
}

.partner-main .partners_detail .partners_tab_box .partners_tab {
    width: 518px;
    margin: 0 auto
}

.partner-main .partners_detail .partners_tab_box .partners_tab .el-tabs__item {
    height: 46px;
    font-size: 24px;
    font-family: Source Han Sans CN;
    font-weight: 700;
    color: #333
}

.partner-main .partners_detail .partners_tab_box .partners_tab .el-tabs__item.is-active {
    color: #4f83ff
}

.partner-main .partners_detail .partners_tab_box .partners_tab .el-tabs__header {
    margin: 0
}


.partner-main .why_item_list {
    display: flex;
    justify-content: space-between;
    width: 100%;
    flex-wrap: wrap;
}

.partner-main .why_item_list .why_item {
    background-color: #fff;
    width: 22%;
}

.partner-main .why_item_list .why_item .why_item_img {

    margin:48px auto 0;
}

.partner-main .why_item_list .why_item .why_item_title {
    width: 100%;
    height: 36px;
    font-size: 20px;
    font-family: Microsoft YaHei;
    font-weight: 700;
    color: #4f83ff;
    line-height: 36px;
    margin-top: 30px;
    text-align: center
}

.partner-main .why_item_list .why_item .why_item_des {
    width: 100%;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333;
    line-height: 30px;
    padding: 40px 18px;
    text-align: center
}

.partner-main .partner2 {
    width: 100%;
    padding: 81px 0;
    display: flow-root;

}

.partner-main .procedure_content {
    width: 1200px;
    margin: 0 auto
}

.partner-main .procedure_content .procedure_item_list {
    display: flex;
    justify-content: space-between;
    width: 100%
}

.partner-main .procedure_content .procedure_item_list .procedure_item {
    width: 160px
}

.partner-main .procedure_content .procedure_item_list .procedure_item .procedure_item_img {
    margin:0 auto
}

.partner-main .procedure_content .procedure_item_list .procedure_item .procedure_item_img2 {
    margin-left: 6%;
    margin-top: 51px
}

.partner-main .procedure_content .procedure_item_list .procedure_item .procedure_item_title {
    width: 100%;
    font-size: 18px;
    color: #333;
    line-height:1.5;
    text-align: center
}


.partner-main .partner3 {
    width: 100%;
    padding: 81px 0;

    display: flow-root;
    background-color: #e9eff7
}





.partner-main .partner3 .friend .friend_item_list {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.partner-main .partner3 .friend .friend_item_list .friend_item {
    background-color: #fff;
    width: 15%;
    margin:0.5%;
}
.partner-main .partner3 .friend .friend_item_list .friend_item img{
    width: 100%;
}

.partner-main .partner3 .friend .loading {
    width: 200px;
    height: 50px;
    border-radius: 25px;
    background: linear-gradient(90deg, #3e7df1, #003493);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    font-family: Noto Sans SC;
    font-weight: 500;
    color: #fff;
    margin: 40px auto;
    cursor: pointer
}



 @media screen and (max-width: 460px) {
.section-title{font-size: 22px;}


.productnews .guide-content .video_list .video_item{width: 49%}
.productnews .guide-content .video_list .video_item .video_item_bottom{display: flex;justify-content: space-between;font-size: 12px;}
.productnews .guide-content .video_list .video_item .video_item_bottom span{font-size: 12px;}


.productnews .xgnews .video_list .video_item{width: 49%}
.productnews .xgnews .video_list .video_item .video_item_bottom{display: flex;justify-content: space-between;font-size: 12px;}
.productnews .xgnews .video_list .video_item .video_item_bottom span{font-size: 12px;}

.box1 .detail .item{width: 48%;line-height: 1.5;margin-bottom: 20px;}
.box1 .detail .item img{width: 60px;height: 60px;}
.box1 .detail .item .s1{font-size: 16px;}
.box1 .detail .item p {font-size: 14px;}
.box2 .detail .item img{width: 60px;height: 60px;}

.box3 .detail .item{width: 48%;}
.box4 .detail .pic{width: 100%;}
.box4 .detail .pic img{margin:0 auto;max-width: 80%}
.box4 .detail .txt{width: 100%;text-align: center}
.box4 .detail .txt .s4{font-size: 18px;}
.box4 .detail .txt .btn{margin:10px auto;}
.box2 .detail .item .s4{font-size: 18px;line-height: 1.6;text-align: left}
.box5 .detail .item p span{width: 100%;font-weight: 600}
.box5 .detail .item p{width: 100%;line-height: 1.6;margin-top: 20px;}


.shopList .productConfig{margin-left: 0}
.product2 .choice1 .shopList {
    width: 49%
}
.partner-main .why_item_list .why_item{width: 49%;margin-bottom: 20px;}
.partner-main .procedure_content{width: auto}
.partner-main .procedure_content .procedure_item_list{flex-wrap: wrap;}
.partner-main .procedure_content .procedure_item_list .procedure_item{margin:1%;width: 48%}
.partner-main .procedure_content .procedure_item_list .procedure_item:nth-child(2n){display: none}
.partner-main .partner3 .friend .friend_item_list .friend_item{width: 48%;margin:1%;}
.partner-main .partner3 .friend .friend_item_list .friend_item img{width: 100%;}
}




.contactus_info{display: flex;justify-content: space-between;margin-top:30px;}
.contactus_info_right{width:calc(100% - 90px);display: flex;justify-content: space-between;flex-direction: column;}
.contactus_info_right .contactus_info_title{font-size: 16px;line-height: 1.2;color: #000}
.contactus_info_right .contactus_info_des{color: #999;font-size: 15px;line-height: 1.5}