@font-face {
	font-family:'agfutura';
	src:url("../font/agfutura.eot");
	src:url("../font/agfutura.eot?#iefix") format("embedded-opentype"),
	url("../font/agfutura.woff2") format("woff2"),
	url("../font/agfutura.woff") format("woff"),
	url("../font/agfutura.ttf") format("truetype"),
	url("../font/agfutura.svg#agfutura") format("svg")
}
@font-face {
	font-family:bebas;
	src:url(../font/bebas.eot);
	src:url(../font/bebas.eot?#iefix) format("embedded-opentype"),url(../font/bebas.woff2) format("woff2"),url(../font/bebas.woff) format("woff"),url(../font/bebas.ttf) format("truetype"),url(../font/bebas.svg#bebas) format("svg")
}
.clear{
	clear: both;
}

.container,.w{
	max-width: 1600px;
	margin: 0 auto;
	width: 92%;
	padding: 0px;
}

html {
    overflow-x: hidden;
	font-size: 16px;
}
@media (min-width: 1920px){
	html {
		font-size: 25px;
	}
}
@media (min-width: 668px) and (max-width: 1919px){
	html {
		font-size: 19.5px;
		font-size: calc(8.13099px + .87859vw);
	}
}

header{
	width: 100%;
	background-color: #fff;
	box-shadow: 0 5px 5px rgba(0, 0, 0, .1);
	height: 90px;
	z-index: 99999;
	transition: all 300ms;
	position: fixed;
	top: 0;
	left: 0;
}


a{text-decoration:none;outline:none;}
a:link{color:#4c4c4c;}
a:visited{color:#4c4c4c;}
a:hover,a:active,a:focus{color:#004099;text-decoration:none;outline:none;}


header .menu{
	float: right;
	padding:0px;
}
header .menu ul{

}
header .menu ul li{
	float: left;
	position: relative;
	margin-left: 25px;
}
header .menu ul li:before {
	content:"";
	position:absolute;
	z-index:-1;
	background: #004099;
	left:50%;
	right:0;
	width:0%;
	bottom:0;
	height: 100%;
	-webkit-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out;
}
header .menu ul li:hover:before {
	width:100%;
	left:0%;
}


header .menu .i{
	padding: 0 30px;
	position: relative;
	z-index: 999999;
}

header .menu .i >a{
	display: inline-block;
	width: 50px;
	height: 50px;
	position: absolute;
	z-index: 2;
	top: 0;
	right: 0;
	background: url(../images/icon-plus.png) no-repeat center;
	display: none;
}

header .menu .i >p{
	color: #fff;
	font-size: 18px;
	line-height:90px;

}
header .menu.dark .i >p{
	color: #fff;
}
header .menu .i >p a{
	color: #333;
}
header .menu .cur .i >p a {
	color: #004099;
}
header .menu .i >p a:hover,header .menu .i:hover >p a{
	color: #fff;
}

header .menu .i >.ex{
	position: absolute;
	background:#fff;
	position:absolute;
	top:90px;
	left:0;
	height:auto;
	box-shadow:0px 2px 10px 0px rgba(0, 0, 0, 0.1);
	-webkit-transform-origin:top center;
	-ms-transform-origin:top center;
	transform-origin:top center;
	-webkit-transform:scaleY(0);
	-ms-transform:scaleY(0);
	transform:scaleY(0);
	-webkit-transition:-webkit-transform .3s .2s;
	transition:transform .3s .2s;
	min-width: 100%;

}
header .menu .i:hover >.ex{
	-webkit-transform:scaleY(1);
	-ms-transform:scaleY(1);
	transform:scaleY(1);
	-webkit-transition:-webkit-transform .3s;
	transition:transform .3s;
}


header .menu .i >.ex p:last-child{
	border-bottom: none;
}
header .menu .i >.ex p{
	color: #fff;
	white-space: nowrap;
	display: block;
	text-align: left;
	font-size: 15px;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 45px;

}
header .menu .i >.ex p:hover{
	background: #004099;
}

header .menu .i >.ex p{
	position:relative;
	-webkit-transition:all 0.3s cubic-bezier(0.86, 0.5, 1, 1);
	transition:all 0.3s cubic-bezier(0.86, 0.5, 1, 1);
}
header .menu .i >.ex p:hover {
	background-color: #484848;
}

header .menu .i >.ex p a{
	display: block;
	padding: 0px 20px;

}
header .menu .i >.ex p:hover a{
	color: #fff;
}

header .mbtn{
	position: absolute;
	top: 0;
	right: 0;
	width: 50px;
	height: 50px;
	background: url("../images/menu.png") no-repeat center #eba416;
	background-size: 22px auto;
	display: none;
}
body .on-menu{
	background-image: url(../images/menu-hide.png);
}
header .logo{
	padding: 15px 0px;
	float: left;
}
header .logo a{
	display: block;
	float: left;
}
header .logo img{
	height: 60px;
}
header .logo .company{
	float: left;
	font-size: 24px;
	padding-left: 20px;
}

header .language{
	float: right;
	margin-left: 30px;
}
header .language a{
	display: block;
	padding-left: 28px;
	line-height: 90px;
	background:url(../images/language.png) no-repeat left center;
}



header .logo2{
	display: none;
}
header.header-fixed{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
}


/*
header.header-fixed{
	background: rgba(117,171,34);
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
}

header.header-fixed .language a{
	background:url(../images/language2.png) no-repeat left center;
	color: #fff;
}
header.header-fixed .menu .i > p a{
	color: #fff !important;
}
header.header-fixed .logo1{
	display: none
}
header.header-fixed .logo2{
	display: block;
}*/


@media(max-width: 1300px) {
	header .menu .i {
		padding: 0 30px;
	}
}
@media(max-width: 1150px) {
	header .menu .i {
		padding: 0 20px;
	}
}
@media(max-width: 1100px) {
	header .menu .i {
		padding: 0 15px;
	}
}

.banner{
	margin-top: 90px;
}
.banner img{
	max-width: 100%;
}
.banner .swiper-pagination {
	bottom: 30px;
}
.banner .swiper-pagination-bullet {
	width: 44px;
	border-radius: 5px;
	background-color: #fff;
	opacity: 1;
}
.banner .swiper-pagination-bullet-active {
	background-color: #eba416;
}

.banner_text{
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height:100%;
	z-index: 9;
	color: #fff;
}
.banner_text .container{
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 100%;
	text-align: center;
}
.banner_text .container h3{
	font-size:60px;
	line-height: 1em;
	font-weight: 700;
	position: relative;
	margin-bottom: 20px;
	display: inline-block;
}
.banner_text .container h3:after{
	content: '';
	position: absolute;
	bottom: -20px;
	left: 50%;
	margin-left: -270px;
	height: 1px;
	width: 540px;
	background: #fff;
	z-index: 1;
}
.banner_text .container h3:before{
	content: '';
	position: absolute;
	bottom: -21px;
	left: 50%;
	height: 3px;
	width: 150px;
	margin-left: -75px;
	background: #eba416;
	z-index: 2;
}
.banner_text .container p{
	font-size: 20px;
	line-height: 1em;
	margin:20px 0 80px;
}
.banner_text .container a{
	/*    display: block;
        width: 200px;
        line-height: 60px;
        background:url(../images/jt4.png) no-repeat 90% center #df4729;
        font-size:16px;
        color: #fff;
        text-indent: 35px;
        border-radius: 5px;
        cursor: pointer;*/
}

a.more1{
	display: block;
	width: 200px;
	line-height: 55px;
	background: url(../images/jt4.png) no-repeat 90% center #004099;
	font-size: 16px;
	color: #fff;
	text-indent: 35px;
	border-radius: 5px;
	cursor: pointer;
	text-align: left;
	transition: all 0.6s ease-out;
	margin: 0 auto;
}
a.more1:hover{
	text-indent: 40px;
	color: #fff;
	background: url(../images/jt4.png) no-repeat 85% center #004099;
}



@media(max-width: 1600px){
	.banner_text .container h3{
		font-size: 40px;
	}
}
@media(max-width: 1440px){

}
@media(max-width: 1259px){
	.banner_text .container h3{
		font-size:32px;
	}
	.banner_text .container p {
		font-size: 16px;
		line-height: 1em;
		margin: 20px 0 50px;
	}
}
@media(max-width: 1024px){

}
@media(max-width: 768px){
	.banner_text .container h3 {
		font-size: 26px;
	}
	.banner_text .container p {
		font-size: 15px;
		margin: 10px 0 30px;
	}
}
@media(max-width: 767px){
	.banner_text .container h3 {
		font-size: 20px;
	}
	.banner_text .container p {
		font-size: 14px;
		margin: 10px 0 0px;
	}
	.banner_text .container a{
		display: none!important;
	}
	#swiper-container1 .swiper-pagination{
		bottom:5px!important;
	}
}


.ui-title{
	margin-bottom:80px;
	position: relative;
}
.ui-title h3{
	font-size:18px;
	color: #eaa416;
	line-height: 1em;
	margin-bottom:15px;
	font-weight: 700;
	font-family: Arial, Helvetica, Tahoma, Verdana, Sans-Serif;
	position: relative;
	text-transform: uppercase;
}
.ui-title p{
	font-size:30px;
	color: #000;
	font-weight: 700;
	line-height: 1em;
	position: relative;
}
.ui-title p:after{
	position: absolute;
	content: '';
	left: 0;
	bottom: -25px;
	width: 20px;
	height: 3px;
	background: #000;

}
.ui-title span{
	font-size: 15px;
	color: #666;
	margin-top: 15px;
	line-height: 1em;
	display: block;
}
.index-solution .ui-title p:after{
	bottom: -50px;
}
a.tmore{
	display: block;
	background: #004099;
	font-size: 16px;
	line-height: 1em;
	padding: 15px 25px;
	position: absolute;
	bottom: -10px;
	right: 0px;
	color: #fff;
	transition: all 500ms;
}
a.tmore:hover{
	background: #004099;
}

.index-solution{
	margin-top: 80px;
}
.solution_list a{
	display: block;
	position: relative;
	border-top-left-radius: 25px;
	border-bottom-right-radius: 25px;
	overflow: hidden;
}
.solution_list .img{
	width: 100%;
	padding-top: 60%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	transition: all 300ms;
}
.solution_list a p{
	font-size: 20px;
	color: #fff;
	line-height: 1em;
	padding: 20px;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background: rgba(0,0,0,.5);
}
.solution_list a:hover .img{
	transform: scale(1.1,1.1);
}
.index-solution .ind_new_tab_box {
	position:absolute;
	right:0px;
	bottom:0px;
	display:flex;
}

.index-solution .ind_new_tab_box .swiper-button-prev {
	text-align:center;
	position:relative;
	margin:0 10px 0 0;
	left:auto;
	top: auto;
	bottom:-15px;
	right:auto;
	width:60px;
	height:60px;
	line-height:77px;
	background-color:rgba(0,64,153,0.6);
	color:#f8ac46;
	transition:all .3s ease;
	border-radius:50%;
	background-image: url("../images/s_prev.png");
	background-size: auto;
	background-repeat: no-repeat;
	background-position: center center;
}

.index-solution .ind_new_tab_box .swiper-button-next {
	text-align:center;
	position:relative;
	margin:0px;
	left:auto;
	top: auto;
	bottom:-15px;
	right:auto;
	width:60px;
	height:60px;
	line-height:77px;
	background-color:rgba(234,164,22,0.6);
	color:#f8ac46;
	transition:all .3s ease;
	border-radius:50%;
	background-image: url("../images/s_next.png");
	background-size: auto;
	background-repeat: no-repeat;
	background-position: center center;
}



.product_list1{
	margin: 45px -10px 0px -10px;
}
.product_list1 ul{
}
.product_list1 li{
	width: 25%;
	margin-bottom:20px;
	padding: 0px 10px;
	float: left;
}
.product_list1 li>a{
	display: block;
	border: 1px solid #eee;
	padding: 10px;
	overflow: hidden;
}
.product_list1 li>a .imgbd{
	overflow: hidden;
}
.product_list1 li .img{
	width: 100%;
	padding-top: 75%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	transition: all 300ms;
}
.product_list1 li>a:hover .img{
	transform: scale(1.1,1.1);
}
.product_list1 li p{
	line-height: 1em;
	margin-top: 20px;
	font-size: 18px;
	color: #333;
	text-align: center;
}



.index_partner{
    margin-top: 75px;
    margin-bottom: 50px;
}
.index_partner .ui-title {
	text-align: center;
}
.index_partner .ui-title p:after{
	left: 50%;
	margin-left: -10px;
	display: none;
}
.index_partner .ui-title span {
	margin-top: 20px;
	width: 100% !important;
}
.index_partner_lib .swiper-slide{
}
.index_partner_lib img{
    max-width: 100%;
    border: 1px solid #eee;
}


.index_intro {
	margin-top: 70px;
	background-position:50%;
	background-repeat:no-repeat;
	background-size:cover;
	padding:3.2rem 0 3.6rem
}
.index_intro .ui-title{
	margin-bottom: 60px;
}
@media (max-width:1180px) {
	.index_intro {
		padding:40px 0
	}
}.index_intro .w {
	 display:-webkit-box;
	 display:-webkit-flex;
	 display:-ms-flexbox;
	 display:flex
 }
@media (max-width:668px) {
	.index_intro .w {
		-webkit-box-orient:vertical;
		-webkit-box-direction:normal;
		-webkit-flex-direction:column;
		-ms-flex-direction:column;
		flex-direction:column
	}
}.index_intro .info {
	 width:50%
 }
@media (max-width:668px) {
	.index_intro .info {
		width:100%
	}
}.index_intro .info .nums {
	 margin-top:2.4rem
 }
@media (max-width:1380px) {
	.index_intro .info .nums {
		margin-top:30px
	}
}.index_intro .info .nums>ul {
	 -webkit-box-pack:justify;
	 -ms-flex-pack:justify;
	 display:-webkit-box;
	 display:-webkit-flex;
	 display:-ms-flexbox;
	 display:flex;
	 -webkit-justify-content:space-between;
	 justify-content:space-between;
	 list-style:none;
	 margin:0;
	 padding:0
 }
.index_intro .info .nums>ul>li .item p {
	margin:0;
	padding:0
}
.index_intro .info .nums>ul>li .item .t01 {
	color:#183ba0;
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex
}
.index_intro .info .nums>ul>li .item .t01 span {
	font-family:bebas;
	font-size:2.4rem;
	line-height:1em
}
.index_intro .info .nums>ul>li .item .t01 span#num01 {
	width:5.2rem
}
.index_intro .info .nums>ul>li .item .t01 span#num02 {
	width:5.2rem
}
.index_intro .info .nums>ul>li .item .t01 span#num03 {
	width:6.4rem
}
.index_intro .info .nums>ul>li .item .t01 em {
	-ms-flex-item-align:end;
	-webkit-align-self:flex-end;
	align-self:flex-end;
	font-size:14px;
	font-style:normal;
	line-height:1em
}
.index_intro .info .nums>ul>li .item .t02 {
	color:#333;
	font-size:14px;
	line-height:1em;
	margin-top:.8rem;
	text-align:center
}
.index_intro .info .links {
	margin:2.4rem 0 2rem
}
@media (max-width:1380px) {
	.index_intro .info .links {
		margin:30px 0
	}
}@media (max-width:668px) {
	.index_intro .info .links {
		margin:20px 0
	}
}.index_intro .info .links>ul {
	 display:-webkit-box;
	 display:-webkit-flex;
	 display:-ms-flexbox;
	 display:flex;
	 list-style:none;
	 margin:0 -1px;
	 padding:0
 }
@media (max-width:968px) {
	.index_intro .info .links>ul {
		-webkit-flex-wrap:wrap;
		-ms-flex-wrap:wrap;
		flex-wrap:wrap
	}
}.index_intro .info .links>ul>li {
	 -webkit-box-flex:1;
	 -webkit-flex:1;
	 -ms-flex:1;
	 flex:1;
	 padding:0 1px
 }
@media (max-width:968px) {
	.index_intro .info .links>ul>li {
		-ms-flex-preferred-size:50%;
		-webkit-flex-basis:50%;
		flex-basis:50%;
		margin-bottom:2px
	}
}.index_intro .info .links>ul>li a {
	 -webkit-box-pack:center;
	 -ms-flex-pack:center;
	 -webkit-box-align:center;
	 -ms-flex-align:center;
	 -webkit-align-items:center;
	 align-items:center;
	 background-color:#f1f1f1;
	 color:#333;
	 display:-webkit-box;
	 display:-webkit-flex;
	 display:-ms-flexbox;
	 display:flex;
	 height:60px;
	 -webkit-justify-content:center;
	 justify-content:center;
	 -webkit-transition:all .5s;
	 transition:all .5s;
	 width:100%
 }
@media (max-width:1180px) {
	.index_intro .info .links>ul>li a {
		height:50px
	}
}.index_intro .info .links>ul>li a .iconfont {
	 font-size:1.2rem;
	 margin-right:10px
 }
@media (max-width:1380px) {
	.index_intro .info .links>ul>li a .iconfont {
		font-size:18px
	}
}.index_intro .info .links>ul>li a span {
	 font-size:16px
 }
@media (max-width:1380px) {
	.index_intro .info .links>ul>li a span {
		font-size:14px
	}
}.index_intro .info .links>ul>li a:hover {
	 background-color:#183ba0;
	 color:#fff
 }
.index_intro .info .txt {
	color:#666;
	font-size:14px;
	line-height:2em;
	text-align:justify;
	-moz-text-align-last:left;
	text-align-last:left
}
.index_intro .side {
	margin-left:auto;
	width:42.66%
}
@media (max-width:1180px) {
	.index_intro .side {
		padding-left:40px;
		width:50%
	}
}@media (max-width:668px) {
	.index_intro .side {
		margin-top:20px;
		padding-left:0;
		width:100%
	}
}.index_intro .side .img img {
	 border-radius:10px;
	 width:100%
 }
.index_intro .side .more {
	-webkit-box-align:center;
	-ms-flex-align:center;
	-webkit-align-items:center;
	align-items:center;
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	margin-top:1.6rem
}
.index_intro .side .more .icon {
	background-color:#183ba0;
	border-radius:100%;
	color:#fff;
	height:30px;
	text-align:center;
	-webkit-transition:all .5s;
	transition:all .5s;
	width:30px
}
.index_intro .side .more .icon .iconfont {
	display:block;
	font-size:12px;
	line-height:30px;
	-webkit-transition:all .5s;
	transition:all .5s
}
.index_intro .side .more em {
	color:#183ba0;
	font-size:10px;
	font-style:normal;
	font-weight:700;
	line-height:1em;
	margin-left:10px
}
.index_intro .side .more:hover .icon {
	background-color:#1f4bcc
}
.index_intro .side .more:hover .icon .iconfont {
	-webkit-transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	transform:rotate(90deg)
}


.index-about{
	background:url(../images/aboutbg.jpg) no-repeat center;
	background-size: cover;
	padding:110px 0 130px;
	/*background-attachment: fixed;*/
	margin-top: 60px;
	position: relative;
}
.index-about:before{
	width: 100%;
	height: 100%;
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	background: rgba(0,0,0,0.5);
}
.index-about .ui-title{
	margin-bottom:45px;
}
.index-about .ui-title h3{
	color: #fff;
}
.index-about .ui-title p{
	color: #fff;
}
.index-about .ui-title p span{
	background:#fff;
}
.index_about{
	display: flex;
	flex-wrap: wrap;
	border: 1px solid rgba(255,255,255,.1);
}
.index_about_text{
	width: 52%;
	padding:50px 5%;
	border-right: 1px solid rgba(255,255,255,.2);
}
.index_about_text h4{
	font-size:32px;
	color: #ffffff;
	font-weight: 500;
	position: relative;
	padding-bottom: 10px;
	line-height: 2em;
}
.index_about_text h4:before{
	content: '';
	position: absolute;
	left:0;
	bottom:0;
	width: 115px;
	height: 3px;
	background:#eba416;
}
.index_about_text p{
	font-size:16px;
	color: #afb1b4;
	margin:25px 0 75px;
	line-height: 2em;
}

.index_about_sz{
	width: 48%;
}
.index_about_sz ul{
	display: flex;
	flex-wrap: wrap;
	height: 100%;
}
.index_about_sz ul li{
	width: 50%;
	/*    height: 50%;*/
	padding-left: 45px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	z-index: 99;
	transition: all 0.6s ease-out;
}
.index_about_sz ul li:nth-child(1),.index_about_sz ul li:nth-child(2){
	border-bottom: 1px solid rgba(255,255,255,.2);
}
.index_about_sz ul li:nth-child(1),.index_about_sz ul li:nth-child(3){
	border-right: 1px solid rgba(255,255,255,.2);
}
.index_about_sz ul li p.p1{
	color: #fff;
}
.index_about_sz ul li p.p1 span{
	font-size:60px;
	font-family: 'impact';
	line-height: 1em;
}
.index_about_sz ul li p.p1 sub{
	font-size:20px;
	font-family: 'arial';
	margin-left: 5px;
	display: inline-block;
	line-height: 1.6em;
}
.index_about_sz ul li p.p2{
	font-size:18px;
	color: #afb1b4;
	line-height: 2em;
}
.index_about_sz ul li:nth-child(1){
	background:url(../images/sz1.png) no-repeat right center;
}
.index_about_sz ul li:nth-child(1):hover{
	background:url(../images/sz1_h.png) no-repeat right bottom #eba416;
	transition: all 0.6s;
}
.index_about_sz ul li:nth-child(2){
	background:url(../images/sz2.png) no-repeat right center;
}
.index_about_sz ul li:nth-child(2):hover{
	background:url(../images/sz2_h.png) no-repeat right bottom #eba416;
	transition: all 0.6s;
}
.index_about_sz ul li:nth-child(3){
	background:url(../images/sz3.png) no-repeat right center;
}
.index_about_sz ul li:nth-child(3):hover{
	background:url(../images/sz3_h.png) no-repeat right bottom #eba416;
	transition: all 0.6s;
}
.index_about_sz ul li:nth-child(4){
	background:url(../images/sz4.png) no-repeat right center;
}
.index_about_sz ul li:nth-child(4):hover{
	background:url(../images/sz4_h.png) no-repeat right bottom #eba416;
	transition: all 0.6s;
}
@media(max-width: 1800px){
	.index_about_text{
		padding:30px 5%;
	}
}
@media(max-width: 1600px){
	.index_about_text{
		padding:20px 3%;
	}
	.index_about_text h4{
		font-size:24px;
		padding-bottom: 5px;
	}
	.index_about_text p {
		font-size: 15px;
		margin: 20px 0 30px;
	}
	.index_about_text a{
		width: 150px;
	}
	.index_about_sz ul li{
		padding-left: 25px;
	}
	.index_about_sz ul li p.p1 span{
		font-size:42px;
	}
	.index_about_sz ul li p.p2{
		font-size:16px;
	}
}
@media(max-width: 1440px){

}
@media(max-width: 1259px){
	.index-about{
		padding:60px 0;
	}
	.index-about .ui-title {
		margin-bottom: 30px;
	}
	.index_about_text {
		padding: 15px 2%;
	}
	.index_about_text h4{
		font-size:20px;
	}
	.index_about_text p {
		font-size: 15px;
		margin: 15px 0;
	}
	.index_about_text a{
		height: 45px;
		line-height: 45px;
		width: 120px;
	}
	.index_about_text a span{
		margin-left: 20px;
	}
	.index_about_sz ul li {
		padding-left: 15px;
	}
	.index_about_sz ul li p.p1 span {
		font-size: 36px;
	}
	.index_about_sz ul li p.p1 sub{
		font-size:14px;
	}
	.index_about_sz ul li p.p2 {
		font-size: 15px;
		line-height: 1.6em;
	}
}
@media(max-width: 1024px){
	.index-about {
		padding: 40px 0;
	}
}
@media(max-width: 768px){
	.index-about{
		margin-top: 20px;
	}
	.index_about_text{
		width: 100%;
		border-bottom: 1px solid rgba(255,255,255,.2);
	}
	.index_about_sz {
		width: 100%;
	}
	.index_about_sz li{
		padding: 15px;
		background-size:40px auto !important;
	}
}
@media(max-width: 640px){
	.index-about {
		padding: 30px 0;
	}
	.index-about .ui-title {
		margin-bottom: 20px;
	}
	.index_about_text h4 {
		font-size: 17px;
	}
	.index_about_sz ul li p.p1 span {
		font-size: 30px;
	}
}



.index-case{
	padding:70px 0 105px;
}
.index-case .more1{
	margin: 0 auto;
	margin-top: 30px;
}
.index-case-top{
	margin-bottom:60px;
}
.index-case .ui-title{
	width: 40%;
	float: left;
	margin-bottom:0;
}

.index-creative-technology-nav {
	width:55%;
	padding-top:50px;
	padding-right: 5%;
	overflow: hidden;
	float: right;
	text-align: right;
}
.inav a{
	font-size: 16px;
	color: #171921;
	display: inline-block;
	padding: 0 20px;
	position: relative;
	overflow: hidden;
	font-weight: 600;
	margin-left:30px;
	transition: all 0.4s ease-out;
	font-family: '微软雅黑';
}
.inav a:first-child{
	margin-left: 0;
}
.inav a.cur {color: #eba416;}
.inav a:hover{
	color: #eba416;
	transition: all 0.4s;
}
.inav a::before {background: url('../images/nav1.png') left center no-repeat;left:5px;}
.inav a::after  {background: url('../images/nav1.png') right center no-repeat;right:5px;}
.index-creative-technology-nav a.cur::before,.index-creative-technology-nav a.cur::after {
	display: block;
}
.index-creative-technology-nav a::before{
	content: '';
	position: absolute;
	top: 50%;
	left: 7px;
	width: 7px;
	height: 14px;
	margin-top: -7px;
	background: url(../images/nav1.png) left center no-repeat;
	display: none;
}
.index-creative-technology-nav a::after {
	content: '';
	position: absolute;
	top: 50%;
	right: 7px;
	width: 7px;
	height: 14px;
	margin-top: -7px;
	background: url(../images/nav2.png) right center no-repeat;
	display: none;
}

.index-creative-technology-swiper {
	position: relative;
	overflow: hidden;
	/*    padding:50px 0 0 0;*/
	width:100%;
	clear: both;
}
.index-creative-technology-swiper::after {
	content: '';
	position: absolute;
	width: 100%;
	height: 1px;
	left: 0;
	bottom: 20px;
	background: #e0e0e0;
}
.index-creative-technology-swiper a {
	display: block;
	overflow: hidden;
	position: relative;
}
.index-creative-technology-swiper .img {
	position: relative;
	background-size: 100%;
	background-position: center;
	background-repeat: no-repeat;
	transition: all 0.6s ease-out;
}
.index-creative-technology-swiper .img .mark-img {
	overflow: hidden;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index:2;
	display: none;
}
.index-creative-technology-swiper .img .mark-img img{
	display: block;
	width: 100%;
	height: auto;
	opacity: 1;
}
.index-creative-technology-swiper .img img{
	display: block;
	width: 100%;
	height: auto;
	opacity: 0;

}
.index-creative-technology-swiper a:hover .img {
	background-size: 110%;
	transition: all 0.6s;
}
.index-creative-technology-swiper .txt {
	overflow: hidden;
	position: absolute;
	width: 100%;
	padding: 3% 3%;
	left: 0;
	bottom: 0;
	z-index: 3;
	background: rgba(117,171,34,0.6);
}
.index-creative-technology-swiper .txt strong{
	float: left;
	width:70%;
	display: block;
	font-size: 20px;
	color: #fff;
	font-weight: bold;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-align: left;
}
.index-creative-technology-swiper .txt span {
	float: left;
	width:30%;
	display: block;
	font-size: 14px;
	line-height: 40px;
	font-weight: normal;
	opacity: .4;
	color: #fff;
	text-align: right;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.line-dot{
	width: 50px;
	height:30px;
	background: #fff;
	margin:40px auto 0;
	position: relative;
}
.line-dot *{
	-webkit-transition:all .4s ease;
	-moz-transition:all .4s ease;
	transition:all .4s ease;
}
.line-dot::before {
	content: '';
	position: absolute;
	width:1px;
	height: 20px;
	left:50%;
	top: -30px;
	margin-left: -0.5px;
	background: #e0e0e0;
	display:block;
}
.line-dot li {
	width:22px;
	height: 22px;
	border: 2px solid #e7e7e7;
	border-radius:100px;
	margin: 2.5px auto;
	overflow: hidden;
}
.line-dot i{
	display: block;
	width: 4px;
	height:4px;
	border-radius:10px;
	margin:7px;
	background: #2c2e38;
	overflow: hidden;
}
.index-creative-technology-swiper .swiper-slide:hover .line-dot li{border: 2px solid #282a34;}
.index-creative-technology-swiper .swiper-slide:hover .line-dot li i{background: #e81836;}
/*.index-creative-technology-swiper .swiper-slide:hover .line-dot::before { background: #727272;}*/

a.more3{
	display: block;
	width: 176px;
	line-height: 58px;
	height: 58px;
	background: #e60021;
	color: #fff;
	text-align: center;
	margin:50px auto 0;
}
a.more3 span {
	display: inline-block;
	width: 10px;
	height: 15px;
	background: url(../images/jt1.png) no-repeat center;
	margin-left: 30px;
	position: relative;
	top: 3px;
}
a.more3:hover{
	opacity: .9;
}
@media(max-width: 1800px){

}
@media(max-width: 1600px){
	.inav a{
		margin-left: 20px;
	}
	a.more3{
		width: 150px;
	}
}
@media(max-width: 1440px){

}
@media(max-width: 1259px){
	.index_main3 {
		padding: 60px 0;
	}
	.title1 em {
		font-size: 15px;
		margin-top: 5px;
	}
	.inav a{
		margin-left: 10px;
	}
	.index-creative-technology-nav{
		padding-right: 0;
	}
	.index-creative-technology-swiper .txt{
		padding:3% 2%;
	}
	.index-creative-technology-swiper .txt strong{
		font-size:18px;
	}
	a.more3{
		width: 120px;
		line-height: 50px;
		height: 50px;
	}
	a.more3 span{
		margin-left: 20px;
	}
}
@media(max-width: 1024px){

}
@media(max-width: 860px){
	.index_main3 .title1{
		width: 100%;
		float: none;
	}
	.index-creative-technology-nav{
		text-align: left;
		width: 100%;
		float:none;
		padding-top:15px;
	}
	.inav a{
		padding: 0 15px;
		margin-left: 0;
	}
}
@media(max-width: 768px){
	.index_main3 {
		padding: 40px 0;
	}
	.index_main3_top {
		margin-bottom: 30px;
	}
}
@media(max-width: 640px){
	.index_main3 {
		padding: 30px 0;
	}
	.index_main3_top {
		margin-bottom: 10px;
	}
	.title1 em {
		font-size: 14px;
		margin-top: 0px;
	}
	.inav a {
		font-size: 15px;
		padding: 0 10px;
	}
	.index-creative-technology-nav a::before{
		left:0;
	}
	.index-creative-technology-nav a::after{
		right:0;
	}
	.index-creative-technology-nav{
		padding-top:10px;
	}
	.index_main4_tit a {
		margin-top:10px;
		line-height: 45px;
		height: 45px;
	}
}

.mbshow {
	display: none !important;
}

.index_news {
	padding:2.4rem 0 3.2rem
}
@media (max-width:668px) {
	.index_news {
		padding-bottom:0
	}
}.index_news_list {
	 margin-top:2rem
 }
@media (max-width:668px) {
	.index_news_list {
		margin-top:30px
	}
}.index_news_list>ul {
	 display:-webkit-box;
	 display:-webkit-flex;
	 display:-ms-flexbox;
	 display:flex;
	 list-style:none;
	 margin:0 -15px;
	 padding:0
 }
@media (max-width:668px) {
	.index_news_list>ul {
		-webkit-box-orient:vertical;
		-webkit-box-direction:normal;
		-webkit-flex-direction:column;
		-ms-flex-direction:column;
		flex-direction:column
	}
}.index_news_list>ul>li {
	 padding:0 15px;
	 width:33.33%
 }
@media (max-width:668px) {
	.index_news_list>ul>li {
		margin-bottom:20px;
		width:100%
	}
}.index_news_list>ul>li a {
	 display:block
 }
.index_news_list>ul>li a .img {
	height:11.2rem;
	overflow:hidden;
	width:100%
}
@media (max-width:668px) {
	.index_news_list>ul>li a .img {
		height:200px
	}
}.index_news_list>ul>li a .img span {
	 background-position:50%;
	 background-repeat:no-repeat;
	 background-size:cover;
	 display:block;
	 height:100%;
	 -webkit-transition:all 1s;
	 transition:all 1s;
	 width:100%
 }
.index_news_list>ul>li a .txt {
	background-color:#fafafa;
	padding:1.2rem 2rem
}
@media (max-width:1440px) {
	.index_news_list>ul>li a .txt {
		padding:20px
	}
}.index_news_list>ul>li a .txt b.t {
	 color:#333;
	 display:block;
	 font-size:18px;
	 height:1em;
	 line-height:1em;
	 overflow:hidden;
	 text-overflow:ellipsis;
	 -webkit-transition:all .5s;
	 transition:all .5s;
	 white-space:nowrap
 }
@media (max-width:1440px) {
	.index_news_list>ul>li a .txt b.t {
		font-size:16px
	}
}@media (max-width:1288px) {
	.index_news_list>ul>li a .txt b.t {
		font-size:14px
	}
}@media (max-width:668px) {
	.index_news_list>ul>li a .txt b.t {
		font-size:16px
	}
}.index_news_list>ul>li a .txt .des {
	 -webkit-line-clamp:2;
	 -webkit-box-orient:vertical;
	 color:#666;
	 display:-webkit-box;
	 font-size:.56rem;
	 height:4em;
	 line-height:2em;
	 margin:.8rem 0 1.2rem;
	 min-width:0;
	 overflow:hidden;
	 text-overflow:ellipsis
 }
@media (max-width:668px) {
	.index_news_list>ul>li a .txt .des {
		font-size:14px
	}
}.index_news_list>ul>li a .txt .info {
	 -webkit-box-pack:justify;
	 -ms-flex-pack:justify;
	 -webkit-box-align:center;
	 -ms-flex-align:center;
	 -webkit-align-items:center;
	 align-items:center;
	 color:#000;
	 display:-webkit-box;
	 display:-webkit-flex;
	 display:-ms-flexbox;
	 display:flex;
	 font-size:14px;
	 -webkit-justify-content:space-between;
	 justify-content:space-between;
	 line-height:1em
 }
@media (max-width:668px) {
	.index_news_list>ul>li a .txt .info {
		font-size:12px
	}
}.index_news_list>ul>li a .txt .info em {
	 font-style:normal
 }
.index_news_list>ul>li a:hover .img span {
	-webkit-transform:scale(1.1);
	-ms-transform:scale(1.1);
	transform:scale(1.1)
}
.index_news_list>ul>li a:hover .txt b.t {
	color:#183ba0
}



.n_banner{
	margin-top: 90px;
	position: relative;
}

.position{
	background-color:#f5f5f5;
	width: 100%;
	font-size: 14px;
	line-height: 70px;
}
.position .nav{
	float: left;
	width: 75%;
}
.position .nav .swiper-slide{
	position: static;
	display: inline-block;
	color: #fff;
	width: auto;
	vertical-align: top;
	margin-right: 50px;
	transition: all 0.5s;
	width: auto;
}
.position .nav a{
	font-size: 16px;
	display: inline-block;
	color: #333;
	position: relative;
}

.position .nav a.cur{
	color: #004099;
}
.position .nav a:after{
	content: '';
	bottom: 0px;
	left: 50%;
	width: 0;
	height: 3px;
	background: #004099;
	transition: all 0.4s;
	position: absolute;
}
.position .nav a:hover{
	color: #004099;
}
.position .nav a.cur:after{
	width: 100%;
	left: 0;
}
.position .nav a:hover:after{
	width: 100%;
	left: 0;
}
.position .site{
	float: right;
	background-image: url("../images/logo_03.png");
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
	color: #666;
	width: 25%;

}
.position .site a{
	color: #666;

}
.positionpro{
	margin-top: 90px;
}
.positionpro .site{
	float: left;
}



.intro-title{
	margin-top: 60px;
	text-align: center;
}
.intro-title h3{
	font-size: 30px;
	line-height: 1em;
	color: #000;
	font-weight: 700;
}
.intro-title p{
	font-size: 18px;
	margin-top: 15px;
	line-height: 1em;
	color: #eaa416;
	text-transform: uppercase;
	font-weight: 700;
}
.n_w{
	max-width: 1320px;
	width: 90%;
	margin: 0 auto;
}

.n_banner .img {
	height:600px;
	background-repeat:no-repeat;
	background-position:center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	position: relative;
}

.n_banner .img .txt {
	display: flex;
	flex-direction: column;
	justify-content: center;
	width:100%;
	text-align:center;
	color:#fff;
	height:100%;
	position: absolute;
	top: 0;
	left: 0;

}
.n_banner .img .txt h2 {
	font-size:46px;
	font-weight:bold;
	height:60px;
	line-height:46px;
	position: relative;
	margin-bottom: 23px;
}
.n_banner .img .txt h2:after{
	width: 40px;
	height: 3px;
	content: '';
	position: absolute;
	bottom: -10px;
	left: 50%;
	margin-left: -25px;
	background: #eba416;
}
.n_banner .img .txt p {
	display:block;
	color:#fff;
	font-size: 16px;
	letter-spacing:10px;
	line-height: 1em;
	margin-bottom: 50px;
}

.sub__nav-list{
	padding: 30px 0px 20px 0px;
	text-align: center;
	border-bottom: 1px solid #ddd;
}
.sub__nav-list a{
	display: inline-block;
	font-size: 18px;
	padding: 0px 20px;
	line-height: 2.5em;
	background: #fff;
	margin: 0px 5px 10px 5px;
	transition: all 300ms;
}
.sub__nav-list a.cur,.sub__nav-list a:hover{
	background: #004099;
	color: #fff;
}
.page_about{
	margin-top: 60px;
	margin-bottom: 60px;
}
.title01 {
	margin:0;
	padding:0;
	text-align:center
}
.title01 b {
	display:block;
	font-size:36px;
	color:#000
}
@media (max-width: 1681px) {
	.title01 b {
		font-size:30px
	}
}
@media (max-width: 1440px) {
	.title01 b {
		font-size:26px
	}
}
@media (max-width: 668px) {
	.title01 b {
		font-size:22px
	}
}
.title01 b:after {
	content:"";
	display:block;
	width:40px;
	height:1px;
	margin:15px auto 10px;
	background-color:#fed900
}
.title01 span {
	display:block;
	font-size:24px;
	font-family:'agfutura';
	color:#999;
	text-transform:uppercase
}
@media (max-width: 1681px) {
	.title01 span {
		font-size:20px
	}
}
@media (max-width: 1440px) {
	.title01 span {
		font-size:18px
	}
}
@media (max-width: 668px) {
	.title01 span {
		font-size:16px
	}
}

.page_about_content{

}

.culture_bg{
	background: url("../images/qywhbg.jpg") no-repeat center;
	background-position: 350px bottom;
	padding-bottom: 50px;
}


.page_about_content .img{
	margin-top: 30px;
	position: relative;
	text-align: center;
	overflow: hidden;
}
.page_about_content .img ul{
	margin: 0px -10px;
}
.page_about_content .img li{
	width: 33.33%;
	float: left;
	padding: 0px 10px;
}
.page_about_content .img li div{
	overflow: hidden;
}
.page_about_content .img img{
	max-width: 100%;
	transition: all 300ms;
}
.page_about_content .img img:hover{
	transform: scale(1.1,1.1);
}
.page_about_content .txt{
	font-size: 18px;
	line-height: 40px;
	color: #333;
}
.page_cul_content .txt{
	float: none !important;
	padding: 0px !important;
	width: 1200px;
	margin: 0 auto;
}

.page_about_content .txt p{
}
.page_about_content .txt strong{
	color: #eba416;
}

.page_work{
	margin-top: 60px;
	margin-bottom: 60px;
}

.{
}
. ul{
	margin: 0px -10px;
}
.page_work_lib li{
	width: 33.33%;
	float: left;
	padding: 0px 10px;
	margin-bottom: 20px;
}
.page_work_lib li a{
	display: block;
	overflow: hidden;
	border: 1px solid #eee;
	padding: 20px;
	background: #f5f5f5;
	transition: all 300ms;
}
.page_work_lib li a:hover{
	background: #fff;
	border: 1px solid #fff;
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);
}
.page_work_lib li .img-center{
	overflow: hidden;
}
.page_work_lib li img{
	width: 100%;
}
.page_work_lib li p{
	font-size: 16px;
	border-top: 1px solid #eee;
	margin-top: 20px;
	padding-top: 20px;
	line-height: 1em;
	text-align: center;
}

.page_partner_lib li{
	width: 20%;
}


.page_news{
}
.news__list-col {
	padding-bottom:70px
}

@media (max-width: 1440px) {
	.page_work_lib li{
		width: 33.33%;
	}
}
@media (max-width: 1681px) {
	.news__list-col {
		margin-top:30px;
		padding-bottom:50px
	}
}
@media (max-width: 1180px) {
	.news__list-col {
		margin-top:20px;
		padding-bottom:0px
	}
}
.news__list-item {
	display:block
}
@media (max-width: 668px) {
	.news__list-item {
		margin-bottom:20px
	}
}
.news__list-item a {
	display:block;
	padding-top:40px;
	padding-bottom:40px;
	overflow:hidden;
	position:relative;
	border-bottom:1px solid #e3e3e3;
	-webkit-transition:all .5s;
	-o-transition:all .5s;
	transition:all .5s
}
@media (max-width: 1180px) {
	.news__list-item a {
		padding-top:20px;
		padding-bottom:20px
	}
}
@media (max-width: 668px) {
	.news__list-item a {
		padding:0 0 20px
	}
}
.news__list-item a:after {
	content:'';
	display:block;
	width:750px;
	height:750px;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	background-image:url("../img/logo_gray.png");
	opacity:0;
	position:absolute;
	right:-100px;
	top:50px;
	z-index:1;
	-webkit-transition:all .5s;
	-o-transition:all .5s;
	transition:all .5s
}
@media (max-width: 1180px) {
	.news__list-item a:after {
		display:none
	}
}
.news__list-item a .date {
	float:left;
	width:20%;
	font-family:'agfutura';
	font-size:32px;
	color:#9e9e9e;
	-webkit-transition:all .5s;
	-o-transition:all .5s;
	transition:all .5s
}
@media (max-width: 1681px) {
	.news__list-item a .date {
		font-size:26px
	}
}
@media (max-width: 1440px) {
	.news__list-item a .date {
		width:15%
	}
}
@media (max-width: 968px) {
	.news__list-item a .date {
		display:none
	}
}
.news__list-item a .date span {
	display:block;
	height:46px;
	line-height:46px;
	font-size:46px;
	margin:15px 0 5px
}
@media (max-width: 1681px) {
	.news__list-item a .date span {
		height:34px;
		line-height:34px;
		font-size:34px
	}
}
.news__list-item a .date:before {
	content:'';
	display:block;
	width:36px;
	height:1px;
	line-height:1px;
	background-color:#004099
}
.news__list-item a .img {
	float:left;
	width:30%;
	height:310px;
	overflow:hidden
}
@media (max-width: 1681px) {
	.news__list-item a .img {
		height:280px
	}
}
@media (max-width: 1440px) {
	.news__list-item a .img {
		width:35%
	}
}
@media (max-width: 1180px) {
	.news__list-item a .img {
		height:250px
	}
}
@media (max-width: 968px) {
	.news__list-item a .img {
		width:40%
	}
}
@media (max-width: 668px) {
	.news__list-item a .img {
		float:none;
		width:100%;
		height:200px
	}
}
.news__list-item a .img span {
	display:block;
	width:100%;
	height:100%;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	-webkit-transition:all 1s;
	-o-transition:all 1s;
	transition:all 1s;
	background-color:#f5f5f5
}
.news__list-item a .txt {
	float:right;
	width:50%;
	padding-left:60px;
	padding-top:30px;
	position:relative;
	z-index:2
}
@media (max-width: 1180px) {
	.news__list-item a .txt {
		padding-left:20px;
		padding-top:0px
	}
}
@media (max-width: 968px) {
	.news__list-item a .txt {
		width:60%
	}
}
@media (max-width: 668px) {
	.news__list-item a .txt {
		float:none;
		width:100%;
		padding:20px 0 0
	}
}
.news__list-item a .txt b.t {
	display:block;
	font-size:24px;
	color:#333;
	-webkit-transition:all .5s;
	-o-transition:all .5s;
	transition:all .5s
}
@media (max-width: 1681px) {
	.news__list-item a .txt b.t {
		font-size:20px
	}
}
@media (max-width: 1440px) {
	.news__list-item a .txt b.t {
		font-size:18px
	}
}
.news__list-item a .txt .date_m {
	display:none
}
@media (max-width: 968px) {
	.news__list-item a .txt .date_m {
		display:block;
		color:#999
	}
}
.news__list-item a .txt .des {
	font-size:18px;
	line-height:34px;
	height:68px;
	margin:20px 0 50px;
	color:#333;
	font-weight:lighter;
	min-width:0;
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical
}
@media (max-width: 1440px) {
	.news__list-item a .txt .des {
		font-size:16px;
		line-height:30px;
		height:90px;
		min-width:0;
		overflow:hidden;
		text-overflow:ellipsis;
		display:-webkit-box;
		-webkit-line-clamp:3;
		-webkit-box-orient:vertical;
		margin:25px 0
	}
}
@media (max-width: 1180px) {
	.news__list-item a .txt .des {
		font-size:14px;
		font-weight:normal
	}
}
@media (max-width: 668px) {
	.news__list-item a .txt .des {
		height:auto
	}
}
.news__list-item a .txt .more {
	width:155px;
	height:42px;
	line-height:40px;
	position:relative;
	border:1px solid #000;
	-webkit-border-radius:20px;
	border-radius:20px;
	text-align:center;
	-webkit-transition:all .5s;
	-o-transition:all .5s;
	transition:all .5s;
	font-size:14px;

}
.news__list-item a .txt .more span {
	font-size:14px;
	color:#000;
	-webkit-transition:all .5s;
	-o-transition:all .5s;
	transition:all .5s
}
.news__list-item a .txt .more svg {
	width:16px;
	height:16px;
	vertical-align:top;
	margin:12px 0 0 10px;
	color:#000;
	-webkit-transition:all .5s;
	-o-transition:all .5s;
	transition:all .5s
}
@media (min-width: 668px) {
	.news__list-item a:hover {
		background-color:#f5f5f5;
		border-bottom:1px solid #f5f5f5
	}
	.news__list-item a:hover:after {
		opacity:1
	}
	.news__list-item a:hover .date {
		color:#004099
	}
	.news__list-item a:hover .img span {
		-webkit-transform:scale(1.1);
		-ms-transform:scale(1.1);
		transform:scale(1.1);
		background-color:#fff
	}
	.news__list-item a:hover .txt b.t {
		color:#004099
	}
	.news__list-item a:hover .txt .more {
		border-color:#004099;
		background-color:#004099
	}
	.news__list-item a:hover .txt .more span {
		color:#fff
	}
	.news__list-item a:hover .txt .more svg {
		color:#fff
	}
}

.news__content {
	max-width:1000px;
	margin:0 auto;
	padding:70px 0
}
@media (max-width: 1681px) {
	.news__content {
		padding:50px 0
	}
}
@media (max-width: 1180px) {
	.news__content {
		padding:20px
	}
}
.news__content h1.title {
	width:100%;
	font-size:24px;
	line-height:40px;
	color:#333;
	font-weight:bold;
	text-align:center
}
@media (max-width: 1380px) {
	.news__content h1.title {
		font-size:18px;
		line-height:30px
	}
}
.news__content .info {
	font-size:14px;
	line-height:20px;
	text-align:center;
	padding:20px 0 0;
	color:#999;
	font-family:'futurabt-medium'
}
.news__content .info span {
	display:inline-block;
	vertical-align:top
}
.news__content .info svg {
	width:20px;
	height:20px;
	color:#999
}
.news__content .txt {
	padding:30px 0;
	font-size:16px;
	line-height:30px;
	color:#666;
	margin-top:30px;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd
}
@media (max-width: 1440px) {
	.news__content .txt {
		font-size:14px;
		line-height:26px
	}
}
@media (max-width: 668px) {
	.news__content .txt {
		font-weight:normal;
		margin-top:20px;
		padding:10px 0
	}
}
.news__content .txt img {
	max-width:100% !important;
	height:auto !important;
	margin-top:10px;
	margin-bottom:10px
}
.news__content .txt br {
	display:block;
	content:'';
	margin-top:10px
}
.news__content .news_content_video {
	width:800px;
	height:600px;
	margin:20px auto
}
@media (max-width: 968px) {
	.news__content .news_content_video {
		width:100%;
		height:500px
	}
}
@media (max-width: 668px) {
	.news__content .news_content_video {
		height:250px
	}
}
.news__content .updown {
	padding:40px 0 0 0;
	font-size:14px;
	line-height:28px;
	color:#666
}
@media (max-width: 1380px) {
	.news__content .updown {
		padding:20px 0 0;
		font-size:12px;
		line-height:22px
	}
}
@media (max-width: 1180px) {
	.news__content .updown {
		padding:10px 0 0
	}
}
.news__content .updown a {
	color:#666;
	-webkit-transition:all .5s;
	-o-transition:all .5s;
	transition:all .5s
}
.news__content .updown a:hover {
	color:#eba416
}
.news__content .updown .inner {
	width:100%;
	padding-right:150px;
	position:relative
}
@media (max-width: 668px) {
	.news__content .updown .inner {
		padding:0
	}
}
.news__content .updown .btn_back {
	display:block;
	width:150px;
	height:44px;
	line-height:42px;
	padding:0 30px;
	-webkit-border-radius:40px;
	border-radius:40px;
	border:1px solid #5b5b5b;
	color:#666;
	position:absolute;
	right:0;
	top:50%;
	margin-top:-22px;
	-webkit-transition:all .5s;
	-o-transition:all .5s;
	transition:all .5s
}
@media (max-width: 668px) {
	.news__content .updown .btn_back {
		position:static;
		margin:20px auto 0
	}
}
.news__content .updown .btn_back span {
	display:block;
	float:right;
	margin:14px 0 0;
	width:15px;
	height:12px;
	position:relative
}
.news__content .updown .btn_back span:before,
.news__content .updown .btn_back span:after {
	content:'';
	display:block;
	width:100%;
	height:1px;
	line-height:1px;
	background:#5b5b5b;
	position:absolute;
	left:0;
	-webkit-transition:all .5s;
	-o-transition:all .5s;
	transition:all .5s
}
.news__content .updown .btn_back span:before {
	top:0
}
.news__content .updown .btn_back span:after {
	bottom:0
}
.news__content .updown .btn_back span i {
	display:block;
	width:100%;
	height:1px;
	line-height:1px;
	background:#5b5b5b;
	position:absolute;
	left:0;
	top:50%;
	-webkit-transition:all .5s;
	-o-transition:all .5s;
	transition:all .5s
}
.news__content .updown .btn_back:hover {
	background:#eba416;
	border-color:#eba416;
	color:#fff;
	text-decoration:none
}
.news__content .updown .btn_back:hover span:before,
.news__content .updown .btn_back:hover span:after {
	width:10px;
	background:#fff
}
.news__content .updown .btn_back:hover span:before {
	top:2px;
	-webkit-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	transform:rotate(-45deg)
}
.news__content .updown .btn_back:hover span:after {
	bottom:2px;
	-webkit-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg)
}
.news__content .updown .btn_back:hover span i {
	opacity:0
}

.page_pro{
	padding-bottom: 60px;
	margin-top: 60px;
}

.panel-sd{
	width: 300px;
	float: left;
}
.panel-sd .tit{
	padding-bottom: 12px;
	font-size: 28px;
	color: #333;
	border-bottom: 1px solid #eee;
}
.panel-sd .tit span{
	color: #808080;
	font-size: 14px;
	padding-left: 10px;
}

.panel-sd .bd{
	border: 1px solid #eee;
	border-bottom: none;
	margin-top: 20px;
}
.panel-sd .bd li{
	border-bottom: 1px solid #eee;
}
.panel-sd .bd li > a{
	font-size: 16px;
	padding: 0px 20px;
	display: block;
	line-height: 56px;
	background-color: #f5f5f5;
	position: relative;
}
.panel-sd .bd li > a > span{
	position: absolute;
	width: 20px;
	height: 20px;
	background: url("../images/pro_sort1.png") no-repeat;
	right: 20px;
	top: 18px;
}
.panel-sd .bd li.cur > a{
	background-color: #fff;
	color: #004099;
}
.panel-sd .bd li.cur > a > span{
	background: url("../images/pro_sort2.png") no-repeat;
}
.panel-sd .bd .lanmu-box{
	display: none;
	border-top: 1px solid #eee;
}
.panel-sd .bd li.cur .lanmu-box{
	display: block;
}
.panel-sd .bd .lanmu-box p{
	line-height: 45px;
	border-bottom: 1px dashed #eee;
	background: #fbf5f0;
	padding: 0px 20px;
	display: block;
}
.panel-sd .bd .lanmu-box p a{
	display: block;
	background: url("../images/pro_sort.png") no-repeat left center;
	font-size: 14px;
	padding-left: 15px;

}
.solution_top{
	position: relative;
}
.solution_top .img{
	overflow: hidden;
}
.solution_top .img img{
	max-width: 100%;
	transition: all 500ms;
}
.solution_top .img img:hover{
	transform: scale(1.1,1.1);
}
.solution_top .txt{
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.5);
	color: #fff;
	padding: 30px;
}
.solution_top .txt p{
	line-height: 1em;
}
.solution_top .txt p.p1{
	font-size: 32px;
}
.solution_top .txt p.p2{
	margin-top: 10px;
	font-size: 15px;
	line-height: 25px;
	text-align: justify;
}
.product__list-grid{
	width: calc(100% - 300px);
	padding-left: 50px;
	float: right;

}

.product__list-grid ul{
	margin: 30px -10px 0px;
}
.product__list-grid li{
	width: 50%;
	float: left;
	padding: 0px 10px;
	margin-bottom: 20px;
}
.product__list-grid li a{
	display: block;
	border: 1px solid #eee;
	padding: 20px;
	background: #f5f5f5;
	transition: all 300ms;
}
.product__list-grid li a:hover{
	background: #fff;
	border: 1px solid #fff;
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);
}
.product__list-grid li a .imgbd{
	overflow: hidden;
}
.product__list-grid li .img{
	padding-top: 75%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	transition: all 300ms;
}
.product__list-grid li>a:hover .img{
	transform: scale(1.1,1.1);
}
.product__list-grid li p {
	line-height: 1em;
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid #eee;
	font-size: 18px;
	color: #333;
	text-align: center;
}
@media (max-width: 1440px) {

	.product__list-grid li{
		width: 33.33%;
	}
}



.n_contact{
	padding:60px 0px 80px;
	background:#fff;
	margin-bottom:65px;

}
.n_contact_title{
	margin-bottom:50px;
}
.n_contact_title h3{
	font-size: 40px;
	color: #333;
	font-weight: normal;
	line-height:1em;
}
.n_contact_title p{
	font-size: 28px;
	color: #a8a8a8;
	line-height:1em;
	text-transform: uppercase;
	margin-top:30px;
}
.lxfs{
	display: flex;
}
.lxfs li{
	width: 24.25%;
	margin-right: 1%;
	background:#eff2f7;
	padding:52px 50px 48px;
	text-align:center;
}
.lxfs li .img{
	transition: all 0.3s ease 0s;
	width: 42px;
	height: 47px;
	line-height:60px;
	margin:0 auto 15px;
}
.lxfs li .img2{
	transition: all 0.3s ease 0s;
	width: 42px;
	height: 47px;
	line-height:60px;
	margin:0 auto 15px;
}
.lxfs li:hover .img{
	line-height: 36px;

}
.lxfs li:hover .img2{
	line-height: 36px;

}
.lxfs li p{
	font-size: 20px;
	color: #004099;
}
.lxfs li span{
	font-size: 16px;
	color: #333;
}


@media(max-width: 1600px){
	.n_contact{
		padding: 40px 60px 50px;
		margin-bottom: 40px;
	}
	.n_contact_title{
		margin-bottom:30px;
	}
	.n_contact_title h3{
		font-size: 30px;
	}
	.n_contact_title p{
		font-size: 22px;
		margin-top: 20px;
	}
	.lxfs li{
		padding: 30px 20px;
	}
	.lxfs li p{
		font-size: 20px;
	}

}
@media(max-width: 1440px){

}
@media(max-width: 1199px){
	.n_contact{
		padding: 30px 30px;
		margin-bottom: 20px;
	}
	.n_contact_title{
		margin-bottom:20px;
	}
	.n_contact_title h3{
		font-size: 24px;
	}
	.n_contact_title p{
		font-size: 16px;
		margin-top: 10px;
	}
	.lxfs li{
		padding: 20px 10px;
	}
	.lxfs li p{
		font-size: 16px;
	}
}
@media(max-width: 768px){
	.n_contact {
		padding: 20px;
		margin-bottom: 20px;
	}
	.n_contact_title h3 {
		font-size: 20px;
	}
	.n_contact_title p{
		font-size: 14px;
	}
	.lxfs li p{
		font-size: 14px;
	}
	.lxfs li span{
		font-size: 14px;
	}
	.lxfs li:nth-child(3) p{
		font-size: 14px;
		line-height:1.6em;
	}
}
@media(max-width: 767px){
	.n_contact {
		padding: 15px 10px;
		margin-bottom: 15px;
	}
	.lxfs{
		flex-wrap: wrap;
	}
	.lxfs li{
		width: 49%;
		margin-right: 2%;
		margin-bottom:10px;
		padding: 15px 10px;
	}
	.lxfs li:nth-child(2n){
		margin-right:0;
	}
}


.message_title{
	margin-top:50px;
}
.message_title h3 {
	font-size: 36px;
	font-weight:normal;
}
.message_title p{
	font-size: 25px;
	color: #808080;
	text-transform: uppercase;
	font-family: 'Conv_HelveticaNeueLT-ThinExt';
}
.message_contact{
	font-size: 15px;
	margin-top: 60px;
}
.map_contact{
	margin-top: 60px;
}
.message_contact ul{
	/*    margin: 0 -17px;*/
}
.message_contact ul li {
	float: left;
	width: 33.33333%;
	padding: 0 17px;
}
.message_contact ul li:first-child{
	padding-left: 0;
}
.message_contact ul li:last-child{
	padding-right: 0;
}
.message_contact ul li p,.message_contact ul li .text p {
	margin-bottom: 15px;
	font-size: 17px;
}
.message_contact ul li input {
	width: 100%;
	padding: 18px 25px 18px 55px;
	line-height: 30px;
	height: 56px;
	background-color: #f9f9f9;
	background-position: 20px center;
	background-repeat: no-repeat;
	-o-background-size: 22px;
	background-size: 22px;
	border: 1px solid #e7e7e7;
	color: #919191;
}
/*.message_contact input.m_input {
    background-color: #25599f;
    color: #fff;
}*/
.message_contact ul li input#name {
	background-image: url(../images/online-1.png);
}

.message_contact ul li input#contact {
	background-image: url(../images/online-2.png);
}

.message_contact ul li input#email {
	background-image: url(../images/online-3.png);
}

.message_contact .text textarea#content {
	background-image: url(../images/online-4.png);
}
.message_contact .text {
	margin-top: 38px;
	position: relative;
}
.message_contact .text p{
	margin-bottom: 15px;
	font-size: 17px;
}

.message_contact .text textarea {
	padding: 18px 25px 18px 55px;
	background-color: #f9f9f9;
	background-position: 20px 18px;
	background-repeat: no-repeat;
	-o-background-size: 22px;
	background-size: 22px;
	border: 1px solid #e7e7e7;
	color: #919191;
	height: 180px;
	width: 100%;
}
.message_contact .m_btn {
	margin-top: 50px;
	display: block;
	width: 240px;
	height: 56px;
	margin: 30px auto 0;
	line-height: 56px;
	position: relative;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}

.m_btn input {
	display: block;
	width: 100%;
	height: 100%;
	text-align: center;
	font-size: 14px;
	color: #fff;
	background: #004099;
	border-radius: 3px;
	font-style: normal;
	text-transform: uppercase;
	position: relative;
	cursor: pointer;
	z-index: 1;
	border:none;
	outline: none;
}

.m_btn input:hover {
	opacity: 0.8;
}

.message_contact ul li input::-webkit-input-placeholder,
.message_contact .text textarea::-webkit-input-placeholder {
	color: #919191;
}

.message_contact ul li input::-moz-placeholder,
.message_contact .text textarea::-moz-placeholder {
	/* Mozilla Firefox 19+ */
	color: #919191;
}

.message_contact ul li input:-moz-placeholder,
.message_contact .text textarea:-moz-placeholder {
	/* Mozilla Firefox 4 to 18 */
	color: #919191;
}

.message_contact ul li input:-ms-input-placeholder,
.message_contact .text textarea:-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	color: #919191;
}


@media(max-width: 1600px){
	.message_title {
		margin-top: 30px;
	}
	.message_title h3{
		font-size: 30px;
	}
	.message_title p{
		font-size: 20px;
	}
	.message_contact,.map_contact {

		margin-top: 30px;
	}
	.message_contact .m_btn{
		width: 200px;
	}
}
@media(max-width: 1440px){

}
@media(max-width: 1199px){

	.message_title h3{
		font-size: 24px;
	}
	.message_title p{
		font-size: 16px;
	}
	.message_contact .m_btn{
		width: 180px;
	}
}
@media(max-width: 768px){
	.message_contact ul li{
		width: 100%;
		padding:0;
		margin-bottom:10px;
	}
	.message_contact ul li p, .message_contact ul li .text p{
		margin-bottom:5px;
	}
	.message_contact .text{
		margin-top:10px;
	}
	.message_contact .m_btn{
		width: 160px;
		height: 42px;
		margin: 20px auto 0;
		line-height: 42px;
	}
}
@media(max-width: 767px){
	.message_title h3 {
		font-size: 20px;
	}
	.message_title p {
		font-size: 14px;
	}
}


.n_contact_title2{
	font-size: 40px;
	color: #333;
	border-bottom: 1px solid #e5e5e5;
	padding:20px 0 30px;
	line-height:1em;
}




.product__content{
	display: flex;
	justify-content: space-between;
	margin-left: auto;
	margin-right: auto;
	width: calc(100 - 300px;);
	padding-left: 50px;
}
.product__content .imgsilde{
	width: 45%;
	position: relative;
}
.product__content .imgsilde img{
	width: 100%;
}
.product__content .txt{
	width: 55%;
	padding-left: 8%;
}
.product__content .txt .title01{
	text-align: left;
}
.product__content .txt .title01 b:after {
	content: '';
	display: block;
	width: 80px;
	height: 2px;
	line-height: 2px;
	background-color: #999;
	margin: 20px 0 30px;
}
.product__content .txt .content-exp{
	margin-top: 120px;
	font-size: 16px;
	line-height: 2em;
}
#footer {
	background:rgba(34,34,34,0.9);
	color: #fff;
	position: relative;
}
#footer:after{
	content: '';
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url("../images/ftbg.jpg") no-repeat;
	background-position: center bottom;
	background-size: cover;
	position: absolute;
	z-index: -1;
}
.foot{
	padding:60px 0 25px;
}
.foot a {
	color: #cccccc;
	font-size: 14px;
	line-height: 2em;
}

.foot a:hover {
	color: #eba416;
	text-decoration: none;
}
.f_nav{
	float: left;
	width: calc(100% - 450px);
	border-right: 1px solid #444;
}
.f_nav li{
	float:left;
	width: 15%;
}
.f_nav li:nth-child(2){
	width: 40%;
}
.f_nav li:nth-child(2) .f_nav_a a{
	width: 50%;
	float: left;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding-right: 10px;
}
.f_nav li h3{
	font-size:18px;
	font-weight: 700;
	margin-bottom: 30px;
}
.f_nav_a{

}
.f_nav_a a{
	display: block;
}
.f_nav_c{
	margin-bottom:85px;
	font-size: 14px;
	line-height: 2em;
}
.f_contact{
	float: right;
	padding-left: 25px;
}
.f_contact_q{
	float: left;
}
.f_contact_q img{
	width: 140px;
}
.f_contact_c{
	float: left;
	margin-left: 45px;
}
.f_contact_c h3{
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 30px;
}
.f_contact_c p{
	font-size: 14px;
	line-height: 2em;
}
.copyright {
	line-height: 25px;
	padding:15px 0;
	color: #a9a9a9;
	background: #000;
}
.copyright a{
	color: #a9a9a9;
}
.copyright_l{
	float:left;
	margin-right: 15px;
	font-size: 14px;
}
.copyright_r{
	float:right;
}
.m-foot {
	position:fixed;
	bottom:0;
	left:0;
	z-index:999;
	width:100%;
	background:#f5f5f5;
	border-top:1px solid #e5e5e5;
	display:none;
}
.m-foot ul {
	font-size:0;
	text-align:center;
	height:60px;
}
.m-foot ul li {
	float:left;
	width:25%;
	height:60px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.m-foot ul li span,
.m-foot ul li img {
	display:block;
	margin: 8px auto;
}
.m-foot ul li span {
	line-height:12px;
	font-size:12px;
	color:#333;
}
.m-foot ul li:hover span {
	color:#183ba0;
}
@media only screen and (max-width: 768px) {
	.m-foot {
		display:block;
	}
}

@media(max-width: 1600px){
	.foot {
		padding: 40px 0 20px;
	}
	.f_nav li h3{
		font-size:18px;
		line-height: 40px;
		margin-bottom: 20px;
		height: 56px;
	}
	.f_nav li:last-child h3 img{
		line-height: 40px;
		height: 40px;
	}
}
@media(max-width: 1440px){

}
@media(max-width: 1259px){

}
@media(max-width: 1024px){
	.copyright_l,.copyright_r{
		float:none;
		text-align: center;
	}
}
@media(max-width: 768px){
	.f_nav li{
		display: none;
	}
	.f_nav li:last-child{
		width: 100%;
		display: block;
	}
	.f_nav_c{
		margin-bottom:0;
	}
	.tit-14{
		display: none;
	}
}
@media(max-width: 767px){

}


/*手机屏幕*/
@media screen and (max-width: 767px) {

  /*style.css*/
  body{
    min-width: 0;
    min-height: 0;
	overflow-x: hidden;
  }
  .container{
    width: 100% !important;
    padding: 0 10px !important;
  }

  header{
    position: fixed;
    height: 50px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, .1);
	top: 0px;
	  left: 0px;
  }
  header .top{
		display: none !important;
  }
  header .container{
  	padding: 0 20px;
  }
  header .menu{
  	position: absolute;
  	top: 50px;
  	left: 0;
  	width: 100% !important;
  	padding-top: 0;
	margin-top: 0px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, .1);
	background-color: #fff;
	display: none;
	overflow-y: auto;
  }
  header .menu ul{

  }
  header .menu ul li{
  	float: none;
  }
	
  header .menu .i > p.cur::after,header .menu .i:hover > p::after{
	  display: none;
  }

	header .logo .company{
		font-size: 16px;
		line-height: 50px;
		font-weight: 700;
		padding-left: 10px;
	}


	
  header .mbtn{
  	display: block;
  }
  .homepage header .logo,header .logo{
	  margin: 0px !important;
	  text-align: left;
  }
  header .logo{
	  padding: 0px;
  }
  header .logo img{
  	height: 30px;
	  margin-top: 10px;
  }
  header .menu ul li{
  	border-top: 1px solid #ddd;
	  margin-left: 0px;
  }
  header .menu ul li:first-child{

  }
  header .menu ul li:before{
  	display: none;
  }
  header .menu ul li.nodv.ml10{
  	margin-left: 0;
  }
  header .menu ul li.nodv.ml20{
  	margin-left: 0;
  }
  header .menu .i{
  	padding: 0 10px;
	  position: relative;
  }
  header .menu .i >a{
  	display: block;
  	transition: transform 300ms;
  }
  header .menu .i.on >a{
  	transform: rotate(-45deg);
  }
  header .menu .i >p{
  	line-height: 50px;
  	text-align: center;
  	font-size: 14px;
  	color: #000;
  }
  header .menu .i >p a{
  	color: #000;
	  margin: 0px;

  }
	header .menu .i > p a:hover, header .menu .cur .i > p a, header .menu .i:hover > p a{
		background: none;
		color: #000 !important;
	}
  header .menu .i >.ex,header .menu .i:hover >.ex{
  	position: relative;
  	top: 0 !important;
  	opacity: 1 !important;
  	left: 0;
  	right: 0;
  	margin-bottom: 10px;
  	display: none;
	padding: 0px;
	transform: none !important;
  }
  header .menu .i > .ex .container{
	width: 100% !important;
  }
	header .menu li:nth-child(4) .i > .ex .container{
		width: 100% !important;
	}
	header .menu .i.on >.ex .container{
		padding: 0px !important;
		
		
	}
  header .menu .i >.ex a{
	font-size: 13px;
	padding: 0px;
	margin: 0px;
	width: 100%;
	display: block;
	height: 40px;
	  line-height: 40px;
  }
	header .menu .i >.ex a:last-child{
		border: 0px;
	}
	header .menu .i >.ex a:hover{
		background: none;
		color: #333;
	}
  header .menu .c{
  	padding: 0 10px;
  	padding-bottom: 0;
  }
  header .menu .c >p{
  	line-height: 50px;
  	text-align: center;
  	font-size: 14px;
  }
  header .menu .c >p a{
  	color: #000;
  }

  header .menu .c >p a:before{
  	background-color: #000;
  }
  header .menu .c >p a:after{
  	background-image: url(../images/head-drop@d.png);
  	transition: transform 300ms;
  }
  header .menu .c.on >p a:after{
  	transform: rotate(180deg);
  }
  header .menu .c >.ex{
  	position: relative;
  	top: 0!important;
  	opacity: 1!important;
  	left: 0;
  	right: 0;
  	margin-bottom: 10px;
  	display: none;
  }



	header .menu ul li.cur:after,header .menu ul li:hover:after{
		display: none;
	}

	.language{
		display: none;
	}
	.banner{
		margin-top: 50px;
	}
	.banner .swiper-pagination{
		bottom: 10px;
	}
	.banner .swiper-pagination-bullet{
		width: 30px;
		height: 3px;
	}
	.banner_text .container h3:before{
		width: 80px;
		margin-left: -40px;
		bottom: -15px;
	}
	.banner_text .container h3:after{
		width: 100%;
		left: 0;
		margin-left: 0;
		bottom: -15px;
	}
	.position .nav{
		width: 100%;
	}
	.position .nav .swiper-slide{
		margin-right: 0px;
		text-align: center;
	}
	.position .site{
		display: none;
	}

	.index-solution .ind_new_tab_box .swiper-button-prev,.index-solution .ind_new_tab_box .swiper-button-next{
		width: 40px;
		height: 40px;
		background-size: 50%;
		bottom: 10px;
	}

	.index-pro,.index-solution{
		margin-top: 20px;
	}
	.intro-title{
		margin-top: 30px;
	}

	.index_intro{
		margin-top: 0px;
		padding: 20px 0px;
	}
	.index_intro .ui-title{
		margin-bottom: 30px;
	}
	.index_partner{
		margin: 30px 0px;
	}
	.product_list1{
		margin-top: 20px;
	}
	.ui-title {
		margin-bottom: 40px;
	}
	.ui-title h3{
		font-size:16px;
		margin-bottom: 5px;
	}
	.ui-title p {
		font-size: 24px;
	}
	.ui-title p:after{
		bottom: -15px;
	}
	.ui-title span{
		font-size: 12px;
		width: 60%;
		line-height: 1.5em;
	}
	.index-solution .ui-title p:after{
		bottom: -85px;
	}
	a.tmore{
		font-size: 12px;
		padding: 8px 15px;
	}
	.product_list1 {
		margin-top: 20px;
	}
	.product_list1 li {
		width: 50%;
		margin-bottom: 10px;
	}
	.product_list1 li p{
		margin-top: 10px;
		font-size: 16px;
	}


	a.more1{
		text-indent: 15px;
		font-size: 14px;
		line-height: 30px !important;
		height: 30px !important;
		width: 120px;
	}
	a.more1:hover{
		text-indent: 25px;
		color: #fff;
		background: url(../images/jt4.png) no-repeat 85% center #eba416;
	}
	.index-case .ui-title{
		width: 100%;
	}
	.index-case{
		padding: 20px 0px;
	}
	.index-case .more1{
		margin-top: 20px;
	}
	.index-case-top{
		margin-bottom: 20px;
	}
	.index__news-hot,.index__news-list{
		width: 100%;
	}
	.index_partner .ui-title span{
		margin-top: 20px;
	}
	.page_about{
		margin-top: 20px;
	}
	.page_about_content{
	}
	.page_about_content .img,.page_about_content .txt{
		width: 100%;
		float: none;
		padding: 0px;
	}
	.page_about_content .txt{
		font-size: 14px;
		line-height: 2em;
	}
	.page_about_content .txt p{
		margin-bottom: 15px;
	}
	.page_work_lib li{
		width: 100%;
	}

	.product__list-grid,.panel-sd{
		width: 100%;
		float: none;
		padding: 0px;
		clear: both;
	}
	.product__list-grid{
		margin-top: 50px;
	}
	.product__list-grid ul{
		margin: 20px -5px 0px;
	}
	.product__list-grid li{
		padding: 0px 5px;
	}
	.product__list-grid li a{
		padding: 10px;
	}

	.positionpro{
		display: none !important;
	}
	.solution_top .txt{
		padding: 10px;
	}
	.solution_top .txt p.p1{
		font-size: 18px;
	}
	.solution_top .txt p.p2{
		display: none;
	}
	.product__list-grid li{
		width: 50%;
	}
	.product__content{
		padding: 20px 10px;
		display: block;
	}
	.product__content .imgsilde,.product__content .txt{
		width: 100%;
		padding: 0;
	}
	.product__content .txt{
		margin-top: 20px;
	}
	.page_news,.page_work{
		margin-top: 20px;
	}
	.n_banner{
		margin-top: 50px;
	}
	.n_banner .img{
		height: 150px;

	}
	.n_banner .img .txt h2{
		font-size: 24px;
	}
	.n_banner .img .txt h2:after{
		display: none;
	}
	.n_banner .img .txt p{
		display: none;
	}
	.page_pro{
		margin-top: 30px;
	}
	.product__list-grid li p{
		margin-top: 10px;
		font-size: 14px;
		padding-top: 10px;
	}
	#allmap{
		height: 300px !important;
	}
	.n_contact{
		margin-top: 20px;
	}

	.n_contact_text .content-way .item.item2 li:after{
		display: none;
	}
	.sub__nav-list{
		padding: 15px 0px 5px 0px;
	}
	.sub__nav-list a{
		font-size: 14px;
		padding: 0px 10px;
		line-height: 1.8em;
		margin-bottom: 2px;
	}
	#footer{
		display: none;
	}

}

/*修正*/
.menu .s1{
	display: none;

}

@media(max-width: 767px){
	.menu .s1{
		display: block;
	    position: absolute;
	    content: "";
	    width: 45px;
    	height: 35px;
	    top: 8px;
	    right: 25px;
	}

	.menu .s1::after{
	    position: absolute;
	    content: "+";
	    right: 0;
	    top: 0;
	    font-size: 24px;
	}

	.menu .on .s1::after{
		content: "-";
	}

	header .menu .on .ex{
		display: block!important;
	}

}